/*
Theme Name: Club Med
Version: 1.1
Author: Jerome Vercey
*/

*{margin: 0; padding: 0;}

html{height: 100%; margin: 0; padding: 0;}

body{margin: 0; padding: 0; font: 75%/135% Arial, Verdana, Helvetica, sans-serif; color:#535353;}

a,a:link,a:visited, a:active{color: #ac7218; font-weight: bold; text-decoration: none; outline: none;}
a:hover{text-decoration: underline;}

img{border: none; padding:0; margin:0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
blockquote, pre{border-left: 2px solid #d4e7ff; padding: 10px; background: url('images/bg_blockquote.gif') top center repeat-x #d4e7ff; margin: 10px 0;}

ul{ margin:0; padding:0;margin-bottom:20px;}
ol{ margin-bottom:20px;}
ul li{ list-style:none; background:url('images/bulletFooter.gif') 3px 5px no-repeat; padding-left:15px;}
h1,h2{ color:#355c9b;}
h3,h4,h5,h6{color:#535353;}
h3{ font-size:1.25em;}
h4{ font-size:1.15em;}
h5{ font-size:1.1em;}
h6{ font-size:1.0em;}

#container{ background:url('images/bg_header.jpg') top center no-repeat; margin:0 auto; padding:0; padding-bottom:100px;}
#wrapper{margin: 0px auto; width: 968px;}

/* ---- Header part */

#header{background:url('images/header.jpg') top center no-repeat; width:968px; height:426px; position:relative;}
#header h1, #header h1 a{display:none;}
#header .descri{ margin-top: -5px; color: #666;}

/* topmenu */
.topmenu{position:absolute; right:10px; top:31px;}
.topmenu ul li{margin:0; padding:0; list-style:none; background:none;}

/* linkHome */
#linkHome{ position:absolute; top:20px; left:4px;}
#header #login{ position:absolute; left:443px; top:194px;}

/* container2 */
#container2{ background:url('images/back_sidebar.gif') top right repeat-y; width:968px; margin-bottom:5px; position:relative; padding-bottom:70px; margin-top:-108px;}

/* ---- Content */
#content{
	background:#FFF;
	float:left;
	display:inline;
	width:514px;
	border:2px solid #FFF;
    padding-bottom:30px;
	position:relative;
	top:-44px;
}
#content ol{margin-left:10px; list-style: decimal inside;}

#content p{margin: 0 0 1em 0;}

#content h1{ font-size: 2.6em; line-height:1em; color:#355c9b; font-weight:bold;}
#content h1 a{color:#355c9b;}
#content h2{ font-size: 2.5em; line-height:1em; color:#355c9b;}
#content h2 a{color:#355c9b; font-weight:bold;}
#content h1 a:hover, #content h2 a:hover{ text-decoration:underline;}
#content h3{ margin: 10px 0;}

/* entry */
#content .entry{ padding:15px 13px 15px 14px; background:url('images/backTopEntries.gif') #fff top left repeat-x; width:487px;}
#content .entry img{ border: 1px solid #bfbfbf;}

/* #catTitle */
#content #catTitle{ background:url('images/backTitleArchives.jpg') top left repeat-x; height:21px; margin-bottom:4px; padding:15px 0 10px 10px; font-size:1.1em; font-weight:bold;}

/* metadata */
#content .metadata{ padding:11px 0 5px 0;}
#content .metadata .meatInfos{ width:355px; float: left; display:inline; font-size:0.95em;}
#content .metacomments{ float:right; display:inline; width:112px; height:30px; background:url('images/backNumberComments.gif') top left no-repeat; position:relative; top:-5px;}
#content .metacomments a{ color:#ac7218; padding-left:12px; position:relative; top:3px;}

#content .ratingblock { float:right; display:inline; margin-top:10px; }
#content .socialButtons { float:left; display:inline; width:300px; margin-bottom:12px; }
#content .relatedTags { margin-top:10px; display:block; clear:both;}
#content .akpc_pop{display:none;}


/* ---- Comments */
#content .comments-template {margin-top: 20px;}
#content .commentlist{
	list-style: none;
	margin: 10px 0 0 0;
	background:url('images/bg_titleComments.jpg') top center no-repeat;
	width:486px;
}
#content h2#comments{ margin-left:10px; padding:5px; color:#4f80c6; font-size:1.45em; position:relative; top:3px;}
#content .commentlist .even{ /*background-color:#e8f7ff;*/ }
#content .commentlist .alt{}
#content .commentlist .comment{ position:relative;}
#content .commentmetadata { padding: 5px 10px;}
#content .comment p{ margin:4px 0 10px 0;}

#content .containerComment{
	position:relative;
	display:block;
	z-index:100;
	border-bottom:2px solid #d4e7ff;
	border-right: 2px solid #d4e7ff;
	border-left: 2px solid #d4e7ff;
	width:482px;
	padding-top:5px;
}
#content .imgAvatar{ width:60px; float:left; display:inline;}
#content .imgAvatar img{border: 1px solid #000;}
#content .containerComment img{ margin:9px 0 0 15px; border:none;}
#content .contentComments{ float:left; display:inline; width:370px; padding-top:5px;}
#content .contentComments .infosComments{ font-size:0.95em; color:#8c8c8c;}

#formComments{
	background:url('images/bg_commentForm.jpg') no-repeat;
	width:466px;
	height:244px;
	padding:5px 10px 10px 10px;
	position:relative;
	top:-2px;
}
#formComments h2{ margin-bottom:8px;}
#content #formComments h2 img{ border:none; margin:10px 0 5px 0;}
#formComments input#submit{position:absolute; right:15px; bottom:10px;}
#commentform .inputValid{
	background: #FFF url('images/backgroundInput.gif') top left repeat-x;
	font-weight:normal;
	color:#535353;
	border:#fff 1px solid;
}
#commentform .inputRequired{
	background: #FFF url('images/backgroundInputNoValid.gif') top left repeat-x;
	font-weight:bold;
	color:#333;
	border:#FF3300 1px solid;
}


