/*
THEME NAME: SavorAnnArbor
THEME URI: http://www.studiok40.com/
DESCRIPTION: Based on Sandbox. Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1
AUTHOR: Gray Ayer
AUTHOR URI:
*/

/*************************
Table of contents

HEADER: line 60
NAVIGATION: LINE 100
#CONTENT : line 197
comments: line 259
****************************/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/3c-b.css');

* {
	margin:0;
	padding:0;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #30301E;
}


h1, h2, h3, h4, h5, #menu ul {
	font-family:"century gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;

}

p {
	margin:10px 0 15px;
}

/* Miscellaneous classes for reuse */
.floatright{ /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
}

/********************HEADER************************/

div#header {
	height:225px;
	width:100%;
	background:#FFFFFF /*url(images/header_bg.jpg) deactivated because I'm using a slideshow for the header*/center no-repeat;
	position:relative;
	text-align:center;
}

div#header_bg {
	position:relative;
	z-index:0;
}

div#header_title {
	position:relative;
	z-index:1;
	margin:0 auto; 
	top:-170px;/*I have a negative margin here so that the title displays over the slideshow*/
	width:468px;
	height:102px;
	/* padding-top:50px;	gray deactivated so that the title displays over the slideshow*/
}

div#header_title a img{
	border:none;
}

div#header div.slideshow {
	margin:0 auto;
	visibility:hidden !important;
}

#so1_1 { /*controls the slideshow itself*/
	margin:0 auto;
	width:100%; /*makes it so that the slideshow, even though the images can go to 1440px wide, will not overflow the browser window width*/
	
}

/*************************	navigation*************************************************/

#menu {
	background:#BFBF8A url(images/nav-button-state-sprites.png) repeat-x scroll 0 0;
	margin:10px 0; /*border width*/
	position:relative;
}

#menu, #menu ul li{
	height:40px; /*master control for the height of the nav section. This makes sure that the list items backgrounds and borders are always teh same height as the rest of the seciton*/
}

#menu ul{
	float:left;
	list-style:none;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #3F3F3F;
	background:#BFBF8A url(images/nav-button-state-sprites.png) repeat-x scroll 0 0;
	border-left:solid 2px #FFF;
}

#menu ul li{
	background:#BFBF8A url(images/nav-button-state-sprites.png) repeat-x scroll 0 0;
	float:left;
	border-right:solid 2px #FFF;
	border-left:solid 1px #acac8e;
}

#menu ul li a{
	color:#FFFFFF;
	height:30px;
	padding:9px 10px 5px 10px;
	text-align:left;
	text-decoration:none;
	Xvertical-align:middle;
	position:relative;
	top:8px;
	}

#menu ul li.page_item{
	font-size:1em;
	font-variant:small-caps; /*doesn't really work in most cases*/
}

#menu ul li.page_item a:first-letter { /*results in "small caps" effect*/
	font-size:1.3em;
}


/*classes for hover sprite effect*/
#menu ul li:hover, #menu ul li.current_page_item{
	background-position:0 -50px;
	}

#menu ul li:active{
	background-position:0 -100px;
	}



/* drop down menu code*/
div#menu ul li ul {
left:-999em;
position:absolute;
width:auto;
top:40px;
}

div#menu ul li:hover ul {
left:auto;
margin-left:-3px;
}

/*specific page icons code*/

div#accesss div#menu ul li.page-item a{
	padding-left:35px !important;
	margin-left:5px !important;
}


#menu ul li.page-item-10 a{ /*nav_home*/
	background:url(images/icons/home.png) left 5px no-repeat;
	padding-left: 35px;
	margin-left:5px;
	}

#menu ul li.page-item-2 a {/*nav_about*/
	background:url(images/icons/about.png) left 5px no-repeat;
	padding-left: 35px;
	margin-left:5px;

	}

#menu ul li.page-item-6 a {/*tour descriptions*/
	background:url(images/icons/tour.png) left 4px no-repeat;
	padding-left: 35px;
	margin-left:5px;
	}

#menu ul li.page-item-12 a {/*blog*/
	background:url(images/icons/blog.png) left 6px no-repeat;
	margin-left:5px;
	padding-left: 35px;
	}

#menu ul li.page-item-3 a {/*registration*/
	background:url(images/icons/registration.png) left 3px no-repeat;
	margin-left:5px;
	padding-left: 35px;
	/*vertical-align:middle;*/
	}
	
#menu ul li.page-item-25 a {/*gallery*/
	background:url(images/icons/gallery.png) left 4px no-repeat;
	margin-left:5px;
	padding-left: 35px;
	/*vertical-align:middle;*/
	}

#menu ul li.page-item-27 a {/*nav_links*/
	background:url(images/icons/links.png) left 3px no-repeat;
	margin-left:5px;
	padding-left: 35px;
	/*vertical-align:middle;*/
	}	
	

div#menu ul li.page_item ul li.page_item a{ /*removes the icons from drop down*/
	background:none;
	margin-left:0px;
	padding-left: 5px;
}


#menu ul li a#nav_home, #menu ul li a#nav_about, #menu ul li a#nav_tour, #menu ul li a#nav_blog, #menu ul li a#nav_registration, #menu ul li a#nav_gallery, #menu ul li a#nav_links { /*controls spacing*/
	margin-left:5px;
	padding-left:34px;
	}

/**************	content *************************************************/

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5{
	color:#30301e;
	text-shadow:1px 1px 1px #FFF;
}

div#content a {
		color:#30301e;
}

div #content ul {
	margin:10px 0px 10px 35px;
}

div #content ul li{
	margin:3px 0px;
}

/**************	sidebar *************************************************/


#sidebar_left, #sidebar_right {
	width: 200px; /* since these elements are floated, a width must be given */
	background: #BEC2BC url(images/sidebar_opaque_bg.png) repeat-x; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px;
	text-align:left;
	color:#FFF;
	font-size:0.9em;
}

#sidebar_left h1, h2, h3, h4, #sidebar_right h1, h2, h3, h4{
	text-shadow:1px 1px 2px #444444;
}

#sidebar_left {
	float: left; 
	margin-right:20px; /*actually controls the padding of the content section*/
	border-right:solid #FFF 10px;	/*white border width*/
	position:relative;
}

#tree {
	z-index:-1;
	}

#sidebar_right {
	float: right; 
	margin-left:20px; /*actually controls the padding of the content section*/
	border-left:solid #FFF 10px; /*white border width*/
}




/**************	Just some example content from the original theme*************************************************/

div.skip-link {
position:absolute;
right:1em;
top:1em;
}

.entry-title,.entry-meta {
clear:both;
}

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

form#commentform span.required {
/*background:#fff; Gray deactivated*/
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:1em 0 2em 3em;
}

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

.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;
}

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

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

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

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.sidebar a {
	color:#FFF;
}


/*******************FOOTER*******************************/

div#footer {
	background:#bfbf8a;
	height:20px;
	border-top:solid #FFF 10px;	/*white border width*/	
	padding:10px 0;
	color:#FFF;
	font-size:.9em;
	clear:both;
	width:100%;
}

#footer p {
	margin:0;
}

#footer a {
	color:#FFF;
}

/* original sandbox code*/



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;
}

/*******************FOOTER*******************************/
div.hentry {
	margin-bottom:2em;
}

.smallertext {
	font-size:.9em;
}

/*******************MISC gray added*******************************/
body.home h2.entry-title { /*removes the page title heading from the page body on the homepage*/
	display:none;
}


div.nav-previous, div.nav-next {
	font-style:italic;
}