/*
Theme Name: Village Works
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: the WordPress team
Version: 0.7
Tags: black, blue, white, two-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support
*/



/* 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,tt,var,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes: "" ""}

/*
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*** hover lis, include img and text 
gallery thumbs, highlight current **/

/*** Frame ***/
#container {
	width: 930px;
	margin: 40px auto 0;
	border-top: 5px solid #781E2D;
	color: #503C3C;
	background: #F5F5F0 url("inc/background.jpg") 100% 0 no-repeat;
}

#header, #content, #about {
	clear: both;
	padding: 0 65px;
}

#header {
	height: 175px;
}


#content {
	margin-bottom: 80px;
}



#about {
	padding-top: 55px;
	padding-bottom: 65px;
	border-bottom: 5px solid #781E2D;
	background: #EDEDE7 url("inc/about_bg.png") repeat-x;
}

#footer { width: 800px; margin: 0 auto 40px; padding: 40px 65px 50px; }

#content:after, .feature:after, .gallerythumbs:after, #about:after, #footer:after, #admin:after,body.home div.show:after {
	clear: both; display: block; visibility: hidden; 
	overflow:hidden; height: 0; content: "\0020";
}

.debug #container, .debug #footer {
	background-image: url("inc/grid.png");
	background-repeat: repeat;
}

.debug #about { background-color: transparent;}


/*** General ***/
body {
	font: normal 12px/24px Helvetica, Arial, sans-serif;
	background: #0f0f0f url("inc/bg.png") repeat;
}
strong, b { font-weight: bold; }
em, i { font-style: italic; }
a { text-decoration: none; font-style: italic; color: #BD1E2D;}
a:hover, li:hover a { color: #781E2D;}
p { margin-bottom: 10px;}

h1 {
	margin-bottom: 10px;
	font: normal 30px/35px Georgia, serif;
	letter-spacing: .07em;
}

h2 {
	margin-bottom: 15px;
	font: bold 16px/20px Helvetica, Arial, sans-serif;
	color: #A0A091;
}

h3 {
	margin-bottom: 15px;
	font: normal 14px/16px Georgia, serif;
	color: #A0A091;
}

h4, .hed h1 {
	margin-bottom: 5px;
	font: normal 10px/12px Georgia, serif; 

	letter-spacing: .4em;
	text-transform: uppercase;
	color: #A0A091;
}

img, .video {
	display: block;
	padding: 6px;
	border: 1px solid #EDEDE7;
	background: #FFF none;
}

/*** MISC ***/
a.thumb:hover img, .gallerythumbs a img:hover, .image a img:hover, li:hover a img { border-color: #D7D7CD; }

div.dots { clear: both; background: transparent url("inc/dotsonly.png") repeat-x; height: 1px; margin: 25px 0;}

.share { margin-bottom: 15px;}

.share img {
	display: inline;
	padding: 0;
	border: 0;
	background: none;
}

.share .sep { padding: 0 2px;}

.postnav { clear: both; margin: 20px 0;}

#lede {
	background: transparent url("inc/lede_bg.png") 0 10px no-repeat;
}

#lede p { margin-bottom: 0; font: normal 22px/35px Georgia, serif; }
#lede .content { 	padding: 0 20px 20px 20px; min-height: 100px;}
#lede .content {  background: transparent url("inc/dotsr.png") 0 100% repeat-x;}

.hed {
	margin: 25px 0 20px;
	padding: 0 48px;
	background: transparent url("inc/dots.png") repeat-x 0 50%;
}

.hed h4, .hed h1, .shownav h4, .medianav h4 {
	display: inline;
	padding: 0 10px;
	background-color: #F5F5F0;
}

#lede .hed {
	margin: 25px 0 15px;
}

#showcontent {
		margin-top: 30px;
		padding-top: 30px;
		background: transparent url("inc/dots.png") repeat-x;
}


.show .excerpt {
	font: normal 12px/20px Helvetica, Arial, sans-serif;
}

.show .image {
	float: left;
	width: 325px;
	margin-right: 20px;
}

.show .content {
	float: left;
	width: 435px;
}

.show .dt {
	margin-bottom: 10px;
	font: normal 15px/15px Georgia, serif;
}

.show .venue {
	font: italic 11px/15px Georgia, serif;
}

.show .tix { font-size: 10px; margin-bottom: 20px;}

.show .price {
	font: normal 16px/20px Georgia, serif;
}

.shownav, .medianav { clear: both; font-family: Georgia, serif;  }
.shownav a { clear: both; font: italic 15px Georgia, serif;   }
.shownav li.last, .medianav li.last { margin-right: 0; }
.shownav li.first, .medianav li.first { clear: both; }
.shownav h3, .medianav h3 { margin-bottom: 0; }

.shownav li { float: left; width: 240px; margin: 0 40px 25px 0;}
.medianav li { float: left; width: 170px; margin: 0 39px 25px 0;}

.shownav .thumb { display: block; width: 240px; height: 164px; margin-bottom: 10px; }
.medianav .byline { font: normal 10px/10px Helvetica, Arial, sans-serif;}
.medianav .video { padding: 0; border: 0; background: none;}

