/*  

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

}

pre {
   font-size: 11px;
   font-style: normal;
   text-align: left;
   overflow: auto;
   border: 1px solid #000000;
   background: #AFEEEE;
   width: 440px;
   margin: 10px 0 25px 0;
   padding: 15px 15px 15px 15px;
}

code {
   font-size: 11px;
   font-style: normal;
   text-align: left;
   }

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;

}

blockquote {

        background-color: #F6F6F6;

        padding: 5px;

        font-style: italic;

}


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

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;

        text-align: justify;

	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;

}

.postentry img {

        border: none;
        
}

.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;

}

.alignright{

        float: right;

        margin: 0 0 0 5px;

}

.alignleft{

        float: left;

        margin: 0 5px 0 0;

} 



h2.pagetitle {

        padding-bottom:20px;

	display: block;

	color: #999999;

	font-weight: bold;


}


.postfooter {

        font-size: 0.8em;

        font-weight: bold;

        background-color: #EEEEEE;

        padding: 3px;

        margin: -2px 0px 10px 0px;

}

.postfooter a:link {

        color: #179AF2;

}

.postfooter a:visited {

        color: #179AF2;

}

.postfooter a:hover {

	color: #333333;

}


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

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;

}



/* File Attachment Style Info */

div.AF_PostFiles {

  margin: 1em 0;
  padding: 1em 0;
  border-top: #BBC4A3 1px dashed;
  border-bottom:#BBC4A3 1px solid;

}

div.AF_PostFiles p {

  margin: 0;
  padding: 0;

}

div.AF_File span.AF_Filename, div.AF_File span.AF_Filesize {

  width: 49.6%;
  display: block;
  float: left;

}

div.AF_File span.AF_Filesize {

  text-align: right;

}