/* CSS Document */

/**************tag selectors********************/
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	text-align:center;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background:url(/htdocs/images/garance/bg_main.jpg) repeat-x;
}
a {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #ff993d;
}
ul { list-style:url(/htdocs/images/garance/bullet.jpg)}
img.left {float: left; margin-right: 12px;border: 1px solid #e4e4e4;padding: 5px;}
img.right {float: right; margin-left: 12px;border: 1px solid #e4e4e4;padding: 5px;}
/**************containers********************/
#mainBox {
	text-align:left;
	background:url(/htdocs/images/garance/bg_footer.jpg) repeat-x 0px 100%;
	float:left;
	width: 100%;
}
#container {
	width:916px;
}
#contentBox {
	float:left;
	padding: 0px 0px 0px 0px;
	line-height:1.6em;
}
#tightCol {
	width: 151px;
	line-height: 1.5em;
	float:left;
	position:fixed;
	left: 0px;
	top:324px;
}
#wideCol {
	width: 664px;
	margin: 0px -1px 0px 0px;
	float:left;
	border: 1px solid #e4e4e4;
	border-top: 0px;
	padding: 22px 40px;

}
html>body #wideCol {margin-left:170px;}
/**************header********************/
#headerBox {
	position:relative;
	width:916px;
	height:324px;
	border-right: 1px solid #e4e4e4;
}
#yolanda #headerBox{background: url(/htdocs/images/garance/bg_headerY.jpg) no-repeat;}
#emile #headerBox{background: url(/htdocs/images/garance/bg_headerA.jpg) no-repeat;}
#headerBox h1 {
	display: none;
}
#headerBox h1 a{
	color: #fff;
}
#headerBox h2 {
	background: url(/htdocs/images/garance/bg_headerH2.jpg);
	width:417px;
	height:108px;
	position: absolute;
	left: 500px;
	top: 0px;
	font-size:0px;
	text-indent:-1000px;
	line-height:0em;
	margin: 0px;
}
#storyBox {
	line-height: 1.5em;
	position: absolute;
	left: 500px;
	top: 80px;
	margin-top:3px;
	margin-left:20px;
	width:370px;
	height:210px;
	overflow:auto;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-track-color: #fff; 
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #fff; 
	scrollbar-darkshadow-color: #fff; 
	scrollbar-arrow-color: #666;
	color: #999;
}
/**************tighttCol********************/
#tightCol h3 {margin:0px 0px 1px 0px;padding:0px;font-size: 1.2em;}
#tightCol h3 a{ 
	font-weight: normal; 
	font-size: 1.4em;
	line-height: 1.4em;
	text-align:center;
	background:#3788c0;
	display:block;
	width: 171px;
	height: 28px;
	color: #fff;
}
#tightCol h3 a:hover{ 
	background: #dedede;
}
#tightCol h3 a.selected{ 
	color: #80deff;
}
#tightCol h4 {color: #ff993d; font-size: 1em;padding-left: 35px;}
ul#monthselection {
	position:absolute;
	left: 0px;
	top:424px;
	padding-left: 30px;
}
html>body ul#monthselection {
	position: fixed;
}
ul#monthselection a {color: #666;}
ul#monthselection a:hover, #tightCol ul a.selected {text-decoration: underline;}
ul#monthselection {margin: 4px;}
/**************wideCol********************/

#contentBox h2 {
	font-weight: normal;
	font-size: 1.7em;	
	color: #270203;
	background: #f4f4f4;
	border:1px solid #e4e4e4;
	line-height: 1.7em;
	padding: 0em 1em;
}
#contentBox p {margin: 10px 20px;}
#contentToolbox {border-top:1px solid #e4e4e4;padding:6px 6px 0px 4px;}
#contentToolbox a{color:#666;padding-left: 30px;display: block;float:left;}
#contentToolbox a:hover{color:#000;}
#contentToolbox #datetime{padding-left: 30px;display: block;float:left;background:url(/htdocs/images/garance/ico_datetime.gif) no-repeat 7px 0px;}
#contentToolbox #permlink{background:url(/htdocs/images/garance/ico_permlink.gif) no-repeat 7px 0px;}
#contentToolbox #comments{background:url(/htdocs/images/garance/ico_comments.gif) no-repeat 7px 0px;}
#contentToolbox #print{background:url(/htdocs/images/garance/ico_printer.gif) no-repeat 7px 0px;}
.metaInfo strong{color:#ff993d;font-weight:normal;}
.metaInfo em{color:#b8b8b8; font-style:normal;}
#commentBox {
	background: #f4f4f4;
	border:1px solid #e4e4e4;
	margin: 24px 1.6em;
}
#commentBox h4 {font-size: 14px;margin: 20px 20px 5px 30px;}
#commentBox h4 a{color:#2C5186;}
#commentBox h5 {font-size: 14px;margin: 0px 20px 20px 30px;}
#commentBox h5 a{color:#999;font-weight: normal;}
#commentBox .comment {background:#fff;margin: 0px 1em;}
#commentBox .comment strong {margin:0px 20px;}
.links {display:block;text-align:center;}
.links a{padding: 4px;cursor:pointer;}
.links a:hover{padding: 4px;cursor:pointer;color:#FF993D;}
/**************footer********************/
#footerBox {
	background:url(/htdocs/images/garance/bg_footerTop.jpg) no-repeat;
	float:left;
	width: 913px;
	height: 73px;
	color: #fff;
	text-align:center;
	margin-top: 20px;
	padding: 30px 0px 0px 0px;
}
#footerBox p {margin:8px;}
#footerBox a {color:#fff;}
#footerBox a:hover {text-decoration:underline;}
#footerBox a#rss {padding-left: 20px; background:url(/htdocs/images/garance/syn_1.gif) no-repeat;font-size:14px;}
#footerBox a#atom {padding-left: 20px; background:url(/htdocs/images/garance/syn_2.gif) no-repeat;font-size:14px;}
.copy {font-size:11px;display:block;margin-top:4px;}
/**************end********************/