/*   
Theme Name: gringo
Description: custom Wordpress theme for Gringo Star
Author: Ashton Grosz
Author URI: http://www.ashtongrosz.com
Version: 1.0
.
/* yellow: #dcd367 */
/* grey:   #e1e1e1 */
/* blue:   #75a8d9 */
/* lt blue: #afd3f6 */
/* dark grey #313131 */

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,
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;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";}
/*---------end Reset Reloaded--------*/


html {height: 100%;}
body { 
	position: relative; 
	margin: 0 auto;
	font-family: 'Bookman Old Style', 'Georgia', serif;
	background: black url("../images/internal/blackcontainerback.jpg") top center no-repeat;
	color: #e1e1e1;
	height: 100%;
}

div#crownmoulding {height: 30px; border-bottom: 3px solid #dcd367; background-color: #1a1a1a;}
div#crownmoulding h1 {position: absolute; left: -9999; display:none;}

div#container {position: relative; margin: 0 auto -131px; width:1024px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin-bottom: -131px;
}

div#header {position: relative; height: 220px;}
img.logo {position: absolute; left: 0; top: -30px;}
div#header img {border:none;}
div#mainnav ul {margin-left: 284px; position:absolute; margin-top: -25px;}
div#mainnav li {display: inline; margin-left: 20px;}
div#mainnav a {text-decoration: none; color: #dcd367;}
div#mainnav a:hover {color: #afd3f6;}

/* define paragraph styles for both main and sidebar content here */
div#content {
	position: relative;
	width: 1004px;
	margin-left: 10px;
	margin-right: 10px;
	letter-spacing: 0.85px;
	font-size: 12px;
	line-height: 18px;
}

/* use with sidebar_left */
div#main_right {
	float: left;
	width: 674px;
	top: 0px;
	margin-left: 30px;
	margin-bottom: 40px;
}
div#sidebar_left {float: left; width: 300px; top:0; left: 0;}

/* use with sidebar_right */
div#main_left {
	float: left;
	top:0px;
	left: 0px;
	width: 674px;
}
div#sidebar_right {float: right; width: 300px;margin-left: 30px;}

div#sidebar_left p, div#sidebar_right p {
	font-size: 11px; 
	/*letter-spacing: 1.2px; */
	/*margin: auto;*/
}

/* footer */
div#footer {
	position: relative;
	font-size: 10px;
	font-family: monospace, "Times New Roman", serif;
	text-align: center;
	color: #302e2e;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-top: 45px;
	clear: both;
	height: 60px;
}
div#footer a {text-decoration: none; color: #302e2e;}
div#footer a:hover {text-decoration: underline;}
div#footer li {display:inline; margin-right: 10px;}
div#footer li:last-child {margin-right:0px;}
div#footer li, div#footer p {color:#212020; line-height: 13px;}
/*same height as footer*/
.push {height: 131px;}


