/*
Theme Name: Face Surreal
Theme URI: http://stamatiskritikos.com/
Description: artistic lines
Version: 1.0
Author: Stamatis Kritikos
Author URI: http://stamatiskritikos.com/

content formatting commands aka cascading style sheets
cfc = css ? lol I need vacations again ;P
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
author (of the following lunatic code): Stamatis Kritikos;
latest update: 10th of September, 2009
(c) 2006-2009, www.stamatiskritikos.com
*/

/*
some basic styling to set the master background, the font color and size, center the template and get rid of margins and padding
*/
html,body {height:100%;}
body {
background:#0a3f5b url(img/template/background_general.gif) top center repeat-x;
color:#c0c6ca;
font:normal 12px/18px georgia,tahoma,arial,sans-serif;
text-align:center; /* "center the table please" hack part 1/3 =D */
margin:0;
padding:0;
}
/* links */
a:link, a:active { color:#8ea6c3; text-decoration:underline; }
a:visited { color:#8ea6c3; text-decoration:none; }
a:hover { text-decoration:none; }
a:focus, input:focus { outline:none; }
/* links */
img { border:none; }
form { margin:0;padding:0; }
input, textarea {
background:#000;
color:#ccc;
border:1px solid #182331;
margin:0;
padding:0 0 0 2px;
font-size:110%;
}
input:focus, textarea:focus { background:#0b1017;color:#ccc; }
select {
background:#000;
color:#ccc;
border:1px solid #182331;
margin:0;
padding-left:2px;
font-size:110%;
}
select:hover { background:#0b1017; }
input.search {
border:none;
background:url('img/template/search.gif') no-repeat top left;
padding:11px 8px 0 8px;
width:104px;
height:26px;
margin-left:15px;
font:normal 12px georgia;
color:#aaa;
}
input.searchbutton { 
font:normal 18px georgia;
border:none; 
background:none; 
color:#000; 
padding:0; 
margin-left:5px;
border-bottom:2px solid #08334b;
}
input.searchbutton:hover, input.searchbutton:focus { 
text-decoration:none;
border-bottom:2px solid #000;
background:none;
color:#000;
cursor:pointer;
}

/*
source formatted view aka sfv lol, it just makes the code clearer to me that way
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
one (table class) to include them all
*/
.master {
width:984px;
height:100%;
margin-left:auto; /* "center the table please" hack 2/3 =D */
margin-right:auto; /* "center the table please" hack 3/3 =D */
}
	/*
	overall header
	*/
	#header {
	width:984px;
	height:311px;
	vertical-align:top;
	margin:0;
	background:url(img/template/header_whoami.gif) bottom right no-repeat;
	}
		/*
		logo background
		*/
		#logo {
		width:984px;
		height:143px;
		margin:0;
		background:url(img/template/header_logo.gif) top no-repeat;
		position:relative;
		}
		/*
		basic left menu items and search box
		*/
		#leftnav {
		width:230px;
		height:168px;
		text-align:center;
		vertical-align:top;
		margin:0;
		float:left;
		background:url(img/template/header_sidemenu.gif) top no-repeat;
		}
		#leftnav img {margin:0 45px 0 0;}
		/*
		center background image containing navigation heading
		*/
		#navhead {
		width:450px;
		height:168px;
		margin:0;
		float:left;
		background:url(img/template/header_navhead.gif) top no-repeat;
		text-align:right;
		color:#5c6e92;
		font:normal 10px arial,sans-serif;
		}
		/*
		top right block, who am I?
		*/
		#aboutme {
		width:234px;
		height:168px;
		vertical-align:top;
		margin:0;
		float:left;
		text-align:center;
		font:normal 12px/normal georgia,arial,sans-serif;
		color:#7a97a3;
		}
		#aboutme h3 {
		font:normal 24px/14px georgia;
		color:#437791;
		margin:0 10px 14px 0;
		text-align:right;
		}
		#aboutme p {
		margin:0 5px 10px -15px;	
		}
		#aboutme a, #sidecontent a {
		color:#c0c6ca;
		text-decoration:underline;
		}
		#aboutme a:hover, #sidecontent a:hover {
		text-decoration:none;
		}
	/*
	overall body
	*/
	#parent {
	width:984px;
	height:auto;
	vertical-align:top;
	margin:0;
	}
		/*
		left sideline with looping background
		*/
		#sideleft {
		width:98px;
		margin:0;
		float:left;
		vertical-align:top;
		background:url(img/template/background_left.gif) top left repeat-y;
		}
		#sl {
		width:98px;
		height:552px;
		margin:0;
		padding:0;
		background:url(img/template/side.left_top.gif) top left repeat-y;
		}
		/*
		main content here
		*/
		#content {
		width:541px;
		float:left;
		background:#164963 url(img/template/background_menu.gif) top right no-repeat;
		text-align:left;
		vertical-align:top;
		font:normal 14px/22px georgia,serif;
		}
		.cc {
		color:#95b3bf;
		font:normal 12px/18px georgia,sans-serif;
		padding-left:2px;
		}
		.cc a {color:#577c8f;}
		#content h1 {font:normal 30px georgia,serif; color:#c0c6ca; margin:-30px 0 8px 20px;}
		#content .date {width:120px; height:52px; background:url('img/template/date.gif') no-repeat top left; float:left; margin:0 10px 10px 0; text-align:center; padding:3px 0 0 0;}
		#content .filed {font-size:11px; color:#577c8f;}
		#content .comments a {text-decoration:none;}
		#content p {margin:0 0 12px 0;}
		#content h2, #content h2 a {color:#d8a759; font:normal 24px georgia,sans-serif; letter-spacing:-1px; margin:15px 0 5px 0;}
		#content hr {display:block; height:35px; background:url('img/template/div.gif') no-repeat top center; border:none;}
			/*
			navigation bar
			*/
			#menu {
			width:170px;
			height:275px;
			float:right;
			text-align:right;
			vertical-align:top;
			}
			ul.level1 {padding:0; margin:10px 0 0 25px; list-style:none; width:140px;}
			ul.level1 ul {padding:0; margin:0; list-style:none; width:140px}
			
			ul.level1 table {border-collapse:collapse; padding:0; margin:-1px 0 0 0; width:0; height:0;}
			
			ul.level1 li {float:left; display:block; padding:1px; background:url(trans.gif);}
			* html ul.level1 li {float:left; display:block; padding:0;}
			
			ul.level1 li a {float:left; display:block;}
			* html ul.level1 li a {display:block; padding:1px;}
			ul.level1 ul li.inner a {font:normal 24px/20px georgia, sans-serif; color:#ecc573; cursor:pointer; text-decoration:none; text-shadow: 1px 1px 0 #6c1011;}
			
			ul.level1 li a:hover {border:0;}
			
			ul.level1 :hover ul li.inner a {font-size:22px; color:#bbb; text-shadow: 1px 1px 0 #000;}
			ul.level1 :hover ul :hover ul li.inner a  {font-size:20px; color:#ccc; text-shadow: 1px 1px 0 #000;}
			ul.level1 :hover ul :hover ul :hover ul li.inner a {font-size:18px; color:#ddd; text-shadow: 1px 1px 0 #000;}
			ul.level1 :hover ul :hover ul :hover ul :hover ul li.inner a {font-size:16px; color:#eee; text-shadow: 1px 1px 0 #000;}
			ul.level1 :hover ul :hover ul :hover ul :hover ul :hover ul li.inner a {font-size:14px; color:#fff; text-shadow: 1px 1px 0 #000;}
		/*
		center sideline with looping background
		*/
		#sidecenter {
		width:41px;
		margin:0;
		float:left;
		vertical-align:bottom;
		background:url(img/template/background_center.gif) top repeat-y;
		}
		#sc {
		width:41px;
		height:552px;
		margin:0;
		padding:0;
		background:url(img/template/side.center_top.gif) top left repeat-y;
		}
		/*
		side content featuring, submenus, testimonials, support sk and awards
		*/
		#sidecontent {
		width:229px;
		float:left;
		text-align:left;
		vertical-align:top;
		font:normal 12px/normal georgia,arial,sans-serif;
		color:#7a97a3;
		}
		#sidecontent hr {display:block; height:58px; background:url('img/template/divider.gif') no-repeat top center; border:none;}
		#sidecontent p {padding:0 20px 7px 0; margin:0 0 7px 0;}
		#sidecontent .links {padding-bottom:0;}
		#sidecontent h3 {font-size:100%; color:#bfbfbf; letter-spacing:1px;}
		#sidecontent h1, #sidecontent h2 {
		color: #5986af;
		}
		#sidecontent ul ul li:before {
			content: "\00BB \0020";
		}
		#sidecontent ul, #sidecontent ul ol {
			margin: 0;
			padding: 0;
		}
		#sidecontent ul li {
			list-style-type: none;
			list-style-image: none;
			margin-bottom: 15px;
		}
		#sidecontent ul p, #sidecontent ul select {
			margin: 5px 0 8px;
		}
		#sidecontent ul ul, #sidecontent ul ol {
			margin: 5px 0 0 10px;
		}
		#sidecontent ul ul ul, #sidecontent ul ol {
			margin: 0 0 0 10px;
		}
		ol li, #sidecontent ul ol li {
			list-style: decimal outside;
		}
		#sidecontent ul ul li, #sidecontent ul ol li {
			margin: 3px 0 0;
			padding: 0;
		}
		#sidecontent form {
			margin: 0;
		}
		/*
		right sideline with looping background
		*/
		#sideright {
		width:75px;
		vertical-align:bottom;
		margin:0;
		float:left;
		background:url(img/template/background_right.gif) top repeat-y;
		}
		#sr {
		width:75px;
		height:552px;
		margin:0;
		padding:0;
		background:url(img/template/side.right_top.gif) top left repeat-y;
		}
	/*
	overall footer
	*/
	#footer {
	width:984px;
	height:146px;
	vertical-align:top;
	margin:0;
	clear:both;
	}
	#footmod {
	width:984px;
	height:120px;
	background:url(img/template/background_footer.gif) top no-repeat;
	vertical-align:top;
	margin:0;
	clear:both;
	}
		/*
		top full width background image
		*/
		#cleardiv {
		width:984px;
		height:72px;
		background:url(img/template/footer_clear.gif) top no-repeat;
		margin:0;
		}
		/*
		left part
		*/
		#footleft {
		width:372px;
		height:64px;
		float:left;
		text-align:right;
		vertical-align:top;
		background:url(img/template/footer_left.gif) top no-repeat;
		margin:0;
		}
		#footleft p {margin:0 249px 0 0;}
		#footleft img {float:right; border:none;}
		/*
		footer content
		*/
		#footcontent {
		width:537px;
		height:64px;
		float:left;
		text-align:left;
		background:url(img/template/footer_center.gif) bottom no-repeat;
		background-color:#0a364e;
		color:#577c8f;
		margin:0;
		}
		#footcontent p {margin:7px 0 0 24px; font:normal 11px/normal georgia,sans-serif;}
		a.foot:link, a.foot:visited {text-decoration:none; background-color:#0c1623; color:#c86;}
		a.foot:active {color:#ccc}
		a.foot:hover {color:#fe8753;}
		a.footfinger:link, a.footfinger:visited {text-decoration:none; background-color:#0c1623; color:#8ea6c3; border:none;}
		a.footfinger:active {color:#ccc}
		a.footfinger:hover {text-decoration:none; background-color:#0c1623; color:#8ea6c3; border:none;}
		/*
		right part
		*/
		#footright {
		width:75px;
		height:64px;
		float:left;
		background:url(img/template/footer_right.gif) top no-repeat;
		margin:0;
		}
/* Some Seditio Styling [not complete] */		
.clear {clear:both;}
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s18 {font-size:18px;}
.s22 {font-size:22px;}
.s24 {font-size:24px;}
.s30 {font-size:30px;}
.s36 {font-size:36px;}
.light1 {color:#437791;}
.light {color:#c0c6ca;}
.dark1 {color:#08334b;}
.dark {color:#020f15;}
.gold {color:#d8a759;}
.blue {color:#7a97a3;}
.txtright {text-align:right;}
.rss {padding:2px 0 2px 20px; background:url('img/template/rss.gif') no-repeat left center;}
.email {padding:2px 0 2px 20px; background:url('img/template/email.gif') no-repeat left center;}
.code {
width:90%;
padding:8px;
background-color:#0b1017;
border:1px solid #182331;
font-size:9px;
font-family:tahoma,sans-serif;
}