/*  
Theme Name: Goopple 2010
Author URI: http://www.goopple.fr
Version: 2.0
Author: JD. Dewavrin
Description: Theme 2010 pour Goopple.fr
*/

body { font: 12px Arial, Helvetica, Sans-Serif; color:#a2a1a0; margin: 0px; background:#FFF;
}
body * {
	
}
hr {
	height: 5px;
	margin: 10px 0px;
	border: none;
}

blockquote{
	margin: 0px 0px 0px 5px;
	padding: 8px 25px 5px 40px;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	}
blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
.clearboth {
	clear: both;
        margin-bottom: 5px;
}

.clearleft {
	clear: both;
        padding-left: 5px;
}

.clear15 {
	clear: both;
        margin-bottom: 15px;
}

.cleartitle {
	clear: both;
        margin: 3px 0px;
        border-top:1px solid #999999;
        width: 100%;
        
}
   
.alignleft{
	float:left}
.alignright{
	float:right}

.wp-caption {
        margin: 0px;
        border:1px solid #999999;
        /* modifier $divwidth ds plugin flickpress/include.php */
}

.wp-caption-text {
        background-color:#000; 
	filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6;
	z-index:1;
	height:16px;
	margin:-16px 0px 0px 0px;
	padding:0px;        
        text-align: center;
}

.wp-caption-text a {
        font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
        text-decoration: none;
}

/*************************************
	Links
**************************************/
a { text-decoration: underline; outline:none; color:#a2a1a0;
	}
	
a:hover {
	text-decoration: none;
        color:#FF9900;
	}
