/*
Theme Name: Cowboy Angel Music
Theme URI: http://cowboyangelmusic.com/
Description: Theme for the Cowboy Angel Music
Version: 1.0
Author: Davey Staton
Author URI: http://suburbanutopia.com/
*/

/* BEGIN MAIN PAGE LAYOUT */
body {
margin: 0;
padding: 0;
background-color: #442e18;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%
}

#header {
height: 200px;
width: 850px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
}

.container {
margin: 0 auto;
width: 850px;
height: auto;
position: relative;
overflow: auto;
background-image: url(images/main_bg.jpg);
background-repeat: repeat-y;
}

#menu {
height: 50px;
width: 850px;
margin: 0;
padding-top: 150px;
}

#content_area {
float: left;
background-color: transparent;
height: auto;
width: 550px;
margin: 0;
padding: 0 0 15px 0;
}

#sidebar {
float: left;
width: 300px;
position: relative;
margin: 0;
padding: 0;
font-size: 12px;
}

#footer {
clear: both;
position: relative;
width: 850px;
height: auto;
margin: 0 auto;
padding: 0;
overflow: auto;
background-image: url(images/footer_bg.jpg);
background-repeat: no-repeat;
}

/* END MAIN PAGE LAYOUT */


/* BEGIN MAIN NAVIGATION */
a#menu_news {
height: 20px;
width: 55px;
display: block;
background-image: url(images/menu_news.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 9px;
color: #fff;
}

a#menu_news:hover {
background-position: 0 -20px;
}

a#menu_artists {
height: 20px;
width: 81px;
display: block;
background-image: url(images/menu_artists.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 9px;
color: #fff;
}

a#menu_artists:hover {
background-position: 0 -20px;
}

a#menu_tour {
height: 20px;
width: 52px;
display: block;
background-image: url(images/menu_tour.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 9px;
color: #fff;
}

a#menu_tour:hover {
background-position: 0 -20px;
}

a#menu_store {
height: 20px;
width: 63px;
display: block;
background-image: url(images/menu_store.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 9px;
color: #fff;
}

a#menu_store:hover {
background-position: 0 -20px;
}

a#menu_contact {
height: 20px;
width: 85px;
display: block;
background-image: url(images/menu_contact.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 9px;
color: #fff;
}

a#menu_contact:hover {
background-position: 0 -20px;
}

#menu div.menutable {
margin-top: 14px;
padding: 0;
float: left;
}

#menu div.mailinglist {
float: left;
margin: 0 0 0 27px;
padding: 0;
}

#menu div.mailinglist fieldset {
text-align: left;
margin: 0;
padding: 0;
border: none;
}

#menu div.mailinglist fieldset p {
margin: 0;
padding: 0;
border: none;
}

#menu div.mailinglist fieldset input {
font-family: arial, sans-serif;
color: #442e18;
border: 1px solid #442e18;
background-color: #e9decf;
margin: 0;
padding: 3px;
font-size: 11px;
height: 100%;
}
/* END MAIN NAVIGATION */


/* MAIN ENTRY TEXT STYLES */
#content_area h1 {
width: 250px;
height: 36px;
font-family: Georgia, serif;
background-image: url(images/header_bg.png);
background-repeat: no-repeat;
color: #442e18;
font-size: 18px;
font-weight: bold;
text-align: left;
margin: 10px 0 10px 10px;
padding: 9px 0 0 12px;
line-height: 100%;
text-transform: uppercase;
}

#content_area h1.lcg {
width: 300px;
height: 36px;
font-family: Georgia, serif;
background-image: url(images/header_bg_300.png);
background-repeat: no-repeat;
color: #442e18;
font-size: 18px;
font-weight: bold;
text-align: left;
margin: 10px 0 10px 10px;
padding: 9px 0 0 12px;
line-height: 100%;
text-transform: uppercase;
}


#content_area h2 {
font-size: 16px;
font-family: Georgia, serif;
color: #5a6873;
font-weight: bold;
text-align: left;
margin: 0;
padding: 10px 0 0 15px;
line-height: 100%;
}

#content_area h2 a:link,
#content_area h2 a:active,
#content_area h2 a:visited {
color: #5a6873;
text-decoration: none;
}

#content_area h2 a:hover {
color: #442e18;
text-decoration: none;
}

