/*
Theme Name: beautyspa
Theme URI: http://themesjunction.com
Description: A Very high quality magazine wordpress theme
Version: 1.0
Author: Themes Junction Team
Author URI: http://themesjunction.com 
*/
/*=============================================================================*/

/*global*/
body { margin: 0 auto; background:#333333;}
h1, h2, h3, h4 { margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
.alignleft{ float:left; }
.alignright{ float:right; }
.clear { clear: both; height: 0; overflow: hidden; }
/*wrap*/
#wrap { width: 1004px; margin: 0 auto; padding:0px; background:url("images/background.gif") repeat-y top; }
#content-container { width: 1004px; background: url("images/header.jpg") no-repeat top; margin: 0 auto; padding:0px; }
#contents { width: 940px; padding: 0 0px 0 45px; margin-top:10px; }
#page-bottom { width: 1004px; background: url("images/footer.gif") no-repeat bottom; }
/*header*/
#header { width: 1004px; height: 170px; position: relative; }
#header-title { position: absolute;  left: 70px; top: 30px; }
#header-title h1 { color: #ffffff; font:bold 42px 'time new roman'; margin-bottom: 5px; }
#header-title h1 a { text-decoration: none; color: #39BFCB; font-size:25px; font-family:Arial, Helvetica, sans-serif; }
.header-subtitle { color: #0D7282; font:14px Arial; }
#rss {position: absolute; top: 312px; right: 37px; float:right; padding-left: 30px;  height: 33px; font: 10px tahoma; color: #a2a2a2; line-height:15px; }
#rss a { color: #efefef; }
/*top menus*/
#navlist { position: absolute; top: 110px; left: 60px; height: 35px; }
#navlist ul { list-style-type: none; height: 28px; padding: 0; margin: 0; }
#navlist ul li { font: bold 11px tahoma; color: #FFECB8; margin: 0 0 0 2px; height: 28px; float: left; border-right:1px solid #39BFCB }
#navlist ul li a { display: block; text-decoration: none; padding:5px 10px 0 10px; color: #FFFFFF; }
#navlist ul li:hover { }
#navlist ul li a:hover { color: #CCFFFF; }
#navlist ul li.current_page_item { color: #CCFFFF; }
#navlist ul li.current_page_item a { color: #CCFFFF; }
/*aboutus summary*/
#about_box { float: left; width: 345px; margin-left:13px; padding:0 10px 0 10px; height:270px; margin-top:0px; text-align:justify; font:12px arial; color:#F8E1ED; overflow:hidden; background: url("images/box_about.gif") no-repeat top left; }
#about_box h3 { margin:5px 0px; color:#F8DFEC; font:bold 14px arial; padding:0; }
#about_box img{ float:right; padding:0px; margin:25px 0 0 10px; border:1px solid #999999; }
#about_box a{ color:#ffffff; text-decoration:none; }
/*search area*/
#menu_search_box { position: absolute; top: 195px; right: 70px; width: 150px; height: 20px; }
#menu_search_box #searchform { margin: 0; padding: 0; width: 180px; height: 27px; }
#menu_search_box #s { float: left; width: 100px; margin:2px 5px 0 10px;}
#menu_search_box #submit { display: none; }
/*post top*/
#contents .top_post { float: left; padding:0; margin: 0 0 10px 0; height:280px; width: 560px; }
.meta_inf { width: 530px; height: 22px; }
.meta_inf a{ color:#098995; }	
.headline { float: left; display:inline; padding-left: 5px; }
.headline_date { float: right; display:inline; padding-right: 0px; color:#CC6699; font:14px arial; }
.meta_date { float: right; display:inline;  padding-top:10px; text-align:right; color:#666666; font:10px arial;  width:120px; overflow:hidden;}
.meta_comments { background: url("images/comments.gif") no-repeat top left; width:110px; float: left; font:10px arial; padding-left: 25px; padding-top:1px; height:25px; line-height:22px; }
.meta_comments a:hover { text-decoration:none}
.meta_more { float: right; width:120px; text-align:right; font:10px arial; padding-top:3px; }
.top_titles a{ color: #098995; text-decoration: none; font: bold 18px arial; }
.post_bottom { width: 560px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #cccccc; }
.post_cat { padding-left: 14px; line-height: 22px; font: 11px Arial; color: #cccccc; }
.post_cat a { color: #098995; }
/*magazine style posts*/
#content { float: left; width: 560px; overflow: hidden; padding-left:50px; }
#content .mag_posts { float: left; width: 273px; margin: 0 1px 6px 0; color: #858585; font: 11px Arial; background: url("images/post_mag_bg.gif") repeat-y left; }
#content .mag_posts a { color: #098995; }
#content .top_mag_posts { width: 273px; background: url("images/post_mag_top.gif") no-repeat; }
#content .bottom_mag_posts { width: 273px;  padding-top: 7px; padding-bottom: 4px; background:url("images/post_mag_bottom.gif") no-repeat bottom left; }
#content .mag_posts h2 { padding:0; padding-left: 7px; color: #DD9BC3; font: bold 14px verdana; height:30px; margin:0; }
#content .mag_posts h2 a { color: #DEC3D3; }
#content .top_mag_titles{ height:30px; text-align:left; clear:both; padding-top:10px; }
#content .top_mag_titles a{ color: #098995; text-decoration: none; font: bold 12px verdana;}
#content .mag_cat{ height:30px; float:left}
#content .mag_posts .mag_posts_entry { padding: 0px 9px 0px 10px; margin:0; width: 250px; height: 350px; text-align:justify; }
#content .mag_posts .mag_posts_meta { margin: 0 9px 0 6px; width:260px; height: 40px; overflow:hidden; }
#content .mag_posts .mag_posts_meta a {color:#097680}
/*pages*/
#content .post { float: left; width: 531px; margin-bottom: 10px;  }
#content .post-top { width: 551px; clear:both; color: #D09640; height:50px; font: 10px Arial; background:url("images/post_top.gif") no-repeat top left; }
#content .post-bottom { width: 555px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #cccccc; }
#content .post-top a { color: #098995; text-decoration: none; }
#content .post-top a:hover { text-decoration: underline; }
#content .post-top h2 { color: #cccccc; font: bold 14px Arial; padding: 7px 5px 5px 25px; }
#content .post-top h2 a { color: #16A8B5; text-decoration: none; }
#content .post-top h2 a:hover {  text-decoration: underline; }
#content .meta_inf { width: 530px; height: 22px; }
#content .post .post_ctg { width: 560px; padding-left: 14px; line-height: 22px; height: 22px; font: 11px Arial; color: #666666; }
#content .post .post_ctg a { color: #16A8B5; }
#content .post-entry { font: 12px Arial; color: #909090; width: 520px; padding: 0 10px 0 10px; text-align:justify; }
#content .post-entry a { color: #098995; text-decoration: none; }
#content .post .post-entry a:hover { text-decoration: underline; }
#content .post .post-entry blockquote { border-left: 6px solid #999999; margin: 0px 20px; padding-left: 10px; font-style:italic; }
#content .post .post-entry img { padding: 5px; border: 0px; }
#content .post h3 { margin: 20px 0 5px 0; color: #098995; font: 18px Verdana; }
#comment { background:#ffffff; width:500px; border:1px solid #606060; }
#commentform input{ border:1px solid #606060; background:#ffffff; }
#commentform #submit{ border:1px solid #909090; border-style:outset; background:#cccccc; color:#16A8B5; }
#content .post .comments { font: 11px Arial; color: #969696; width: 550px; }
#content .post .comments ol { margin: 10px 0; padding-left: 25px; }
#content .post .comments ol li { padding: 5px; }
#content .post .comments ol li a { color: #098995; text-decoration: none; }
#content .post .comments ol li a:hover { text-decoration: underline; }
#content .post .comments ol li.alt { background: #efefef; }
#content .post .comments ol li cite { color: #606060; font-style: normal; font-weight: bold; }
#content .post .comments ol li cite a { color: #606060; text-decoration: none; }
#content .post .comments ol li cite a:hover { text-decoration: underline; }
#content .post .comments ol li .commentmetadata a { color: #aaaaaa; text-decoration: none; }
#content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; }
#content .post #commentform { font: 11px Arial; color: #909090; width: 548px; padding-left: 25px; margin: 0; }
#content .post #commentform a { color: #098995; text-decoration: none; }
#content .post #commentform a:hover { text-decoration: underline; }
/*sidebar 1

#sidebar1 { float: left; width: 185px; font: 11px Arial; color: #999999; }
#sidebar_container { width:170px; margin-bottom: 3px; }
#sidebar1 h2 { width: 160px; height: 25px; padding-left: 10px; padding-top:8px; margin-bottom: 2px; font: bold 14px tahoma; color: #39bfcb; background: url("images/sidebar_title_left.gif") no-repeat top left; }
#sidebar1 a { color: #098995; text-decoration: none; }
#sidebar1 a:hover { text-decoration: underline; }
#sidebar1 ul { margin: 0; padding: 7px; list-style-type: none; }
#sidebar1 ul li { color: #656565; font: 11px Arial; border-bottom:1px dashed #DDDDDD; width:155px; }
#sidebar1 ul li a { color: #098995; text-decoration: none; padding: 5px 5px 5px 10px; margin:0; display: block; }
#sidebar1 ul li a:hover { text-decoration: none; }
#sidebar1 ul li ul { margin: 0; padding: 0 0 0 10px; background: none; }
#sidebar1 ul li ul li { border: none; line-height:7px; padding:0; }
#sidebar1 #searchform { display:none; }
#sidebar1 #searchform #s { width: 100px; }
#sidebar1 #calendar_wrap { width: 140px; margin: 0 auto; padding-top: 5px; }
#sidebar1 #calendar_wrap table { width: 140px; }
#sidebar1 #calendar_wrap caption { margin: 0 auto; font-weight: bold; }
#sidebar1 #calendar_wrap tbody { text-align: right; }
#sidebar1 #calendar_wrap tfoot #next { text-align: right; }
#sidebar1 #calendar_wrap #today { font-weight: bold; }
#sidebar1 .textwidget { padding: 0 5px; } */
/*sidebar 2*/
#sidebar2 { float: left; width: 170px; font: 11px Arial; color: #999999; margin-left:130px; margin-top:50px;}
#sidebar2 h2 { width: 150px; height: 25px; padding-left: 25px; padding-top:7px; margin-bottom: 2px; font: bold 14px tahoma; color: #39bfcb; background: url("images/sidebar_title_right.gif") no-repeat top left; }
#sidebar2 a { color: #666666; text-decoration: none; }
#sidebar2 a:hover { text-decoration: underline; }
#sidebar2 ul { margin: 0; padding: 7px; list-style-type: none; }
#sidebar2 ul li { color: #666666; font: 11px Arial; border-bottom:1px dashed #DDDDDD; width:155px; }
#sidebar2 ul li a { color: #666666; text-decoration: none; padding: 5px 5px 5px 10px; margin:0; display: block; background: none; }
#sidebar2 ul li a:hover { text-decoration: none; }
#sidebar2 ul li ul { margin: 0; padding: 0 0 0 10px; background: none; }
#sidebar2 ul li ul li { border: none; line-height:7px; padding:0; }
#sidebar2 #searchform { display:none; }
#sidebar2 #searchform #s { width: 180px; }
#sidebar2 #calendar_wrap { width: 140px; margin: 0 auto; padding-top: 5px; }
#sidebar2 #calendar_wrap table { width: 140px; }
#sidebar2 #calendar_wrap caption { margin: 0 auto; font-weight: bold; }
#sidebar2 #calendar_wrap tbody { text-align: right; }
#sidebar2 #calendar_wrap tfoot #next { text-align: right; }
#sidebar2 #calendar_wrap #today { font-weight: bold; }
#sidebar2 .textwidget { padding: 0 10px 0 10px; }
.sidebar_bottom { margin: 0px; padding: 0px; clear:both; height: 20px; width: 170px; display:block; position:relative; }
/*advertisements*/
.ads_wrap { float: left;  position:relative; width: 540px; margin:0; padding:0; padding-left:5px; margin-bottom: 10px; }
.ad_block{ padding:5px; float:left; border:none;  }
/*recent posts*/
#recent_data { width: 935px; margin-bottom: 15px; }
#recent_data_top { width: 933px; }
#recent_data_bottom { width: 923px; padding: 0 0 20px 10px; overflow: hidden; }
.recent_data_container { width: 190px; float: left; padding-left:5px; }
.recent_data_container h3 { color: #F8D8F3; padding: 6px; height:20px; font: bold 14px Verdana; background: url("images/top_side_left.gif") repeat-x top; }
.recent_data_container ul { margin: 0; padding: 0; list-style-type: none; }
.recent_data_container ul li { font:12px tahoma; text-align:left; border-bottom: 1px dotted #ffffff; }
.recent_data_container ul li a { color: #F2A9D5; text-decoration: none; display: block; padding: 4px; }
.recent_data_container ul li a:hover { text-decoration: none; background-color:#dedede; }
.recent_data_container ul li a span { color: #222222; font: 10px Arial; display: block; margin-bottom: 4px; }
.recent_data_container ul li ul { display: none; }
.recent_data_middle { width: 320px; margin-top: 8px; padding: 0 23px; overflow: hidden; float: left; }
/*bottom nav*/
.navigation { font: 11px tahoma; color: #098995; width: 550px; padding:0; overflow:hidden; }
.navigation a { color: #CC9966; text-decoration: none; }
.navigation a:hover { color: #CC9966; text-decoration: underline; }
.navigation-p { float: left; }
.navigation-n { float: right; }
/*footer*/
#footer { width: 934px; height: 120px; padding: 0; color: #ffffff; padding-top:90px; text-align:center; font: 11px Arial; clear:both;}
#footer a { color: #39BFCB; text-decoration: none; }
#footer a:hover { text-decoration: none; }

/* vb */

/* gallerie */

#gallerie{
margin-top:-150px;
margin-bottom:80px;
margin-left:-5px;
}

.liens_nav{
text-align:left;
padding:5px;
margin-top:25px;
}

.liens_nav a{
color:#34bfcb;
}

/* menu déroulant */
#nav{
    background:#35bfcc;
    font-size:1.1em;
}

#nav, #nav ul {
	list-style: none;
	line-height: 1;
}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #a9a9a9;
}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:6px 12px;
}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#35bfcc;
	text-decoration:none;
}	

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #35bfcc;
	z-index:999;
	margin-top:3px;
}

#nav li li {
	width: 172px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background: #777;
}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
}

#nav li li a:hover, #nav li li a:active {
	background:#35bfcc;
	height:24px;
}	

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

a.main:hover
{
    background:none;
}

/* conso */
.mag_posts_entry img{
width:150px;
height:150px;
}

.menu_search_box div{
height:px;
}

#myGallery, #myGallerySet, #flickrGallery{
margin-top:150px;
}
