@charset "utf-8";
/* CSS Document */

/* Reset Styles */
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	outline: 0px;
}
html {
	font-size: 100%;
}

/* Main Elements */
body {
	width: 100%;
	background-color: #010713;
	font-family: Myriad Pro, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/assets/shared/bg_page.jpg);
	background-repeat: repeat;
	background-position: top left;
}
body.home {
	background-image: url(/images/assets/shared/bg_home.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
}
div {
	display: block;
}
h1, h2, h3, h4, h5, h6, p, li {
	line-height: 175%;
}
h1 {
	padding: 0 0 12px 0;
}
h2 {
	padding: 0 0 9px 0;
}
h3 {
	padding: 0 0 9px 0;
}
h4 {
	padding: 0 0 6px 0;
}
h5 {
	padding: 0 0 12px 0;
}
h6 {
	padding: 0 0 6px 0;
}
h7 {
	padding: 0 0 6px 0;
}
p {
	padding: 6px 0 12px 0;
	font-size: 14px;
}
a {
	color: #3b70e6;
	text-decoration: none;
}
a:hover {
}
p a:hover, li a:hover {
	background-color: #3b70e6;
	color: white;
}
a span {
	display: none;
}
acronym {
	border-bottom: 1px dotted #EAEAEA;
	cursor: help;
}
b, strong {
	
}
i, em {
	
}
ul {
	list-style-type: circle;
}
ol {
	
}
li {
	font-size: 14px;
}
form {
	
}
legend {
	
}
label {
	
}
input {
	display: block;
	float: left;
	font-size: 18px;
	border: 1px solid #EAEAEA;
	background-color: #FFFFFF;
	font-family: Myriad Pro, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
}
select {
	display: block;
	float: left;
	font-size: 18px;
	border: 1px solid #EAEAEA;
	font-family: Myriad Pro, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	display: block;
	float: left;
	border: 1px solid #EAEAEA;
	background-color: #FFFFFF;
	line-height: 150%;
	font-size: 18px;
	font-family: Myriad Pro, Gill Sans, Verdana, Arial, Helvetica, sans-serif;
}

/* TomKiss.net Elements */

.blockquote {
	margin: 0 24px 21px 24px;
	padding: 12px 0 0 0;
	border: 1px solid #EAEAEA;
	background-color: #f0f0f0;
}
#header {
	width: 100%;
	height: 264px;
	float: left;
	clear: left;
	background-image: url(/images/assets/shared/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
.home #header {
	background-image: none !important;
}
#logo {
	background-image: url(/images/assets/shared/bg_tomkiss_logo12.png);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	clear: left;
	width: 276px;
	height: 264px;
}
#logo a {
	display: block;
	float: left;
	clear: left;
	width: 276px;
	height: 264px;
}
#page {
	width: 972px;
	float:left;
	clear: left;
}
#mainmenu {
	float: left;
	width: 348px;
}
#mainmenu h2 {
	background-image: url(/images/assets/en/header-title_dark.png);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	width: 276px;
	height: 36px;
	padding: 0px !important;
}
.home #mainmenu h2 {
	background-image: url(/images/assets/en/header-title.png);
}
#mainmenu h2 span {
	display: none;
}
#mainmenu .padder {
	padding: 36px 0 36px 36px;
}
#mainmenu .block {
	float: left;
	clear: left;
	display: block;
	width: 276px;
	padding: 6px 0 6px 0;
	margin: 0px !important;
	border-top: 1px solid #010713;
}
.home #mainmenu .block {
	border-top: 1px solid white !important;
}
#mainmenu .block p {
	padding: 0px;
	margin: 0px;
}
#mainmenu .block .p a {
	display: block;
	width: 276px;
	height: 36px;
}
#mainmenu .url .p a {
	background-image: url(/images/assets/en/header-url_dark.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.home #mainmenu .url .p a {
	background-image: url(/images/assets/en/header-url.png);
}
#mainmenu .online {
	padding: 6px 0 0 0 !important;
}
#mainmenu .ff {
	border-top: none !important;
	padding: 0 0 6px 0 !important;
}
#mainmenu .online .p a {
	background-image: url(/images/assets/en/header-elsewhere.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.home #mainmenu .online .p a {
	background-position: right -72px !important;
}
#mainmenu .tg .p a {
	background-image: url(/images/assets/en/header-tg.png);
	background-repeat: no-repeat;
	background-position: top right;
}
#mainmenu .ff .p a {
	background-image: url(/images/assets/en/header-ff.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.home #mainmenu .ff .p a {
	background-position: right -72px !important;
}
#mainmenu .online .p a:hover, #mainmenu .ff .p a:hover, #mainmenu .tg .p a:hover {
	background-position: right -36px !important;
}
.home .online, .home .ff {
	display: none !important;
}
#ff p {
	display: inline !important;
	text-align: right !important;
	background-image: none !important;
	float: right;
}
#ff p a {
	display: inline !important;
	background-image: none !important;
}
#tg p {
	display: inline !important;
	text-align: right !important;
	background-image: none !important;
	float: right;
}
#tg p a {
	display: inline !important;
	background-image: none !important;
}
#mainmenu li {
	display: block;
	float: left;
	clear: left;
}
#mainmenu li a {
	display: block;
	width: 276px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: top right;
	background-color: transparent !important;
}
#mainmenu li a:hover,
body.about #mm-about a,
body.ee #mm-ee a,
body.blog #mm-blog a,
body.portfolio #mm-portfolio a {
	background-position: right -42px !important;
	background-color: transparent !important;
}
.home #mm-ee {
	display: none;
}
#mm-about a {
	background-image: url(/images/assets/en/mm-about.png);
}
#mm-blog a {
	background-image: url(/images/assets/en/mm-blog.png);
}
#mm-ee a {
	background-image: url(/images/assets/en/mm-ee.png);
}
#mm-portfolio a {
	background-image: url(/images/assets/en/mm-portfolio.png);
}
.home #mainmenu li a, .home #mainmenu ul a {
	background-position: right -84px !important;
}
.home #mainmenu li a:hover, .home #mainmenu ul a:hover {
	background-position: right -42px !important;
}
#identities, #ff {
	width: 276px;
}
#identities .padder, #ff .padder, #tg .padder {
	overflow: hidden;
	padding: 0 0 6px 0;
	margin: 0px;
	width: 276px;
}
#identities a {
	float: left;
	clear: none;
	display: block;
	margin: 3px 0 3px 0;
	background-color: transparent !important;
}
#identities a img {
	background-color: transparent !important;
}
#content {
	float: left;
	width: 624px;
	position: relative;
	top: -18px;
}
#content .header {
	background-image: url(/images/assets/shared/bg_content.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#content .footer {
	background-image: url(/images/assets/shared/bg_content.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#content .header, #content .footer {
	width: 624px;
	height: 3px;
}
#content .padder {
	background-color: #fcfcfc;
	padding: 18px 0 0 0;
}
#content .padder p {
	padding: 0 24px 12px 24px;
}
#content .padder ul, #content .padder ol {
	padding: 0 24px 12px 24px;
	list-style-position: inside;
}
#content .padder ul li, #content .padder ol li {
	list-style-position: inside;
}
#content .item {
}
.hr {
	margin: 24px 0 24px 0;
	border-bottom: 1px solid #EAEAEA;
	width: 624px;
}
.hr hr {
	display: none;
}

