/*
Theme Name: WB Theme
Theme URI: http://www.wb-collection.com
Description: Custom wordpress theme for Waraire Boswell
Version: 2.1
Tags: wb, custom, suits,
Author: Biola Kadiri
Author URI: http://www.blckdmnd.com
License: GPL
*/

@charset "UTF-8";
/* CSS Document */

body {
	background: #f4f3e9;
	color: #696757;
	font-family: "Garamond", Georgia, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	margin: 0; 
}
 
h1 {
	font-size: 14px;
	color: #5a2340; 
}
 
h2 {
	font-size: 22px;
	color: #5a2340; 
}
 
h1 a {
	color: #000;
	text-decoration: none;
	color: #5a2340; 
}
 
h2 a:hover { 
	text-decoration: underline; 
}
 
h2 a {
	color: #000;
	text-decoration: none;
	color: #5a2340; 
}

.wrapper {
	width:100%;
	background: #f4f3e9;
}

#container {
	width:935px;
	margin:auto;
	position:relative;
	z-index:400;
	color: #f4f3e9;
	clear:both;
}

.container2 {
	margin-top:170px;
	clear:both;
}

#content2 {
	width:600px;
	margin:auto;
}

#topp {
	postition:fixed;
	z-index:9000;
}

.entry {
	font-size: 16px;
	float: left;
	position:relative;
	margin:8px;
}

.entry img {
	height:215px;
	width:215px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	border:0;
}

.entry:hover img {
	height:215px;
	width:215px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

.actual_entry {
	width:700px;
	color:#696757;
}

img {
	border:30px;
}

a img {
	border:0;
}

.entry:hover .desc {
	font-family: Georgia, "Garamond", Helvetica, sans-serif;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	display: block;
	color: #000;
	position: absolute;
	top: 15px;
	left: 15px;
	right:15px;
	margin: 0;
	width: 185px;
}

.entry .desc {	
	display: none; 
}

form#commentform .form-label {
	margin:1em 0 0;
}

form#commentform span.required {
	background:#fff;
	color:#c30;
}

form#commentform,form#commentform p {
	padding:0;
}

input#author,input#email,input#url,textarea#comment {
	padding:0.2em;
}

div.comments ol li {
	margin:0 0 3.5em;
}

textarea#comment {
	height:13em;
	margin:0 0 0.5em;
	overflow:auto;
	width:590px;
}

.alignright,img.alignright{
	float:right;
	margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
	float:left;
	margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
	display:block;
	margin:1em auto;
	text-align:center;
}

div.gallery {
	clear:both;
	height:180px;
	margin:1em 0;
	width:100%;
}

p.wp-caption-text{
	font-style:italic;
}

div.gallery dl{
	margin:1em auto;
	overflow:hidden;
	text-align:center;
}

div.gallery dl.gallery-columns-1 {
	width:100%;
}

div.gallery dl.gallery-columns-2 {
	width:49%;
}

div.gallery dl.gallery-columns-3 {
	width:33%;
}

div.gallery dl.gallery-columns-4 {
	width:24%;
}

div.gallery dl.gallery-columns-5 {
	width:19%;
}

div#nav-above {
	margin-bottom:1em;
}

div#nav-below {
	margin-top:1em;
}

div#nav-images {
	height:150px;
	margin:1em 0;
}

div.navigation {
	height:1.25em;
	clear:both;
        margin:auto;
        width:500px;
        text-align:center;
}

div.navigation span.nav-previous {
	float:left;
	text-align:left;
}

div.navigation span.nav-next {
	float:right;
	text-align:right;
}

div.sidebar h3 {
	font-size:1.2em;
}

.sidebar {
	font-family: Arial, Helvetica Neue;
	font-size:12px;
	float:right;
}

div.sidebar input#s {
	width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
	margin:0.2em 0 0;
	padding:0;
}

div.sidebar ul ul {
	margin:0 0 0 1em;
}

div.sidebar ul ul li {
	list-style:disc;
	margin:0;
}

div.sidebar ul ul ul {
	margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
	list-style:circle;
}

div#header,div#footer {
}

input#author,input#email,input#url,div.navigation div {
	width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
	margin:0;
	padding:0;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}