/* TYPOGRAPHIC STYLES */
a {color: #75a8d9;}
a:hover {color: #afd3f6;}
h1 {font-size: 40px;}
h2 {font-size: 35px; line-height: normal; margin-bottom: 8px;} /* section headers */
h3 {font-size: 26px; line-height: 28px;;} /* sidebar section headers */
h4 {font-size: 19px; margin-top: 25px;}
em {font-weight: bold; font-size: 125%;}
/*p {margin-bottom: 10px;}*/
/*clear margin-bottom for special p tags */
div.lyrics p {margin-bottom:0px;}
p.slug {text-transform: uppercase; font-size: 11px; font-color: #dcd367; margin-bottom: 0;}
p.more {text-align: right; background-color: #313131; margin:0; padding:0;}
p.morevideo {text-align: right; background-color: transparent;}




/* INDEX SIDEABR */
div#social {position: absolute;z-index: 4;right: 0;}

div#showdates {
	width: 100%;
	position: relative;
	padding: 80px 0px 0px 0px;
	}
	
div#showdates h3 {
	position:absolute;
	width: 300px;
	top: 5px;
	height: 112px;
	left: 20px;
	z-index: 3;
	text-indent: -9999px;
	background: transparent url('../images/internal/showdates_bg.png') top left no-repeat;
}
div#showdates table#indexshows {
	width: 100%; 
	margin: 0px;
	font-size: 9px;
	border: 0px;
	padding:0px;
	position: relative;
}
div#showdates td {border:0px; padding:0px; margin:0px;}
div#showdates tbody {padding:0px;}
div#showdates td.date {width:50px; padding-left: 10px;}
div#showdates td.venue {width:100px;}
div#showdates td.location {width:100px;}

/*needed for zebra striped */
tr.even {background-color: #313131;}

div#mailinglist {width: 280px;background-color: #1a1a1a; padding: 10px; margin-top: 20px;}
div#mailinglist input#address {background-color: #313131; border: none; color: inherit; width: 210px; margin-top: 5px; padding-top: 5px; text-indent: 5px; height: 20px; position: inline;}
div#mailinglist input#submit {background-color: #313131; border: none; color: inherit; width: 45px; margin-top: 5px; margin-left: 10px; height: 25px; font-size: 120%; position: inline;}
div#mailinglist input#submit:hover {background-color:#e1e1e1; color: black; cursor: pointer;}


div#musictab {width: 280px; position: relative;background-color: #1a1a1a; padding: 10px; padding-bottom:0px; margin-top: 20px;}
div#musictab img {margin-top: 30px; padding-bottom: 5px;}
div#musictab ul.albumbuylinks {font-size: 10px;}
div#tracks {position: absolute; top: 50px; right: 10px;}


div#mailinglistconfirm { padding: 10px; background-color: #1a1a1a; position: relative; width: 100%;}
div#mailinglistconfirm input#address {background-color: #313131; border: none; color: inherit; width: 400px; margin-top: 5px; padding-top: 5px; text-indent: 5px; height: 20px; }
div#mailinglistconfirm input#submit {background-color: #313131; border: none; color: inherit; width: 65px; margin-top: 5px; height: 20px;}
div#mailinglistconfirm input#submit:hover {background-color:#e1e1e1; color: black; cursor: pointer;}

div#confirmationmessage {width: 600px; color:#75a8d9; font-size: 130%; line-height: 130%; }


/* WORDPRESS BLOG - ARCHIVE */
div.blogpost {margin-bottom: 50px;}
div.blogpost h2 a {text-decoration:none;}



/* SHOWDATES */
div#shows {width: 100%; }
div#shows table {width: 100%; padding-top: 10px;}
div#shows table th {font-size: 16px; text-transform: uppercase; padding: 5px 0px;}
div#shows table th.showdate {width: 65px;}
div#shows table th.showtime {width: 70px;}
div#shows table th.showlocation {width: 150px;}
div#shows table th.showvenue {width: 150px;}
div#shows table td.showdate , div#shows table th.showdate {padding-left: 5px;}
/* showinfo */
div#eventinfo {background-color: #1a1a1a; padding: 5px 0px 5px 30px; }
/* calendar */
h3#calendar {text-align: center;}
table.dbem-calendar-table {width: 80%; text-align: center; padding-top: 10px;}
table.dbem-calendar-table td.month_name {text-align: center;}
tr.days-names {font-size: 16px;}
/* map */
#event-map {
    width: 674px !important;
    height: 200px !important;
}
/* hide infobar with map */
div#dbem-location-map + table {
	display: none;
}