.pagetitle {
	margin-left: 24px !important;
}












/* Blog controls */
#blogcontrols {
	padding: 0 24px 6px 24px;
}
#blogcontrols .p {
	background-image: url(/images/assets/shared/bg_blogcontrols.png);
	background-repeat: no-repeat !important;
	background-position: top left !important;
	width: 576px;
	height: 24px;
	display: block;
	float: left;
	clear: left;
	margin-bottom: 12px;
}
#blogcontrols .p a {
	width: 576px;
	display: block;
	float: left;
	clear: none;
	height: 24px;
	margin-right: 6px;
	background-repeat: no-repeat;
	background-position: top left;
}
#blogcontrols .p a:hover {
	background-position: left -24px !important;
}
#controlcomment {
	background-image: url(/images/assets/en/control-comment.png);
}
#controlbookmark {
	background-image: url(/images/assets/en/control-bookmark.png);
}
#controltags {
	background-image: url(/images/assets/en/control-tags.png);
}
/* Bookmarks */
#socialbookmarks {
	float: left;
	display: block;
	clear: both;
	width: 576px;
	padding: 6px 0 6px 0 !important;
	margin: 0 0 12px 0;
}
#socialbookmarks ul {
	list-style-type: none;
	display: block;
}
#socialbookmarks ul li {
	float: left;
	display: block;
	clear: none;
	padding: 0 0 3px 0;
}
#socialbookmarks ul li a {
	padding: 3px;
	float: left;
	display: block;
}
#socialbookmarks ul li a img {
	float: left;
	display: block;
}
#socialbookmarks ul li a span, #socialbookmarks ul li a:hover span {
	float: left;
	display: block;
	padding: 0 0 0 3px;
}
#socialbookmarks ul li a:hover  {
	background-color: transparent !important;
}
#socialbookmarks ul li a:hover span {
	background-color: #3b70e6;
	color: white;
}
/* Tags */
#tags {
	float: left;
	display: block;
	clear: both;
	width: 576px;
	margin: 0 0 12px 0 !important;
	padding: 0px !important;
}
#tags p {
	font-size: 18px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.tags {
	font-size: 18px !important;
}
/* Comment Form*/
#commentform {
	width: 576px;
	float: left;
	display: block;
	clear: both;
	margin: 0 0 12px 0;
}
#commentform form {
	float: left;
	clear: both;
}
#commentform form ul {
	list-style-type: none;
}
#commentform form li {
	width: 576px;
	float: left;
	clear: left;
	padding: 0 0 12px 0;
}
#commentform form li label {
	width: 576px;
	float: left;
}
#commentform form li label span {
	width: 180px;
	display: block;
	float: left;
}
#commentform form li label img {
	display: block;
	float: left;
}

