/*
Theme Name: cireoicculid
Theme URI: http://eric.diluccio.fr/
Description: Le Thème pour le blog d'Eric di Luccio
Version: 1.0
Author: Thomas di Luccio
Author URI: http://zenhysteria.fr/

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'helvetica';
	background: #fff;
	color: #333;
	text-align: justify;
	margin:0px;padding:0px;
	position:relative;
	width:100%;height:100%;
	}
	
a img {border-width:0px;}
	
#header-topline {width:100%;height:4px;background-color:#298ce1;position:relative;top:0px;left:0px;}

#headerTop {width:100%;height:70px;background-color:#fff;position:relative;cursor:pointer;}
#headerTopIn {width:1000px;height:100%;position:relative;top:0px;left:0px;margin-left:auto;margin-right:auto;}
#header-title {position:absolute;left:0px;top:15px;font-size:30px;font-weight:bold;z-index:0;}
#header-baseline {position:absolute;left:0px;top:45px;font-size:14px;font-style:italic;z-index:0;}
#header-clic {position:absolute;z-index:2;width:100%;height:74px;top:-4px;left:0px;}
#header-clic a img {border-width:0px;height:100%;width:100%;}

#header {width:1000px;height:60px;background-color:#fff;position:relative;top:0px;left:0px;margin-left:auto;margin-right:auto;}
#header-menu {position:absolute;left:0px;top:10px;width:100%;height:20px;background-color:#fafafa;padding-top:5px;text-align:left;}
#header-menu a,#header-menu a:visited {width:200px;position:relative;background-color:#ddd;margin-right:10px;padding:5px 15px 5px 15px;color:#333;text-decoration:none;font-size:13px;font-weight:bold;}
#header-menu a:hover {background-color:#298ce1;color:#fff;}
#header-menu a.home,#header-menu a.home:visited {width:30px;height:24px;border-width:0px;background-image:url('images/home.png');background-position:top;background-repeat:no-repeat;}
#header-menu a.home:hover {background-position:bottom;}
#header #searchform {position:absolute;right:0px;top:0px;height:25px;}
#header #searchform input[type=text] {height:20px;width:172px;font-size:12px;padding:2px 4px 2px 4px;border-width:0px;background-color:#ddd;outline: none;}
#header #searchform input[type=text]:hover {color:#fff;background-color:#298ce1;}
#header #searchform input[type=submit] {width:20px;height:24px;position:relative;top:0px;left:0px;background-image:url('images/loupe.png');background-position:top;background-repeat:no-repeat;border-width:0px;}
#header #searchform input[type=submit]:hover {background-position:bottom;}

.safari #header #searchform input[type=submit] {top:-3px;left:-2px;}
.ff3 #header #searchform input[type=submit] {top:3px;left:0px;}
.ff2 #header #searchform input[type=text] {top:-4px;position:relative;}

/*#outer{position:relative;margin:0px;padding:0px;height:100%;}*/

#holder {width:1000px;position:relative;margin-left:auto;margin-right:auto;}
table td {vertical-align:top;}

#content {padding-right:30px;}
.narrowcolumn {width:800px;}
.ie .narrowcolumn {width:900px;}

