/* root.css */ /* Table of Contents ------------------------------------ 1. Reset 2. Elements (a, body, p, etc.) 3. ID's (#container, etc.) 4. Classes (.red, .clear, etc.) 5. Print 6. Handheld 7. Debug COLORS Main Text: #58150c Army Gold: #ffd54a Army Green: #7b8738 Light Gray bg: #f7f7f7 ------------------------------------*/ /* 1. 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,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:1em; font-family:inherit; } :focus { outline:0; } body { background:#FFF; color:#000; line-height:1; } ol,ul { list-style:none; } /* 2. Elements ------------------------------------*/ body { background:#9b2a15 url(../_images/body_tile.jpg) repeat; color:#2b0905; font-family:Helvetica, Arial, sans-serif; font-size:.9em; line-height:1.4em; } a { color:#2b0905; font-weight:bold; text-decoration:none; } a:hover { color:#9b2a15; } a.selected { color:#9b2a15; } h1,h2,h3,h4,h5,h6 { font-weight: bold; } p { font-size:.9em; line-height:1.4em; margin-bottom: 10px;} h3{font-size: 15px;} blockquote{border: 1px dashed #9c7840; padding: 10px; font-family: Georgia, Times, serif; font-weight: bold; font-size: 1.1em; margin: 5px 50px 10px 30px;} /*table td {border-bottom: 1px dashed #9c7840;}*/ /* 3. ID's ------------------------------------*/ #wrapper { background:url(../_images/wrapper_gradient.jpg) repeat-x; } #container { width:950px; margin:0 auto; } #header_top { background:url(../_images/header_top.jpg) no-repeat; height:170px; } #quoteContainer{display: block; width: 460px; height: 170px; margin: 0 180px 0 310px; overflow: hidden;} #headerLogo { display:block; float: left; height:160px; width:240px; text-indent: -9999px; margin: 0 0 0 40px;} #storeLogo {display:block; float: right; height:160px; width:120px; text-indent: -9999px; margin: 0 20px 0 0;} #header_nav { background:url(../_images/header_nav.jpg) no-repeat; height:75px; } #navigation { width:650px; margin-left:220px; } #navigation li { float:left; } #navigation a { text-indent:-9999px; display:block; height:75px; } #btn-home { width:125px; background:url(../_images/navigation/nav_bg.jpg) 0 0 no-repeat; } #btn-home:hover,#btn-home.selected { background-position:0 -75px; } #btn-about { width:160px; background:url(../_images/navigation/nav_bg.jpg) -125px 0 no-repeat; } #btn-about:hover,#btn-about.selected { background-position:-125px -75px; } #btn-media { width:130px; background:url(../_images/navigation/nav_bg.jpg) -285px 0 no-repeat; } #btn-media:hover,#btn-media.selected { background-position:-285px -75px; } #btn-schedule { width:115px; background:url(../_images/navigation/nav_bg.jpg) -415px 0 no-repeat; } #btn-schedule:hover,#btn-schedule.selected { background-position:-415px -75px; } #btn-contact { width:120px; background:url(../_images/navigation/nav_bg.jpg) -530px 0 no-repeat; } #btn-contact:hover,#btn-contact.selected { background-position:-530px -75px; } /* Old Nav #btn-home { width:75px; background:url(../_images/navigation/nav_bg.jpg) 0 0 no-repeat; } #btn-home:hover,#btn-home.selected { background-position:0 -75px; } #btn-bio { width:60px; background:url(../_images/navigation/nav_bg.jpg) -75px 0 no-repeat; } #btn-bio:hover,#btn-bio.selected { background-position:-75px -75px; } #btn-shows { width:90px; background:url(../_images/navigation/nav_bg.jpg) -135px 0 no-repeat; } #btn-shows:hover,#btn-shows.selected { background-position:-135px -75px; } #btn-promo { width:90px; background:url(../_images/navigation/nav_bg.jpg) -225px 0 no-repeat; } #btn-promo:hover,#btn-promo.selected { background-position:-225px -75px; } #btn-funstuff { width:120px; background:url(../_images/navigation/nav_bg.jpg) -315px 0 no-repeat; } #btn-funstuff:hover,#btn-funstuff.selected { background-position:-315px -75px; } #btn-schedule { width:115px; background:url(../_images/navigation/nav_bg.jpg) -435px 0 no-repeat; } #btn-schedule:hover,#btn-schedule.selected { background-position:-435px -75px; } #btn-contact { width:100px; background:url(../_images/navigation/nav_bg.jpg) -550px 0 no-repeat; } #btn-contact:hover,#btn-contact.selected { background-position:-550px -75px; } */ #header_bottom { height:90px; } #content { background:#d6cbb9 url(../_images/content_bg.jpg) repeat-y; } #contentFooter { height:116px; background:url(../_images/containerFooter_bg.jpg) no-repeat; } #leftCol { width: 245px; float: left; border-right: 1px dashed #9c7840; padding: 10px;} #leftCol img{ float: none; margin: 0 auto;} #rightCol { width: 615px; float: right; margin-left: 15px;} #footer { background:url(../_images/footer_bg.jpg) repeat-x; height:230px; margin-top:30px; min-width: 950px; } #quotes li { text-align:center; font-style:italic; font-family:Georgia, times, serif; font-weight:bold; width:750px; margin:0 150px 0 50px; padding-top:9px; font-size:.9em; } #contentContainer {width: 900px; margin: 0 auto; padding-top: 0px;} #newsContainer p{margin-left: 20px;} #footerContainer{width: 900px; margin: 0 auto; padding: 29px 25px 0 25px;} #home{background: url(../_pictures/HOME.jpg) no-repeat; height: 481px;} #home_video{ height: 220px; width: 414px; position: relative; top: 68px; left: 415px;} #promo { margin-top: 0px; float: left; width: 245px; } #promo img{ float: left; margin: 5px 10px 5px 0px; } #promo a { font-size: 0.85em; font-weight: normal; } #promo h3 { padding-top: 0px; margin-top: 5px; margin-bottom: 0px; font-size: 14px; } #promo p { font-size: 1.1em; margin: 3px 0 16px 0; } #leftCol ul.social li a {background: url(../_images/social/big_arrow.png) no-repeat 0 center; display: block; padding: 5px 0 5px 33px;} /* #leftCol ul.social li a.facebook {background: url(../_images/social/facebook_icon.jpg) no-repeat 0 center;} #leftCol ul.social li a.myspace {background: url(../_images/social/myspace_icon.jpg) no-repeat 0 center;} #leftCol ul.social li a.youtube {background: url(../_images/social/youtube_icon.jpg) no-repeat 0 center;} #leftCol ul.social li a.vimeo {background: url(../_images/social/vimeo_icon.jpg) no-repeat 0 center;} */ .subnav li {margin: 10px;} .subnav li a{ display: block; border: 1px dashed #9c7840; padding: 10px; font-family:Impact, Tahoma, sans-serif; font-size: 1.7em; font-weight: normal; } .subnav li a:hover{} .subnav li a.selected{ border: 1px solid #9c7840; color:#9b2a15;} /* 4. Classes ------------------------------------*/ .clear {clear: both;} .right {float: right;} .left{float: left;} .header_home { background:url(../_images/header_bottom/home.jpg) no-repeat; } .header_bio { background:url(../_images/header_bottom/bio.jpg) no-repeat; } .header_shows { background:url(../_images/header_bottom/shows.jpg) no-repeat; } .header_promo { background:url(../_images/header_bottom/promo.jpg) no-repeat; } .header_funstuff { background:url(../_images/header_bottom/funstuff.jpg) no-repeat; } .header_schedule { background:url(../_images/header_bottom/schedule.jpg) no-repeat; } .header_contact { background:url(../_images/header_bottom/contact.jpg) no-repeat; } .header_thanks {background:url(../_images/header_bottom/thanks.jpg) no-repeat;} .header_store {background:url(../_images/header_bottom/store.jpg) no-repeat;} .header_about {background:url(../_images/header_bottom/about.jpg) no-repeat;} .footerCol{float: left; display: inline; margin-left: 30px; width: 260px;} .footerCol h3{} .callout { border: 1px dashed #9c7840; padding: 5px;} .callout li {background: url(../_images/bullets/x.jpg) no-repeat 0 9px; } .callout li a.arrow {display: block; padding-top: 5px;padding-bottom: 5px;padding-left: 25px; font-family: Impact; font-weight: normal; font-size: 1.7em; color: #480f09; text-transform: uppercase;} ul.bullets li{background: url(../_images/bullets/c_arrow.jpg) no-repeat 0 9px; padding: 5px 0 5px 25px; font-size: .9em; margin-left: 10px;} .footerCol ul.social li a {background: url(../_images/social/big_arrow.png) no-repeat 0 center; display: block;margin-left: 15px; padding: 5px 0 5px 33px;} /* .footerCol ul.social li a.facebook {background: url(../_images/social/facebook_icon.jpg) no-repeat 0 center;} .footerCol ul.social li a.myspace {background: url(../_images/social/myspace_icon.jpg) no-repeat 0 center;} .footerCol ul.social li a.youtube {background: url(../_images/social/youtube_icon.jpg) no-repeat 0 center;} .footerCol ul.social li a.vimeo {background: url(../_images/social/vimeo_icon.jpg) no-repeat 0 center;} */ .footerCol ul.contact {background: url(../_images/footer/kif.jpg) no-repeat; display: block; width: 260px; height: 65px;} .footerCol ul.contact li{padding: 0 0 0 110px;} .show_tabs ul.show_tabNavigation {display: block; width: 615px; margin-bottom: 10px; height: 30px;} .show_tabs ul.show_tabNavigation li{float: left;} .show_tabs ul.show_tabNavigation li a{font-family:Impact, Tahoma, sans-serif;font-size: 1.9em; font-weight: normal; display: block; float: left; border-bottom: 1px dashed #9c7840; padding: 3px 0 5px 0; margin: 10px;} .tabs ul.tabNavigation {display: block; width: 615px; margin-bottom: 10px; height: 30px;} .tabs ul.tabNavigation li{float: left;} .tabs ul.tabNavigation li a{display: block; float: left;border-bottom: 1px dashed #9c7840; margin: 10px;} .panel {width: 615px; float: left; clear: left;} table h3 {font-size: 18px;} ul.flickr li { display: inline; } .photos img{ background-color:#cec2aa; float:left; margin:0 8px 8px 0; padding:2px; } .photos a:hover img { background-color:#b19b70; } /* 5. Debug ------------------------------------*/ /* Un-comment for site testing *[style], font, center {outline: 5px solid red;} img[alt=""] {border: 3px solid red;} img[title=""] {border: 3px dotted fuchsia;} img:not([alt]) {border: 5px solid red;} img:not([title]) {outline: 5px solid fuchsia;} table[summary=""] {outline: 3px solid red;} table:not([summary]) {outline: 5px solid red;} th {border: 2px solid red;} th[scope="col"], th[scope="row"] {border: none;} a[href]:not([title]) {border: 5px solid red;} a[title=""] {outline: 3px dotted red;} a[href=""] {background: fuchsia;} */