#content_area .separator {
border-top: 1px dotted #442e18;
margin: 30px 0 30px 15px;
padding: 0;
}

.entry {
margin: 0;
padding: 0 0 0 15px;
font-size: 12px;
color: #442e18;
font-weight: normal;
line-height: 160%;
}

.entry p {
margin: 0;
padding: 12px 0 12px 0;
font-size: 12px;
color: #442e18;
font-weight: normal;
line-height: 160%;
}

.entry a:link,
.entry a:visited,
.entry a:active {
color: #935922;
text-decoration: none;
}

.entry a:hover {
color: #442e18;
text-decoration: none;
}


small {
color: #935922;
font-weight: bold;
font-size: 12px;
margin-bottom: 15px;
text-transform: uppercase;
}

.date {
font-family: "Trebuchet MS", sans-serif;
margin: 5px 0 0 0;
padding: 0 0 13px 15px;
font-size: 11px;
color: #935922;
font-weight: bold;
text-transform: uppercase;
}

.postmetadata {
font-family: "Trebuchet MS", sans-serif;
margin: 0;
padding: 13px 0 10px 15px;
font-size: 11px;
color: #935922;
font-weight: normal;
}

.postmetadata a:link,
.postmetadata a:visited,
.postmetadata a:active {
color: #935922;
text-decoration: none;
}

.postmetadata a:hover {
color: #800807;
text-decoration: none;
}

.alignleft {
float: left;
font-size: 12px;
font-weight: normal;
}

.alignright {
float: right;
font-size: 12px;
font-weight: normal;
}

.navigation {
display: block;
margin: 0 0 15px 15px;
padding: 0;
}

.navigation a:link,
.navigation a:visited,
.navigation a:active {
color: #442e18;
text-decoration: none;
}

.navigation a:hover {
color: #800807;
text-decoration: none;
}



/* BEGIN SIDEBAR ELEMENTS */

#sidebar ul {
display: block;
list-style-type: none;
font-size: 12px;
font-weight: normal;
line-height: 180%;
margin: 0 0 15px 0;
padding: 0;
}

#sidebar ul li {
list-style: none;
margin: 0 0 0 15px;
padding: 0;
color: #e1d2ad;
}

#sidebar ul li h2 {
width: 250px;
height: 36px;
font-family: Georgia, serif;
background-image: url(images/header_bg.png);
background-repeat: no-repeat;
color: #442e18;
font-size: 18px;
font-weight: bold;
text-align: left;
margin: 10px 0 0 10px;
padding: 9px 0 0 10px;
line-height: 100%;
text-transform: uppercase;
}

#sidebar ul.audio {
margin: 0 0 0 15px;
padding: 0;
}

#sidebar a:link,
#sidebar a:visited,
#sidebar a:active {
text-decoration: none;
color: #e1d2ad;
font-weight: normal;	
}

#sidebar a:hover {
text-decoration: none;
color: #fff;	
}

/* END SIDEBAR ELEMENTS */



/* BEGIN FOOTER ELEMENTS */

#footer .left  {
float: left;
width: 564px;
height: auto;
margin: 34px 0 25px 0;
padding: 0;
border-right: 0px dotted #935922;
}

#footer .right {
float: left;
width: 235;
margin: 0;
padding: 0;
}

#footer .left p {
font-size: 11px;
color: #442e18;
line-height: 160%;
margin: 0;
padding: 0 0 0 15px;
}


#footer .left a:link,
#footer .left a:visited,
#footer .left a:active {
text-decoration: none;
color: #935922;	
}

#footer .left a:hover {
text-decoration: none;
color: #800807;	
}

/* END FOOTER ELEMENTS */


/********** ARTISTS PAGE  **********/
#artists {
margin: 0;
padding: 0;
min-height: 500px;
}

#artists div.artistlink {
float: left;
height: auto;
width: auto;
background-color: #a5896c;
margin: 0 5px 0 15px;
padding: 10px 10px 10px 10px;
border: 1px solid #442e18;
}

#artists div.artistlink img {
background-color: #e1d3c1;
margin: 0;
padding: 8px;
}

#artists div.artistlink a:link img,
#artists div.artistlink a:visited img,
#artists div.artistlink a:active img {
background-color: #e1d3c1;
margin: 0;
padding: 8px;
}

#artists div.artistlink a:hover img {
background-color: #fff;
margin: 0;
padding: 8px;
}

