/* Theme Name: Relic Bluegrass - Custom Theme Description: Theme created specifically for RelicBluegrass.com Author: MaryLiz Bender Author URI: http://www.marylizbender.com/ */ /* Reset all default styles - credit to Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ 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} /*######################### Global Element Styles #########################*/ h2 {text-align:center; font-size:1.6em; color:#34290a; padding-bottom:10px; background:url(images/h2_bg.jpg) left bottom repeat-x} h3 {clear:both; margin:15px 0; font-size:1.25em; color:#34290a} h4 {clear:both; margin:15px 0; font-size:1em; font-style:italic; color:#34290a} p, ul, ol, dl {margin:15px 0} ul li, ol li {margin:10px 0} dl dt {margin-top:15px; font-size:1.15em} dl dd {font-size:.85em; font-style:italic} a {outline:none; color:#7b834a} a:hover {text-decoration:none} small {font-size:.9em} #edit_link {clear:both; margin-top:15px} /*######################### Layout Styles #########################*/ body {font-size:14px; font-family:Georgia, Times, "Times New Roman", serif; color:#34290a; background:#241c11 url(images/body_bg.jpg) left top repeat} #wrapper {overflow:hidden; width:783px; padding:17px; margin:0 auto; background:#eee7e0 url(images/wrapper_bg.jpg) left top repeat} #header {width:783px; height:218px; background:url(images/header_bg.jpg) top left no-repeat} #header #logo {float:left; width:110px; height:110px} #header #logo a {display:block; width:110px; height:110px; text-indent:-9999px} #nav {float:left; display:inline; margin:23px 0 0 15px} #nav li {display:inline; margin-right:25px; text-transform:uppercase; font-weight:bold} #nav li a {text-decoration:none; color:#34290a} #nav li a:hover {color:#7b834a} /* Nav Active States */ #shows #nav .shows_link a {color:#7b834a; text-decoration:underline} #news #nav .news_link a {color:#7b834a; text-decoration:underline} #merchandise #nav .merch_link a {color:#7b834a; text-decoration:underline} #promo #nav .promo_link a {color:#7b834a; text-decoration:underline} #audio-video #nav .audio-video_link a {color:#7b834a; text-decoration:underline} #biography #nav .bio_link a {color:#7b834a; text-decoration:underline} #contact #nav .contact_link a {color:#7b834a; text-decoration:underline} #content {float:left; display:inline; width:783px; margin-top:10px} #content p, #content ul, #content dl {line-height:1.25em} #content ul {margin-left:20px; list-style-type:disc} #content ol {margin-left:20px; list-style-type:decimal} #left_column {clear:both; float:left; display:inline; width:240px; padding-bottom:30px; margin-right:30px; background:url(images/left_column_bg.jpg) 50% bottom no-repeat} #middle_column {float:left; display:inline; width:240px; margin-right:30px} #middle_column h2 {font-size:1.25em; text-transform:uppercase} #merch_callout {width:226px; padding:7px; margin-top:15px; border:1px dashed #503917; background-color:#e9e0c9} #merch_callout p {padding:15px 0 0 110px; height:115px; font-size:.95em; line-height:1.5em; text-align:center; background:url(images/merch_callout_bg.jpg) left 50% no-repeat} #merch_callout a {font-size:1.15em; color:#34290a; font-weight:bold} #right_column {float:left; display:inline; width:240px} #booking_callout {width:210px; height:179px; padding:15px; background:url(images/booking_callout_bg.jpg) left top no-repeat} #booking_callout h3 {margin:0; font-size:1.25em; font-weight:normal; font-style:italic} #booking_callout p {width:105px; font-size:1.15em; font-weight:bold} #booking_callout p a {text-decoration:none; color:#34290a} #booking_callout p a:hover {text-decoration:underline} #footer {clear:both; padding-top:30px} #footer li {display:inline; margin-right:5px; padding-right:5px; font-size:.8em; border-right: 1px solid #5d4b1b} #footer .last {border:none} /* Form Styles */ form {width:783px} form textarea {width:500px; padding:5px; font-size:.85em; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic} form input {width:400px; padding:5px; font-size:.85em; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic} form .hidden {display:none} form #submit {width:auto; padding:5px; font-size:1.15em} /*######################### Merchandise Styles #########################*/ #merchandise img {float:left; display:inline; margin:0 15px 15px 0; border:2px dotted #d2c298} #merchandise a:hover img {border:2px dotted #7b834a} #merchandise #lightbox img {margin:0; border:none} #merchandise #left_column {background:none} /*######################### News Styles #########################*/ #news .post {border-bottom:2px dotted #d2c298} p.date {color:#9A8B67; font-size:.85em; font-style:italic} .commentlist {border-top:2px dotted #d2c298} .commentlist li {padding-left:30px; border-bottom:2px dotted #d2c298; background:url(images/comment_bubble.jpg) left top no-repeat} /*######################### Media Styles #########################*/ #media img {margin:1px; border:1px dotted #d2c298} #media a:hover img {border:1px dotted #7b834a} #media #lightbox img {margin:0; border:none} .center {text-align:center;} .center div {margin:0 auto;}