/*
Theme Name:     Village Ten
Description:    Custom child theme for the Twenty Ten theme. 
Author:         Matt Hoiland
Template:       twentyten
*/


/*******************************************************************************/
/*	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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse; border-spacing:0} .clear {clear:both;} .left {float:left;} .right {float:right;}

/*******************************************************************************/
/*	Structure	*/

body {
	background: #f0f0f0;
	/* height: 100%; */
	}
body > #ie-sucks {
	/* display: none; */
	/* This is because IE sucks */
	}
#header {
	height: 100px;
	background: #222;
	color: #fff;
	}
#container, #footer_wrap {
	width: 960px;
	margin: 20px auto;
	}
#content {
	float: left;
	width: 670px;
	margin-right: 20px;
	}
#sidebar {
	float: left;
	width:270px;
	}
#footer {
	}
	
/*******************************************************************************/
/*	Typography	*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	}

h2, h3 {
	/* font-family: Museo; Use Cufon instead*/
	}
h2 { font-size: 20px; font-weight: normal; margin-bottom: 5px;}
h3 { font-size: 20px; font-weight: normal; margin-bottom: 10px;}
h4 { font-size: 16px; font-weight: normal; margin-bottom: 5px;}
h5 { font-size: 14px; font-weight: normal; margin-bottom: 5px;}
a {
	color: #44bdca;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
	
	
/*******************************************************************************/
/*	General Styles	*/

p {
	padding-bottom: 10px;
	font-size: 13px;
	line-height: 16px;
	/* color: #444; */
	}
.img_shadow {
	border: 3px solid #fff;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	-moz-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
	}
.post, .box, .sidebar_item, .comment, #respond {
	background: #FFF;
	padding: 20px;
	border: 1px solid #ddd;
	box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	-moz-box-shadow: 0px 3px 5px #ddd;
	margin-bottom: 30px;
	}
.button {
	background: #44bdca;
	background: -moz-linear-gradient(top, #53cdda, #44bdca 100%); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#53cdda), to(#44bdca)); 
	color: #fff;
	border: 1px solid #44bdca;
	padding: 3px 5px;
	text-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	}
.button:hover {
	border: 1px solid #646464;
	text-decoration: none;
	}
.button:active {
	background: #999;
	}
.button-orange {
	background: #F2732C;
	background: -moz-linear-gradient(top, #FF823D, #CA510D 100%); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF823D), to(#F2732C)); 
	color: #fff;
	border: 1px solid #C04500;
	padding: 3px 5px;
	text-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	}
.button-orange:hover {
	border: 1px solid #222;
	text-decoration: none;
	}
.button-orange:active {
	background: #999;
	}
	
/* Begin Post Images */
p img {
	padding: 0;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	/* padding: 4px; */
	margin: 0 0 7px 10px;
	display: inline;
	}
img.alignleft {
	/* padding: 4px; */
	margin: 0 10px 7px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
	
/*******************************************************************************/
/*	Header	*/

#header {
	height: 70px;
	min-width: 1000px;
	border-bottom: 1px solid #ccc;
	background: #222;
	}
#header #logo {
	float: left;
	}
#header #logo h2 {
	background: #44bdca url('images/logo.png') no-repeat;
	text-indent: -1000px;
	width: 220px;
	height:70px;
	margin-bottom: 0px;
	}
#header #navigation {
	float: left;
	}

/*	#########################################################	*/
/*	Navigation	*/	

#navigation ul {
	background: #222;
	}
#navigation li {
	float:left;
	}
#navigation li a {
	float: left;
	font-size: 14px;
	background: #222;
	color: #fff;
	height: 25px;
	padding: 45px 30px 0px 10px;
	border-right: 1px solid #444;
	text-decoration: none; /* Firefox fix */
	}
#navigation li a:hover {
	color: #fff;
	background: #333;
	}
#navigation .current_page_item a {
	background: #333;
	text-decoration: none;
	text-decoration: none; /* Firefox fix */
	}
	
	/* Drop Down */
	
#navigation ul li>ul {
	display: none;
	position: absolute;
	margin-top:70px;
	border-top: 1px solid #444;
	padding: 0;
	z-index: 1;
	}
#navigation ul li:hover>ul {
	display: block;
	}
#navigation ul li:hover>ul li {
	float: none;
	}
#navigation ul li:hover>ul li a {
	height: auto;
	padding: 10px;
	background: #222;
	border-right: none;
	width: 200px;
	text-decoration: none; /* Firefox fix */
	}
#navigation ul li:hover>ul li a:hover {
	background: #333;
	}

/*******************************************************************************/
/*	Cart	*/