/*** MEDIA GALLERIES ***/
#viewport {
	position: relative;
	margin-top: 35px;
	padding-top: 30px;
	text-align: center;
	background: transparent url("inc/dots.png") repeat-x;
}

#viewport .nav a {
	display: block;
	position: absolute;
	width: 15px;
	height: 24px;
	top: 290px;
	text-align: left;
	text-indent: -9999em;
	background: transparent url("inc/sprites.png") no-repeat;
}

#viewport .nav a.prev { left: -15px; }
#viewport .nav a.next { right: -15px; background-position: -15px 0; }
#viewport .nav a.prev:hover { background-position: -30px 0; }
#viewport .nav a.next:hover, #viewport .nav a.next.hover { background-position: -45px 0; }

#viewport .title {
	font: italic 11px/15px Georgia, serif;
	letter-spacing: .1em;
	color: #503C3C;
}

#viewport .image, #viewport .video {
	width: 760px;

	margin: 0 auto;
}

#viewport .image { height: 512px;}
#viewport .video { height: 427px;}

#viewport .image img { margin: 0 auto; }

#viewport .caption {
	width: 350px;
	margin: 10px auto;
}

.gallerythumbs { margin: 40px 0 20px;}

.gallerythumbs li {
	float: left;
	margin-right: 16px;
	margin-bottom: 18px;
}

.gallerythumbs li.last { margin-right: 0;}

.gallerythumbs a {
	display: block;
	width: 84px;
	height: 75px;
}

.gallerythumbs img { width: 72px; height: 63px; }

/*** SHOW PAGE ***/
.showmedia img, .showmedia .video { margin-bottom: 15px; }
/*.showmedia .video { height: 281px;}*/
body.single .showmedia, body.page-template-default .showmedia {
	float: left;
	width: 390px;
	margin-right: 20px;
	margin-bottom: 30px;
}

body.single .show, body.page-template-default .show {
	float: left;
	width: 390px;
	margin-bottom: 30px;
}



/*** HOMEPAGE ***/
.feature {
	padding-top: 35px;
/*	background: transparent url("inc/feature_bg.png") repeat-x;*/
}

.feature .image {
	width: 520px;	
}

.feature .content {
	width: 260px;
}


body.home div.show { clear: both; padding: 30px 0;}

body.home div.show.regular {  background: transparent url("inc/dotsonly.png") 0 100% repeat-x;}

/*** HEADER ***/
#logo, #logo a {
	display: block;
	width: 230px;
	height: 200px;
}

#logo {
	float: left;
	margin-top: -11px;
	margin-left: -15px;
	margin-right: 50px;
}

#logo a {
	text-indent: -9999em;
	background: transparent url("inc/logo.png") no-repeat;
}

#logo a:hover { background-position: -250px 0;}

#nav {
	float: right;
	margin-top: 55px;
}

#nav li {
	display: inline;
}

#nav .sep {
	padding: 0 17px;
}

#nav a {
	font: normal 12px/12px Georgia, serif;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #503C3C;
}

#nav a:hover { color: #781E2D; }

#marketing {
	float: right;
	width: 520px;
	margin-top: 30px;	
}

#marketing-email {
	height: 26px;
	margin-bottom: 13px;

}

#marketing-email label {
	display: block;
	float: left;
	width: 245px;
	height: 20px;
	margin-top: 5px;
	margin-left: 60px;
	text-indent: -9999em;
	background: transparent url("inc/sprites.png") 0 -30px no-repeat;
}

#marketing-email input { float: left; }
#mktgemail {
	width: 155px;
	height: 24px;
	padding: 0 3px;
	border: 1px solid #D7D7CD;
	color: #503C3C;
}

#emailsignup {
	margin-left: -2px;
}

#marketing-fb { margin-left: 172px;}

#marketing-fb a {
	display: block;
	width: 350px;
	height: 20px;
	text-indent: -9999em;
	background: transparent url("inc/sprites.png") 0 -50px no-repeat;
}

#marketing-fb a:hover {
	background-position: 0 -70px;
}

/*** ABOUT & FOOTER ***/

#about .peeps {
	margin: 10px 0 10px 15px;
	padding: 0;
	border: 0;
	background: none;
}

#about p {
	letter-spacing: 0;
	line-height: 20px;
}

#about .section {
	float: left;
	width: 370px;
}

#about .first {
	margin-right: 60px;
}

#footer {

	background-color: #141711;
}

#footer, #footer a { color: #5f5f5b; font-style: normal;}
#footer a:hover { color: #A0A091;}


#footer ul {
	float: left;
	width: 152px;
	margin-right: 64px;
	margin-bottom: 40px;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
}

#footer ul.last { margin-right: 0;}

#footer li { margin-bottom: 5px; }



#admin {
	clear: both;
	border-top: 1px solid #2f2f2b;
	padding-top: 12px;
	font: normal 9px/15px Helvetica, Arial, sans-serif;
}

#legal { float: left; width: 585px; }

#credit { float: left; width: 215px; text-align: right;}