/* Youtube video */
#content .vvqyoutube { margin: 20px 0; text-align:center; }

/* bgBottomContent */
#bgBottomContent{ background:#FFF; width:518px; height:46px; position:absolute; bottom:-46px; left:-2px;} 

/* bottomContent */
#bottomContent{ height:49px; width:968px; position:absolute; bottom:0px; left:-4px; z-index:0;}
#brushesSidebar{ position:absolute; bottom:0; right:0;}

/* ---- Sidebar */

#sidebar{width: 444px; float:right; padding-bottom:30px; font-size:11px; margin-left:6px; background:url('images/bg_sidebar.gif') top left repeat-y;}
#sidebar .leftbar{float: left; display:inline;width: 219px; background-color:#e8e7d3;}
#sidebar .rightbar{float: left; display:inline;width: 219px; margin-left:6px; overflow:hidden; background-color:#e8e7d3; margin-bottom:40px;}
#sidebar a, #sidebar a:active, #sidebar a:link, #sidebar a:visited{ font-size:11px;}

#sidebar h2{width:209px; height:41px;}
#sidebar h2 span{display:none;}
#sidebar h4{font-size: 14px;}
#sidebar h5{color: #327eb0; letter-spacing: -1px; margin: 25px 0 5px 0; font-size: 13px;}
#sidebar h6 span{ display:none; margin:0; padding:0;}

#sidebar ul{ margin:0; padding:0;}
#sidebar ul li{ margin:4px 5px; padding:0; list-style:none; background:none;}
#sidebar ul ul{padding: 0px 0 0px 5px; margin-bottom:10px; list-style: none; background:url('images/backLiSidebar.gif') top left repeat-y; width:204px; margin-top:6px;}
#sidebar ul ul li{
	list-style:none;
	background:url('images/bulletFooter.gif') 3px 6px no-repeat;
	padding-left:15px;
	padding-bottom:2px;
	line-height:16px;
	margin:0;
}
#sidebar ol{margin: 10px 0 10px 5px; list-style: decimal inside;}

#sidebar #aboutUS{background:url('images/title_aboutUs.jpg') top left no-repeat; width:209px;}
/*#sidebar #aboutUS #aboutContent{ background:#e8f7ff; padding:5px 15px 5px 15px; width:191px; margin:6px 0 10px 0;}*/
#sidebar .widget_categories{background:url('images/title_categories.jpg') top left no-repeat; width:209px;}
#sidebar .widget_list_authors{background:url('images/title_authors.jpg') top left no-repeat; width:209px;}
#sidebar .widget_recent_comments{background:url('images/title_recentCommentsSidebar.jpg') top left no-repeat; width:209px;}
#sidebar .widget_archive{background:url('images/title_archives.jpg') top left no-repeat; width:209px;}
#sidebar .widget_twitter{background:url('images/title_twitter.jpg') top left no-repeat; width:209px;}
#sidebar .adv-blogroll{background:url('images/title_blogRoll.jpg') top left no-repeat; width:209px; margin-top:12px;}
#sidebar #myBlogLog{background:url('images/title_twitter.jpg') top left no-repeat; width:182px; padding-left:27px;}
#sidebar li#myBlogLog .mbl_top5{ padding-top:50px!important; padding-top:30px;}

/*#sidebar li.{padding:10px 6px 26px 20px;}*/


/* My blog log */
table#MBL_COMM tr#tr0 td{  background:#ffffff; }
table#MBL_COMM tr#tr1 td{ padding-top:10px; }
table#MBL_COMM  td{ width:50%; text-align:center; }
table#MBL_COMM td.mbl_fo_hidden { display:none; }
#blogLog table#MBL_COMM td.mbl_img {padding : 0;width:50%;}
#blogLog table#MBL_COMM td.mbl_img img {margin:0 auto; float:none; margin: 5px 0;}
#blogLog table#MBL_COMM td.mbl_join {padding :2px 0;}


/* searchForm */
#searchForm{ margin:0 0 10px 7px;}
#s{padding: 4px 2px; width:163px; font-size:11px; border:1px solid #b9a385;}
input#s{}
#searchsubmit{ position:relative; top: 9px; left:5px;}

