/*  
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*/
}

strong {
        font-weight: normal;
}

a {
	color: #162655;
	text-decoration: underline;
}
a:hover {
	color: #E9700A;
}
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.jpg) 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: 20px 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.7em;
	color: #FFFFFF;
}

.footer a {
	font-weight: bold;
	color: #FFFFFF;
}
/* -------------------------------------
Posts
--------------------------------------*/
.posts {
	float: left;
	margin: 0px;
	padding: 0px;
        padding-top:20px;
	height: auto;
	width: 490px;
}
.postentry {
	display: block;
	height: auto;
	width: auto;
	padding-bottom: 30px;

}
.postentry h2, h2 a {
	color: #179AF2;
	font-weight: bold;
        font-size: 120%;
}
.entrybody {
	margin: 0px;
	padding: 10px;
	height: auto;
	width: auto;
}
.postentry small {
	text-align: right;
	display: block;
	color: #999999;
	font-weight: normal;
        font-size: 80%;
	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;
}

/* ---- Images ----*/
	/* Images align */
	img.border {border: 1px solid #C6C6C6;padding: 4px;margin: 0;}
	img.border:hover {background: #E3F5FE;}
	img.center {display: block; margin: auto;}
	img.alignright {float: right;padding: 4px;margin: 0 0 2px 7px;display: inline;}
	img.alignleft {float: left;padding: 4px;margin: 0 7px 2px 0;display: inline;}
		
	/* Text align */
	.center {text-align: center;}	
	.alignright {text-align: right;}
	.alignleft {text-align: left;}