/*  
Theme Name: Ars Thanea
Theme URI: http://arsthanea.com/
Description: Ars Thanea theme
Version: 1.0
Author: Ars Thanea
Author URI: http://arsthanea.com/
*/

html {
	height: 100%;
	overflow-y: scroll;
}

body, img, p, div, ul, ol, li, input, textarea, h1, h2, h3, pre, table, td, th, blockquote, form, address, object, embed {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ol, li {
	list-style: none;
}

body {
	background: #000 url(images/header_grad.gif) repeat-x;
	font: normal 10px/1.4em Tahoma, Helvetica, sans-serif;
	color: #b4b4b4;
}

input, textarea {
	font: normal 10px/1.4em Tahoma, Helvetica, sans-serif;
}

textarea {
	overflow-y: auto;
}

a {
	text-decoration: none;
	color: #b4b4b4;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

p {
	margin: 15px 0;
}

h1, h2 {
	margin: 16px 0;
}

div.Spacer {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

div#page {
	width: 715px;
	margin: 0 auto;
}

/*
	
	HEADER

*/

	#header {
		height: 115px;
		background: url(images/logo_arsthanea.jpg) no-repeat 210px 0;
	}
	
		#header a#tomainpage {
			display: block;
			height: 60px;
			width: 145px;
			position: absolute;
			margin: 25px 0 0 200px;
		}
		
		#header a#atbtn {
			display: block;
			width: 83px;
			height: 14px;
			position: absolute;
			background: url(images/btn_arsthanea.gif) no-repeat 0 -14px;
			margin: 90px 0 0 433px;			
		}
		
		#header a#atbtn:hover {
			background: url(images/btn_arsthanea.gif) no-repeat 0 0;
		}		
		
		#header a#rssentriesbtn {
			display: block;
			width: 71px;
			height: 14px;
			position: absolute;
			background: url(images/btn_rss_entries.gif) no-repeat 0 -14px;
			margin: 90px 0 0 640px;			
		}
		
		#header a#rssentriesbtn:hover {
			background: url(images/btn_rss_entries.gif) no-repeat 0 0;
		}
		
		#header a#rsscommentsbtn {
			display: block;
			width: 86px;
			height: 14px;
			position: absolute;
			background: url(images/btn_rss_comments.gif) no-repeat 0 -14px;
			margin: 90px 0 0 535px;
		}
		#header a#rsscommentsbtn:hover {
			background: url(images/btn_rss_comments.gif) no-repeat 0 0px;
		}	
	
