/*  
Theme Name: OceanBlue
Theme URI: http://milo.peety-passion.com
Description: Just another <a href="http://warpspire.com">Hemingway</a> mod with a custom painting by <a href="http://milo.peety-passion.com">milo IIIIVII.</a> <br /><strong>This theme requires WordPress 2.0+</strong></a>.
Version: 2.0
Author: milo317
Author URI: http://milo.peety-passion.com
*/
* {padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
body{background-color: #385795;font-size:12px;color:#021A43;font-family:"Geneva", Verdana, Arial, sans-serif;}
.inside{width:97%;min-width:65em;max-width:97em;margin:0 auto;}
a{color:#0F30FF;}
a.gp:link{color:#339966;} 
a.gp:visited{color:#339966;} 
a.gp:hover{color:#339966;} 
/* on a cree gp pour dire galerie photo et indiquer que lien est en couleur. si je veux appliquer que le machin comprenne que c'est une galerie photo il faut d'avoir lui dire donc rajouter class="gp" dans la balise a <a class="gp" href ; ensuite seulement la bonne couleur sera associée */
a:hover {color: #6D8EC8;text-decoration: none;border: 1px solid #6D8EC8;}
h1{color:#0F3069;font-size:1.5em;font-weight:normal;margin:1.5em 0;}
h2, h3{font-size:1.15em;color:#0F3069;font-weight:normal;font-variant:small-caps;}
#primary h2{color:#0F3069;}
p{line-height:1.75em;}
ul li{list-style-type:square;margin:0.5em 0 0.5em 2em;}
blockquote{margin-left:1em;padding-left:1em;border-left:5px solid #072662;color:#333;}
pre{width:100%;padding:1em 0;overflow:auto;border-top:1px dotted #072662;border-bottom:1px dotted #072662;}
table{width:100%;border-spacing:2px;margin:1.5em 0;}
table th, table td{ padding:0.3em 0.75em }
table th{color:#333;text-align:left;}
table td{color:#333;}
table caption{text-align:left;color:#333;margin-bottom:-1em;margin-top:1em;}
.rule{border-top:1px solid #0F3069;height:1px;font-size:1px;line-height:1px;margin:1.5em 0;}
#header{background-image: url(images/header.jpg);
	background-position: left top;
	background-repeat: repeat-x;width:100%; height: 250px;}
#header .inside{padding:0;height: 250px; width:100%;background:transparent;position:relative;}
#header h2{font-size:2.55em;margin:160px 0.5em 0 40px;padding:0 0.5em 0.25em 0; float:left;text-transform:uppercase;}
#header h2 a{ text-decoration:none; }
#header p{padding:1em 0;margin:0;line-height:1em;}
#primary{background:#fff;background-image: url(images/bg.gif);
	    background-position: bottom left;
	    background-repeat: repeat-x;
            width:100%;padding:1px 0 2em 0;color:#021A43; padding-bottom: 15em;}
#primary.onecol-stories .primary{float:left;width:50%;}
#primary.onecol-stories .secondary{float:right;width:40%;margin:0 0 0 10%;}
#primary.twocol-stories .story{float:left;width:48%;margin:0 0 0 4%;display:inline;}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{margin:0;}
* html #primary.twocol-stories .story{margin-left:2%;}
.primary h3{font-size:1.15em;margin:10px 0 0 0;;font-weight:normal;color:#0F3069;}
.primary h3 a{color:#0F3069;text-decoration:none;}
.primary .details{margin:1em 0;text-align:right;border-top:1px solid #0F3069;padding:0.5em 0;
font-size:0.95em;color:#333;}
.primary .details .read-on{background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;}
.primary .details a{color:#0F3069;text-decoration:none;}
.primary .details a:hover{ color:#6D8EC8; }
#primary .primary{float:left;width:64%;}
#primary .secondary{float:right;width:20%;margin-right:5%;
padding-top:0.65em;display:inline;}
* html #primary .secondary{ margin-right:3%; }
.secondary .featured p{border-bottom:1px solid #0F3069;border-top: 1px solid #0F3069;
padding:0.5em 0 0.6em 0;line-height:1.5em;margin:1em 0 0 0;}
.secondary .featured dl{margin:0 0;border-bottom:1px solid #0F3069;padding:0.5em 0 0.6em 0;}
.secondary dt{display:inline;margin:0;padding:0;color:#6D8EC8;}
.secondary dd{display:inline;margin:0;padding:0;}
.secondary dd a{ color:#0F3069; }
.secondary dd a:hover{ color:#6D8EC8; }
.single-post h1, .single-post h2{ margin-top:0; }
#secondary{margin:auto;background:transparent;padding:10px 0 0 0;}
.comment-head{padding:0.8em 2em 1.0em 2em;}
.comment-head h2{font-size:1.5em;margin:0;}
.comment-head a{text-decoration:none;color:#0F3069;}
.comment-head .details{font-size:0.95em;}
ol#comments{list-style-type:none;margin:2em 0;}
ol#comments li{list-style-type:none;margin:2em 0;}
#comments cite{float:left;width:31%;font-style:normal;text-align:right;}
* html #comments cite{ width:30.6%; }
#comments cite span{display:block;}
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{text-decoration:none;}
#comments cite .admin-tools{margin:5px 0;}
#comments cite .admin-tools a{float:right;margin:0 5px;padding:0px 3px 3px;background:#6D8EC8;
border:1px solid #0F3069;text-decoration:none;}
#primary .secondary .admin-tools{ margin:1em 0; }
#preview{margin:1em 0;padding:0.5em;border:1px solid #0F3069;}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#900; font-weight:bold; }
#comments .pingback cite .author{display:block;padding-top:68px;background:url(images/trackback_pingback.gif) 100% 0 no-repeat;}
#comments .content{float:left;width:60%;margin-left:1.9%;border-left:1px solid #868686;padding: 0 0 0 2%;}
#comments .content p{margin:0 0 1em 0;}
#comments .content h3{margin:0;font-size:1em;}
#comment-form{margin:5em 0 5em 35.4%;width:36em;}
input.textfield{width: 15em;margin:5px 0;}
textarea.commentbox{width:28em;height:10em;padding:0.25em;margin:5px 0;font-size:1.25em;
font-family:Arial, Helvetica, sans-serif;}
label.text{position:relative;left:0.5em;top:-0.5em;}
.formactions input.submit{ float:right; margin:-1em 0 0 0;padding:0 0.5em;}
.formactions .spinner{float:right;margin:-8px -20px 0 0;}
#ancillary{background-color: #385795;padding:2em 0 0 0;}
#ancillary .block{float:left;width: 30%;margin:0 0 0 5%;}
* html #ancillary .block{margin-left:3.9%;}
#ancillary .sidebarList li {list-style-type: none;}
#ancillary .twice-length{ width:65%; }
#ancillary .thrice-length{ width:100%; }
#ancillary .first, * html #ancillary .first{clear:both;margin:0;}
#ancillary .block-separator{clear:both;height:2.5em;}
#ancillary .block h2, #ancillary .block h3{margin:0 0 1em 0;background:url(images/ancil.gif) no-repeat left;padding-left:18px;color:#fff;font-family:Arial,Verdana, Serif;font-size:1.2em;letter-spacing:1px;}
#ancillary .footer { background-image: url(images/footer.gif);
	    background-position: bottom left;
	    background-repeat: repeat-x;
            height:100px;width:100%;}
ul.dates, ul.counts, ul.blogroll ul, ul.pages{list-style-type:none;margin:1.5em 0 2em 0;border-top:1px solid #0F3069;}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{list-style-type:none;
margin:0;padding:0.5em 0;border-bottom:1px solid #0F3069;}
ul.dates .date{color:#0F3069;padding:0 1.5em 0 0;}
ul.counts .count{float:right;color:#fff;}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{color:#0F3069;text-decoration:none;}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ color:#6D8EC8;}
ul.blogroll{ margin-top:0; }
ul.blogroll li{list-style-type:none;margin:0;}
ul.pages ul{margin:0;}
ul.pages ul li{border:none;margin-left:2em;list-style-type:square;}
#footer{background:#fff;clear:both;color:#939393;margin:0;}
#footer .inside{ margin:0 auto;	padding:2em 0;}
#footer p{margin:0;font-size:0.95em;}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{padding:0 0 0 1em;text-decoration:none;color:#0F3069;}
#footer p.attributes a:hover{color:#ccc;}
#footer span.feed {background:url(images/icon_feed.gif) no-repeat left;	padding:5px;}
#search{float:right;width:200px;margin:1em 0 0 0;-moz-opacity:0.4;text-align:right;}
#search:hover{-moz-opacity:1.0;}
#search .searchimg{float:left;width:14px;height:13px;background:url(images/search.gif) 0 0 no-repeat;
position:relative;top:4px;}
#search input{ width:175px; font-size: 0.85em; background:#99ABDD;margin-top:2px;}
#search input:focus{background:#fff;}
#searchform{margin:1em 0;}
#searchform #s{background:#222;border:none;border-bottom:1px solid #333;width:30em;
color:#666666;padding:0.25em;}
#searchform #searchsubmit{background:#DDDDFF;color:#ccc;border:none;
font-size:0.9em;text-transform:uppercase;letter-spacing:0.25em;}
#search-results{width:30%;background:transparent;padding:0;float:right;-moz-opacity:0.9;
border-top:1em solid #0F3069;}
#search-results h3{font-weight:bold;text-align:left;margin:0;padding:0 0 1em 0;background:#fff;}
#search-results small{display:block;text-align:left;font-size:0.9em;
padding:0.5em 1em 0.7em 1em;border-top:1px solid #0F3069;border-bottom:1px solid #0F3069;}
#search-results small a{color:#0F3069;}
#search-results ul li{list-style-type:none;padding:0 1em 0.5em 1em;margin:0.5em 0;}
#search-results ul li:hover{background:#ccc;}
#search-result ul{ margin:0; }
#search-results ul li a{text-decoration:none;border-bottom:1px dotted #0F3069;}
#search img.archives-icon{margin:0 7px 0 0;top:1px;}
img.centered{display: block; margin-left: auto; margin-right: auto;}	
img.alignright{padding: 4px; margin: 0 0 2px 7px; display:inline;}
img.alignleft{padding: 4px; margin: 0 7px 2px 0; display:inline;}
.alignright{float:right; padding:4px; background: transparent; margin-left: 7px; margin-top: 3px; margin-bottom: 15px;}
.alignleft{float:left; padding: 4px; background: transparent; margin-right: 7px; margin-top: 3px; margin-bottom: 15px;}
.topnav {list-style:none;margin:0 auto 0 auto;padding:6px;text-align:right; width:80%; min-width:65em; max-width:85em;font-family:Geneva, Verdana, Tahoma, Serif;font-weight:bold;letter-spacing:1px;}
.topnav li {list-style:none;margin:0;padding:0 5px 0 0;display:inline;}
.topnav li a {color:#B0AECB;padding:6px;text-decoration:none;	}
.topnav li.current_page_item a{color:#fff;text-decoration:underline;background:transparent;border:2px solid #D0DEFB;}
.topnav li a:hover {color:#fff;text-decoration:nonr;background:#D0DEFB;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} 
.clearfix {display: block;} /* End hide from IE-mac */
#wp-calendar {text-align:center;background-color:#fff;margin:0;width: 155px;}
#wp-calendar td {line-height:10px;font-size:10px;color:#6D8EC8;}
#wp-calendar td a {display:block;color:#6D8EC8; text-decoration:none;line-height:10px;}
#wp-calendar #prev a {width:30px;}
#wp-calendar #next a {width:30px;margin:0 0 0 30px;}
#wp-calendar #today {background:#6D8EC8;color:#fff;}
#wp-calendar #today a {color:#fff;font-weight:700;}
#wp-calendar caption {text-align: right;width: 100%;margin:0 0 5px 0}
.datetime {float:left;height:49px;width:44px;background-image:url(images/date.gif);font-size:10px;
font-weight:700;text-align:center;color:#0F3069;line-height:20px;margin:0 10px 0 0;}
.datetime span {display:block;line-height:30px;color:#0F3069;font-size:13px;}


/*
 * Begin Widget styling
 */

.widget {
	list-style-type: none;
}

.widgettitle {

}

/* Styling for a text widget */
.widget_text div {
	padding-left: 4em;
}

/*Styling for the calendar widget */
.widget_calendar caption {
	text-align: left !important;
	color: #CCCCCC;
	padding-left: 1em;
}

.widget_calendar table {
	background-color: #385795 !important;
	color: white !important;
}

/*Styling for the blogroll widget */
.linkcat {
	list-style-type: none;
}

/*Recent Comments */
.widget_recent_comments li{
	list-style-type: disc;
}

/* Del.icio.us widget */
.widget_delicious h2 a {
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
}

/*
 *End Widget styles
 */