/*
THEME NAME: Walnut
THEME URI: 
DESCRIPTION: Walnut Gallery theme built on Sandbox
VERSION: 0.2
AUTHOR: A kizzle
AUTHOR URI:
TAGS: whatev
*/

/* Two-column with sidebar on left from the /examples/ folder  */
/* @import url('examples/2c-r.css'); */
/* @import url('css/reset.css'); */
@import url('css/text.css');

html,
body {
  height: 100%;
  background-color:#1B0804;
}

/* Set BG image */
/* -- Eliminate margins and padding, align elements to center (for IE) -- */
body {
    margin: 0;
    padding: 0;
	text-align: center; /* This will center divs in IE 9_9 */
	
	background-image: url(images/bg_main.jpg); 
	background-repeat: no-repeat;
	background-position: center top;
}

/* -- Put this element first, outside of the wrapper
   -- This is necessary for Opera and older IEs to get this stuff right -- */
div#top {
	position:absolute;
}
/* -- This contains all of the content of the page, including the Header -- */
div#wrapper {
	margin: 0 auto -190px;
    min-height: 100%;
	width: 960px;
	overflow:visible;
	text-align: left; /* Correctly align text after body declaration */
}
/* -- Older IE needs this because it doesn't do min-height -- */
* html #wrapper {
    height: 100%;
}

/* -- Included inside the Container, this just pushes the bottom of the container down however many px the footer is tall -- */
#push {
    height: 190px; /* 10px more than the footer height, for more space */
}

/* -- Call this div outside of the container -- */
#footer {
    height: 190px;
	margin: 0 auto; /* The footer goes outside of the container. */
	width: 960px;
	
	background: #1B0804; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#1B0804, #0A0301);
	background: -o-linear-gradient(#1B0804, #0A0301);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B0804), to(#0A0301)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#1B0804, #0A0301);
	
	color:#633;
	font-size:.68em;
	line-height:1.45em;
	
}

/* -- This is the site header - contains no critical rules for getting the fixed footer to work -- */
div#header {
	width: 960px;
	height: 200px;
	
	background-color: #300;
	background-image: url(images/bg_hdr_home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	-moz-box-shadow: 0px 4px 5px #000;
	-webkit-box-shadow: 0px 4px 5px #000;
	box-shadow: 0px 4px 5px #000;
	
	vertical-align:bottom;
	text-align: left;
	overflow: hidden;
	
	position:relative;
		
}

div#header .logo {
	background-image: url(images/logo-header.png);
	background-repeat: no-repeat;
	
	height: 137px;	width: 960px;
	clear: none;	z-index: 10;
	
	position: absolute; /* Aligns a div to the bottom of a "relative" parent div */
	bottom:0; left:0;
}
div#header .rightBox {
	height: 80px;
	width: 375px;
	position:absolute;right:0;bottom:0;
	z-index: 20;
	text-align:right;
}

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