#header #cart {
	clear: both;
	display: none;
	background:#444;
	max-height: 145px;
	background: -moz-linear-gradient(top, #444, #333 100%); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#333)); 
	border-top: 1px solid #777;
	border-bottom: 1px solid #000;
	color: #fff;
	text-shadow: 2px 2px #333;
	padding:20px 10px 20px 20px;
	}
#cart_expand {
	clear: left;
	height:22px;
	width:20px;
	cursor: pointer;
	position: relative;
	top: -10px;
	float:right;
	margin-right: 20px;
	}
.cart_show {
	background: url('images/cart_arrows.png') no-repeat 0 0;
	}
.cart_hide {
	background: url('images/cart_arrows.png') no-repeat -20px 0;
	}	
#cart_checkout {
	float:right;
	margin-right:20px;
	font-size: 12px;
	padding-top: 10px;
	}
#cart_checkout .button a {
	padding: 15px 20px;
	line-height: 60px;
	}

/* SimpleCart */

.itemContainer{
	float: left;
	margin-right:20px;
	height: 125px;
	/* width: 140px; */
	font-size:11px;
	background: #444;
	padding: 10px;
	/*
-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
*/
	box-shadow: 0px -4px 8px #3c3c3c;
	-webkit-box-shadow: 0px -4px 8px #3c3c3c;
	-moz-box-shadow: 0px -4px 8px #3c3c3c;
	}
.itemThumb {
	float: left;
	height:100px;
	width:100px;
	border: 1px solid #444;
	margin-bottom:10px;
	}
.itemdecrement, .itemincrement, .itemQuantity {
	float: left;
	}
.itemincrement {
	position: relative;
	left: 10px; 
	top: 0px;
	}
.itemdecrement {
	position: relative;
	left: -40px; 
	top: 50px;
	}
.itemQuantity {
	position: relative;
	left: -10px; 
	top: 25px;
	}
.itemQuantity {
	width: 20px;
	font-size: 11px;
	padding-top: 4px;
	text-align: center;
	}
.itemdecrement a, .itemincrement a  {
	cursor: pointer;
	background: #44bdca;
	padding: 4px 7px;
	font-size: 11px;
	line-height: 19px;
	color: #fff;
	text-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.itemdecrement a {
	padding: 4px 8px;
	margin-left: 10px;  /* To center */
	}
.itemdecrement a:hover, .itemincrement a:hover {
	color: #fff;
	background: #777;
	}
.itemTotal {	
	display: none;
	position: relative;
	left: 10px; 
	top: 10px;
	font-size: 11px;
	}
.itemName {	
	clear:both;
	padding-top: 0px;
	font-size: 11px;
	}
.cartHeaders{
	display: none;
	}
	
/*******************************************************************************/
/*	Content	*/

#content h2, .sidebar_item h3, .ribbon { /*	Ribbon effect	*/
    padding: 10px 30px;  
    margin-left: -30px;  
    margin-top: 0;  
    margin-bottom: 10px;
    position: relative;
    background: #e3e3e3;  
    background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8);   
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#c8c8c8)); 
    -moz-box-shadow: 1px 1px 3px #444;  
    -webkit-box-shadow: 1px 1px 3px #444;  
    box-shadow: 1px 1px 3px #444; 
    color: #222;  
    text-shadow: 0 1px 0 white;
    /* font-size: 24px; */
	}
#content .arrow, #sidebar .arrow, .arrow {  /*	Needed to complete the ribbon effect	*/
	width: 0; height: 0;  
	line-height: 0;  
	border-left: 10px solid transparent;  
	border-top: 5px solid #c8c8c8;  
	top: 104%;  
	left: 0;  
	position: absolute;
	} 
#content .left_col {
	float: left;
	width: 206px;
	margin-right: 20px;
	}
#content .right_col {
	float: left;
	width: 402px; /* = 670px #content - 20px padding .post - 206px .left_col - 20px margin */
	}
.post p {
	font-size: 13px;
	line-height: 19px;
	}

/*******************************************************************************/
/*	Sidebar	*/

.sidebar_item {
	margin-bottom: 20px;
	font-size: 13px;
	}

h4.gigpress-list-artist-heading {
	margin-top: 20px;
	/* border-bottom: 1px solid #ddd; */
	}
ul.gigpress-listing {
	border-top: 1px solid #ddd;
	color: #777;
	font-size: 12px;
	}
ul.gigpress-listing li {
	border-bottom: 1px solid #ddd;
	clear: both;
	padding: 5px 0px;
	}
	

/*******************************************************************************/
/*	Posts	*/

/*	General Post Boxes	*/
#display_posts {
	margin-top: 20px;
	}
#display_posts h4 a {
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	color: #444;
	text-decoration: none;
	}
#display_posts h4 a:hover {
	color: #222;
	}
#display_posts p {
	font-size: 12px;
	}