/*
	
	CONTENT

*/
	
	/* width 535px */
	#content {
		width: 475px;
		padding: 10px 25px 5px 35px;
		float: left;
		background: #121212;
		min-height: 600px;
	}
	
	/* IE6 hack */
	* html #content {
		height: 600px;
	}

		#content .post {
			margin: 15px 0 50px 0;
		}

		#content.single .post {
			margin-bottom: 40px;
		}
	
		#content h2 {
			font: normal 21px/1em "Trebuchet MS", Helvetica, sans-serif;
		}

		#content .entry, #content p, #content .entry li, #content .entry address {
			font: normal 11px/1.4em Tahoma, Helvetica, sans-serif;
			color: #b4b4b4;
		}
		#content .entry strong {
			color: #e2e2e2;
		}
		#content .entry address {
			font-style: normal;
			line-height: 1.5em;
			margin: 10px 0;
		}				
		#content .entry img, #content .entry .wrapper {
			padding: 5px;
			margin: 10px auto 10px 0;
			display: block;
			text-align: center;
		}
		
		#content .entry img, #content .entry .border {
			border: 1px solid #343434;
		}
		
		#content .entry a:hover img {
			border-color: #666;
		}		
		
		#content .flashmovie {
			border: 1px solid #343434;
			padding: 5px;
			margin: 10px auto 10px 0;
			width: 456px;
			text-align: center;		
		}
		
		#content p.fp_info {
			text-align: center;
			background: #000;
			color: #999;
			padding: 10px;
		}
		
		#content .more-link {
			display: block;
			margin: 10px 0 0 0;
		}
		
		#content .entry .bgblack {
			background: #000;
		}
		
		#content .entry .imagegallery {
			margin: 15px 0;
		}
		
		#content .entry .noborder, #content .noborder .flashmovie {
			border: none;
		}
		
		#content .postmetadata, #content .postmetadata-single {
			padding: 8px 0 0 0;
			background: url(images/postmetadata_bar.gif) no-repeat;
			color: #5e5e5e;
			margin: 23px 0 0 0;		
		}
		
		#content .postmetadata {
			font: normal 11px/1em Tahoma, Helvetica, sans-serif;
		}
					
		#content .postmetadata-single {
			font: normal 9px/1.35em Tahoma, Helvetica, sans-serif;
		}
				
			#content .postmetadata .count {
				color: #e6e6e6;
			}
		
		/* company */
		.cat-4 .postmetadata span.date, .cat-4 .postmetadata a.comments, .cat-4 h2, .cat-4 h2 a {
			color: #889a6e;
		}
		h4 span.cat-4 {
			color: #889a6e;
		}
		.cat-4 h3 {
			color: #889a6e;
		}
		.cat-4 .entry  a {
			color: #889a6e;
			text-decoration: underline;
		}
		.cat-4 .entry  a:hover, .cat-4 .postmetadata a.comments:hover {
			color: #b1c98f;
			text-decoration: none;
		}
		
			.cat-4 a.officelink {
				margin: 2px 0 0 0;
				display: block;
				width: 110px;
				height: 11px;
				background: url(images/m_arsthanea-green.gif) no-repeat 0 -11px;
			}
			.cat-4 a.officelink:hover {
				background: url(images/m_arsthanea-green.gif) no-repeat 0 0;
			}		
		
			.cat-4 .BulletList li {
				background: url(images/bullet-1.gif) no-repeat 0 0.5em;
				padding: 0 0 0 11px;
				margin: 2px 0 2px 0;
			}								
		/* media */
		.cat-8 .postmetadata span.date, .cat-8 .postmetadata a.comments, .cat-8 h2, .cat-8 h2 a {
			color: #e38502;
		}
		h4 span.cat-8{
			color: #e38502;
		}
		.cat-8 h3 {
			color: #e38502;
		}
		.cat-8 .entry  a {
			color: #e38502;
			text-decoration: underline;
		}		
		.cat-8 .entry  a:hover, .cat-8 .postmetadata a.comments:hover {
			color: #f0aa49;
			text-decoration: none;
		}					
		/* design */
		.cat-3 .postmetadata span.date, .cat-3 .postmetadata a.comments, .cat-3 h2, .cat-3 h2 a {
			color: #3685aa;
		}
		h4 span.cat-3{
			color: #3685aa;
		}
		.cat-3 h3 {
			color: #3685aa;
		}
		.cat-3 .entry  a {
			color: #3685aa;
			text-decoration: underline;
		}		
		.cat-3 .entry  a:hover, .cat-3 .postmetadata a.comments:hover {
			color: #32a7de;
			text-decoration: none;
		}							
		/* lab */
		.cat-7 .postmetadata span.date, .cat-7 .postmetadata a.comments, .cat-7 h2, .cat-7 h2 a {
			color: #cc1d44;
		}
	
		h4 span.cat-7{
			color: #cc1d44;
		}
		.cat-7 h3 {
			color: #cc1d44;
		}
		.cat-7 .entry  a {
			color: #cc1d44;
			text-decoration: underline;
		}			
		.cat-7 .entry  a:hover, .cat-7 .postmetadata a.comments:hover {
			color: #e8365d;
			text-decoration: none;
		}			
		
		h3 {
			font: normal 14px/1.3em "Trebuchet MS", Helvetica, sans-serif;
			margin: 25px 0 10px 0;
		}
		
		#content .entry h3 {
			font: bold 12px/1.1em Tahoma, Helvetica, sans-serif;
		}		
		
		#content blockquote {
			margin: 10px 5px;
			background: #222 url(images/apostrophe.gif) no-repeat 10px 20px;
			color: #a5a5a5;
			border: 1px solid #343434;
			padding: 8px 40px 8px 60px;			
		}
		
		#content blockquote p {
			color: #a5a5a5;		
		}
				
		h4 {
			font: normal 12px/1.2em Tahoma, Helvetica, sans-serif;
			color: #525252;
			margin: 5px 0;
		}		
		
				
			h4 span.date {
				color: #799c0c;
			}
			
		#content .navigation {
			margin: 5px 0 5px 0;
			color: #5e5e5e;		
		}
		
		#content .bottom {
			margin: -20px 0 15px 0;
		}
		
		#content .navigation a {
			color: #5e5e5e;
		}
		
		#content .navigation a:hover {
			color: #b4b4b4;
		}
		
		#content .navigation .alignleft {
			float: left;
			width: 200px;
		}
		
		#content .navigation .alignright {
			float:right;
			width: 200px;
			text-align: right;
		}		
