/*
Theme Name: 06 Japanese Parade
Theme URI: http://wordpress.org/
Description: Sixth theme designed for Vanessa-Hudgens.ORG featuring Lorenzo Agius's outtakes for Parade Magazine 2009 designed by Deea & Gabrielle
Version: 6
Author: Auie, Deea & Gabrielle
*/


body {
	background: #e9e2cb url(images/bodybg.jpg) repeat-x;
	width: 100%;
	height: 100%;
	margin : 0 auto;
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, tahoma;
	color: #6c6c6c;
}



blockquote {
	width: 400px;
	margin: 25px auto;
	color : #7d6684;
	text-align : justify;
	line-height: 18px;
	font-size : 12px;
	font-family : arial;
	text-transform : none;
	padding: 10px;
	border: 0;
	background-color: #d8d9ce;
	-moz-border-radius:  3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}

textarea, input, select{
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, tahoma;
	margin-right: 5px;
	border: 1px #d1d0c9 solid;
	padding: 5px;
	color: #151515;
	background-color: #e6e5dd;
	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

textarea:hover, textarea:focus, input:hover, input:focus, select:hover, select:focus{
	background-color: #d1d0c9;
}

hr {
	border-top:1px solid #0b0b0b;
	border-bottom:1px solid #2f2f2f;
	border-left: 0;
	border-right: 0;
	margin: 15px;
}

#container {
	margin:0 auto;
	padding:0 ;
}





/* Float Properties ------------------------------ */

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}

.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.center {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}


/* Hides from IE-mac \------------------------------ */
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
	



/* Navigation ------------------------------ */
	

#navbar {
	margin: 0 45px;
	padding: 0;
	font-family: arial, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 14px;
	height: 70px;
	line-height: 30px;
	text-align: center;
	vertical-align:top;
	z-index: 100;
	position: relative;
	}

#navbar ul, #navbar li {
	margin: 0;
	padding: 0;
	}
	
#navbar a {
	text-shadow: 1px 1px #6d0027;
}

#menu {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
	}

#menu ul {
	list-style: none;
	margin: 0 auto;
	text-align: center;
	}

#menu li {
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:0px solid #dddddd;
	margin: 0;
	}

#menu li:hover {
	background: none;
	}
	
#menu li:hover a {
	color: #ffffff;
	text-shadow: 1px 1px #990037;
	}


#menu a, #menu a:visited {
	margin: 0px;
	padding:9px 18px;
	font-weight: lighter;
	font-style: italic;
	font-size: 14px;
	color:#ffffff;
	line-height: 22px;
	text-decoration: none;
	text-transform: lowercase;
	display:block;
	}

#menu a:hover {
	text-decoration:none;
	display:block;
	color: #000000;
	}


/* DROP DOWN ------------------------------ */
#menu li {
	float: left;
	margin: 0px;
	padding: 0px;
	overflow:visible;

	}
	
#menu li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	text-transform:none;
	text-align: left;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	}
	
#menu li li a, #menu li li a:link, #menu li li a:visited, #menu li li a:active {
	background: #e2e0d8;
	width: 155px;
	float: none;
	margin: 0px;
	padding: 3px 5px;
	border-top: 1px solid #f3f0e5;
	border-bottom: 1px solid #92b321;
	font-size: 12px;
	color: #714581;
	text-shadow: 1px 1px #d4d2ca;
	}
	
#menu li li a:hover {
	background: #adaaa3;
	width: 155px;
	float: none;
	margin: 0px;
	padding: 3px 5px;
	border-top: 1px solid #f3f0e5;
	border-bottom: 1px solid #92b321;
	font-size: 12px;
	color: #45364a;
	text-shadow: 1px 1px #d4d2ca;
	}

#menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#menu li:hover ul {
	left: auto;
	display: block;
	}
	
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	}


#menu li li li{
	position: absolute;
	width: 10em;
	left: -999em;
	}





/* Sidebar ------------------------------ */
#sidebar {
	padding: 0px 5px;
	margin: 0 auto;
	font-family: "Lucida Grande", "Lucida Sans", Arial, tahoma;
	font-size: 11px;
	text-align: center;
	}