#access {
	background: #6d5637; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#6d5637, #413220);
	background: -o-linear-gradient(#6d5637, #413220);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d5637), to(#413220)); /* older webkit syntax */
	background: -webkit-linear-gradient(#6d5637, #413220);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0 auto;
	width: 100%;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	
}
#access ul {
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 10px;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #e6c9a3;
	display: block;
	line-height: 2.5em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul { /* Submenu UL */
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2.5em;
	left: -10px;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #ffecbf;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus { /* Highlight color of the submenu and normal hover (if the gradient won't render) */
	background: #fff;
}
#access li:hover > a,
#access a:focus {
	background: #ffecbf; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#e5e5e5, #ffecbf);
	background: -o-linear-gradient(#e5e5e5, #ffecbf);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffecbf)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#e5e5e5, #ffecbf);
	color: #300;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

.icons { /* Positions it in the menu but creates spacing issues - not currently used */
	float:right;
	padding-right:10px;
	z-index:500;
	right:0;
	top:-2.22em;
	position:relative;
}
.top-icons { /* For social media icons to float over WP auto toolbar */
	float:left;
	z-index:500;
	margin-top: 8px;
}

/* -- Featured Slider on Home Page ---------------------- */
div#home-slider span{
	width:700px;
}

.latest {
	width: 720px; height:375px;
	position:relative;
	overflow: hidden;
	}
.latest h1 {
	font-weight:normal;
	font-size: 280%;
	text-shadow: 1px 1px 4px black;
	
	position:absolute;
	top: 15px; left: 18px;
	}
.latest .background {
	position: absolute;
	top:0; left:0;
	z-index: 20;
	}
.latest .words {
	position: absolute;
	bottom:0; left:0;
	z-index:22;
	height:135px;
	padding: 14px;
	width:700px;
	
	background: -moz-linear-gradient(top,  rgba(38,20,22,0) 1%, rgba(35,17,18,0.88) 23%, rgba(25,5,6,0.88) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(38,20,22,0)), color-stop(23%,rgba(35,17,18,0.88)), color-stop(100%,rgba(25,5,6,0.88))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(38,20,22,0) 1%,rgba(35,17,18,0.88) 23%,rgba(25,5,6,0.88) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(38,20,22,0) 1%,rgba(35,17,18,0.88) 23%,rgba(25,5,6,0.88) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(38,20,22,0) 1%,rgba(35,17,18,0.88) 23%,rgba(25,5,6,0.88) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(38,20,22,0) 1%,rgba(35,17,18,0.88) 23%,rgba(25,5,6,0.88) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00261416', endColorstr='#e0190506',GradientType=0 ); /* IE6-9 */

	}
.latest .words p{font-size:100%;padding:5px 10px;}
.latest .words h4 {padding-top:20px;}
.latest .words span {color:#BF8263; font-size:220%;display:block;}
.latest .words a {font-family:"Unical", Georgia, Serif; text-decoration:none;color:#BF8263;}
.latest .words a:hover{color:#fff3e0;text-decoration:underline; padding-left:4px;color:#D8C49E;}



/* -- Happening Box on Home Page ---------------------- */
div#happening {
	height: 375px;
	width: 240px;
	margin: 0 auto;
	overflow:hidden;
}


/* -- Recently @ Walnut Gallery ------------------------- */
#recently .recent-exhibits {
	width:300px;
	float:left;
}

#recently .ngg_images {
	width:300px;
	float:left;
	margin-right:20px;
}

#recently .home-box{
	width:600px;
	float:left;
	margin-right:20px;
}

.center {margin: 0 auto;}

#recently .widget_awd_facebook_likebox {
	width:300px;
	float:left;
	margin-right:20px;
	/* background-image:url(images/bg_cream.gif); */
}

#recently dl {clear: both;float:left;margin-bottom:6px;width:300px;}
#recently dt {height:60px;width:60px;float:left;overflow:hidden;margin-right:10px;}
#recently dd {font-family: Georgia, "Times New Roman", Times, serif;	float:left;	text-align:left;position:relative;width:220px;margin:0;}
#recently dl:hover{background-color:#FFFFFF;}
#recently a:hover{text-decoration:underline;text-transform:none;}
#recently a:link{text-decoration:underline;}
#recently h1{font-size:1.4em;}
#recently h2{font-size:1em;}
#recently p {font-size:.92em;}
#recently img {border:0;}

/* -- Walnut Gallery custom post template styles ------------ */
#wg-post-box {
	width: 700px;
	margin: 0 auto 10px auto;
}

/* -- Exhibits Pages -- */
#wg-exhibit-sidebar {
	width:220px;
	margin: 0 auto 10px auto;
}

.infoBlock {
	width: 280px;
	margin-bottom:8px;
	text-align:right;
	font-size:1.15em;}
.infoBlock h2{font-family:Georgia, "Times New Roman", Times, serif;}
.infoBlock h3{font-size: .7em;}