/* pubClubMed */
#pubClubMed{ margin:0 0 10px 3px;}

/*#sidebar ul li #chicklet_creatorWidget{ background:url('images/backChicklet.jpg') #dbf3ff top center no-repeat; width:206px; height:90px; padding: 10px 7px; margin-top:10px;}
#sidebar ul li #chicklet_creatorWidget h2{display:none;}*/

/* recentscoments */
#sidebar ul ul#recentcomments{background:none; padding-left:0;}
#sidebar ul ul#recentcomments li{line-height:14px; padding:3px 8px;}
#sidebar ul ul#recentcomments li.alternate1{background:#FFF; }
#sidebar ul ul#recentcomments li.alternate2{background:#e8e7d3;}
#sidebar ul ul#recentcomments li a{ font-weight:normal; color:#535353;}
#sidebar ul ul#recentcomments li a.url{ font-weight:bold; color:#ac7218;}

/* twitter */
#sidebar ul ul.twitter{ background:none;}
#sidebar ul ul.twitter li.blue{ background-color:#e8f7ff;}
#sidebar ul ul.twitter li.white{ background-color:#FFF;}
#sidebar .twitter ul ul li { line-height:120%; padding-bottom:4px; }

/* pagination */
.pagination{ position:relative; top:20px;}


/* ---- Bottom */
#bottom{background-color:#FFF; width:968px; font-size:0.95em; margin-top:2px;}
#bottom h2{ display:none; padding:0; margin:0;}
#bottom ul{ padding:2px 9px 0px 9px; height:auto !important; height: 170px; min-height:170px; margin-bottom:0;}
#bottom .boxBottom{ width:232px; float:left; display:inline;background:url('images/bgBottomBox.jpg') #f0efe2 bottom center no-repeat;}
#bottom .boxBottom .title{ margin-bottom:4px;}
#bottom .boxBottom ul li{ font-size:11px; line-height:16px;}
#bottom #recent_posts{ margin: 7px 0 10px 13px; }
#bottom #recent_comments{ margin:7px 9px 0 9px;}
#bottom #popular_posts{ margin:7px 10px 0 0px;}

/* poweredBy */
#poweredBy{ width:220px; height:184px; background:url('images/blockPowerBy2.jpg') no-repeat; margin:7px 0 10px 0px; float:left; display:inline; position:relative;}
#poweredBy #clubMedLink{ position:absolute; top:49px; left:12px;}
#poweredBy #linkPoweredBy #linkPoweredRss{ position:absolute; top:100px; left:10px;}
#poweredBy #linkPoweredBy #linkPoweredArticles{ position:absolute; top:100px; left:121px; }
#poweredBy #lowerFooter{ position:absolute; top:148px; left:15px; font-size:9px; color:#8c8c8c; line-height:12px;}


/* ---- Footer */

#footer{background:url('images/backFooter.gif') top left repeat-x; width:968px; height:81px; text-align:center;}
#footer a{color: #6a737b; text-transform:uppercase;}
#footer ul li{ display:inline; background:none; list-style:none; margin:0 7px; text-align:center; padding:0;}
#footer ul li a{ font-weight:normal; font-size:10px;}
#footer ul li a:hover{ color:#006898;}
#footer ul li.sep{}
#footer #menuFooter{ padding-top:15px;}

/* lowerfooter */
#lowerfooter{color: #fff;/* padding-top:19px;*/ font-size:12px;}

/* ---- Comment form */

#author, #email, #url, #comment { border: 1px solid #fff; padding: 2px;font-size:11px;}

#author{ width: 136px; }
#email{ width: 136px; }
#url{ width: 136px; }
#comment{ width: 454px; font-family:Arial, Helvetica, sans-serif;}
#submit{}

/* ---- Required by WordPress */

.aligncenter,
div.aligncenter{display: block; margin: 0 auto;}
.alignleft{float: left; margin:5px 10px 5px 0;}
.alignright{float: right;margin:5px 0px 5px 10px;}
.wp-caption{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it */
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img{border: 0 none; }
.wp-caption p.wp-caption-text{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }
.socialbookmark div { float:left; display:inline; }


label{ display:block; font-weight:normal; font-size:11px;}
small, .small{ font-weight:normal; color:#737373; font-size:0.95em;}

	
/* subscribe-to-comments */
.subscribe-to-comments{ position:relative;}
.subscribe-to-comments label{font-weight:normal; position:absolute; top:1px; left:20px; width:350px;}

/* ddsg-wrapper */
#content .ddsg-wrapper h2{ font-size:1.4em; margin:10px 0;}
	
/* general Classes */
.rollOverTrans img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.rollOverTrans:hover img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
.floatLeft{ float:left; display:inline;}
.floatRight{ float:right; display:inline;}
.clear {clear:both;}
.col{ float:left; display:inline; width:154px;}

/* MODAL BOX */
.myNVIQuickModalOverlay{background:#000000; filter:alpha(opacity=80); left:0; position:absolute; opacity: 0.80; top:0;}
.modal{background:#FFF; border:2px solid #FFF; display:none; position:absolute;}
