/*
THEME NAME: Shop Hewitt
THEME URI: http://www.shophewitt.com/
DESCRIPTION: Custom WP theme for Shop Hewitt. Dynamic semantic class selectors, widgetized, variable column numbers, 
VERSION: 1.0
AUTHOR: <a href="http://www.leftdesigns.com/">LEFT</a>
AUTHOR URI: <a href="http://www.leftdesigns.com/">LEFT</a>
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

 /*
	  ___		___			  ___			___
     /\__\     /\  \         /\  \         /\  \    
    /:/  /    /::\  \       /::\  \        \:\  \   
   /:/  /    /:/\:\  \     /:/\:\  \        \:\  \  
  /:/  /    /::\~\:\  \   /::\~\:\  \       /::\  \ 
 /:/__/    /:/\:\ \:\__\ /:/\:\ \:\__\     /:/\:\__\
 \:\  \    \:\~\:\ \/__/ \/__\:\ \/__/    /:/  \/__/
  \:\  \    \:\ \:\__\        \:\__\     /:/  /     
   \:\  \    \:\ \/__/         \/__/     \/__/      
    \:\__\    \:\__\                                
     \/__/     \/__/                             
	 
*/

/* 
===================================================
GLOBALS
===================================================
*/
* { margin: 0; padding: 0; outline: 0 }

body {
	color: #7a7a7a;
	text-align: center;
	margin: 0;
	font-family: Arial;
	font-size: 62.5%;
	background-color: #7a7a7a;
	background-image: url(images/background_pattern.png);
	background-repeat: repeat;
	background-position: left top;
}

/* links */
a, a:visited {
	color: #7a7a7a;
	text-decoration: none;
	}
a:hover {
	color: #7a7a7a;
	text-decoration: underline;
}

a.highlight {color: #7a7a7a}

/* headers */
h1, h2, h3 {
	font-family: 'Arial', Sans-serif;
}
h1 {
	font-size: 190%;	
	font-weight: normal;
	color: #555;
}
h2 {
	font-size: 1.8em;
	/*text-transform: uppercase;*/
	color: #7a7a7a;
	font-weight: normal;
}
h3 {
	font-size: 110%;
	color: #56534f;	
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 5px;
	padding: 0 5px;
}
ul {
	list-style: none;
}


img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;

	border: 1px solid #E0DBC9;  
}

img {border: none;}



/* 
===================================================
NAV
===================================================
*/

div#access {
	width:150px;
	float:left;
	margin-left:15px;
	margin-top:30px;
	padding-left:5px;
	padding-top: 15px;
	text-align: right;
}

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


/* :::::::::::::: Navigation + Accordion  ::::::::::::: */

#sidebar { font-size: 1.1em;
		   color: #FFFFFF;
		   text-transform:lowercase;
		   }
		 
#sidebar ul {
margin-right:0px; padding-right:0px;}

#sidebar li {list-style:none; padding-bottom: 5px; padding-top: 5px; padding-right: 0px;
	border-bottom: dashed 1px #b69e7f;}

#sidebar li a:hover {
	color: #dfc199;
	text-decoration:none;
}
		   
#accordion{
	/*width:114px;*/
	position:absolute;
}

.accordion_headings {
	cursor:pointer;
	font-size:1.1em;
	text-transform:lowercase;
	letter-spacing: 0.10em;
	width: 120px;
	padding: 3px 35px 3px 20px;
	
}

.accordion_headings:hover {background: black; color:#dfc199;}
.accordion_headings a:hover {background: black; color:#dfc199;}
a.accordion_headings:hover {background: black; color:#dfc199;}

.accordion_headings a:hover { 
		   color: #dfc199; 
		   text-decoration: none;
		   }
.inactive{ color:#7a7a7a;}

.inactive a{ color:#7a7a7a;}
.inactive:hover a{ color:#dfc199;}

a.inactive { color:#7a7a7a; text-decoration: none; text-transform: lowercase;}
a.inactive:hover { color:#dfc199; text-decoration: none; text-transform: lowercase;}

.header_highlight{
color:#dfc199;
}

#spacer {height: 20px; width:25px; background:none; border: none;}

/* HOME-PAGE NAVIGATION */

#home-page-nav { padding: 0 25px 0 0; position:absolute; left: 320px; top: 122px; margin: 0; width: 320px;}

#spacer {height: 20px; width:25px }

.mainNav { border-right: solid 1px #480f7d; color: #278621;}

/* HOME-PAGE DROPDOWN */
ul.topnav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
ul.topnav li {
	margin: 0;	
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 7px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
}

ul.topnav li a.noborder{
	padding: 6px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
}

ul.topnav li a:hover{
	color: #000;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	height: 35px;
	display: block;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 150px; 
	top: 5px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	/*width: 170px;*/
	border-right: none;
	z-index: 150;
	}
ul.topnav li ul.subnav li{
	background-color: #000;
	margin: 0; 
	padding: 0px 10px;
	clear: both;
	width: 120px;
	border-right: none;
	margin-left:15px;
	
}
html ul.topnav li ul.subnav li a {
	background-color: #000;
	border-top: 1px dotted #fff; /*--Create bevel effect--*/
	color:#FFFFFF;
	text-transform: lowercase;
	border-right: none;
	padding: 6px 0px;
	font-size: .9em;
	text-align: left;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
color: #b69e7f;	
	}

html ul.topnav li ul.subnav li:first-child a { border-top: 0px none }


/* 
===================================================
HEADER ELEMENTS
===================================================
*/

/* Blog Info */

#header {
	text-align: left;
	height: 135px;
	width:100%;
	padding-bottom: 35px;
	background-image: url(images/header-background.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}


#header-home {
	text-align: left;
	height: 135px;
	width:100%;
	padding-bottom: 35px;

}

h1#blog-title {
	width: 208px;
	height: 57px;
	text-indent: -9999px;
	background-image: url(images/hewitt-logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	left:50px;
	top: 55px;
}



#blog-description {display: none;}


/* 
===================================================
MAIN CONTENT
===================================================
*/

div#container {
	width: 100%;
	text-align: left;
	background-image: url(images/container-bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0px 0px 35px 0px;
	
	}

div#container-home {
	width: 100%;
	text-align: left;
	padding: 0px 0px 35px 0px;
	
	}


div#content{
text-align: left;
width:650px;
float: left;
margin-left:20px;
margin-top:20px;
font-size: 1.0em;
}

#contentBlock {background-color:#FFFFFF; width: 100%; height: 560px; }

div#content p{
font-size: 1.2em;
line-height:1.9em;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#gallery-header-float {float: right; margin-right: -125px;}


/* 
===================================================
GALLERY
===================================================
*/

div.gallery {
clear:both;
/*height:180px;*/
margin:0 0 0 10px;
width:100%;
}


div.gallery dl {
float:left;
}

div.gallery * {
margin:0;
padding:0;
}

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

div.gallery dl{
margin:10px;
overflow:hidden;
text-align:center;
}



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

.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#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.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#menu ul li,div.navigation div.nav-previous {
float:left;
}


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

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

#gallery-header-float {
	margin: 0;
	left:600px;
	position:absolute;
	top:8px;
	width:210px;
}