/*
	Theme Name: Books, Bytes & Beyond
	Theme URI: http://refreshperpective.com
	Description: Bookstore website template built from Starkers by Elliot Jay Stocks (elliotjaystocks.com)
	Version: 1.0
	Author: Ryan Liverman
	Author URI: http://refreshperpective.com
	Tags: green, fixed width
*/

/* CSS Reset based of Eric Meyer's (http://meyerweb.com/eric/tools/css/reset/) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* END Reset */

/*
Colors:
	Green: #1b3d1c
	NavTan: #f2f0c1
	NavBorder: #d7d494
*/

/*  Structure   */

body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:62.5%;
	width:100%;
	background:#1b3d1c;
}

#wrap{
	margin:0 auto;
	width:960px;
}

#headerimg{
	background:url(images/header.jpg) top center no-repeat;
	width:960px;
	height:144px;
	margin:0 auto;
	z-index:0;
}

#search-box{
	height:36px;
}

#content-wrap{
	margin:0 auto;
	background:#ffffff;
	width:960px;
	border: 0px solid #ffffff;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow:hidden;
}


#col_1{
	float:left;
	width:170px;
	margin:10px 0 20px 10px;
	overflow:hidden;
}

#col_2{
	float:left;
	width:480px;
	margin:20px 0 20px 20px;
	overflow:hidden;
}

#col_3{
	float:left;
	width:240px;
	margin:20px 0 20px 20px;
	overflow:hidden;
}


#main-nav{
	background:#f2f0c1;
	width:168px;
	margin:0 0 20px 0;
	border: 1px solid #d7d494;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#store-main{
	width:480px;
	float:left;
	margin:0;
	overflow:hidden;
} 
 
.divider{
	background:url(images/div.gif) 0 0 repeat-x;
	height:4px;
	margin:14px 0 0 0;
	padding:0 0 20px 0;
}

#homeSlider{
	background:url(images/photo_bg.jpg) no-repeat;
	float:right;
	width:250px;
	margin:0 0 0 10px;
	height:160px;
	overflow:hidden;
}

#photoShow{}

#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}

#store-info{
	float:right;
	width:218px;
	margin:0 0 20px 0;
	padding:10px;
	overflow:hidden;
	border:1px solid #b9b9b9;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.store-page-info-wrap{
float:right;
margin-left:20px;
}

#store-hours{
	background:url(images/clock.png) 140px 0 no-repeat;
	margin:-26px 0 0 0;
}

#store-hours p.small{
	line-height:1.2em;
	text-align:right;
	margin:0 0 5px 0;
}

#store-data{
	margin:0;
	float:left;
}

#main-social{
	width:170px;
}

#features{
	width:480px;
	float:left;
	margin:0;
	overflow:hidden;
}

#features li.tight{
	float:left;
	width:480px;
	margin:0 0 15px 0;
}

#features li{
	float:left;
	margin:0 0 15px 0;
}

li.tight p{
clear:left;
}

#features li h2.tight{
padding-top:8px;
width:340px;
float:left;
font-size:1.6em;
}

h2.event-title{
padding-top:8px;
width:595px;
float:left; 
}

.event-wrap{
float:left;
width:650px;
}

#staff-picks{
	float:left;
	width:218px;
	margin:0;
	padding:10px;
	overflow:hidden;
	background:#f2f0c1;
	border: 1px solid #d7d494;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.arrows{
	margin:10px 0 0 0;
	height:14px;
	background:url(images/div.gif) 0 50% repeat-x;
}

.next{
	float:right;
}

.prev{
	float:left;
}

#features #feature-img, #events-img{
	float:right;
	padding:0 0 0 10px;
	margin:0;
	overflow:hidden;
}

#feature-img{
	float:right;
	padding:0;
	overflow:hidden;
}

#post-wrap{
	width:740px;
	float:left;
	margin:20px;
	overflow:hidden;
}

.anyClass{
	width:218px;
}

.anyClass ul{
	width:872px;
}

.anyClass ul li{
	width:218px;
}

form#searchform {
  position:relative;
  top:10px;
  width:200px;
  float:right;
  z-index:1;
}

form#searchform input#s {
  position:relative;
  top:0px;
  height:18px;
  width:165px;
  background:#ffffff;
  filter: alpha(opacity=50); /* internet explorer */
  -khtml-opacity: 0.5;      /* khtml, old safari */
  -moz-opacity: 0.5;       /* mozilla, netscape */
  opacity: 0.5;           /* fx, safari, opera */
  border:1px solid #bcbcbc;
}