ul.dropdown li {
	float: left;
	line-height: 1.3em;
	color:#FFFFFF;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 598;
	width: 160px;
	height:160px;
	background:url(http://www.wb-collection.com/images/menu_hover_bg.png) no-repeat;
        text-align:left;
	padding:10px;
	padding-top:20px;
}

ul.dropdown ul a{
	color:#FFFFFF;
	text-decoration:none;
}

ul.dropdown ul li {
	float: none;
	margin: 0.3em
}

ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
	color:#FFFFFF;
}

#menu {
	background:#000000;
	width:100%;
	height:28px;
	position:fixed;
	top:0px;
	z-index:8000;
	text-align:center;
	padding-top:5px;
}

.menu_padd {
}

#menu2 {
	width:730px;
	padding-top:4px;
	margin:auto;
}

.divider {
	width:60px;
}

#header { 
	width:100%; 
	height:90px; 
	background:url(http://www.wb-collection.com/images/press_top.jpg) no-repeat center top;
	position:fixed; 
	z-index:6000; 
	top:28px;
}

#headerimg { 
	width:400px; 
	height:50px; 
	padding-top:30px; 
	margin-left:30px; 
}
 
.box_spot_padd { 
	padding: 8px; 
}
 
.big_box {
	margin-top: 0px;
	float: left;
	font-size: 11px; 
}
 
.spotlight_box {
	width: 484px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	margin: 10px;
	margin-bottom: 20px; 
}
 
.search_box {
	width: 230px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 20px;
	float: right;
	text-align: center; 
}
 
.menu_box {
	width: 466px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 20px;
	float: right;
	text-align: left;
	margin-right: 20px;
	height: 28px;
	padding: 7px;
	font-size: 11px; 
}
 
.menu_box_page {
	width: 500px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 20px;
	float: left;
	text-align: left;
	margin-right: 20px;
	height: 30px;
	padding: 7px;
	font-size: 11px; 
}
 
.cat_box {
	width: 220px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: right;
	text-align: left;
	height: 28px;
	padding-top: 14px;
	padding-left: 10px; 
}
 
.alignright {
	float: left;
	width: 400px;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
}
 
.search input {
	background: #e7e7e7;
	padding: 6px;
	border: 0;
	float: left;
	margin-right: 5px; 
}
 
a {
	color: #000000;
	text-decoration: none; 
}
 
	a:hover {
	color: #000000;
	text-decoration: underline; 
}
 
	a img { 
	color: #FFFFFF; 
}
 
#footer {
	clear: both;
	padding: 10px;
	width: 980px;
	text-align: center;
	margin: auto; 
}
 
.comments-template {
	float: left;
	width: 600px;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 20px; 
}

.comments-template ol {
	margin: 0;
	padding: 0 0 15px;
	list-style: none; 
}
 
.comments-template ol li {
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 2px dotted #ccc; 
}
 
.comments-template h2, .comments-template h3 {
	font-size: 15px;
	color: #bc3118; 
}
 
.commentmetadata { 
	font-size: 11px; 
}
 
.comments-template p.nocomments { 
	padding: 0; 
}
 
.comments-template textarea {
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px; 
}
 
.input_area {
	background-color: #e7e7e7;
	border: 0px;
	padding: 5px; 
}
 
#sidebar {
	width: 80px;
	float: left;
	padding-top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

#blog_text{
	float:left;
}

.headers {
	color: #5a2340;
	font-weight: bold;
}


/* Forms */

.forms {
	border:0px;
	background: #FFFFFF;
	padding:5px;
	font-family: "Garamond", arial, helvetica;
	font-size:14px;
	color:#000000;
	width:500px;
}

.input_area {
	border:0px;
	background: #FFFFFF;
	padding:5px;
	font-family: "Garamond", arial, helvetica;
	font-size:14px;
	color:#000000;
 }
 
 #contact {
 	background: #e4e3db;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	width: 370px;
	padding:10px;
	
 }

/* Scrollbox */

.scrollbox{
	width:800px;
	height:500px;
	overflow:auto;
	overflow-x:hidden;
	margin:auto;
}
  
  .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	background:#c3c2b8;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	background: #350f24;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 6px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 6px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}