#artists div.artistlink p {
color: #442e18;
background-color: #e1d3c1;
font-size: 12px;
font-family: georgia, serif;
font-weight: normal;
line-height: 100%;
text-align: center;
margin: 5px 0 0 0;
padding: 5px 0 5px 0;
text-transform: uppercase;
}

#artists div.spacer {
height: 20px;
clear: both;
}

#artists a:link {
color: #442e18;
text-decoration: none;
}

#artists a:visited {
color: #442e18;
text-decoration: none;
}

#artists a:hover {
color: #800807;
text-decoration: none;
}

#artists a:active {
color: #442e18;
text-decoration: none;
}



/********** INDIVIDUAL ARTISTS' PAGE **********/

#artist {
margin: 0;
padding: 0;
}

#artist h2 {
color: #6e4a26;
font-family: georgia, serif;
font-size: 16px;
font-weight: bold;
line-height: 100%;
text-align: left;
margin: 0 0 0 15px;
padding: 0 0 15px 0;
border-bottom: 1px dotted #442e18;
}

#artist h2.two {
margin: 10px 0 5px 15px;
padding: 0;	
}

#artist img.bio {
float: left;
background-color: #fff;
margin: 20px 15px 10px 0;
padding: 10px;
}

#artist p {
color: #442e18;
font-size: 12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin: 0 0 0 15px;
padding: 0 0 20px 0;
}

#artist p.top {
color: #442e18;
font-size: 12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin: 0 0 0 15px;
padding: 0 0 15px 0;
}

#artist p.underline {
margin: 0 0 0 15px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #442e18;	
}

#artist div.artistlink {
float: left;
height: auto;
width: auto;
background-color: #a5896c;
margin: 0 0 0 20px;
padding: 10px 10px 10px 10px;
border: 1px solid #442e18;
}

#artist div.artistlink img {
background-color: #e1d3c1;
margin: 0;
padding: 8px;
}

#artist div.artistlink a:link img,
#artist div.artistlink a:visited img,
#artist div.artistlink a:active img {
background-color: #e1d3c1;
margin: 0;
padding: 8px;
}

#artist div.artistlink a:hover img {
background-color: #fff;
margin: 0;
padding: 8px;
}

#artist div.artistlink p {
color: #442e18;
background-color: #e1d3c1;
font-size: 12px;
font-family: georgia, serif;
font-weight: normal;
line-height: 160%;
text-align: center;
margin: 5px 0 0 0;
padding: 5px 0 5px 0;
text-transform: uppercase;
}

#artist div.spacer {
height: 20px;
clear: both;
}

#artist a:link {
color: #442e18;
text-decoration: none;
}

#artist a:visited {
color: #442e18;
text-decoration: none;
}

#artist a:hover {
color: #000;
text-decoration: none;
}

#artist a:active {
color: #442e18;
text-decoration: none;
}


/********** TOUR PAGE **********/
#tour {
margin: 0;
padding: 0;
min-height: 500px;
}

#tour table {
margin: 15px 0 0 15px;
width: 535px;
height: auto;
}

#tour th {
font-family: arial, sans-serif;
font-size: 12px;
color: #442e18;
text-align: left;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding: 0 0 10px 0;
}

#tour tr {
vertical-align: text-top;
}

#tour td.date {
font-family: arial, sans-serif;
font-size: 11px;
color: #935922;
font-weight: bold;
margin: 0;
padding: 15px 0 30px 0;
width: 75px;
border-top: 1px solid #a5896c;
}

#tour td.artist {
font-family: arial, sans-serif;
font-size: 11px;
color: #800807;
font-weight: bold;
line-height: 140%;
margin: 0;
padding: 15px 0 30px 0;
width: 220px;
border-top: 1px solid #a5896c;
}

#tour td.location {
font-family: arial, sans-serif;
font-size: 11px;
color: #4b5760;
font-weight: bold;
line-height: 140%;
margin: 0;
padding: 15px 0 30px 0;
width: 180px;
border-top: 1px solid #a5896c;
}

#tour td.time {
font-family: arial, sans-serif;
font-size: 11px;
color: #6e4a26;
font-weight: bold;
margin: 0;
padding: 15px 0 30px 0;
width: 60px;
border-top: 1px solid #a5896c;
}

#tour span.city {
font-weight: normal;
}

#tour span.bands {
color: #442e18;
font-weight: normal;
}