input#search_submit {
  position:absolute;
  top:0;
  right:10px;
}

#footer{
	margin:20px auto;
	text-align:center;
	color:#ffffff;
	width:960px;
	overflow:hidden;
}

/*  END Structure   */



.clear{
	clear:both;
}

.spacer{
	padding-right:20px;
}

.alignright{
float:right;
padding:10px 0 10px 10px;
}

.alignleft{
float:left;
padding:10px 10px 10px 0;
}

.wp-caption-text{
	margin:3px 0;
	font-size:1em;
	text-align:center;
}

.eventpost{
	float:left;
	width:740px;
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
}

#post-wrap ul {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	color:#333333;
	list-style: none;
	margin:10px;
	padding-left: 1em;
	text-indent: -1em;
}

#post-wrap li{
	margin:0 0 5px 0;
}

#post-wrap ul li:before {
	content: "\00BB \0020";
	}
	

/* Primary Content Styling */

a, a:visited{
	color:#1b3d1c;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

.email{
	padding:0 0 0 25px;
	background:url(images/email.png) 0 0 no-repeat;
}

p{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	color:#333333;
	margin:0 0 14px 0;
}

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

h1.header, p.header {
	text-indent:-9999px;
}

h1{
	font-family: "HelveticaNeue-Light", "Helvetica LT Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:2.4em;
	margin:0 0 20px 0;
	color:#1b3d1c;
}

h2{
	font-family: "HelveticaNeue-Light", "Helvetica LT Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:1.8em;
	line-height:1.4em;
	margin:0 0 10px;
	color:#1b3d1c;
}

h3{
	font-family: "HelveticaNeue-Light", "Helvetica LT Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:1.4em;
	line-height:1.2em;
	margin:0 0 10px;
	color:#555555;
}

h5{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:normal;
}

/* END Primary Content Styling */

.store-phone p{
	font-size:1em; line-height:1.2em; margin:0 0 5px 0;
}

.store-email p{
	font-size:1em;
	margin:0;
}

#staff-picks h2{
	margin:0 0 5px 0;
}

#staff-picks h3{
	font-weight:normal;
		font-size:1.3em;
	line-height:1.2em;
	margin:0 0 5px 0;
}

#staff-picks p.small{
	margin:4px 0;
}

#staff-picks p.subs{
	margin:2px 0;
	font-size:.9em;
}

#features p.small{
	color:#000000;
}

#date-box{
	float:left;
	text-align:center;
	overflow:hidden;
	background:#516b43;
	color:#ffffff;
	font-family: "HelveticaNeue-Light", "Helvetica LT Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding:5px 8px;
	margin:0 10px 10px 0;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	line-height:1.6em;
}

.month{
	font-size:1.5em;
}

.day{
	font-size:1.3em;
}

/* Main-Nav Style */
	
#main-nav ul{
	margin:20px 0 20px 0;
}
	
#main-nav li a {
  	height: 24px;
	text-decoration: none;
	font-family: "HelveticaNeue-Light", "Helvetica LT Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:1.6em;
}	
	
#main-nav li a, #main-nav li a:visited {
	color: #1b3d1c;
	display: block;
	background:  url(images/nav_bg.gif);
	padding: 6px 0 0 10px;
}

#main-nav li a:hover {	
	color: #1b3d1c;
	background:  url(images/nav_bg.gif) 0 -60px;
	padding: 6px 0 0 10px;
}

#main-nav li.current_page_item a, #main-nav li.current_page_parent a {
	color: #ffffff;
	background:  url(images/nav_bg.gif) 0 -30px;
	padding: 6px 0 0 10px;
}

/* END Main-Nav Style */

/* main-social */

#main-social p{
	margin:0 0 0 30px;
	padding-top:2px;
	float:left;
	overflow:hidden;
}

#enews{
	background:url(images/email_add.gif) 0 0 no-repeat;
	height:22px;
	margin:0 0 10px 5px;
}

#facebook{
	background:url(images/facebook.gif) 0 0 no-repeat;
	height:22px;
	margin:0 0 10px 5px;
}

/* END main-social */

/* Restrict Pages */

table.levels{font-size:12px;} 

#restrict{position:relative; display:block; width:400px;}

.restrict{
	display:block;
	margin-bottom:5px;
}

.restrict input{position:absolute;left:75px;}

/* END Restrict Pages */

/* Post Style */

.post{
	float:left;
	width:740px;
	overflow:hidden;
}

/* END Post Style */


/* Footer Style */

#footer p, #footer p a{
	color:#ffffff;
}

/* END Footer Style */