/*
Theme Name: 4live2k10
Theme URI: http://www.4live.fr/
Description: Thème 4live Créations en sa version 2010.
Version: 1.0
Author: Julien Grossio - Jordan Matejicek
*/

html, body, #wrap {height: 100%;}
body { font-family:calibri; font-size:12px; background:url(images/bg.png); margin:0; padding:0; color:#f7f7f7; }
body > #wrap {height: auto; min-height: 100%;}

#top { height:120px; padding:0px; background:url(images/bg_menu.png); background-repeat: repeat-x; background-position:top; }
#top_conteneur { width:1000px; margin:0 auto 0 auto; }
#top_logo { width:264px; height:109px; float:left; background-image:url(images/logo.png); }
#top_menu { height:41px; padding-top:15px; width:716px; margin-left:20px; float:left;  }
#top_search { width:220px; height:35px; margin:15px 30px 0 0; float:right; background-image:url(images/search.png); }

.contenu_topmenu { font-size:13px; font-weight:bold; }
.contenu_topmenu ul { list-style:none;margin:0; padding:0; }
.contenu_topmenu li { float:left; }
.contenu_topmenu li a { color:#FFF; text-decoration:none; padding:10px 15px 0px 15px; display:block; height:40px; text-align:center;}

.topmenu_item li { float:none; }
.topmenu_item ul { display:none; }
.topmenu_item:hover ul { display:block; }
.topmenu_item ul li a { height:auto;background-color:#27292b; padding:2px 0 2px 0;margin-bottom:5px;margin-top:-5px; }
.topmenu_item ul:hover a { display:block; }
.contenu_topmenu li a:hover, .topmenu_item ul li a:hover { color:#7cc3ff }

#contenu { width:1000px; margin:0 auto 0px auto;padding-bottom:125px; }
#conteneur_top { width:1000px; height:15px; background-image:url(images/contenu_top.png); float:left; }
#conteneur_contenu { width:1000px; background-image:url(images/bg_content.png); float:left; }
#conteneur_bottom { width:1000px; height:15px; background:url(images/contenu_bottom.png) top no-repeat; float:left; padding:0 0 25px 0;  }


#content { clear:both; float:left; width: 700px; padding:0 15px 10px 15px; margin:0 }
#postmetadata { text-align:right; margin:-10px 0 25px 0; font-style:italic; }
.more-link { font-size:15px; font-weight:bold; margin-top:8px; float:left; }
.post_content { margin-bottom:5px; }
#content .cboxElement img { border:6px #161718 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#content .cboxElement img:hover { border:6px #434343 solid; }
.sociable { float:right; clear:both;padding-top:4px; }

#comments { border-bottom:1px dotted #f7f7f7; padding:20px 0 0 0; }
textarea { padding:10px; background:#1b1c1d; border:1px dashed #435a5f; width:680px; height:125px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
input[type=text] { padding:5px; background:#1b1c1d; border:1px dashed #435a5f; color:#f7f7f7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
input[type=submit] { background:#1d1e1f; border:1px solid #435a5f; color:#f7f7f7; padding:2px 10px 2px 10px }

li.comment { background-color:#3c3c3c; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:20px; }

.fan_box .full_widget{ background:none; border:none;}
.fan_box .connections { color: #f7f7f7;	border: none;}
.full_widget .connect_action .name_block a .name{ font-size: 12px; }
.fan_box .connections .connections_grid { }
.fan_box .connections total { color: #f7f7f7;}
.fan_box .full_widget .connect_top { background:none;}
.fan_box .full_widget .connect_top a { color: #4eabfa; }
.fan_box .full_widget .connect_top a:hover { color: #7cc3ff;}
.connect_action .connect_button { color: #f7f7f7;}
.img { border: 1px solid #f7f7f7; }
.connect_top .img { border:none; }
.grid_item { padding:0 8px 0 0; color#f7f7f7 } 
.grid_item a { color:#f7f7f7; text-decoration:none }
.grid_item a:hover { color:#7cc3ff; text-decoration:none }
.connect_widget td.connect_widget_vertical_center { border-spacing:0;color:#FFFFFF; }
.fan_box .connections_grid .grid_item {float:left;overflow:hidden;padding:0 7px 8px 0;width:50px;}
.profileimage { display:none; }
.fan_box .full_widget .connect_top { margin:0; padding:0; }
span.total{ color: #7cc3ff; font-weight: bold; }
.fan_box .connections_grid .grid_item .name{ color: #f7f7f7 ; }
.fan_box .connect_widget{ position: absolute; bottom: 30px; right: 0px; margin: 0 !important; }
.fan_box .connect_widget .connect_widget_interactive_area { margin: 0 !important; }
.fan_box .connect_widget td.connect_widget_vertical_center { padding: 0 !important;}

#sidebar { float: right; width: 230px; margin:0px 0 0px 0px; }
#sidebar ul { margin:0 0 15px 15px; padding:0; list-style:none; }
#sidebar li { list-style:none; }
.side_title { margin:0 0 0 -25px; }
.sociable { text-align:right }

#footer { clear:both; height:125px; margin-top: -125px; background-color:#2d2f30; }
#contenu_footer { width:1000px; margin-left:auto; margin-right:auto; }
.footer_liste { float:left; padding:10px 35px 0 0; text-align:left; }
.footer_liste ul { list-style:none; padding:0; margin:0; }
.footer_liste li { padding:0; margin:0; }
#footer_copyright { float:right; padding:10px 0 0 0; text-align:right; }
#footer_copyright ul { padding:0; margin:0; }
#footer_copyright li { list-style:none; padding:0px; padding:0px;margin-bottom:3px; }

h1, h1 a, a { color: #4eabfa; text-decoration:none;  }
h1 a:hover, a:hover { color: #7cc3ff; }
h1, h3 { margin:0 0 15px 0; }
h1 { font-size:20px; border-bottom:1px dotted #dedede; clear:both; }
h3 { font-size:20px }
img { border:0;}
#s { padding:0; margin:	11px 0 0 15px; height:14px; width:155px; border:none; background:#3a3b3c; color:#f7f7f7; font-size:12px; font-style:italic; text-align:center; float:left; }
#searchsubmit { float:right; margin:0 5px 0 0; border:none; background:url(images/search_btn.png); height:35px; width:34px; }
#searchsubmit:hover { background:url(images/search_btn_hover.png); }
textarea,input { color:#f7f7f7; font-family:calibri; font-size:12px;}

/*Clearfix */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* WP PageNavi */
#navigation { clear: both; text-align:center; }
.wp-pagenavi .pages { border:1px #f7f7f7 solid; border-radius:5px -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; margin-left:4px; }
.wp-pagenavi .current { border:1px #f7f7f7 solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; margin-left:4px; }
.wp-pagenavi .page { border:1px #4eabfa solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; margin-left:4px; }
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { border:1px #4eabfa solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; margin-left:4px; }