/*
	
	SIDEBAR

*/
	
	#sidebar {
		width: 180px;
		float: left;
		color: #5e5e5e;
	}

		#sidebar li li a {
			display: block;
			width: 130px;
			color: #5e5e5e;
			text-decoration: none;	
		}
	
		#sidebar li li a:hover {
			color: #fff;
		}
		
		#sidebar li {
			margin: 0 0 30px 0;
		}
		
		/* IE6, IE7 hack */
		#sidebar li ul {
			height: 1%;
		}

		#sidebar li#sidebar-company {
			border-left: 2px solid #889a6e;
		}
		#sidebar li#sidebar-company .current-cat .link, #sidebar li#sidebar-company .current_page_item a {
			color: #889a6e;
		}


		#sidebar li#sidebar-archive {
			border-left: 2px solid #799c0c;
		}
		
		#sidebar li#sidebar-media {
			border-left: 2px solid #e38502;		
		}
		#sidebar li#sidebar-media .current-cat .link {
			color: #e38502;
		}
				
		#sidebar li#sidebar-lab {
			border-left: 2px solid #cc1d44;		
		}
		#sidebar li#sidebar-lab .current-cat .link {
			color: #cc1d44;
		}		
		
		#sidebar li#sidebar-design {
			border-left: 2px solid #3685aa;
		}
		#sidebar li#sidebar-design .current-cat .link {
			color: #3685aa;
		}			
		
			#sidebar li .count {
				color: #b4b4b4;
			}
			
			#sidebar li strong {
				margin: 3px 3px 3px 13px;
				border-bottom: 1px solid #333;
			}
	
			#sidebar li ul li {
				margin: 0 5px 0 13px;
			}	
		
		#sidebar li#sidebar-search form {
			display: block;
			height: 19px;
			margin: 0 0 20px 0;
			line-height: 1.5em;
		}
		
		#sidebar li#sidebar-search #s{
			background: #121212;
			border: 1px solid #343434;
			color: #b4b4b4;
			width: 94px;
			text-align: left;
			padding: 2px 7px;
			margin: 0 0 0 2px;
		}
		
		#sidebar li#sidebar-search #searchsubmit{
			vertical-align: bottom;
			margin: 0 0 0 2px;
		}		
		
		#sidebar p.sitelink {
			margin: 0 0 0 2px;
			color: #5e5e5e;
		}
		
		#sidebar p.sitelink a {
			color: #5e5e5e;
		}
		
		#sidebar p.officelink {
			margin: 2px 0 0 3px;
		}
		
			#sidebar p.officelink a {
				display: block;
				width: 97px;
				height: 9px;
				background: url(images/m_arsthanea.gif) no-repeat 0 -10px;
			}
			#sidebar p.officelink a:hover {
				background: url(images/m_arsthanea.gif) no-repeat 0 0;
			}
			
/*
	
	FOOTER

*/

	#footer {
		padding: 0 0 50px 180px;
		color: #545454;
		line-height: 1.3em;
	}
	
	#footer div {
		text-align: center;
		width: 380px;
		float: left;
		margin: 7px 0 0 0;
	}
	
	#footer a {
		color: #545454;
		text-decoration: none;
	}
	
	#footer a span {
		color: #b4b4b4;
	}

	#footer a:hover span {
		color: #fff;
	}
	
	a#tothetop {
		display: block;
		width: 57px;
		height: 11px;
		background: url(images/to_the_top.gif) no-repeat 0 -12px;
		margin: 9px 10px 0 0;
		float: left;
	}
	
	a#tothetop:hover {
		background: url(images/to_the_top.gif) no-repeat 0 -1px;	
	}
	
	a#hosting {
		display: block;
		width: 115px;
		height: 24px;
		background: url(images/hosted_by_at.gif) no-repeat 0 -25px;
		float: right;
		margin: -20px 0 0 0;
	}
	
	a#hosting:hover {
		background: url(images/hosted_by_at.gif) no-repeat 0 -1px;	
	}
	
