/*
Theme Name: Wandering Goat
Description: Theme for Wandering Goat Coffee Company
Version: 1.0
Author: James Madson
Company: Harris Design & Print
Date: 9/11/08
*/

/* header */
body {
	background: url(images/bg.jpg) repeat-x #f5f5f5;
	color: #7a7766;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	word-spacing:1px;
	size:100%;
}

#content{
	margin: 0 auto;
	width:900px;
	padding-top:30px;
	}

#main {
	background:none;
	color:#5b4525;
	width:100%;
	text-align: left;
	margin: 60px auto 0 auto;;
		}

.content{	
	width:900px;
	height:300px;
	background:none;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.content2{	
	width:900px;
	background:none;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.page{	
	width:900px;
	background:none;
	margin-left:auto;
	margin-right:auto;
}
#blogcontnet{background:#ffffff;}
#pagecontent{
	width:600px;
	padding:0 0 50px 0;
	float:left;
	}
#pagecontent h2{
	margin: 5px 0 0px 0;
	padding-bottom: 2px;
	color:#2f2414;
	height:30px;
	font-size:25px;
	width:100%;
	}

#header {
	background:none;
	width:900px;
	height:200px;
	margin: 0 auto 0 auto;
}

#header h1 {
	background:url(images/header_logo.png) no-repeat;
	display: block;
	width:515px;
	height:188px;
	text-decoration:none;
	margin:0;
	cursor:pointer;
}

#language {
	background:url(images/language.gif) no-repeat;
	padding:3px 8px 8px 9px;
	width:170px;
	height:45px;
	float:right;
	font-size:6px;
	margin-top:8px;
}

/* body main */

#nosidebarcontent{
	width:850px;
	min-height:400px;
	table-layout:auto;}

.rss {
	width:149px;
	height:59px;
	float:right;
	margin:0 0 -50px 0;
	cursor:pointer;
}	
	
.welcome{
	width:304px;
	height:257px;
	background: url(images/chalkboard.jpg) no-repeat left;
	float:right;
	line-height:0px;
	color:#fff;
	}

.welcome h2{
	margin:65px 0 -18px 10px;
	color:#fff;
	text-align:left;
	height:30px;
	cursor:pointer;
	font-size:14px;
		}


.welcome p{
	padding:0 25px 0 15px;
	color:white;
	font-size:70%;
}

.buycoffee{
	background:url(images/buy_coffee.png);
	width:244px;
	height:45px;
	float:right;
	margin:0 41px 0px 0;
	cursor:pointer;
}	

.slideshow{
	background:none;
	width:596px;
	height:275px;
	color:#fff;
	float:left;
	display:block;
	padding:2px 0 2px 0;
	}


.post{
	color:#2f2414;
	line-height:19px;
	float:left;}

.post img{
	style:none;
	float: right; /*left in our text*/
	margin: 15px; /*space around the image*/
}

#sidebar {
	width:220px;
	padding:5px;
	background:none;
	margin:20px 0 50px 0;
	float:right;
	height:100%;
}

#sidebar li{
	margin: 0;
	display: block;
	list-style: none;
	text-decoration:none;}


/* footer body */
.bottom{	
	width:900px;
	background:none;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	background: url(images/footer_bg.jpg) repeat-x #d5d3c6;
	color:#5b4525;
	height:300px;
	width:100%;
	text-align: left;
	margin:15px 0 0 0;
}

#footer a:link,.credit a:visited,,.credit a:hover {
	color: #7a7766;
	text-decoration:none;
}

#footer h2{}

.one{
	background:url(images/footer_h1.jpg) no-repeat 0px 48px;
	width:275px;
	height:200px;
	padding:auto;
	margin:15px 35px 0 0;
	float:left;
	display:block;
	}
.one li{list-style:none;}
.one h3{background:url(images/our_brand.png) no-repeat;
	margin: 20px 0 10px 0;
	padding:0 0 0 40px;
	color:#2f2414;
	height:28px;
	}
.two{
	background:url(images/footer_h1.jpg) no-repeat 0px 48px;
	width:265px;
	height:200px;
	padding:auto;
	margin-left:30px;
	margin-right:0px;
	margin-top:15px;
	float:left;
	display:block;
	}
.two h3{background:url(images/events.png) no-repeat;
	margin: 20px 0 10px 0;
	padding:0 0 0 40px;
	color:#2f2414;
	height:28px;
	width:200px;
}
.two li{list-style:none;}
.three{
	background:url(images/footer_h1.jpg) no-repeat 0px 48px;
	width:275px;
	height:200px;
	padding:auto;
	float:right;
	display:block;
	margin:15px -40px 0 0;
	}

.three h3{background:url(images/photos.png) no-repeat;
	margin: 20px 0 10px 0;
	padding:0 0 0 40px;
	color:#2f2414;
	height:28px;
}
.three li{list-style:none;}
/* footer */
#verybottom
 { background:url(images/bottombg.jpg);
 clear: both;
 text-align: left;
 overflow:hidden;
 color:#fff;
 }