/*************************************
	Text
**************************************/
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: Arial, Futura, Georgia, Helvetica; color:#a2a1a0; margin:0px; padding:0px; }
h1 { font-size: 24px; }
h2 { font-size: 18px; margin-top:5px ; color:#FF9900;}
h3 { font-size: 16px; margin-top:5px ; color:#FF9900;}
h4 { font-size: 14px; margin:2px 0px; color:#a2a1a0;}
h5 { font-size: 12px; }
h6 { font-size: 10px; }

p { margin:1px 0px; color:#a2a1a0;}

.st { color:FF9900; padding-bottom:1px; }
/*************************************
	List
**************************************/
ul.tablist { 	
	margin:5px 0px; 
	padding:0; 
	list-style: none; 
	color:#666666;}

ul.tablist ul { 	
	margin:0; 
	padding:0; 
}

ul.tablist li { 
	font-size:11px; 
	margin:0 2px ;  
	padding: 2px 0 0 2px; 
	list-style:none;
	border-bottom:1px dotted #959595; 
	text-align:left;}

ul.tablist li a { 
	text-decoration: none; 
	line-height:10px;}

ul.tablist li a:hover { 
	}



/*************************************
	images & advertissment
**************************************/
img { border:none; 
}
/*************************************
	Header
**************************************/
#header { width:1024px;
	margin: 0 auto;
	padding: 0px;
	overflow:hidden;
        height:130px;
        background:url(images/header_bg3.png) top no-repeat;
	 }

#header-left { width:288px; height:100px; float:left; margin: 0px 0px; padding: 0px; overflow:hidden;
}
.logo { width:270px; float:left; margin:0px; padding: 0px; overflow:hidden;
}
#header-right  { width:736px; float:right; margin: 5px 0px; overflow:hidden;
}

/**** Search ******/
.search {width:230px; height:20px; float:right; margin:5px 5px 5px 10px;}
.button {float:right; width:46px; height:20px;}
.s { width:176px; }

/**** Menu *****/
.menu { border:none; border:0px; margin:0px; padding:0px; font:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:left; width: 920px; }
.menu ul { background:none; height:30px; list-style:none; margin:0; padding:0; color:#FFF;}
.menu li { float:left; padding:0px; }
.menu li a { background:url("images/menu_sub_off.png") center right no-repeat; }
.menu li span a, .menu ul li:hover span a  { background:none; } 
.menu li a, .menu li span a {display:block; color:#FFF; font-weight:normal; line-height:30px; margin:0px; padding:0px 14px; text-align:center; text-decoration:none; }
.menu ul li:hover a { background:url("images/menu_sub_on.png") center right no-repeat; color:#FF9900; text-decoration:none; }
.menu li ul { color:#FF9900; background:#b2b1b0 url("images/menu_sub_top.png") top right no-repeat; display:none; height:auto; padding-top:13px; margin:-8px; position:absolute; width:225px; z-index:200; /*top:1em; /*left:0;*/ }
.menu li:hover ul{ display:block; }
.menu li li { 	border-bottom:1px dotted #b2b1b0;  display:block; float:none; margin:0px; padding:0px; width:100%;}
.menu li:hover li a{color:#FFF; background:none; line-height:12px; }
.menu li:hover li a:visited { background:url('images/bullet-read.png') center left no-repeat;}
.menu li ul a{ display:block; font-size:12px; font-style:normal; margin:0px; padding:5px 5px 5px 14px; text-align:left;}
.menu li ul li span {}
.menu li ul a:hover, .menu li ul li:hover a{ background: url('images/bullet-new.png') center left no-repeat;  color:#ff9900; text-decoration:none; }
.menu p{ clear:left; }	

#menu-right { border:none; border:0px; margin:0px; padding: 1px 2px; font:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:right; }


/*************************************
       Structure
**************************************/
#container {min-height: 100%; width:1024px; clear: both; margin:0 auto; padding:0px; background:#FFF; color: #A2A1A0; position:relative; }
#content {width:746px; float: left; margin: 0px; padding: 0px; background:#FFF; }
#disqus_thread { padding:0px 5px; color:#a2a1a0;}
.advertissement { width:728px; height: 90px; float: left; margin : 0px 4px; background:#FFF;}
.advert1 { width:268px; height: 250px; float: left; padding: 5px 0px; background:#FFF;}
.advert2 { width:728px; height: 90px; float: left; margin: 5px 8px; background:#FFF;}
.cloud { width:256px; height: 188px; float:left; background:#FFF url("images/combo_cloud.png") top repeat-x; border:1px solid #cccccc; margin: 5px 5px 5px 0px; padding: 5px; }
.cloud ul { margin:0; padding:0px;}
.cloud a { text-decoration:none;}
.combo_404 {width:728px; height:430px; float: left; margin: 0px; padding: 70px 5px 0px 5px; background:#FFF url("images/combo_404.png") top no-repeat;}
.combo_cadre { width:95%; float: left; padding: 5px; background:none; border:1px solid #A2A1A0;}


/*************************************
              Home
**************************************/

#hp {width:736px; float: left; margin: 0px; padding: 0px;background:#fff; }
#hp_combo_l { width:726px; height: 260px; float: left; margin: 5px 5px; padding: 0px 0px; overflow:hidden; border: 1px solid #A2A1A0;
}
#hp_left { width:733px; float: left; margin:0px; padding: 0px; overflow:hidden;
}
#hp_combo_fb { width:359px; height: 332px; float: left; margin: 0px 0px 5px 5px; overflow:hidden; background:#ffffff;}
#hp_combo_m { width:349px; height: 320px; float: left; margin: 0px 0px 5px 5px; padding: 5px; overflow:hidden; background:#ffffff; border:1px solid #A2A1A0; }
.hp_img_m { height: 124px; float:left; margin:0px 0px 4px 0px; overflow:hidden; vertical-align:middle; }
.hp_title_m { width:349px; float:right; margin: 0px 0px 5px 0px; }
#hp_combo_s { width:227px; height: 246px; float: left; margin: 0px 0px 5px 5px; padding: 5px; overflow:hidden; background:#ffffff; border:1px solid #A2A1A0; }
.hp_title_s { width:227px; height:46px; float:right; margin: 0px 0px 5px 0px; overflow:hidden;}
.hp_title_m a, .hp_title_s a { text-decoration:none; }

.hp_combo_top { float:inherit; height: 25px;width:100%; text-transform: uppercase; text-decoration:none;}
.hp_combo_middle { float:inherit; height: 155px; width:100%; overflow:hidden;}
.hp_combo_middle_s {float:inherit; height: 180px; width:100%; overflow:hidden;}
.hp_combo_bottom { float:inherit; height: 15px; width:100%; text-transform: uppercase; text-decoration:none; vertical-align:bottom;}

/*************************************
              Post
**************************************/
.post_metatop_left { padding: 2px 5px; float:left; width: 695px }
.post_metatop_right {height:67px; padding: 2px; float:right; width:19px; }
.post_title { padding:3px 0px; float:left; color:#a2a1a0; text-valign:middle;}
.post_title a { text-decoration:none; color:#a2a1a0;}
.post_metatitle {padding: 1px 0px 1px 0px; float:left; width:100%; vertical-align:bottom;}
.post_content {height:100%; padding: 0px 0px; float:left; width:100%; overflow:hidden; color:#a2a1a0; }
.post_single {float:left; width:100%; }
.post_single p {padding: 0px 0px; margin-bottom:12px; line-height:15px; color:#a2a1a0; }
.post_single ul {padding-left: 15px; list-style-type:square; line-height:14px;}
.post_frame {width:728px; margin:0px 2px; padding: 0px 5px; float:left; overflow:hidden; border:1px solid #999999; }
.post_metabottom_right { height:15px; padding: 2px 5px; float:right; width: 724px; }
.post_bottom {width:100%; padding: 0px 5px; float:left; }
.post_previous {width:320px; float:left; padding: 1px 5px; text-align:left;}
.post_next {width:320px; float:right; padding: 1px 5px; text-align:right; }
ul.st-related-posts { margin:5px 0px; padding:0;  list-style: none;}
ul.st-related-posts li { font-size:11px; padding: 2px 5px; text-align:left; }
ul.st-related-posts li a { text-decoration:none; color:#CC6600;}

/*************************************
              Archives
**************************************/
.archives_type { height:30px; padding:15px 5px 0px 5px; float:left;}
.archives_title { height:100%; padding:2px; float:left; }
.archives_title a { text-decoration:none; color:#808080; valign:center;}

/*************************************
	Sidebar
**************************************/
#sidebar {width:270px; height:100%; float: right; margin-right: 2px; padding: 0px; background:#FFF;
}

.combo_follow { width:256px; height:100px; float:left; margin: 5px 0px 0px; padding: 2px 5px 0px 5px; overflow:hidden; background:#FFF; border:1px solid #cccccc; border-style:solid solid none;}
.combo_like_box {width:268px; height:110px; margin: 0px 0px 2px; float: left; background:#FFF; overflow:hidden;}
.followme {display:block; width:90px; height: 30px; float: right; margin: 2px 0px; background:none;}
.followme a img {padding: 0px 0px 0px 2px;}

.mybloglog {text-align: left; width:264px; height:66px; margin: 2px 0px; padding: 32px 0px 0px 2px; float: left; background:#FFF url("images/combo_mybloglog.png") top no-repeat; border:1px solid #cccccc; overflow:hidden;}

.twitter {width:266px; height:200px;  float:left; background:#FFF; border:1px solid #cccccc; overflow:hidden; margin: 5px 0px; padding:0px;}
.combo_comments { width:261px; height:200px; float:left; margin: 5px 0px; padding: 5px 0px 0px 5px; overflow:hidden; background:#FFF top no-repeat; border:1px solid #cccccc;}


.pollbox {width:258px; height:200px; margin: 5px 0px; padding:0px 5px; float: left; background:#FFF url("images/combo_poll.png") top no-repeat;  overflow:hidden;}

#advideo { width:155px; float:left; background:none; border:1px solid #cccccc;}

#l_sidebar {display:block; width:250px; height:100%; padding:0px 4px; float: left; background:none;}

#rollbox {display:block; width:242px; float: left; background:none; overflow:hidden; border:1px solid #cccccc;}

#r_sidebar {display:block; width:160px; height:100%; padding:0px 4px; float: right; background:none; border:1px solid #cccccc;}

/*************************************
	Footer
**************************************/
.clearfooter {
height: 5px;
clear: both;
}

#footer { 
	padding: 0px;
	font-size:11px;
	width: 100%;
        height: 20px;
	margin: 0px 0px;
        background:#b2b1b0;
        position: relative;
        bottom:0px;
        z-index:2;
}

#footer-wrap { 
	font-size:11px;
	width: 1024px;
	margin: 0px auto;
        background:#b2b1b0;
}

table#MBL_COMM td.mbl_fo_hidden, table#MBL_COMM td.mbl_join, table#MBL_COMM td.mbl_join_img {display:none;}

.copyright { display:block; width:1024px;color:#FFF; float:left; text-align:left; }
.copyright a 	{  color:#FFF; text-decoration:none;}
.copyright a:hover {color:#333; text-decoration:none; }