/*

	COMMENT FORM
	
*/
	
	#commentform {
		display: block;
		padding: 0 0 20px 0;
	}
		#commentform #comment {
			width: 440px;
			margin: 0 0 10px 0;
			line-height: 1.2em;
			overflow: auto;
			height: auto;
		}
	
	#commentform #email,
	#commentform #author,
	#commentform #url {
		margin: 0 5px 0 0;
	}
		
	#commentform label {
		color: #5e5e5e;
	}
	
	#commentform .txt {
		background: #070707;
		border: 1px solid #363636;
		color: #b5b5b5;
		padding: 2px;
		font-size: 11px;
	}
	
	#commentform #submit {
		color: #070707;
		text-align: center;
		border: 1px solid #363636;
		font: bold 11px/1.4em "Trebuchet MS", Helvetica, sans-serif;
		height: 1.8em;
		width: 145px;
		margin: 0 0 5px 0;		
	}
		/* company */
		.cat-4 #submit {
			background: #889a6e;
		}
		/* media */
		.cat-8 #submit {
			background: #e38502;
		}
		/* design */
		.cat-3 #submit {
			background: #3685aa;
		}
		/* lab */
		.cat-7 #submit {
			background: #cc1d44;
		}
		
		
/*
	COMMENTS
*/
	ol.commentlist li {
		margin: 15px 0;
		background: url(images/tip.gif) no-repeat 0 0;
	}

	ol.commentlist li div.wrapper {
		margin: 0 0 0 30px;
		border: 1px solid #343434;
		background: #252525;
		color: #a5a5a5;
		padding: 10px 15px 10px 25px;			
	}
	

	#content div.commentdata p.author {
		margin: 0 0 2px 0;
		font: normal 11px/1.2em "Trebuchet MS", Helvetica, sans-serif;
	}
	
		/* company */
		.cat-4 div.commentdata p.author, .cat-4 div.commentdata p.author a {
			color: #889a6e;
		}
		/* media */
		.cat-8 div.commentdata p.author, .cat-8 div.commentdata p.author a {
			color: #e38502;
		}
		/* design */
		.cat-3 div.commentdata p.author, .cat-3 div.commentdata p.author a {
			color: #3685aa;
		}
		/* lab */
		.cat-7 div.commentdata p.author, .cat-7 div.commentdata p.author a {
			color: #cc1d44;
		}	
	
	
	#content div.commentdata p.commentlink {
		margin: 2px 0 0 0;
		font: normal 10px/1.2em "Trebuchet MS", Helvetica, sans-serif;		
	}
		#content div.commentdata p.commentlink a {
			color: #e6e6e6;
		}
		
	div.commentcontent {
		font-size: 11px;
	}
	div.commentcontent a {
		text-decoration: underline;
	}	

/*

	WP - SYNTAX

*/	

div.wp_syntax_label {
	margin: 10px 0 0 0;
	height: 11px;
	
}

div.actionscript3 {
	background: url(images/label_as3.gif) no-repeat 0 0;
}

div.actionscript2 {
	background: url(images/label_as2.gif) no-repeat 0 0;
}

div.xhtml {
	background: url(images/label_xhtml.gif) no-repeat 0 0;
}

div.wp_syntax {
	background: #1c1c1c;
	margin: 0 auto 10px 0;
	padding: 5px;
	color: #a4a4a4;
	max-height: 500px;
	overflow: auto;
	font: normal 11px/1.25em "Courier New", Courier, monospace;
	border: 1px solid #343434;	
}
/* IE6 hack */
* html 	div.wp_syntax {
	width: 463px;
}
* html .commentlist div.wp_syntax {
	width: 390px;
}

	div.wp_syntax .line_numbers pre {
		color: #333;
	}

/*

	CRYPTOGRAPH

*/

#secureimgdiv label {
	display: block;
	margin: 0 0 5px 0;
}
#secureimgdiv input.txt {
	margin: 0;
}
#securityimg {
	vertical-align: top;
}


/*
	SNAPSHOT


div#snap_com_shot_main {
	z-index: 1001;

}
*/

#content p.admintext {
	font: normal 9px/1.4em Tahoma, Helvetica, sans-serif;
}

#content .admintext {
	color: #FFFFAA !important;
}

#content a.adminlink {
	color: #FFFFAA !important;
	text-decoration: underline !important;
}
