/*



Theme Name: Underwater



Description: An underwater blog theme. 



Version: 1.0



Author: Theme Lab





Tags: blue, underwater, fixed width, two columns, widgets







*/







* {



	margin: 0;



	padding: 0;



	}







body {



	background: #111111 url('images/bg1c.jpg') no-repeat top center;



	font: 400 1.0em 'trebuchet ms',arial,sans-serif;



	}



	



.wrap {



	width: 980px;



	margin: 0 auto;



	}



	



h1 {



	margin-top: 25px;



	font: 600 2.3em 'trebuchet ms',arial,sans-serif;



	color: #FFF;



	 



	line-height: 0.6em;



	padding: 12px 0 8px 74px;



	}







h1 a {



	color: #FFF;



	text-decoration: none;



	}







h1 a:hover {



	text-decoration: none;



	}



	



h1 span {



	font: 400 20px 'trebuchet ms',arial,sans-serif;



	color: #bae3f8;



	}



	



h2 {



	margin: 5px 0;



	font: 600 1.5em 'trebuchet ms',arial,sans-serif;



	text-decoration: none;



	color: #bae3f8;



	}


h2 a {



	color: #FFF;



	text-decoration: none;



	}







h2 a:hover {



	text-decoration: none;



	}
	



#nav {



	z-index: 1;



	margin: 37px 0 0 10px;



	width: 100%;



	}



	



#nav ul {



	list-style-type: none;



	}







#nav ul li {



	display: inline;



	}



	



#nav ul li a {



	float: left;



	display: block;



	font-variant: small-caps;



	text-decoration: none;



	color: #FFF;



	font: 400 20px 'trebuchet ms',arial,sans-serif;



	margin-right: 40px;



	padding-bottom: 15px;



	}



	



#nav ul li a:hover {



	color: #e51f1f;



	background: url('images/arrow.gif') no-repeat bottom center;



	}



	



#right {



	float: right;



	clear: none;



	margin: 40px 0 20px 0;



	padding: 20px 10px 20px 19px;



	width: 170px;



	font: 400 0.9em 'trebuchet ms',arial,sans-serif;



	color: #FFF;



	background:#123747 url('images/rightbg2.jpg') no-repeat top left;



	border-right: 1px solid #1f363f; border-top: 1px solid #0f2731; border-bottom: 1px solid #1f363f;



	}



	



#right ul {



	list-style-type: none;



	color: #096;



	}



	



#right ul li a {



	display: block;



	border-bottom: 1px dotted #2d4c5c;



	text-decoration: none;



	color: #94b3c5;



	padding: 3px 0;



	margin-right: 5px;



	}



	



#right ul li a:hover {



	color: #FFF;



	border-bottom: 1px dotted #5794b5;



	}



	



#right h2 {



	padding-bottom: 8px;



	background: url('images/underline.jpg') no-repeat bottom center;



	margin: 15px 0 5px 0;



	font-size: 1.2em;



	}



	



#main {	



	margin: -1px 0 0 0;



	width: 748px;



	background: #123747 url('images/mainbg2.jpg') no-repeat top center;



	border-right: 1px solid #1f363f; border-bottom: 1px solid #294f62; border-left: 1px solid #1f363f; border-top: 1px solid #294f62;



	padding: 10px 15px 50px 15px;



	}



	



#main p {



	color: #cad9e2;



	line-height: 1.4em;



	margin: 0px 0 15px 1px;



	font-size: 0.9em;
	

	border: 0px #999999 solid;

	}



	



#main p.big {



	font-size: 1.2em;



	 



	}



	



#main a {



	color: #fff;



	}



	



#main a:hover {



	text-decoration: none;



	color: #e51f1f;



	}



	



.floatright {



	float: right;



	margin: 8px 0 8px 8px;



	}



	



.floatleft {



	float: left;



	margin: 8px 8px 8px 0;



	}



	



.middle {



	width: 175px;



	float: right;



	margin: 0 3px 15px 15px;



	}



	



.rightbox {



	background: #1e343f;



	border: 1px solid #1f363f;



	font-size: 0.8em;



	padding: 8px;



	width: 160px;



	margin-bottom: 15px;



	}



	



#main .post img {



	padding: 20px;



	background: #1d313c;



	border: 1px solid #234848;



	}







img.front {



	margin: 10px 0;



	}



	



.clearer {



	clear: both;



	line-height: 0;



	font-size: 0;



	}



	



#foot {



	background: #0f2731 url('images/footbg2.jpg') repeat-x top left;



	padding: 30px 15px 15px 15px;



	font-size: 0.7em;



	color: #94b3c5;



	margin: 0 220px 100px 0px;



	width: 750px;
	
	
	
	border-bottom: 1px solid #0D1E25;



	}



	



#foot h3 {



	font-family: 'trebuchet ms',arial,sans-serif;



	 



	color: #74c6f1;



	border-bottom: 1px solid #123747;



	}



	



.footlinks {



	float: left;



	margin-right: 15px;



	width: 150px;



	}



	



.linklist {



	margin-bottom: 10px;



	}



	



#foot ul, .linklist ul {



	list-style-type: none;



	color: #5794b5;



	}



	