#credits
 {	width: 900px;
	height:185px;
	position: relative;
	color: #fff;
	margin: auto;
	}

#credits p{
	float:left;
	margin:50px auto;
	line-height:25px;
	font-size:90%;
	}
#credits a { color: #fff; text-decoration:none;}
#credits a:hover { color: #fff; }

#credits_list{
	float:right;
	text-align: right;
	margin:40px auto;
	}
#credits_list ul {
	margin:auto 0 auto 0;}

#credits_list li
 {	list-style:none;
	padding: 8px 0px 8px 35px;
	border-bottom: 1px dotted #fff;
 }

#cred_email { background: url(images/email.png) left 1px no-repeat;}
#cred_rss { background: url(images/rss.png) left 1px no-repeat;}
#cred_shop { background: url(images/shop.png) left 1px no-repeat;}

/* typography style */

a {	color: #675;text-decoration:none;}
a img
a:visited {	color: #cc6600;}
a:hover {	color: #675; text-decoration:none;}

acronym, abbr {	border-bottom: 1px dashed #333;}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {	cursor: help;}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

img, a img{border:1px solid #ccc;padding:5px;background:#fff;margin:0;}

h1 {
	background:none;
	margin: 25px 0 0px 0;
	padding:0 0 0 30px;
	color:#2f2414;
	height:35px;}

h2 {
	margin: 5px 0 2px 0;
	padding-bottom: 2px;
	color:#000;
font-size:14px;
}


h3 {
	margin-top: 0;
	margin-bottom:0px;
}

h3 a:link,a:hover,a:visited{
	margin-top: 0;
	text-decoration:none;
	color:#cc6633;
	pading:0px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

ol#comments li p {	font-size: 100%;}

p, li, .feedback {
	font: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	}

/* classes used by the_meta() */
ul.post-meta {	list-style: none;}

ul.post-meta span.post-meta-key {	font-weight: bold;}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {	font-size: .75em;}

.meta li, ul.post-meta li {	display: inline;}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom:40px;
}

.storytitle {	margin: 0;}

.storytitle a {	text-decoration: none;}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {	width: 100%;}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

#menu {
	background: #fff;
	padding: 20px 0 10px 30px;
	width: 150px;
}

#menu form {	margin: 0 0 0 13px;}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: italic normal 110% Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/115% Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {	border-bottom: 1px solid #809080;}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

#wp-calendar {

	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {	background: #fff;}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}


.basictab {
	margin:-15px 0 0 -60px;
    float:right;
    width:100%;
    line-height:normal;
	height:60px;
	cursor:hand;
      }
i.e. .basictab{margin:0 0 0 0; }
	  
.basictab ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
	  
      }
	  
.basictab .sifr{cursor:pointer;text-decoration:none;}
.basictab li {
      display:inline;
      margin:0;
      padding:auto;
	  cursor:hand;
	        }
	  
.basictab a {
      float:right;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0px 0 0 5px;
      text-decoration:none;
	  overflow:hidden;

      }
.basictab a span {
      float:right;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:4px 0px 4px 15px;
      color:#fff;
	  width:85px;
	  overflow:hidden;
	        }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.basictab a span {float:none;overflow:hidden;}
    /* End IE5-Mac hack */
.basictab a:hover span {
      color:#fff;
	  overflow:hidden;
      }
.basictab a:hover {
      background-position:0% -42px;
      }
.basictab a:hover span {
      background-position:100% -42px;
	  
      }
	  
.basictab li.selected a{ /*selected tab effect*/

      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
}

.basictab li.selected span{ /*selected tab effect*/
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
	  
}	 

.basictab li.selected a:hover {
      background-position:0% -42px;
      }
.basictab li.selected a:hover span {
      background-position:100% -42px;
      } 

.submenustyle{
height:20px;
margin:-30px 0px 0 270px;
padding: 2px 2px 0 2px;
width:630px;
display: none;
float:left;
overfow:hidden;
text-align:left;
}
.flashtitle {
			text-align: left;
		}
* html .submenustyle{ /*IE only width definition*/
width: 630px;
margin:-30px 0px 0 270px;
}

i.e. .submenustyle{width: 500px;
margin:0 -40px 0 0;}

.submenustyle a{
border-right: 1px dashed #675;
padding: 1px 8px 0 8px;
text-decoration: none;
color: #9a8;
}
.submenustyle a:visited{
border-right: 1px dashed #675;
padding: 1px 8px 0 8px;
text-decoration: none;
color: #9a8;
}

.submenustyle a:hover{
border-right: 1px dashed #675;
padding: 1px 8px 0 8px;
background:#675;
color: #000;
}

.submenustyle li{
text-decoration: none;
display: inline;
cursor:pointer;
}