/* MUSIC */
div.albumcontent {
	background-color: #000000;
	width:620px;
	position: relative;
}
div.albumcontent span {padding-left: 5px;}
h3.albumtitle {font-size: 20px; color: #e1e1e1; text-align: right;margin-right: 37px;}
h4.albumyear {font-size: 14px; color: #e1e1e1; text-align: right;margin-right: 37px;}
p.ituneslink {text-align: right;}

ol.albumtrackinfo {
	list-style-position: inside;
	position: relative;
	margin-left: 304px;
	width: 310px;
	min-height: 350px;
	margin-bottom: 30px;
}
ol.albumtrackinfo li {line-height: 18px; color: #dcd367;}
ol.albumtrackinfo li:hover {color: #afd3f6; cursor: pointer;}

div.albumdetail {
	position:relative;
	margin-left: 20px;
	font-size: 10px;
	color: #e1e1e1; 
	padding-bottom: 10px;
}

dl.trackcredits {padding-top: 5px; padding-bottom: 20px;}
dl.trackcredits dd {text-indent: 10px;}
dl.trackcredits span {color: #dcd367;}

img.albumart{position:absolute; top: 37px; left: 37px;}

div.albuminfo {
	position: absolute;
	top: 260px;
	left: 37px;
	width: 200px;
	text-align:left;
	font-size: 9px;
	font-family: monospace;
	
	line-height:13px;
}
ul.albumbuylinks {margin-top: 10px;}

/* audioplayer */
div#audiofiles {padding: 60px 0px;;}
div#audiofiles li {padding-top: 10px;}




/* VIDEOS */
/* videoplayer */
#mainvideo{clear: both; padding-top: 20px; position: relative;}
#videoplayer {position:absolute; left:70px; top:170px;}






/* PRESS */
div.header_info {margin-bottom: 20px;}
div#press img { margin: 10px 0px 20px 0px; border: 1px solid #e1e1e1;}

div.listing {padding-left: 10px; padding-bottom:10px; padding-top: 5px; cursor: pointer;}
div#sidebar_left a {text-decoration: none;}
div.listing:hover {padding-left: 8px; border-left: 2px solid #e1e1e1; background-color: #0a0a0a;}

div.listing p.publication_name {text-transform: uppercase; margin-top: -5px;}
img + p.slug {margin-top: -18px; margin-bottom: 20px;}

div#publicist {margin-top: 100px; margin-bottom: 40px; border-top: 3px solid #0F0F0F;  }
div#publicist h4 {color: #dcd367; border-bottom: 1px solid #0F0F0F;}





/* PHOTOS */
/* from global_style.css by Satellite */
.photo {margin: 10px;}
div#photos img {border: 1px solid #e1e1e1;}
div#photos {color: #e1e1e1;width: 674px;padding-top: 20px;margin-bottom: 50px;}
div#otherContent{width: 674px;margin-top: 30px;margin-bottom: 50px;}
div#otherContent p {text-align: justify;color: #dcd367;}
div#otherContent p a {text-decoration: none;}
div#permalink {width: 674px;}
div#permalink img {border: 1px solid #e1e1e1;}
table {margin-left: auto;margin-right: auto;margin-bottom: 50px;}
td.stack {width: 95px;background-repeat: no-repeat;background-position: 1px 1px;}
td.set {width: 95px;}
.setThumb {float: left;width: 90px;height: 125px;background-repeat: no-repeat;background-position: 2px 2px;margin: 10px;}
/*	background-image: url(../images/internal/pompom2.gif); */
.setTitle {margin-top: 10px;margin-bottom: 25px;width: 75px;text-align: left;text-transform: lowercase;}
.title {color: #990000;font-style: italic;}
a.tagLink:link, a.tagLink:active, a.tagLink:visited {}
a.tagLink:hover {color: #dcd367;font-size: 120%;}
a.boxLink:link, a.boxLink:active, a.boxLink:visited {color: white;text-decoration: none;text-transform: lowercase;}
a.boxLink:hover {text-decoration: underline;}
h3 > span {font-size: 13px; color: #dcd367;}
p.back {margin-bottom: -20px; margin-top: 20px;}
p.back a {cursor: pointer; text-transform: uppercase; font-size: 10px; text-decoration: none; color: #e1e1e1;}
p.back a:hover {color: #afd3f6;}
img.permimage {margin-top: 25px;}
div.photoinfo {margin-top: 20px;}
p.perm_title {font-weight: bold;font-size: 14px;}


div#viewbyalbum p, div#viewbytag p {margin-left: -9999px;}

div#viewbyalbum {height:165px; width: 300px;}

div#viewbytag {height: 165px; width: 300px;}

div#sidebar_left > div#menu {height: 330px;width: 300px;}






/* CONTACT */
div#contactform {
	padding-left: 40px; 
	position: relative;
	height: 384px;
	background-image: url("../images/internal/contactback.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}
div#contactform label {vertical-align: top;}
h2#contactheader {padding-left: 70px;}
div#errorlabels, div#response {position: absolute; top: 88px; left: 100px; }
form#contact {position: absolute; left: 360px; top: 88px; width: 250px;}
div#contactform input {overflow: hidden;}
div#contactform input#name, div#contactform input#email {margin-left: 22px; width: 180px; height: 20px;}
input#submit_btn {border: 0; outline: 0; background-color: e1e1e1; margin-top: 25px; float: right; margin-right: 10px;}
label#message_label {display: block; margin-top: -3px;padding-bottom: 0px;}
.text_input {background: none; border: none; overflow:auto;}