/* Theme Name: Blazer Band Theme URI: http://wordpress.org/ Description: Custom Wordpress theme designed for the Ridge View Blazer Band. Version: 1.0 Author: Mathew Smith Author URI: http://www.mathewsmithstudio.com/ Tags: dark gray/purple, custom header, fixed width, two columns, widgets */ #container { margin-right: auto; margin-left: auto; width: 950px } #nav { margin-right: auto; margin-left: auto; width: 768px; height: 43px } #nav ul { list-style-type: none; margin: 0; padding: 0; width: 768px } #nav li { float: left } #nav li a { display: block; padding-top: 43px; height: 0; overflow: hidden } #nav li#home { background-image: url("/images/nav_home_bt.gif"); background-repeat: no-repeat; width: 111px } #nav li#home a:hover { background-image: url("/images/nav_home_sbt.gif"); background-repeat: no-repeat } #nav li#about { background-image: url("/images/nav_about_bt.gif"); background-repeat: no-repeat; width: 84px } #nav li#about a:hover { background-image: url("/images/nav_about_sbt.gif"); background-repeat: no-repeat } #nav li#ensembles { background-image: url("/images/nav_ensembles_bt.gif"); background-repeat: no-repeat; width: 116px } #nav li#ensembles a:hover { background-image: url("/images/nav_ensembles_sbt.gif"); background-repeat: no-repeat } #nav li#calendar { background-image: url("/images/nav_calendar_bt.gif"); background-repeat: no-repeat; width: 105px } #nav li#calendar a:hover { background-image: url("/images/nav_calendar_sbt.gif"); background-repeat: no-repeat } #nav li#multimedia { background-image: url("/images/nav_multimedia_bt.gif"); background-repeat: no-repeat; width: 118px } #nav li#multimedia a:hover { background-image: url("/images/nav_multimedia_sbt.gif"); background-repeat: no-repeat } #nav li#boosters { background-image: url("/images/nav_boosters_bt.gif"); background-repeat: no-repeat; width: 106px } #nav li#boosters a:hover { background-image: url("/images/nav_boosters_sbt.gif"); background-repeat: no-repeat } #nav li#contact { background-image: url("/images/nav_contact_bt.gif"); background-repeat: no-repeat; width: 128px } #nav li#contact a:hover { background-image: url("/images/nav_contact_sbt.gif"); background-repeat: no-repeat } #headerHome { background-image: url(/images/home_header_logo_xmas.gif); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 950px; height: 125px } #header { background-image: url(/images/header_logo_xmas.gif); background-repeat: no-repeat; margin-right: auto; margin-bottom: 12px; margin-left: auto; width: 950px; height: 123px } #bannerHome { background-image: url("/images/banner_back_home.gif"); background-repeat: no-repeat; margin-right: auto; margin-left: auto; position: relative; width: 950px; height: 104px } #bannerPhoto1 { position: absolute; left: 85px } #bannerPhoto2 { position: absolute; left: 199px } #bannerPhoto3 { position: absolute; left: 313px } #bannerPhoto4 { position: absolute; left: 427px } #bannerPhoto5 { position: absolute; left: 541px } #bannerPhoto6 { position: absolute; left: 655px } #bannerPhoto7 { position: absolute; left: 769px } #subnav { margin-right: auto; margin-bottom: 12px; margin-left: auto; width: 677px; height: 29px } #subnav ul { list-style-type: none; margin: 0; padding: 0; width: 677px } #subnav li { float: left } #subnav li a { display: block; padding-top: 29px; height: 0; overflow: hidden } #subnav li#store { background-image: url("/images/subnav_store_bt.gif"); background-repeat: no-repeat; width: 61px } #subnav li#store a:hover { background-image: url("/images/subnav_store_sbt.gif"); background-repeat: no-repeat } #subnav li#donate { background-image: url("/images/subnav_donate_bt.gif"); background-repeat: no-repeat; width: 68px } #subnav li#donate a:hover { background-image: url("/images/subnav_donate_sbt.gif"); background-repeat: no-repeat } #subnav li#tournament { background-image: url("/images/subnav_tournament_bt.gif"); background-repeat: no-repeat; width: 107px } #subnav li#tournament a:hover { background-image: url("/images/subnav_tournament_sbt.gif"); background-repeat: no-repeat } #subnav li#newmembers { background-image: url("/images/subnav_newmembers_bt.gif"); background-repeat: no-repeat; width: 113px } #subnav li#newmembers a:hover { background-image: url("/images/subnav_newmembers_sbt.gif"); background-repeat: no-repeat } #subnav li#alumni { background-image: url("/images/subnav_alumni_bt.gif"); background-repeat: no-repeat; width: 69px } #subnav li#alumni a:hover { background-image: url("/images/subnav_alumni_sbt.gif"); background-repeat: no-repeat } #subnav li#sponsors { background-image: url("/images/subnav_sponsors_bt.gif"); background-repeat: no-repeat; width: 85px } #subnav li#sponsors a:hover { background-image: url("/images/subnav_sponsors_sbt.gif"); background-repeat: no-repeat } #subnav li#links { background-image: url("/images/subnav_links_bt.gif"); background-repeat: no-repeat; width: 59px } #subnav li#links a:hover { background-image: url("/images/subnav_links_sbt.gif"); background-repeat: no-repeat } #subnav li#member { background-image: url("/images/subnav_member_bt.gif"); background-repeat: no-repeat; width: 115px } #subnav li#member a:hover { background-image: url("/images/subnav_member_sbt.gif"); background-repeat: no-repeat } #content { background-image: url("/images/content_back.gif"); background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 950px; overflow: hidden; border-bottom: 1px solid #4d4d4d } #contentLeft { margin-top: 18px; margin-bottom: 18px; width: 201px; float: left } #contentRight { margin-top: 12px; margin-bottom: 18px; width: 700px; float: right } #contentSingle { margin-right: auto; margin-left: auto; padding-bottom: 18px; width: 950px; border-bottom: 1px solid #4d4d4d } #footer { margin: 12px auto 18px; padding-left: 250px; width: 700px; overflow: hidden } #footerLeft { color: #ccc; font-size: 9px; float: left } #footerRight { color: #ccc; font-size: 9px; float: right } #contentRight h1, #contentSingle h1 { color: #dad7b0; font-size: 24px; font-weight: normal; line-height: 30px; margin: 0 } #contentRight h2, #contentSingle h2 { color: #dad7b0; font-size: 18px; font-weight: normal; line-height: 24px; margin: 24px 0 0 } #contentRight h3 { color: #888888; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-shadow: #000 1px 1px 0px } #contentRight h4 { color: #dddddd; font-size: 12px; font-weight: bold; text-shadow: #000 1px 1px 0px } #contentRight p, #contentRight .event-display-tables th, #contentRight .event-display-tables td { color: #dddddd; font-size: 11px; line-height: 18px } #contentRight .section-heading { margin: 0px; } #contentRight .event-display-tables th { text-align: left; } #contentRight .additional_header { margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 16px; } #urgent { color: #dddddd; font-size: 11px; line-height: 18px; background-color: #3a3a3a; margin-bottom: 24px; padding: 8px; overflow: hidden; } #urgent .photo { float: left; vertical-align: bottom; } #urgent h1 { margin-top: 12px; } #urgent h1, #urgent p { margin-left: 260px; } #contentRight ul { margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: 20px; padding: 0px; } #contentRight li { list-style-type: disc; color: #dddddd; font-size: 11px; line-height: 18px } .text { color: #dddddd; font-size: 12px; line-height: 18px } .small { color: #dddddd; font-size: 11px; line-height: 18px } #contentLeft p { color: #dddddd; font-size: 11px; line-height: 16px } .smallTitle { color: #dddddd; font-size: 11px; font-weight: bold } .tiny { color: #dddddd; font-size: 9px; line-height: 12px } .name { color: #ffffff } .subName { color: #888888 } .tableTitle { color: #888888; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-shadow: #000 1px 1px 0px } .photoCaption { color: #999; font-size: 9px; line-height: 14px; text-align: center; padding-right: 16px; padding-bottom: 8px; padding-left: 16px } a { color: #dad7b0 } a:hover { color: #ffffff; } #contentLeft ul { list-style-type: none; margin: 0 } #contentLeft li { text-align: right; font-size: 12px; font-weight: normal; line-height: 24px; text-transform: uppercase } #contentLeft li a { color: #dad7b0; text-decoration: none; text-shadow: #000 1px 1px 0px } #contentLeft li a:hover { color: #ffffff } .calendarDay { color: #ffffff; font-size: 11px; font-weight: bold; line-height: 18px } .copyright { color: #cccccc; font-size: 9px } .formField { width: 100% } .newsletterField { margin-bottom: 8px; width: 180px } .titleNews { background-image: url("/images/left_news_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 18px 0 12px; width: 112px; height: 17px } .titleNewsletter { background-image: url("/images/left_newsletter_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 40px 0 12px; width: 123px; height: 17px } .bannerLink { background-color: #3a3a3a; padding: 2px } .postDate { color: #dddddd; font-size: 9px; text-transform: uppercase; margin-top: 4px } .hidden { display: none }