#sidebar .sidetop {
	width: 370px;
	height: 103px;
	background: url(images/sbtop.png) no-repeat;
}

#sidebar .side {
	width: 370px;
	height: auto;
	background: url(images/sbbg.png) repeat;
}

#sidebar .sidefoot {
	width: 370px;
	height: 116px;
	background: url(images/sbbttm.png) no-repeat;
}
#sidebar a {
	color: #c0ef20;
	font-size: 11px;
	text-decoration: none;
	}

#sidebar a:hover, #sidebar .sidemodule li:hover a{
	color: #edd7ae;
	font-size: 11px;
	text-decoration: none;
	}

#sidebar b, #sidebar strong, #sidebar big {
	color: #73009d;
	font-weight: bolder;
	}
	

#sidebar a img {
	border: 0;
	}

#sidebar .latestimages a img {
	padding: 3px;
	border: none;
	margin: 2px;
	}
	
#sidebar h1 {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: bold;
	font-style: normal;
	color: #fbfbfb;
	text-transform: lowercase;
	text-align: center;
	letter-spacing: -3px;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 1px #680025;
	}
	
#sidebar h2 {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #714581;
	text-transform: lowercase;
	text-align: center;
	letter-spacing: -1px;
	line-height: 1px;
	margin: 0 0 30px 0;
	}

#sidebar .sidemodule {
	padding: 20px;
	margin-bottom: 0px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	}

#sidebar .sidemodule ul, #sidebar .sidemodule ol, #sidebar .double ul {
	margin:0;
	padding: 0;
	list-style: none;
	}
	
#sidebar .sidemodule li {
	margin: 0;
	padding: 6px 3px;
	list-style: none;
	border-bottom: 1px #741010 solid;
	}
	
#sidebar .sidemodule li:hover{
	background-color: #ed6193;
	border-bottom: 1px #252020 solid;
	color: #161513;
	}
	
#sidebar .blogroll img {
	float: left;
	margin: 0 2px;
	padding-right: 5px;
	border: none;
}
	
	
/* Sidebar Tabs ------------------------------ */

#sidebar .cover {
	margin-right: 7px;
	padding: 0px;
	border: 0px solid #efefef;
	float: left;
}

#sidebar .tabs {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#sidebar .tabs ul {
	padding: 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #231f1f;
	}

#sidebar .tabs li{
	display: inline;
	margin: 0 0 1px 0;
	font-size: 10px;
	padding: 3px;
	border:0;
	}

#sidebar .tabs li:hover{
	background: none;
	border: 0;
}


#sidebar .tabs li a{
	text-decoration: none;
	color: #680b0b;
}


#sidebar .tabs li a:hover, #sidebar .tabs li:hover a {
	text-decoration: none;
	color: #c11e1e;
	text-shadow: 1px 1px 0px #ec5c8f;
}

#sidebar .tabcontent{
	display:none;
}

@media print {
#sidebar .tabcontent {
	display:block !important;
}
}

	



/* Contents ------------------------------ */
#contents {
	padding: 0 3px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, tahoma;
	font-size: 11px;
	}
	
#contents b, #contents big, #contents strong{
	color: #e2135e;
	font-weight: bold;
	}
	
#contents a, #contents a:visited {
	color: #7f309d;
	text-decoration: none;
	}

#contents a:hover {
	color: #7f309d;
	text-shadow: 1px 1px 0px #ada99a;
	text-decoration: none;
	}

#contents a img {
	background-color: #92b321;
	padding: 5px;
	margin: 1px;
	-moz-border-radius:  3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	border: 1px dashed #6a8218;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

#contents a img:hover {
	background-color: #714581;
	padding: 5px;
	margin: 1px;
	-moz-border-radius:  3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	border: 1px dashed #45364a;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	}
	

/* Posts ------------------------------ */

#contents .post {
	padding: 5px;
	margin-bottom: 15px;
	font-family:"Lucida Grande", "Lucida Sans", Arial, tahoma;
	font-size: 11px;
	}


	
#contents .posttitle{
	padding: 20px 0 0 0px;
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	background: url(images/posttitlebg.png) top center no-repeat;
	height: 160px;
	text-align: center;
	color: #21201d;
	}