#tour a:link,
#tour a:visited,
#tour a:active {
color: #800807;
text-decoration: underline;
}

#tour a:hover {
color: #5a6873;
text-decoration: none;
}



/********** STORE PAGE **********/

#store {
margin: 0;
padding: 0;
}

#store h2 {
color: #442e18;
font-family: georgia, serif;
font-size: 14px;
font-weight: bold;
line-height: 100%;
text-align: left;
margin: 5px 0 5px 25px;
padding: 0;
}

/* RELEASE IMAGE AND BUTTONS */
#store div.release1 {
float: left;
width: 190px;
height: auto;
background-color: #a5896c;
margin: 0 0 0 15px;
padding: 0;
}
#store div.release2 {
float: left;
width: 190px;
height: auto;
background-color: #a5896c;
margin: 22px 0 0 15px;
padding: 0;
border: 0px solid #442e18;
}

#store div.release1 p.purchase,
#store div.release2 p.purchase {
clear: both;
color: #442e18;
background-color: #e1d3c1;
font-size: 12px;
font-weight: bold;
line-height: 100%;
text-align: center;
margin: 0 10px 0 10px;
padding: 9px 0 9px 0;
}

#store div.release1 img.release,
#store div.release2 img.release {
float: left;
background-color: #e1d3c1;
margin: 10px 0 10px 10px;
padding: 10px;
}

#store div.release1 p.buy,
#store div.release2 p.buy {
margin: 0;
padding: 0 0 10px 0;
}

#store div.release1 p.buy img.button,
#store div.release2 p.buy img.button {
display: block;
background-color: transparent;
margin: 10px 0 0 10px;
padding: 0;
border: 0;
}


/* RELEASE INFO AND TRACK LISTING */
#store div.releaseinfo1 {
float: left;
width: 310px;
height: auto;
background-color: #a5896c;
margin: 0 0 10px 15px;
padding: 10px;
}

#store div.releaseinfo2 {
float: left;
width: 310px;
height: auto;
background-color: #a5896c;
margin: 22px 0 15px 15px;
padding: 10px;
}

#store div.releaseinfo1 p,
#store div.releaseinfo2 p {
color: #442e18;
background-color: #e1d3c1;
font-size: 12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin: 0;
padding: 10px;
}

#store div.releaseinfo1 p.top,
#store div.releaseinfo2 p.top {
color: #442e18;
background-color: #e1d3c1;
font-size: 12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin: 0;
padding: 10px;
border-top: 10px solid #a5896c;
}

#store div.releaseinfo1 span.artist,
#store div.releaseinfo2 span.artist {
color: #442e18;
font-size: 14px;
font-family: georgia, serif;
font-weight: bold;
text-transform: uppercase;
}

#store div.releaseinfo1 span.title,
#store div.releaseinfo2 span.title {
color: #935922;
font-size: 14px;
font-family: georgia, serif;
font-weight: bold;
}

#store div.releaseinfo1 span.releasedate,
#store div.releaseinfo2 span.releasedate {
width: 310px;
color: #826b54;
font-size: 12px;
font-family: georgia, serif;
font-weight: bold;
}


/* SPACER DIV */
#store div.spacer {
clear: both;
height: 15px;
border-bottom: 1px solid #a5896c;
margin: 0 0 0 20px;
padding: 0;
}

/* LINKS */
#store a:link {
color: #442e18;
text-decoration: none;
}

#store a:visited {
color: #442e18;
text-decoration: none;
}

#store a:hover {
color: #935922;
text-decoration: underline;
}

#store a:active {
color: #442e18;
text-decoration: none;
}



/********** CONTACT PAGE **********/

#contact {
margin: 0;
padding: 0;
min-height: 500px;
}

#contact h2 {
font-size: 18px;
font-family: Georgia, serif;
color: #5a6873;
font-weight: bold;
text-align: left;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
line-height: 100%;	
}

#contact p {
margin: 0 0 30px 0;
padding: 0 0 0 15px;
font-size: 12px;
color: #442e18;
font-weight: normal;
line-height: 160%;
}

#contact a:link {
color: #442e18;
text-decoration: underline;
}

#contact a:visited {
color: #442e18;
text-decoration: none;
}

#contact a:hover {
color: #935922;
text-decoration: none;
}

#contact a:active {
color: #442e18;
text-decoration: none;
}