/* Begin Typography & Colors */

body {  
	background: #fff;
	line-height: 125%;
	margin: 0;
	padding: 0;
	text-align: left;
}  

#container {
	width:950px;
	padding: 0px;
	padding-top:30px;
} 


a img { border:0 }  

a {
	color:#3366CC;
	font-weight: bold;
	text-decoration:none;
}
a:hover { color:#666; }  


img.mainimg {  
	outline: 1px solid #999;
}


p {
	margin:0;
	padding:0;
	margin-top:5px;
}


/* <div class="sitetitle"><p>Blogging/SEO Niche Monitor</p></div> */
div.sitetitle p {
	margin-top: 15px;
	margin-bottom: 20px;
	line-height: 150%;
	font-size: 1.3em;
	font-weight: bold;
	color:#999;
	font-family: Verdana, 'Arial Black', Arial, Helvetica;
	border-bottom: 1px solid #000;
}

div.fs-horiznav {
	height: 25px;
	width: 715px;
	background: #ccc;
	margin-bottom: 20px;
}


img.fs-bigimg {
	outline: 1px solid #000;

}


/*
<div class="span-5"> Feature 1 column 
	<div class="fs-feature">
		<img src="images/latest-snow-angels.jpg" border="0" />
		<p class="fs-posttitle">Snow Angels</p>
		<p class="fs-postdate">May 23, 2008</p>
		<p class="fs-postauth">by film fan</p>
		<p class="fs-descr">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
		dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
		ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
		nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
		anim id est laborum.</p>
	</div>
</div>
*/

div.fs-feature {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial, Sans-serif;
}
div.fs-feature img {
	outline: 1px solid #666;
}
div.fs-feature p.fs-posttitle {
	font-size: 9pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
}
div.fs-feature p.fs-postdate {
	font-size: 9pt;
	border-bottom: 1px solid #ccc;
}
div.fs-feature p.fs-postauth {
	font-size: 9pt;
	border-bottom: 1px solid #ccc;
}

div.fs-feature p.fs-descr {
	font-size: 9pt;
	text-align: justify;
}

/* Sidebar */

/* Recent posts */

img.fs-img-recentposts {
	margin-bottom: 5px;
}
h3.fs-recposts-head {
	font-size: 14px;
	font-weight: bold;
}
div.fs-recposts {
	width:190px;
}


/*
<div class="fs-recpost">
	<div class="fs-recthumb span-2">
		<a href="#" rel="bookmark" title="88 Minutes"><img src="images/thumb-88-minutes.jpg" alt="88 Minutes" /></a>			
	</div>
	<div class="fs-rectext span-3 last">
		<div class="fs-rectitle" id="post-218"><a href="#" rel="bookmark" title="Forgetting Sarah Marshall">Forgetting Sarah Marshall</a></div>
		<div class="fs-recdate">May 19, 2008</div>
		<div class="fs-recauth">by film fan</div>
	</div>
</div>
*/

div.fs-recpost {
	width: 190px;
	border-bottom: 1px dotted #333;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.fs-recthumb img {
	outline: 1px solid #000;
}
div.fs-rectext {
	margin-bottom: 5px;
}
div.fs-rectitle {
	margin-top: 5px;
	font-size: 9px;
}
div.fs-recdate {
	font-size: 9px;
}
div.fs-recauth {
	font-size: 9px;
}


/* Newsbox:

<h3 class="fs-newsbox-head">Newsbits</h3>
<div class="fs-newsbox">
	<div id="home_asides">  start asides 
		<ul class="fs-newsbox-ul">
			<li>Renee Zellweger told reporters at the London premiere of <a href="http://imdb.com/title/tt0389790/">Bee
			Movie</a> that <a href="http://www.people.com/people/article/0,,20164854,00.html?xid=pop">stays sane by going
			to the gym</a>. In addition to Bee Movie
			&nbsp;&nbsp;<a href="http://filmzee.com/renee-zellweger-works-out-for-sanity/" rel="bookmark" title="Permanent Link to Renee Zellweger Works Out For Sanity">read...</a></li>

		</ul>
	</div>  end asides 
	</div>
*/

h3.fs-newsbox-head {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
div.fs-newsbox {
	width: 184px; /* Should be 190, but factor in border thickness */
	//background: #ccc;
	background: #cccce6;
	padding: 0px;
	border: 0px;
}

ul.fs-newsbox-ul {
	list-style:none;
	margin:0px;  
	padding:0px;      
}
ul.fs-newsbox-ul li {
	border-left: 6px dotted #fff;
	border-right: 6px dotted #fff;
	border-bottom: 2px solid #fff;
	padding-left: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 10px;
}
/*form*/
form {
	width:450px;
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	width:390px;
	padding: 4px 4px 0px 14px;
	display:block;
	font-weight:bold;
	margin:5px 0;
}
alabel {
	width:90px;
	padding: 4px 4px 0px 14px;
	display:block;
	font-weight:bold;
	margin:5px 0;
}
aform {
	width:390px;
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
input {
	width:350px;
	padding: 4px 4px 0px 4px;
	border:1px solid #eee;
	font: normal 1em/1.5em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:350px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	width:350px;
	margin: 10;
	padding: 4px 4px 0px 4px;
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}
#menu {
	float:left;
	width:728px;
	background:#efefef;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	}
#menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	background:url("images/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url("images/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}
.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
/*====================== Exemple basique ======================*/
			#parent1 li{
	background: #efefef;
	padding: 5px;
	color: #000000;
			}
			#parent1-menu a.wactive{
				padding: 0px 2px;
				background: #efefef;
				color: #eeeeee;
			}