/*   
Theme Name: The Whitney Vault - RE-design
Theme URI: http://thewhitneyvault.ch
Description: THE Whitney Houston Fan Page -- WordPress v3.0.1
Author: Roland Siegenthaler
Version: 2
Thanks to: http://css-tricks.com and http://digwp.com
*/

/*
	RESET AND BASICS
*/
*{ margin: 0; padding: 0; }
html { overflow-y: scroll; overflow-x: hidden; }
body {
	font: 14px/1.4 Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif;
	background-color: #6e627a;
	background-image: url(dat/images/back/back.jpg);
	background-repeat: no-repeat;
}
a { text-decoration: none; outline: none; color: #fff; }
a:hover { color: #2e2e2e; }
a:active { outline: 0; position: relative; top: 1px; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
::selection { background: #ffcc89; color: #222; }
::-moz-selection { background: #ffcc89; color: #222; }
.last { margin-right: 0 !important; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
/*
	IMAGES
*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-post-image {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 15px 0 0;
	}

/*
    HEADER
*/
#header 							{ height: 190px; position: relative; }
#logo								{ position: absolute; top: 30px; left: 10px; z-index: 2;}
#nav								{ position: absolute; top: 13px; left: 58px; WIDTH: 840px; padding: 15px 0px 10px 10px; margin: 95px 500px 20px 100px; 				  									  z-index: 1; background: #473f50; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 5px solid white;}
#language							{ position: absolute; left: 610px; font: 7px; top: 12px}
#lang_sel a, #lang_sel a:visited {
font: Verdana,Lucida Grande,Arial,Helvetica,Sans-Serif;
color:#444444;
font-size:0.65em;
line-height:12px;
font-weight:bold;
letter-spacing: 1px;
text-decoration:none !important;
}
#icons   							{ position: absolute; top: 85px; left: 930px;}
/*
	MAIN STRUCTURE
*/
#page-wrap { width: 1015px; position: absolute; margin: 0; padding: 0 0 0px 0; }

.content { width: 650px; float: left; min-height: 600px; padding: 20px 15px 20px 15px; margin: 20px 0px 20px 5px; background: rgb(143, 133, 155); /* The Fallback */ background: rgba(143, 133, 155, 0.8); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 5px solid white; }

.content_home { width: 973px; float: left; min-height: 300px; padding: 20px 15px 0px 15px; margin: 20px 0px 20px 10px; background: rgb(143, 133, 155); /* The Fallback */ background: rgba(143, 133, 155, 0.8); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 20px #999; -webkit-traensition: all 0.1s ease-out; border: 1px solid white; }

.box { width: 272px; float: left; height: 400px; padding: 20px 15px 20px 15px; margin: 0px 0px 20px 10px; background: rgb(88, 79, 97); /* The Fallback */ background: rgba(88, 79, 97, 0.8); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 20px #999; -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 1px solid white; }

.box-middle {  float: left; width: 328px; height: 400px; padding: 20px 15px 20px 15px; margin: 0px 0px 20px 18px; background: rgb(88, 79, 97); /* The Fallback */
   background: rgba(88, 79, 97, 0.8); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  -webkit-box-shadow: 0 0 20px #999; -webkit-traensition: all 0.1s ease-out; border: 1px solid white;}
   
.box-right { height: 400px; float: right; width: 272px; padding: 20px 15px 20px 15px; margin: 0px 0px 20px 5px; background: rgb(88, 79, 97); /* The Fallback */
   background: rgba(88, 79, 97, 0.8); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  -webkit-box-shadow: 0 0 20px #999; -webkit-traensition: all 0.1s ease-out; border: 1px solid white;}
   
.box .date                      { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; }
.box h2                         { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; }
.box h3                         { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 15px 0 10px 0; list-style: none; }
.box h3 a                       { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; 
									right: 0px; top: 6px; list-style: none; }
.box li							{ list-style: none; font: 14px/1.6 Verdana, sans-serif; margin: 0 0 25px 0; color: #251535;}
.box a							{ color: #d69f76; }	

.box-middle .date                      { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; }
.box-middle h2                         { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; }
.box-middle h3                         { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 15px 0 10px 0; list-style: none; }
.box-middle h3 a                       { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; 
									right: 0px; top: 6px; list-style: none; }
.box-middle li							{ list-style: none; font: 14px/1.6 Verdana, sans-serif; margin: 0 0 25px 0; color: #251535;}
.box-middle a							{ color: #d69f76; }	

.box-right .date                      { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; }
.box-right h2                         { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; }
.box-right h3                         { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 15px 0 10px 0; list-style: none; }
.box-right h3 a                       { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; 
									right: 0px; top: 6px; list-style: none; }
.box-right li							{ list-style: none; font: 14px/1.6 Verdana, sans-serif; margin: 0 0 25px 0; color: #251535;}
.box-right a							{ color: #d69f76; }	

.more { float: right }

/*
	GENERAL TYPOGRAPHY
*/
a                                   { outline: 0; text-decoration: none; color: #473f50; margin: 0 0 0 0;  }
a:hover, a:active                   { color: white; }
body								{ font:13px/1.4 Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif }
p                                   { font:13px/1.4 Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif }
ul									{ list-style: none; color: b6b0bc; width: 100%; position: relative; text-align: left; letter-spacing: 2px; font: 14px Verdana, sans-serif; }
h2                                  { font: 16px Verdana, Sans-Serif; margin: 10px 0 15px 0; text-transform: uppercase; letter-spacing: 4px; }
h3                                  { font: 26px gorgia; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 15px 0 25px 0; }
h7									{ font: 26px gorgia; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 30px 0; }
h4                                  { font: 16px Verdana, Serif; color: white; text-transform: uppercase; text-align: left; letter-spacing: 3px; margin: 0 0 15px 0; }
h4 small                            { letter-spacing: 0; font-style: italic; font-size: 15px; text-transform: none; }

/* Mozilla based browsers */
::-moz-selection 					{ background-color: #000; color: #FFF; }

.clear {clear:both;}
.navigation {
	clear:both;
	overflow:hidden;
	font-size: 11px;
	line-height:12px;
	font-weight:normal;
	margin: 30px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-top:2px #584f61 dotted;
}
.navigation a{
	text-decoration:none;
}

.postbox{
	position:relative;
	/*overflow:hidden;*/
	padding:0 0 0px 0;
	margin:0;
}
.post_date{
	float:left;
	height:75px;
	width:60px;
	color:#473f50;
	padding:0 0px 0 0px;
	margin: 10px -130px 0 0px;
	background: url(dat/images/back/bg_post_date_sticky.png) no-repeat;
}
.post_date .post_date_d {
	font-size: 25px; color:#473f50;
	font-family:"Times New Roman", Arial, Verdana;
	font-weight:bold;
	text-align:center;
	font-style:italic;
	padding:22px 0px 0 0;
}
.post_date .post_date_m {
	font-size: 11px; color: #473f50;
	letter-spacing:-1px;
	font-family:Verdana,Arial;
	text-align:center;
	padding:0px 10px 0 0;
}
.page .post_date{
	display:none;
}
.post_title{
	float:right;
	width:580px;
	padding:20px 0px 5px 10px;
	margin:0 10px 35px 0;
	min-height:10px;
	background:url('dat/images/back/bg_post_title.png') no-repeat right bottom;
}
.page .post_title{
	float:left;
	color: 
	margin-bottom:15px;
	margin-left:0px;
}
.page .post_author{
	display:none;
}
.post_title a:hover{
	color:#fff;
	text-decoration:none;
}
.sticky .post_date{
	color:#F6F5EB;
	background:url(dat/images/back/bg_post_date_sticky.png) no-repeat;
}

.post_author{
	float:right;
	width:590px;
	padding:5px 0 0 0;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:-65px;
	color:#fff;
	/*font-weight:bold;*/
	font-style:italic;	
}

.post_author a{
	color:#473f50;
	text-decoration:none;
}
/*
   [ Content ] Post Info  
*/
.entry { margin:0px 0px 0 0px; }


.info {
	line-height: 1.7em;
	font-size: 10px;
	padding:5px 0 0 0;
	margin:20px 30px 0 0px;
	color:#473f50;
}
.info a{
	color:#473f50;
	text-decoration:none;
}
.info a:hover{
	color:#fff;
	text-decoration:none;
}

.info_category {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	background: url('dat/images/back/icon_category.png') no-repeat top left;
}

.info_tag {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	background: url('dat/images/back/icon_tag.png') no-repeat top left;
}

.info_comment {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	background: url('dat/images/back/icon_comment.png') no-repeat top left;
}

/*	[ Comment ] General                                             */<!-- -->
#postmetadata {
	font-size: 11px;
	margin: 10px 0 20px 0;
	padding: 5px;
	line-height:1.6em;
	border:1px #584646 solid;
	background:#ffffff;
}
#postmetadata a{
	text-decoration:underline;
}
.nocomments {background: none;padding:20px;color: #000000;}

#comments {
	color: #000000;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	padding:0;
	font-variant: normal;
	border-bottom: 2px dotted #584646;
}

ol.commentlist {
	position:relative;
	list-style: none;
	line-height:1.6em;
	margin:5px 0px ;
	padding:5px 0px 5px 0px;
	font-size:12px;
	background:none;
	border:none;
}
ol.commentlist .comment a{
	text-decoration:none;
	border-bottom: 1px #584646 solid;
}
ol.commentlist .comment,
ol.commentlist .trackback,
ol.commentlist .pingback{
	margin:10px 0 0 0;
	padding:0;
}

ol.commentlist .children{
	list-style: none;
	padding:0;
	margin:0 0 0 15px;
}

ol.commentlist .comment div, 
ol.commentlist .trackback div, 
ol.commentlist .pingback div{
	border:1px #584646 solid;
	padding:5px;
	background:#ffffff;
}

ol.commentlist .trackback div, 
ol.commentlist .pingback div{
	border:1px #584646 dashed;
}

ol.commentlist .comment div div,
ol.commentlist .trackback div div, 
ol.commentlist .pingback div div{
	background:none;
	padding:0;
	border:none;
}

ol.commentlist .says{
	display:none;
}
ol.commentlist .avatar{
	position:relative;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0;
	border:none;
}

ol.commentlist .fn{ 
	color:#000000;
	font-weight:bold;
	font-size: 11px;
}
ol.commentlist .fn a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	border:none;
}
ol.commentlist .fn a:hover{
	text-decoration:underline;
}

	/* can remove if set in jQuery*/
	/* ie6 not support */
ol.commentlist .bypostauthor>div>div>.fn,
ol.commentlist .bypostauthor>div>div>.fn a,
ol.commentlist .bypostauthor>div>div>.fn a:hover{
	text-decoration:underline;
	border:none;
}

ol.commentlist .comment .comment-meta,
ol.commentlist .trackback .comment-meta, 
ol.commentlist .pingback .comment-meta{
	border-bottom: 1px dashed #584646;
	margin:0 0 10px 0px;
	padding:5px 0 10px 0;
	font-size:10px;
}
/* can enable if avatar is big
ol.commentlist .comment .comment-meta:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/
ol.commentlist .comment .comment-meta a, 
ol.commentlist .trackback .comment-meta a, 
ol.commentlist .pingback .comment-meta a {
	color:#000000;
	text-decoration:none;
	border:none;
}
ol.commentlist .comment .reply{
	position:relative;
	clear:both;
	overflow:hidden;
	margin:5px -5px -5px 0;
	padding:0px;
	font-size:10px;
	text-align:center;
}
ol.commentlist a.comment-reply-link{
	float:right;
	display:block;
	font-size:10px;
	color:#000000;
	padding:5px;
	text-decoration:none;
	border:0;
}
ol.commentlist a.comment-reply-link:hover{
	text-decoration:underline;
}
ol.commentlist .trackback a.comment-reply-link, 
ol.commentlist .pingback a.comment-reply-link{
	display:none;
}

/*		[ Comment ] Paging                                           */<!-- -->
.commentnavi{
	overflow:hidden;
	font-size:11px;
	margin:0;
	padding-right:10px;
}
.commentnavi a{
	text-decoration:none;
}
.commentpages{
	float:right;
	padding:5px 10px;
}
.page-numbers{
	font-weight:bold;
	padding:2px 3px 2px 3px;
}
.current{
	font-weight:bold;
	text-decoration:underline;
}
/*		[ Comment ] Form                                             */<!-- -->

#respond {
	clear:both;
	padding:5px 15px 5px 5px;
	margin:10px 0px 0px 5px;
	font-size:11px;
	background-color: #a59daf;
}
.commentlist #respond{ /*when click reply*/
	margin-right:0;
}
#respond .cancel-comment-reply a{
	color:#ff0000;
}
#respond a, #respond a:hover{
}

#commentform {
	margin:0;
	padding:10px 0 0 0;
}
#email, #author, #url {
	color: #000000;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	border: 1px solid #584646;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background:#ffffff;
}
#comment {
	width: 98%;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#000000;
	border: 1px solid #584646;
	padding: 2px 2px 2px 2px;
	margin-left:5px;
	background:#ffffff;
}
#submit {
	cursor:pointer;
	height: 20px;
	color: #000000;
	font-weight:normal;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	padding: 0px 15px 2px 15px;
	border: 1px solid #B1A074;
	/*background:url('images/bg_comment2.png');*/
	background:#ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}


/*
   Sidebar 
*/
#sidebar { float: right; width: 280px; min-height: 600px; padding: 20px 10px 20px 10px; margin: 20px 0px 0px 10px; position: relative; overflow: visible; background: rgb(88, 79, 97); /* The Fallback */
   background: rgba(88, 79, 97, 0.8); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 5px solid white; }
#sidebar .date                      { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; }
#sidebar h2                         { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; }
#sidebar h3                         { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 15px 0 10px 0; list-style: none; }
#sidebar h3 a                       { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; 
									right: 0px; top: 6px; list-style: none; }
#sidebar li							{ list-style: none; font: 14px/1.6 Verdana, sans-serif; margin: 0 0 25px 0; color: #251535;}
#sidebar a							{ color: #d69f76; }	


/*
   Footer 
*/
#footer	{ height: 150px; clear: both;  padding: 20px 15px 20px 15px; margin: 0px 0px 60px 10px; background: #6e627a; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 1px solid white;}
#footer .date                      { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; }
#footer h2                         { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; }
#footer h3                         { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 15px 0 10px 0; list-style: none; }
#footer h3 a                       { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; 
									right: 0px; top: 6px; list-style: none; }
#footer li							{ list-style: none; }
#footer a							{ color: #d69f76; }	

#footer-left {  position: absolute; width: 272px; }
   
#footer-middle {  position: absolute; left: 326px; width: 328px; padding: 0px 0px 0px 25px}
   
#footer-right {  position: absolute; left: 705px; width: 272px; padding: 0px 0px 0px 22px}
   
/*Main Navbar */

#nav {
	background:#6e627a;
	font-size:0.7em;
	}
	
#nav, #nav ul {
	list-style:none;
	line-height:0.7;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:0px solid #b6b0bc;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #eee;
	padding:6px 12px;
	}

#nav a:hover, #nav a:active {
	background:#333;
	text-decoration:none;
	}	

.current_page_item	a, #home .on  {background:#333;}
	
	
	
/* Dropdown Menus for child pages */		

#nav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 0px solid #666;
	}
	
#nav li ul ul {/*second level dropdown*/
	margin: -2em 0 0 172px;
	}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li li {
	width: 172px;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
	background:#999;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.7em;
	color:#FFF;
	}

#nav li li a:hover, #nav li li a:active {background:#6e627a;}	
	
#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;}