/*  
Theme Name: Gill's Blog 
Theme URI: #
Description: With Ajax comments.
Version: V1.3
Author: Thierry Maheu
Author URI: #
*/


/* ---------------------- */
/* Reset                  */
/* ---------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}

/* ---------------------- */
/* General                */
/* ---------------------- */
body { /*background-color: #18234c;background:#FFFFFF url(images/main/BluePattern.gif) repeat scroll 0 0;*/ color:#666666; font-family:Arial,Helvetica,sans-serif; }
h2, h2 a  { font-family:Georgia, Times, serif; color:#0c7ead; font-style:italic; font-size:24px; text-transform:none; text-decoration: none; }
a { text-decoration: none; color:#0c7ead;}

.clear { clear: both; }
.self-clear:after { /* self-clear the float */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .self-clear { /* for IE 5,6 */ 	height: 1%; } 
*:first-child+html .self-clear { /* for IE7 */ min-height: 1px; }
img.png { behavior: url(js/pnghack.htc); }
	

/* ---------------------- */
/* Container              */
/* ---------------------- */
#outerwrapper { width: 994px; margin:0 auto; background: url(images/main/shadow.png) repeat-y; }
* html #outerwrapper { background-image:none !important; } 
#wrapper { background:#EFF2F3; width:980px;  margin:0px auto 0px auto;  }

/* ---------------------- */
/* Header                 */
/* ---------------------- */
#header { background:#232323; }
#logo { width:980px; height:108px; overflow:hidden; float:none; margin:0; }
#logoimg { position:absolute; top:0; left:0; z-index:50; }
#flash-container {	height:350px; }
#flash-header { width:980px;	float:none;	height:350px; overflow:hidden;	 }

/* ---------------------- */
/* Top menus              */
/* Credits: CSSplay       */
/* ---------------------- */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(images/menus/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(images/menus/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/menus/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/menus/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/menus/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/menus/button4a.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(images/menus/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/menus/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/menus/button4a.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:170px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:160px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:157px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/menus/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(images/menus/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(images/menus/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:170px; z-index:200; height:auto;}

#down a, #down a:hover { margin: 0; cursor:pointer; width: 30px; height: 24px; display: block; margin-top: 11px; margin-right: 20px; position: relative; text-indent: -9999px; }
#down a { background: transparent url(images/menus/bg-down.jpg) left top no-repeat;}
#down a:hover { background: transparent url(images/menus/bg-down.jpg) right top no-repeat; margin-right: 19px; }

/* ---------------------- */
/* Intro Gill             */
/* ---------------------- */
#intro-outer { padding-bottom:30px; background: #FFFFFF url(images/main/bio-gradient.jpg) repeat-x top left; }
img#intro-pic { float:right; margin: 40px 50px 0 0; border:10px solid #d7d6d6; display:inline; }
#intro-columns { display:inline; float:left; margin:40px 0px 0 40px; width:620px;}
#intro-signature { float:left; clear:both; margin-left: 200px;  }	

/* ---------------------- */
/* Main stuff and post    */
/* ---------------------- */
#contentarea, .postbox { background-color: #EFF2F3; }
.pagetitle { margin-left: 10px; margin-top: 10px; font-weight: bold; margin-bottom: 15px; margin-right: 10px; border-bottom-width: 5px; 
			border-bottom-color: #DAE5EF; border-bottom-style: solid; word-spacing: 0; font: 24px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; }

/* New post Container  */
.newpost { 	background-color: #FFFFFF; background-image: url(images/main/bgposttop.jpg); background-repeat: repeat-x; background-position: top;
			margin-right: 5px; margin-top: 2px; margin-left: 5px;  height: auto !important; height: 150px; }
.newpost .n1, 
.newpost .n1 .n2, 
.newpost .n1 .n2 .n3, 
.newpost .n1 .n2 .n3 .n4 { padding:0; margin:0; height:100%; }
.newpost .n1 { background-image: url(images/main/c_lefttop.jpg); background-repeat: repeat-y; background-position: left; } 
.newpost .n1 .n2 { background-image: url(images/main/c_righttop.jpg); background-repeat: repeat-y; background-position: right; } 
.newpost .n1 .n2 .n3 { background-image: url(images/main/c_topleft.jpg); background-position: left top; background-repeat: no-repeat; } 
.newpost .n1 .n2 .n3 .n4 { background-image: url(images/main/c_topright.jpg); background-repeat: no-repeat; background-position: right top; }

/* Post Title */
.newpost-title { padding-top: 16px; padding-right: 25px; padding-bottom: 5px; padding-left: 25px; }
.newpost-title a:active { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DAE5EF; }
.newpost-title a { text-decoration: none; word-spacing: 0; font: 22px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; border-bottom: 1px solid #dae1f1; }
.newpost-title a:hover { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DAE5EF; }

/* Subtitle : Date area and Author area */
.newpost-subtitle { color: #818e9f; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; text-decoration: none; font-size: 11px; padding: 2px 25px 3px; }
.newpost-content { color: #343a49; font: 13px/19px Helvetica, Arial, Geneva, sans-serif; padding: 35px 27px 16px; }	

/* pour zone privée */
.newpost-titlecomment { text-decoration: none; word-spacing: 0; font: 16px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif; color: #0C7EAD; text-align: center; }

/* ---------------------- */
/* Images used in post    */
/* ---------------------- */

.icon { background:transparent url(images/main/icons.gif) no-repeat scroll 0 0; display:block; height:16px; line-height:16px; padding-left:22px; color:#0c7ead; }
.icon.date { background-position:0 -48px; float:left; }
.icon.author { background-position:0 -176px;float:right; }
.icon.comments { background-position:0 -96px; float:left; }
.icon.tags { background-position:0 -400px; float: left;}
.icon.feeds { background-position:0 -256px;float:left; }
.icon.share { background-position:0 -161px;float:left; }
.icon.view { background-position:0 -146px;float:right; padding-right: 20px;}
.icon.show { background-position:0 -80px;float:left; }

/* ---------------------- */
/* Area under post        */
/* ---------------------- */
.underpost1, .underpost2 { background-repeat: repeat-x; background-color: #e6e9ed; font-size: 11px; color: #424d5d; }
.underpost1 { background-image: url(images/main/subo-m.jpg); height: 32px; margin: 0px 5px 0px 5px; position: static; }
.underpost2 { background-image: url(images/main/subp-m.jpg); height: 39px; margin: -32px 5px 0px 5px; position: static; }
.underpost2 .n1 { height: 39px; background: url(images/main/subp-l.jpg) no-repeat left; }
.underpost2 .n2 { height: 39px; background: url(images/main/subp-r.jpg) no-repeat right; }
.underpost1 .n2 .icon, .underpost2 .n2 .icon { margin-left: 20px; margin-top: 10px; cursor:pointer; }
.underpost1 .n1 { height: 32px; background: url(images/main/subo-l.jpg) no-repeat left; }
.underpost1 .n2 { height: 32px; background: url(images/main/subo-r.jpg) no-repeat right; padding-top: 1px;}
.comments:hover, .feeds:hover, .share:hover, .view:hover { text-decoration: underline; }

.commentbox { 	margin-right: 5px; margin-left: 5px; background-color: #fff; background-image: url(images/main/sb_3.jpg); background-repeat: repeat-x;
				background-position: bottom; /*height: 0; overflow: hidden;*/ }
.commentbox .st1, 
.commentbox .st1 .st2, 
.commentbox .st1 .st2 .st3, 
.commentbox .st1 .st2 .st3 .st4, 
.commentbox .st1 .st2 .st3 .st4 .st5, 
.commentbox .st1 .st2 .st3 .st4 .st5 .st6, 
.commentbox .st1 .st2 .st3 .st4 .st5 .st6 .st7, 
.commentbox .st1 .st2 .st3 .st4 .st5 .st6 .st7 .st8 {padding:0; margin:0; height:100%;}

.commentbox .st1 {background-image: url(images/main/sb_1.jpg); background-repeat: repeat-y; background-position: left;}
.commentbox .st1 .st2 {background-image: url(images/main/sb_2.jpg); background-repeat: repeat-y; background-position: right;}
.commentbox .st1 .st2 .st3 {background-image: url(images/main/sb_2.jpg); background-repeat: repeat-y; background-position: right;}
.commentbox .st1 .st2 .st3 .st4 {background-image: url(images/main/sb_0.jpg); background-repeat: repeat-x; background-position: top; }
.commentbox .st1 .st2 .st3 .st4 .st5 {background-image: url(images/main/sb_4.jpg); background-repeat: no-repeat; background-position: left bottom;}
.commentbox .st1 .st2 .st3 .st4 .st5 .st6 {background-image: url(images/main/sb_5.jpg); background-repeat: no-repeat; background-position: right bottom;}
.commentbox .st1 .st2 .st3 .st4 .st5 .st6 .st7 {background-image: url(images/main/sb_6.jpg); background-repeat: no-repeat; background-position: left top; }
.commentbox .st1 .st2 .st3 .st4 .st5 .st6 .st7 .st8 {background-image: url(images/main/sb_7.jpg); background-repeat: no-repeat; background-position: right top;}

.commentbox div.commentbox-header { height: 41px; margin-left: 12px; margin-right: 10px; }
.commentbox div.commentbox-content { margin-left: 12px; margin-right: 10px; padding-left: 20px; padding-right: 10px; padding-bottom: 40px;}
.commentbox div.commentbox-header h2 { font-size: 14px; padding-top: 9px; padding-left: 18px; color: #818e9f; text-shadow: #fff 0 1px 0; }

/* ---------------------- */
/* Comments               */
/* ---------------------- */
#comments { padding-top: 1em; 	font-family:Arial, Helvetica, sans-serif; font-size:12px;  }

#comments .meta { background: #e7e7da; padding: 10px; margin-bottom: 1em; }
#comments .meta p { color: #89897c; font-size: 1.15em; text-transform: lowercase; }
#comments .meta p.rss { float: right; font-size: .95em; text-transform: none; }
#comments .meta p.rss a { color: #ec7e2d; padding-left: 22px; background: url("images/rss_small.gif") no-repeat; display: block; height: 16px; line-height: 16px; }
#comments .meta p strong { color: #55554e; }

#comments ul.nav { margin-bottom: 1em; }


#respond { background: #E6E8FC; padding: 10px 20px 40px 20px; color: #89897c; font-size: .95em; position: relative; }
#respond h3 { font-size: 1.9em; line-height: 1em; color: #bdbdb0; text-transform: lowercase; font-weight: normal; margin-bottom: .5em; /*border-bottom: 5px solid #DAE5EF;*/}
#respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }

#respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; }
#respond .cancel-comment-reply a { color: #89897c; font-weight: bold; }


#respond div.row { min-height: 28px; _height: 28px; margin-bottom: .75em; clear: both; display: block; }
#respond span {  margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; }
#respond input, #respond textarea { color: #403f3f; }

/*
#respond label { float: left; width: 40px; text-align: right; margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; }
#respond input { float: right; }
#respond textarea, #respond input { padding: 2px 4px; width: 354px; border: 0; background: white; height: 24px; font-size: 1.4em; color: #b0b09f; font-family: Georgia, Arial, Helvetica, sans-serif; }
#respond textarea { height: 96px; padding: 2px 1%; width: 98%; float: none; }

#respond a { color: #89897c; font-weight: bold; }

#respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }

#respond p.req { color: #bdbdb0; float: right; line-height: 28px; height: 28px; }
*/
#respond div.submit { text-align: right; }
#respond #submit { float: right; margin-left: 1em; display: block; }

#respond button { background: url("images/post_comment.png") no-repeat; width: 122px; height: 28px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }

ol.commentlist { margin-bottom: 1em; }
ol.commentlist li div { background: #E6E8FC; padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; }
ol.commentlist li div div { padding: 0; margin: 0; }
ol.commentlist li .comment-author img { border: 5px solid #edede0; position: absolute; top: -10px; left: -70px; }
/*ol.commentlist li.comment-author-admin div { background: #d8d8c7; }*/
ol.commentlist li.comment-author-admin .comment-author img { border: 5px solid #d8d8c7; }
ol.commentlist li.comment-author-admin li.comment div { background: #edede0; }
ol.commentlist li.comment-author-admin li.comment .comment-author img { border: 5px solid #edede0; }
ol.commentlist li.comment-author-admin li.comment-author div { background: #d8d8c7; }
ol.commentlist li.comment-author-admin li.comment-author .comment-author img { border: 5px solid #d8d8c7; }
ol.commentlist li .comment-author cite { font-size: 1.5em; line-height: 1.1em; color: #b7b7a8; font-style: normal; text-transform: lowercase; }
ol.commentlist li .comment-author cite a { color: #89897c; }
ol.commentlist li .comment-author span.says { display: none; }

ol.commentlist li .comment-meta { margin: 0 0 .5em; font-size: .85em; }
ol.commentlist li .comment-meta a { color: #bdbdb0; }

ol.commentlist li em { position: absolute; margin-bottom: -1em; top: 10px; right: 10px; color: #89897C; font-size: .9em; text-transform: lowercase; }

ol.commentlist li p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25em; }
ol.commentlist li p em { position: static; color: inherit; font-size: 1em; text-transform: none; }
ol.commentlist li p a { color: #55554e; }

ol.commentlist li div.reply { text-align: right; }
ol.commentlist li div.reply a { color: #89897c; font-weight: bold; }

ol.commentlist li ul.children { margin-left: 60px; }

/* ---------------------- */
/* Pages navigation       */
/* ---------------------- */
#pagenavi, #postnavi {	margin:10px 5px 0;	padding:10px 5px 0;	margin-bottom: 20px;}
#pagenavi {	font-size:13px;}
#pagenavi .newer { text-align: left; background:url(images/main/icons.gif) 0 -224px no-repeat; padding-left:22px; line-height: 16px;}
#pagenavi .older { text-align: right; background:url(images/main/icons.gif) 100% -240px no-repeat; padding-right:22px; line-height: 16px;}



/* ---------------------- */
/* Footer                 */
/* ---------------------- */
#foot { position: relative; width: 100%; height: 15px; font-size:11px; padding-top: 5px;}

#footer_container {
    background: #161515 url(images/footer/bg_footer_container.png) left top repeat-x;
    padding: 0 0 35px 0;
	
}
#footer {
    margin: 0 auto;
    width: 880px;
}
#top {
    width: 880px;
    margin: 0 6px 0 0;
    height: 30px;
    display: block;
    padding: 0;
}
#top a {
    background: transparent url(images/footer/bg_top.png) left top no-repeat;
    margin: 0;
    width: 35px;
    height: 30px;
    display: block;
    padding: 0;
    float: right;
    position: relative;
    text-indent: -9999px;
}
#top a:hover {
    background: transparent url(images/footer/bg_top.png) right top no-repeat;
    margin: 0;
    width: 35px;
    height: 30px;
    display: block;
    padding: 0;
    float: right;
    position: relative;
}
#footer h2 {
    background: transparent url(images/footer/bg_h2_extras.png) left center repeat-x;
    display: block;
    font-size: 13px;
    color: #DDDBCA;
    text-align: center;
    border-top: 1px solid #524E4E;
    border-bottom: 1px solid #524E4E;
    padding: 1px 0;
    height: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    word-spacing: 3px;
    font-weight: normal;
    margin: 0 0 20px 0;
}
#footer p {
    font-family: "Lucida Grande", Verdana, sans-serif;
    color: #C5C2BC;
    font-size: 12px;
}


/* Extra One and Extra Two
------------------------------------------------------------------*/
#extras_container {
    margin: 0;
    width: 540px;	
    float: left;
}
#extras_container #extra_one {
    margin: 0 24px 0 0;
    width: 258px;	
    float: left;
}
#extras_container #extra_two {
    margin: 0;
    width: 258px;
    float: left;
}
#extras_container #extra_one ul, 
#extras_container #extra_two ul {
    text-align: left;
    border-top: 1px dotted #524E4E;
    margin: 0;
    padding: 0;
    float: left;
}
#extras_container #extra_one ul li, 
#extras_container #extra_two ul li {
    padding: 0;
    margin: 0;
    display: block;
    width: 258px;
    float: left;
}
#extras_container #extra_one ul li a, 
#extras_container #extra_two ul li a {
    background: transparent url(images/footer/extras_arrow.gif) left 55% no-repeat;
    border-bottom: 1px dotted #524E4E;
    font-family: "Lucida Grande", Verdana, sans-serif;
    color: #C4C0BB;
    font-size: 12px;
    line-height: 1;
    display: block;
    text-decoration: none;
    padding: 7px 0 7px 16px;
    margin: 0;
    width: 242px;
}
#extras_container #extra_one ul li a:hover, 
#extras_container #extra_two ul li a:hover {
    background-color: #343232;
    color: #FEDC8B;
    text-decoration: none;
    display: block;
}

/* Extra Three
------------------------------------------------------------------*/
#extra_three {
    margin: 0 6px 0 24px;
    width: 304px;
    float: left;
}
#extra_three_content {
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
    text-align: center;
    width: 100%;
}
#extra_three_content p {
    font-family: "Lucida Grande", Verdana, sans-serif;
    line-height: 1.5;
    color: #C4C0BB;
    font-size: 11px;
    margin: 0;
    padding: 0 0 10px 0;
    clear: left;
}
#extra_three_content #designed_by_container {
    text-align: center;
    margin-left: 50px;
}
#extra_three_content #designed_by {
    font-family: "Lucida Grande", Verdana, sans-serif;
    line-height: 1.7;
    color: #C4C0BB;
    font-size: 11px;
	  display: block;
    height: 30px;
    float: left;
    margin: 0 12px 0 0;
}
#extra_three_content a.c2  {
    background: transparent url(c2_logo.png) top left no-repeat;
    margin: 0;
    display: block;
    height: 30px;
    width: 24px;
    text-decoration: none;
    border-bottom: none;
    text-indent: -9999px;
    float: left;
}
#extra_three_content a.c2:hover{
    background: transparent url(c2_logo.png) top right no-repeat;
}

#extra_three_content #host4life a:hover {
	background: transparent url(webhost4life.gif) no-repeat scroll 90px bottom;
}
#extra_three_content #host4life a {
  background:transparent url(webhost4life.gif) no-repeat scroll 90px top;
  border: medium none;
  clear: left;
  display: block;
  height: 19px;
  margin: 1em 0pt 0pt;
  text-decoration: none;
  text-indent: -9999px;
  width: 100%;
}

/* ---------------------- */
/* -------sidebar--------- */
/* ---------------------- */
#sidebar-footer {
	background:#232323;
	padding:50px 10px 2px 2px; /*66.3448275862px;*/
	color:#cccccc;
	line-height:1.4em !important;
}
#sidebar-footer p {
	color:#cccccc;
}
#primary, #secondary, #tertiary {
	float:left;
	width:32%;
	font-size:13px;
}
.top-level-sidebar {
	width:203.742203742px;
	margin:0 auto;
}
#sidebar-footer h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-style:normal;
	font-size:17px;
	margin-bottom:10px;
}
#sidebar-footer li {
	margin-bottom:30px;
}
#sidebar-footer li li {
	margin-bottom:2px;
	margin-left:10px;
	line-height:1.2em;
}
#sidebar-footer a {
	font-size:13px;
}


#captchaImgDiv { }