#contents .post h2{
	padding: 0 55px;
	margin: 0;
	font-size: 25px;
	font-family: georgia;
	font-weight: bold;
	font-style: italic;
	letter-spacing: -3px;
	word-spacing: 2px;
	text-transform: capitalize;
	text-align: center;
	text-shadow: -1px -1px 0px #6a8218;
	color: #92b321;
	}
	
#contents .post h2 a {
	color: #92b321;
	text-decoration: none;
	}
	
#contents .post h2 a:hover {
	color: #714581;
	text-decoration: none;
	}
	
	
#contents .entry {
	color: #6c6c6c;
	background: url(images/postbg.png) repeat-y center;
	font-family: "Lucida Grande", "Lucida Sans", Arial, tahoma;
	font-size: 11px;
	vertical-align: top;
	padding: 0px 55px;
	line-height: 18px;
	text-align: left;
}

#contents .postfoot{
	padding: 50px 0 5px 70px;
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	background: url(images/postfootbg.png) top center no-repeat;
	height: 179px;
	text-align: left;
	}

#contents .entryimage {
	position: relative;
	margin: 15px auto;
	width: 450px;
	height: 270px;
}

#contents .entryimage span {
	position: absolute;
	display: block;
	width: 450px;
	height: 270px;
	background: url(images/entryimage1.png) no-repeat;
	top: 0;
	left: 0;
	

}


.extra {
	background-color: #d9e1df;
	text-align: center;
	font-size: 11px;
	padding: 2px;
	}

.tools {
	text-align: center;
	}
	
#contents .tools a img {
	background: none;
	border: none;
	padding: 0px;
	margin: 0;
}
	
	
/* Posts ------------------------------ */

#contents .page{
	margin-bottom: 15px;
	font-family:"Lucida Grande", "Lucida Sans", Arial, tahoma;
	font-size: 11px;
	color:#7d7d7d;
	line-height: 19px;
	padding: 12px 10px 0 10px;
	}
	
#contents .breadcrumb {
	border-top: 3px double #6d6d6d;
	margin: 5px 55px;
	text-align: left;
	}
	
#contents .page h1 {
	padding: 0 55px;
	margin: 0;
	font-size: 35px;
	font-family: georgia;
	font-weight: bold;
	font-style: italic;
	letter-spacing: -3px;
	word-spacing: 2px;
	text-transform: capitalize;
	text-align: center;
	text-shadow: -1px -1px 0px #6a8218;
	color: #92b321;
	}
	
#contents .page h2 {
	background-color: #b6bec4;
	color: #d72365;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 15px;
	padding: 2px 5px;
}

#contents .page h3 {
	background-color: #e0e7ea;
	color: #b1c761;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 5px;
}


#contents .heading {
	text-align:center;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0;
}


#contents .page ul{
	list-style: square;
}

#contents .page li{
	font-size: 12px;
	border-bottom: 1px solid #3d3024;
	margin: 0 15px;
	padding: 15px 5px;
}


#contents table, #contents td {
	padding: 5px;
	font-size: 11px;
	color: #7e7e7e;
	}
	
#contents .film {
	border: 3px solid #171717;
	float: right;
	margin-right: 25px;
	margin-top: 10px;
	margin-left: 15px;
	}
	
#contents .filmalt {
	background-color:#e7eaed;
}


.pagenumber {
	text-align: center;
	}
	
.wp-pagenavi {
	background: none;
	}
	
	
/* Comments ------------------------------ */

#comments {
	margin: 0 15px;
	text-align:left;
}

#comments .comment-info {
	padding: 5px;
	margin: 5px;
	background-color: #d0c5a2;
	color: #151515;
	font-size: 12px;
	text-align: left;
}

#comments .comment-msg {
	padding: 5px;
	line-height: 18px;
	font-size: 11px;
	color: #5a5a5a;
	text-align: left;
}

#comments ul {
	list-style: inside;
	padding:  2px 6px;
	list-style-type: cjk-ideographic;
}
	
/* Footer ------------------------------ */
#footer {
	font-family: "Lucida Grande", "Lucida Sans", Arial, tahoma;
	font-size: 11px;
	color: #000000;
	}