/* -- Sidebar Generic properties ---------------------*/
.sidebar ul {
	list-style:none;
	padding:0;
	margin:0 0 25px 0;
}
.sidebar li {padding: 5px 0 0 10px; font-size:.8em;}
.sidebar h3 {font-family: Georgia, serif; font-size:1.4em;margin:0;}



/* -- General Boxes ------------------------- */
	
.col1 {width:80px;}
.col2 {width:160px;}
.col3 {width:240px;}
.col4 {width:320px;}
.col5 {width:400px;}
.col6 {width:480px;}
.col7 {width:560px;}
.col8 {width:640px;}
.col9 {width:720px;}
.col10 {width:800px;}
.col11 {width:880px;}
.row {width:960px;/*overflow:hidden;clear:both;margin:0 0 10px 0*/;}

.halfBox {
	width:460px;

	margin: 0 auto 10px auto;
	overflow: hidden;
	z-index:10;
}

/* -- Generic Floats, Clears, Etc - My preference -- */

.pad5 { padding:5px; }
.pad10 { padding: 10px; }
.pad15 {padding: 15px; }
.pad20 { padding: 20px;	}
.padL { padding-left:10px; }
.padR { padding-right:10px; }
.padBottom{padding-bottom:5px;}
.padTop{padding-top:10px;}

.floatLeft { float: left;}
.floatRight { float: right;}
.centered {margin:0 auto;}

.clearBoth { clear: both;}
.clearLeft { clear: left;}
.clearRight { clear: right;}

.downsizeText { font-size:.8em;}
.fc-event-title  { font-size:.74em;} /* Size down links on EO Calendar */

.sidebarBg {
    /* background: #2b1306; Old browsers */
background: rgb(82,48,34); /* Old browsers */
/* background: -moz-linear-gradient(top,  rgba(132,69,42,1) 0%, rgba(82,48,34,1) 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,69,42,1)), color-stop(100%,rgba(82,48,34,1))); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  rgba(132,69,42,1) 0%,rgba(82,48,34,1) 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  rgba(132,69,42,1) 0%,rgba(82,48,34,1) 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top,  rgba(132,69,42,1) 0%,rgba(82,48,34,1) 100%); /* IE10+ */
/* background: linear-gradient(top,  rgba(132,69,42,1) 0%,rgba(82,48,34,1) 100%); /* W3C */

	}
.sidebarBgGradient {
    background: #2b1306; /* Old browsers */
	background: -moz-linear-gradient(top,  #893f1a 0%, #893f1a 20%, #2b1306 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#893f1a), color-stop(20%,#893f1a), color-stop(100%,#2b1306)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #893f1a 0%,#893f1a 20%,#2b1306 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #893f1a 0%,#893f1a 20%,#2b1306 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #893f1a 0%,#893f1a 20%,#2b1306 100%); /* IE10+ */
	background: linear-gradient(top,  #893f1a 0%,#893f1a 20%,#2b1306 100%); /* W3C */
	}
.darkBg{background-color:#2d1b03;}
.transBg { background-image:url(images/trans.png); }
.creamBg { background-image:url(images/bg_cream.gif); }
.tanBg { background-image:url(images/bg_tan.gif); }

/* ------------------- From twentyeleven ----------------------------------- */
/* Forms */
input[type=text],
input[type=password],
textarea {
	background-color: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #633;
	color: #c96;
}
input[type=text]:focus,
textarea:focus {
	color: #000;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat right 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	height: 18px;
	line-height: 1.1em;
	padding: 4px 28px 4px 10px;
	text-align:right;
	background-color: #6d5637;
	margin:5px 0;
}
input#s:focus{ color: #fff; }
.assistive-text{ visibility:hidden;}
input#searchsubmit {
	display: none;
}

/* --------------------------------------------------
   --------------- Sandbox Style Start -------------- */
   
/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
visibility:hidden;
}

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:66%;
font-family: Arial, sans-serif;
}

.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;
margin: 10px 0;
}

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


div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

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