/* Forms */
.inputtext {
	width: 394px;
	clear: none;
}
.inputtextarea {
	width: 394px;
	height: 180px;
	clear: none;
}
.checkbox {
	clear: none;
	margin-right: 6px;
}
.submit {
	clear: none;
	padding: 6px 12px 6px 12px;
	font-size: 18px;
	border: 1px solid #3b70e6;
	color: #3b70e6;
	background-color: #EAEAEA;
}
.hiddenFields {
	display: none;
}


/* Comments */
#comments {
	background-color: transparent !important;
	padding: 0 0 24px 24px;
}
#comments h3 {
	background-position: top left !important;
}
#comments .item {
	float:left;
	width: 384px;
	background-color: transparent !important;
}
#comments .item .padder {
	background-image: url(/images/assets/shared/bg_comment.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0 0 24px 0;
	padding: 9px 0 0 0;
	background-color: transparent !important;
}
#comments .padder p {
	padding: 0px 12px 9px 12px !important;
	color: #1f2738;
	line-height: 150%;
}
#comments .header {
	background-color: transparent !important;
	background-image: url(/images/assets/shared/bg_comment.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 3px;
	width: 384px;
}
#comments .block {
	background-image: url(/images/assets/shared/bg_comment.png);
	background-repeat: no-repeat;
	width: 192px;
	display: block;
	position: relative;
	float:left;
	left: -1px;
	background-color: transparent !important;
	background-position: -384px top;
}
#comments .preview .padder {
	background-image: url(/images/assets/shared/bg_comment_preview.png) !important;
}
#comments .preview .header {
	background-image: url(/images/assets/shared/bg_comment_preview.png) !important;
}
#comments .block.preview {
	background-image: url(/images/assets/shared/bg_comment_preview.png) !important;
}
#comments .author1 .padder {
	background-image: url(/images/assets/shared/bg_comment_tom.png) !important;
}
#comments .author1 .header {
	background-image: url(/images/assets/shared/bg_comment_tom.png) !important;
}
#comments .block.author1 {
	background-image: url(/images/assets/shared/bg_comment_tom.png) !important;
}
#comments h4 {
	margin: 12px 0 0 18px;
	padding: 0px !important;
	background-position: top left !important;
}
#comments h4 a {
	background-position: top left !important;
}
#comments .block p {
	line-height: 120% !important;
	padding: 3px 0 6px 18px;
	margin: 0px !important;
	font-size: 12px;
	color: #767a84;
}
.commentscounter {
	background-image: url(/images/assets/shared/bg_commentscount.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 72px !important;
	height: 36px;
	display: block;
	float: right;
}
.commentscounter span {
	width: 36px !important;
	padding: 6px 0 0 0;
	font-size: 18px;
	text-align: center;
	color: #918f8f;
	display: block;
	float: left;
}

/* Global classes*/
.hide {
	display: none;
	font-size: 0px !important;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
p .floatleft {
	margin: 0 12px 12px 0;
}
p .floatright {
	margin: 0 0 12px 12px;
}
.clear {
	clear: both;
}
.fullwidth {
	width: 100% !important;
}
.imgfull {
	margin-bottom: 1px;
}
.marg-b {
	margin-bottom: 12px;
}
.marg-t {
	margin-top: 12px;
}
.marg-l {
	margin-left: 12px;
}
.marg-r {
	margin-right: 12px;
}
.flashcontent {
	padding-bottom: 12px;
	padding-top: 6px;
	width: 100%;
	text-align: center;
}
.flashcontent object, .flashcontent div {margin-auto;}
.notice {
	font-size: 13px !important;
	font-style: italic;
}
.center {
	text-align: center;
}
.center * {
	margin-right: auto;
	margin-left: auto;
}
.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;	
}
.directorytree * {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	margin-top: 0px !important;
}
.button {
	clear: none;
	padding: 6px 12px 6px 12px;
	font-size: 15px;
	border: 1px solid #3b70e6;
	color: #3b70e6;
	background-color: #EAEAEA;
}