#foot ul li a, .linklist ul li a {



	display: block;



	border-bottom: 1px dotted #123747;



	text-decoration: none;



	color: #94b3c5;



	padding: 3px 0;



	}



	



#foot ul li a:hover, .linklist ul li a:hover{



	color: #FFF;



	border-bottom: 1px dotted #3a6378;



	}



	



#foot .about {



	float: right;



	width: 250px;



	}



	



#foot p {



	margin: 5px 0 10px 0;



	}



	



#foot a {



	color: #3a6378;



	}



	



#foot a:hover {



	text-decoration: none;



	}



	



#main h3 {



	font-family: 'trebuchet ms',arial,sans-serif;



	color: #bae3f8;



	margin: 5px 0;



	}



	



#main h5 {



	font-family: 'trebuchet ms',arial,sans-serif;



	color: #bae3f8;



	margin: 5px 0;



	}



	



#main h4 {



	font-family: 'trebuchet ms',arial,sans-serif;;



	color: #bae3f8;



	 



	margin: 5px 0;



	}



	



form {



	padding: 8px;



	background: #0D1E25;



	border: 1px solid #234848;



	margin: 10px 0 20px 0;



	color: #687E7D;



	}



	



fieldset {



	border: none;



	}



	



. form input, #right form input, input#author, input#email, input#url, input#submit, input#searchsubmit, input#s, textarea {



	background: #123747;



	border: 1px solid #234848;



	color: #5794b5;



	padding: 3px;



	display: block;



	}



	



blockquote {



	margin: 15px;



	border-left: 2px solid #055;



	padding: 5px 5px 5px 10px;



	 



	font-family: 'trebuchet ms',arial,sans-serif;



	}



	



.post cite, .comment-author {



	display: block;



	font: 400 0.8em 'trebuchet ms',arial,sans-serif;



	color: #74c6f1;



	font-style: normal;



	background: #0D1E25;



	padding: 8px;
	
	
	
	border-top: 1px solid #111111;



	}



	



hr {



	color: #bae3f8;



	background-color: #0D1E25;



	border: none;



	height: 1px;



	width: 80%;



	margin: 15px auto;



	}



	



#main table {



	margin-bottom: 15px;



	}



	



#main table th {



	background: #123747;



	color: #F70;



	margin: 0px;



	font-weight: 400;



	padding: 5px;



	}



	



#main table td {



	padding: 5px;



	color: #AEBDBD;



	border-bottom: 1px solid #1f363f



	}



	



#main .post ol {



	margin: 10px 0 10px 50px;



	color: #0FC;



	padding: 10px;



	font-family: 'trebuchet ms',arial,sans-serif;



	}



	



#main ol span{



	color: #AEBDBD;



	font-style: normal;



	font-family: 'trebuchet ms',arial,sans-serif;



	}



	



#main .post ul {



	margin: 10px 0 10px 30px;



	color: #AEBDBD;



	font-style: normal;



	font-family: 'trebuchet ms',arial,sans-serif;



	list-style-type: none;



	}



	



#main .post ul li {



	padding-left: 20px;



	background: url('images/bullet.gif') no-repeat left center;



	}







.date {



	width: 35px; height: 35px;



	background: #0D1E25;



	border: 1px solid #294F62;



	font-size: 14px;



	font-family: 'trebuchet ms',arial,sans-serif;



	color: #e51f1f;



	padding: 5px;



	float: left;



	margin: 0px 12px 12px 0;



	text-align: center;



	line-height: 1.1em;



	}



	



.date span {



	display: block;



	font-size: 23px;



	color: #FFF;



	}



	



.post {



	margin-bottom: 5px;



	padding-bottom: 15px;



	}



	



.post h2 {



	border-top: 0px solid #0D1E25; 
	
	

	margin: 0px 0px 20px 55px;



	padding: 10px 4px 4px 4px; 



	}


#img {

	border-left: 1px solid #1f363f; border-right: 1px solid #1f363f; border-top: 1px solid #0f2731; border-bottom: 1px solid #1f363f;
	
	
	background-color: #0D1E25;
	
	
	margin: 10px 0px 30px 0px;
	
	
	padding: 8px;
	
	
	height: 100%;
	
	
	width: 740px;
	
	} 




#extraDiv2 {



	background: url(images/bottom3.jpg) no-repeat bottom center;



	height: 300px;



	width: 100%;



	bottom: 0px;



}







/* Begin Comments*/



.alt {



	margin: 0;



	padding: 10px;



	}







.commentlist {



	padding: 10px;



	margin-top: 10px;



	text-align: justify;



	}







.commentlist li {



	list-style: none;



	border-left: 2px solid #055;



	padding: 5px 5px 5px 10px;



	}







.children { padding: 0; }







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentlist li img.avatar { 



	float: right;



	border: 0;



	padding: 5px;



	margin: -8px -7px 0 0;



	background: none;



	}







.comment-meta {



	font-size: 0.7em;



	text-align: right;



	}



/* End Comments */



	



.center {



	text-align: center;



	}



.alignright {



	float: right;



	}







.alignleft {



	float: left



	}