/* 	
	style.css for 		Mia_Blog Netview
	design & code by 	felixlecha
	mail : 				contact@felilxecha.com
*/

/* - Generic - */
body
{
	font-size: 15px; text-decoration: none;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #8B8B8B;
	background-color: #373737;
}

*
{
	border: 0;
	margin: 0;
	padding: 0;
}

a:link, a:visited
{
	color: #8B8B8B;
	text-decoration: none;
}

a:hover, a:focus, a:active
{
	color: #FFFFFF;
	text-decoration: none;
}

h1
{
	font: 20px/24px arial;
	font-weight: bold;
	color: #CCCCCC;
}

h3
{
	font: 15px/24px arial;
	font-weight: bold;
	display: inline;
}

h6
{
	font: 11px arial;
	margin: 0px 0px 0px 0px;
	color: #666666;
	display: inline;
}

ul
{
	padding: 0 0 0 20px;
}

.hidden
{
	display: none;
}

.demi_br
{
	height: 8px;
}

.select:link, .select:visited, .select:hover, .select:focus, .select:active
{			
	color: #4D4D4D;
}

/* - Menu - */
#menu
{
	height: 20px;  width: 100%; position: relative;
	border-bottom: 1px solid #B6B4A4;
	text-indent: 10px;
	background: url(../res/fond_navi.png) repeat bottom left;
	font: 12px/18px arial; text-decoration: none;
}

#connexion
{
	position: absolute; top: 0px; right: 10px;
}

/* - Menu class - */
#post_class_menu
{
	width: 100%; height: 35px;
	border-bottom: 1px solid #A7A7A7;
	background: url(../res/fond_navi.png) repeat bottom left;
	padding: 10px 0 0 0;
}

#post_class_menu img
{
	margin: 0 0 0 20px;
}

/* - Footer - */
#post_admin_menu
{
	font-size: 10px; width: 100%; height: 30px;
	text-align: center;
	border-top: 1px solid #8B8B8B;
	padding-top: 15px;
}

#footer
{
	width: 100%; font-size: 10px; height: 20px;
	text-align: center;
}

.footer
{
	color: #666666;
}

/* - Extra Post - */
.center
{
	text-align: center;
}

.center table
{
	margin:auto;
}

/* - Blog Content - */
#nav_blog
{
	width: 100%-30px;
	margin: 0 15px 15px 15px;
}

/* - Blog Main - */
.main_dossier
{
	z-index: 5;
	height:120px; width:165px; float:left; position: relative;
	border: 1px solid #B6B4A4;
}

.main_dossier img
{
	z-index: 6;
	height:87px; width:150px; position: absolute;
	left: 50%; Top: 5px;
	margin: 0px 0px 0px -75px;
}

.blog_title
{
	width: 100%; position: absolute;
	bottom: 0px;
	text-indent: 10px;
}

.post_state_new, .post_state_update, .span_post_state_new, .span_post_state_update
{
	z-index: 6;
	width: 50px; height: 50px; position: absolute;
	right: 0px; margin: 0;
	text-indent: -2000px;
}

.post_state_new, .post_state_update
{
	bottom: 10px;
}

.span_post_state_new, .span_post_state_update
{
	top: -32px;
}
	
.post_state_new, .span_post_state_new
{
	background: url(picto_new.png) no-repeat;
}

.post_state_update, .span_post_state_update
{
	background: url(picto_update.png) no-repeat;
}

.post_wip
{
	z-index: 6;
	width: 25px; height: 25px; position: absolute;
	bottom: 25px; left: 8px;
	margin: 0;
	text-indent: -2000px;
	background: url(picto_wip.png) no-repeat;
}

.post_publish_off, .post_publish_on
{
	z-index: 6;
	width: 13px; height: 13px; position: absolute;
	top: 5px; right: 8px;
	margin: 0;
	text-indent: -2000px;
}

.post_publish_off
{
	background: url(off.png) no-repeat;
}

.post_publish_on
{
	background: url(on.png) no-repeat;
}

.post_class_1 img, .post_class_2 img, .post_class_3 img, .post_class_4 img
{
	z-index: 6;
	width: 25px; height: 25px; position: absolute;
	top: 5px;
	margin: 0;
}

.post_class_1 img
{
	 left: 7px;
}

.post_class_2 img
{
	 left: 37px;
}

.post_class_3 img
{
	 left: 67px;
}

.post_class_4 img
{
	 left: 97px;
}

/* - Post Content - */
#post_header
{
	width: 100%;
	border-bottom: 1px solid #A7A7A7;
}

#content_class
{
	height: 30px; width: 125px; position: absolute;
	right: 15px;
	margin-top: -25px;
}

/* - Post Comment - */
#post_comments
{
	width: 100%;
	border-top: 1px solid #A7A7A7;
}

#comment_left
{
	width: 100%;
}

dt
{
	width: 100%; position: relative;
	margin: 3px 0 0 0;
	text-indent:12px;
}

.post_separator
{
	width: 100%;
	border-bottom: 1px solid #A7A7A7;
}

.form_comment
{
	width: 98%; position: relative;
	margin-left: 12px;
}

#comment_right
{
	width: 98%;
	margin-left: 12px;
}

#comment_show
{
	margin: 0 0 0 30px;
}

.left_line
{
	border-left: 1px solid  #B6B4A4;
	margin: 0 0 0 8px;
	padding: 0 0 0 16px;
}

/* - Infotip - */
a.infotip span 
{
   display: none;
}

a.infotip:hover span 
{
	z-index:1;
	background-color: #373737;
	width: 145px; position: absolute;
	top: 92px; left: -1px;
	display: block;
	border: 1px solid #B6B4A4;
	border-top: none;
	padding: 10px;
}