.entryLeft {vertical-align:top;text-align:right;padding-right:15px;text-align:right;width:125px !important;color:#444;font-size:12px;}
.entryLeft a, .entryLeft a:visited {color:#444 !important;text-decoration:none;font-weight:bold;}
.entryLeft a:hover {color:#298ce1 !important;}
.entryLeft .postnumber{
	position:relative;margin-left:71px;
	height:34px;width:44px;background-color:#298ce1;
	font-size:15px;padding:5px;padding-top:15px;
	font-family:arial;color:#fff;text-align:center;font-weight:900;
	letter-spacing: 1px;
}
.entryLeft .postnumber.bigsearch {font-size:40px;}
.entryLeft .postnumber.pagezh {}
.entryLeft .postnumber .postyear{margin-top:-3px;letter-spacing: 3px;}
.entryRight {width:720px;}

.post {margin-bottom:35px;margin-top:10px;text-align:justify;width:100%;}
.post  h2 {margin-top:0px;}
.post  h2, .post  h2 a, .post  h2 a:visited {color:#222;text-decoration:none;font-size:19px;}
.post  h2 a:hover {color:#298ce1;text-decoration:none;}
.post a, .post a:visited {color:#222;text-decoration:none;font-weight:bold;}
.post a:hover {color:#298ce1;}
.post .entry {font-size: 1.3em;line-height:1.5em;text-align:justify;width:100%;}

.wiewer {text-align:center;width:100%;text-align:left;}
a.phot img {border:4px solid #fff;background-color:#eee;padding:4px;margin:1px;}
a.phot:hover img {border-color:#298ce1;}

.specwiewer {position:relative;width:90px;margin-left:-120px;top:0px;float:left;}


.comment {margin-bottom:10px;}
.comment h2 {margin:0px;text-align:right;color:#298ce1;}
.comment h2 a, .comment h2 a:visited, .comment h2 a:hover{ color:#298ce1 !important;}
.comment .entryLeft , .comment .entryRight {vertical-align:top;}
table.comment td.entryLeft {padding-right:15px;text-align:right;width:125px;}
table.comment td.entryRight {background-color:#fafafa;color:#222;padding:5px;margin:0px;vertical-align:top;width:720px;font-size:1.15em;}
table.comment td.entryRight p {margin-top:0px;}
.comment .entryLeft a, .comment .entryLeft a:visited {color:#333;text-decoration:none;}
.comment .entryLeft a:hover {color:#298ce1;}
.comment .entryRight a, .comment .entryRight a:visited {color:#111;text-decoration:none;}
.comment .entryRight a:hover {color:#298ce1;text-decoration:underline;}
h3#comments, h3#respond {color:#298ce1;font-size:16px;margin-top:15px;margin-bottom:5px;}
#commentform input[type=text], #commentform textarea {background-color:#eee;color:#333;font-size:11px;padding:2px;border-width:0px;outline: none;}
#commentform input[type=text]:hover, #commentform textarea:hover {background-color:#298ce1;color:#fff;}
#commentform input[type=submit] {border-width:0px;padding:5px 9px 5px 9px;font-weight:bold;font-size:1.2em;background-color:#eee;color:#333;cursor:pointer;}
#commentform input[type=submit]:hover {background-color:#298ce1;color:#fff;}
#commentform label {color:#333;}

#sidebar {}
#sidebar .sidelmnt {width:180px;padding:7px 10px 9px 10px;background-color:#fafafa;margin:0px;font-size:11px;color:#444;margin-bottom:20px;}
#sidebar .sidelmnt h2 {text-align:center;font-size:15px;font-weight:bold;margin-top:0px;}
#sidebar .sidelmnt h2 a, #sidebar .sidelmnt h2 a:visited, #sidebar .sidelmnt h2 a:hover {color:#444;text-decoration:none;}
#sidebar .sidelmnt h2.pagetitle {margin-bottom:0px;color:#298ce1;}
#sidebar .sidelmnt ul {margin:0px;padding:0px;text-align:left;}
#sidebar .sidelmnt li {list-style:none;margin:0px;padding:0px;font-weight:bold;}
#sidebar .sidelmnt li a, #sidebar .sidelmnt li a:visited {color:#444;text-decoration:none;}
#sidebar .sidelmnt li a:hover {color:#298ce1;text-decoration:underline;}
#sidebar .sidelmnt p {margin:0px; padding:5px;}
#sidebar .sidelmnt-select {background-color:#298ce1;color:#fff;font-size:1.35em;text-align:center;font-weight:bold;}

#footer {width:1000px;;position:relative;height:20px;background-color:#298ce1;margin:25px auto 15px auto;font-size:10px;color:#fff;font-weight:bold;text-align:left;padding-top:5px;}
#footer-griffe {position:absolute;width:150px;height:25px;top:0px;right:2px;}
#footer-griffe a img{background-image:url('images/griffe.png');background-position:bottom;background-repeat:no-repeat;width:150px;height:25px;border-width:0px;}
#footer-griffe a:hover img {background-position:top;}

.navigation {position:relative;width:560px;margin-left:145px;height:20px;}
.navigation a, .navigation a:visited {padding:6px 15px 6px 15px;background-color:#eee;color:#298ce1;text-decoration:none;border:1px dashed #298ce1;}
.navigation a:hover {background-color:#298ce1;color:#fff;}
.navigation .alignleft {position:absolute;top:0px;left:0px;} 
.navigation .alignright {position:absolute;top:0px;right:0px} 

h4 {font-size:1.2em;color:#fff;background-color:#298ce1;padding:3px 13px 3px 4px;margin-left:0px;}
.page30 h4, .page127 h4, .page130 h4 {margin-bottom:0px !important;}
.page30 p, .page127 p, .page130 p {margin:0px;background-color:#eee;padding:6px 6px 0px 6px;}
.abstract {background-color:#eee;font-size:12px;font-style:italic;padding:6px 6px 0px 6px;}
.page30 .entry ul, .page127 .entry ul, .page130 .entry ul  {margin:0px;background-color:#eee;padding-top:6px;padding:6px 6px 0px 25px;}
.page30 .entry li, .page127 .entry li, .page130 .entry li {margin-left:-5px;}