#display_posts .display_posts_date {
	color: #888;
	font-size: 11px;
	padding-bottom: 0px;
	}
#display_posts ul li {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	}
#display_posts ul li:hover {
	background: #f7f7f7;
	}
#display_posts ul li:last-child {
	border-bottom: 1px solid #ddd;
	}
	
/* 	Featured Post	 */
#featured_post img {
	border: 1px solid #ccc;
	margin-top: 10px;
	}
#featured_post h3 {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	}


/* 	News Posts	*/
.post {
	margin-bottom: 20px;
	}
.comments_button {
	background: #44bdca;
	background: -moz-linear-gradient(top, #53cdda, #44bdca 100%); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#53cdda), to(#44bdca)); 
	color: #FFF;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 23px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: -6px;
	}
.comments_arrow {
	width: 0; 
	height: 0;  
	line-height: 0;  
	border-right: 10px solid transparent;  
	border-top: 10px solid #44bdca;  
	top: 23px; 
	left: -9px;  
	position: relative;
	}
.post_date {
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
	}
.post h2 a {
	color: #222;
	text-decoration: none; /* Firefox fix */
	}
.comment, #respond {
	margin-bottom: 20px;
	}
.postmetadata {
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 20px;
	}
.comment-meta {
	float: left;
	padding-right: 10px;
	margin-right: 20px;
	width: 120px;
	border-right: 1px solid #ddd;
	}
.comment-meta h4 {
	font-size: 18px;
	}
.comment-meta p {
	font-size: 11px;
	color: #888;
	}
.comment-text {
	float: left;
	width: 476px;
	}
	
/* 	Form Styles	 */
#content input, #content textarea {
	border: 1px solid #ccc;
	font-size: 13px;
	padding: 8px;
	}
#content input#submit {
	background: #44bdca;
	background: -moz-linear-gradient(top, #53cdda, #44bdca 100%); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#53cdda), to(#44bdca)); 
	color: #fff;
	border: 1px solid #44bdca;
	padding: 6px 8px;
	text-shadow: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	}
#content input#submit:hover {
	border: 1px solid #646464;
	text-decoration: none;
	}
#content input#submit:active {
	background: #999;
	}
	
/* 	Page_Navi Styles	 */
.wp-pagenavi {
	margin-bottom: 20px;
	}
.wp-pagenavi .current {
	background: white;
	border: 1px solid rgb(204, 204, 204);
	margin: 2px;
	padding: 4px 6px;
	text-decoration: none;
	}
.wp-pagenavi .page, .wp-pagenavi .nextpostslink {
	background: white;
	border: 1px solid rgb(204, 204, 204);
	margin: 2px;
	padding: 4px 6px;
	text-decoration: none;
	}

	
/*******************************************************************************/
/*	Store	*/

.store_shelf_item {
	width: 166px;
	margin: 20px;
	float: left;
	}
#front_page_releases .store_shelf_item {
	margin-bottom: 10px;
	}
#front_page_releases .store_shelf_item ul,
.sidebar_item .store_shelf_item ul {
	margin-bottom: 0px;
	}
.sidebar_item .store_shelf_item {
	margin-top: 10px;
	margin-bottom: 10px;
	}
.store_shelf_price {
	}
.store_shelf_add {
	float: right;
	}
.store_shelf_item p {
	font-size: 11px;
	padding-bottom: 5px;
	}
.store_shelf_item p,.store_shelf_item h5 {
	color: #777;
	}
.store_shelf_item h4 {
	margin-top: 10px;
	margin-bottom: 0px;
	}
.store_single_image {
	margin-bottom: 20px;
	}
/* The lists */
.store_shelf_item ul, .store_single_item ul {
	border-top: 1px solid #ddd;
	color: #777;
	margin-bottom: 20px;
	}
.store_shelf_item ul {
	font-size: 11px;
	}
.store_single_item ul {
	font-size: 12px;
	}
.store_shelf_item li, .store_single_item li {
	border-bottom: 1px solid #ddd;
	clear: both;
	padding: 5px 0px;
	}
.store_single_item ul.store_single_tracklist {
	list-style: decimal;
	margin-left: 20px;
	}

	
/*******************************************************************************/
/*	Artists	*/	
	
#artist_single {
	margin-top: 20px;
	}
.artist_shelf_item {
	max-width: 236px;
	margin: 20px;
	float: left;
	}
#artist_single .left_col ul {
	border-top: 1px solid #ddd;
	color: #777;
	font-size: 12px;
	margin-bottom: 20px;
	}
#artist_single .left_col ul li {
	border-bottom: 1px solid #ddd;
	clear: both;
	padding: 5px 0px;
	}
	
/*******************************************************************************/
/*	Artists	*/	

#footer p {
	font-size: 11px;
	color: #888;
	}
#footer a {
	color: #888;
	}