/*  

Theme Name: Ocean

Theme URI: http://www.ldufrane.com/blog/



Description: Vibrant theme using ocean hues, 2 column layout.

Version: 1

Author: Lou Dufrane

Author URI: http://www.ldufrane.com



This CSS document is very easy to manipulate, everything is split into sections.



            -Basic Elements (ie. body, a, h1, li...)

            -Layout Containers (ie. wrapper, content..)

            -Header

            -Footer

            -Posts (everything related to the entries)

            -Sidebar

            -comments



*/





/* -------------------------------------

Basic Elements

--------------------------------------*/



body {

	background: url(images/page_bg.png) repeat-x left top;

	font-family: "Trebuchet MS", Verdana, sans-serif;

	margin: 0px;

	padding: 0px;

	font-size: 90%;

}



html {

	background: url(images/htmlbg.png) repeat;

/* this is added because Internet Explorer and other browsers display this hue differently*/

}



a {

	color: #E9700A;

	text-decoration: none;

}

a:hover {

	color: #333333;

}

p {

	line-height: 150%;

}

h1, h2, h3, h4 {

	font-family: "Times New Roman", Times, serif;

	margin: 0px;

	padding: 0px;

	font-weight: normal;

}

ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



/* -------------------------------------

Layout Containers

--------------------------------------*/

.wrapper {

	margin: 0px auto;

	padding: 0px;

	height: auto;

	width: 742px;

}

.content {

	background: url(images/contentile_bg.png) repeat-y left top;

	margin: 0px;

	padding: 0px 10px 50px 20px;

	height: auto;

	width: auto;

}

.clear {

	clear: both;

	height: auto;

	width: auto;

	display: block;

}



/* -------------------------------------

Headers

--------------------------------------*/

#header {

	background: url(images/header_bg.png) no-repeat left top;

	display: block;

	margin: 0px;

	padding: 0px;

	height: 157px;

	width: auto;

}

.description {

	font-size: 0.9em;

	color: #FFFFFF;

	text-align: right;

	margin: 0px;

	padding: 0px 50px 0px 0px;

	width: auto;

	font-weight: bold;

}



#header h1 {

	font: normal 45px "Trebuchet MS", Verdana, sans-serif;

	color: #FFFFFF;

	text-transform: lowercase;

	margin: 0px;

	padding: 35px 0px 0px 35px;

}



#header h1 a {

	color: #FFFFFF;

}



/* -------------------------------------

Footer

--------------------------------------*/

.footer {

	background: url(images/footer_bg.png) no-repeat left top;

	width: auto;

	padding-top: 50px;

	text-align: center;

	font-size: 0.8em;

	color: #FFFFFF;

}.footer a {

	font-weight: bold;

	color: #FFFFFF;

}

/* -------------------------------------

Posts

--------------------------------------*/

.posts {

	float: left;

	margin: 0px;

	padding: 0px;

        padding-top:20px;

	height: auto;

	width: 440px;

}

.postentry {

	display: block;

	height: auto;

	width: auto;

	padding-bottom: 30px;



}

.postentry h2, h2 a {

	color: #179AF2;

	font-weight: bold;

}

.entrybody {

	margin: 0px;

	padding: 10px;

	height: auto;

	width: auto;

}

.postentry small {

	text-align: right;

	display: block;

	color: #999999;

	font-weight: bold;

	border-top: 1px solid #eeeeee;

}

.navigation {

	font-weight: bold;

	display: block;

	color: #179AF2;

}



.textleft{

	float: left;



}

.textright{

	float: right;

        clear:right;

}



h2.pagetitle {

        padding-bottom:20px;

	display: block;

	color: #999999;

	font-weight: bold;

}

/* -------------------------------------

Sidebar

--------------------------------------*/

.sidebar {

	float: right;

	width: 200px;

	margin: 0px;

	padding: 0px;

	font-size: 0.9em;

}

.sidebar h3, .sidebar h2{

	color: #179AF2;

	text-transform: uppercase;

	border-bottom: 1px solid #CBE4F6;

	font-weight: bold;

	font-size: 1em;

	font-family: "Arial", Helvetica, sans-serif;

	padding-top: 15px;

        margin-bottom:3px;

        

}

.sidebar ul li ul{

	list-style: url(images/arrow.gif) inside;

}



/* -------------------------------------

Comments

--------------------------------------*/

.comments{

	display: block;

	height: auto;

	width: auto;

	padding-bottom: 30px;



}

.commentlist{

	width: auto;

	padding: 10px;



}

.comments small {

	text-align: left;

	color: #999999;

	font-weight: bold;





}



.comments h2{

	color: #999999;

	font-weight: bold;

}

.alt{

	background: url(images/para.gif) no-repeat left top;

	width: auto;

	padding: 5px;

        padding-left:30px;

	display:block;

}

.even{

	background: #f4f4f4;

	width: auto;

	padding: 5px;

        padding-left:30px;

	display:block;

}