/* screen styles from template version 1.0 */ /* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */ /* Table of Contents Non-displaying Elements Layout Page Specific Layout Typography and Inline Elements Page Specific Typography Navigation */ /* Non-displaying Elements*/ /* *************************************************************************************** */ #branding-logo {display:none;} #bar {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */ /* Layout */ /* *************************************************************************************** */ body { font-size:0.875em; /* makes font a specific size... must find it... */ text-align:center; background: #8f6411 url(../images/page-bg.png) repeat-y center top; } #container { width:770px; height:auto; margin:0 auto; position:relative; text-align:left; background-color:#452E06; overflow:hidden; } #branding { height:110px; border-bottom:solid 7px #8F6411; background: url(../images/branding-bg.jpg) no-repeat left top; } #branding-page {position:absolute; right:0px; top:25px} #content {margin-top:43px} #content-and-footer {float:right;width:565px} .layout-inside #content {overflow:hidden;background-color:#fff; width:545px; margin-top:0; border-top:solid 5px #8f6411; padding:20px 10px 2em} .layout-inside.no-pic #content {margin-top:50px;} #content-header-image {overflow:hidden; width:565px; margin-top:50px; border-bottom:solid 5px #eca821; height:278px; padding-bottom:5px} #nav-and-flash {clear:right; float:none; margin-top:50px; border-bottom:solid 5px #eca821; background-color:#452e06; } #home-flash {height:288px} #extra-links { margin-top:3em; text-align: center; } #extra-links img {margin-bottom:1em;} #extra-links .social-links {padding-top:1em;background-color:#fff; -khtml-border-radius:.5em; border-radius:.5em; -moz-border-radius:0.5em; -webkit-border-radius:.5em; } /* Page Specific Layout */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ .layout-home #content { background:#FFF url(../images/column-home-bg.png) repeat-y 7px top; margin:0 0 0 -7px; width:777px; border-top:solid 7px #8F6411; border-bottom:solid 7px #8F6411} .layout-home #content .column { width:242px; float:left; margin-left:7px; padding:10px 5px; background: ffffff; } .layout-home #content .social-links {border-top:solid 1px; margin-top:1em; padding-top:1em;} .layout-home #content .social-links img {display:block; float:right; margin:0 10px 0.25em 0; } .layout-home #content .social-links #nominations-icon {float:left !important; margin-left:10px } #footer {font-size:13px; line-height:1.2em; float:none; background: #452E06 url(../images/footer-bg.jpg) repeat-x center top; text-align:center; color:#fff; padding:10px; border-top:solid 5px #eca821; margin: 0 0 20px;} #footer .column p {margin:1em 0 .5em;} #footer .column {width: 242px; float:left; margin-left:7px;} .layout-inside #footer {width:545px;} /* Typography and Inline Elements */ /* *************************************************************************************** */ h1 { color: #ECA821; } h2 { color:#452E06} .layout-home h2 {font-size:.9em; border-bottom:solid 1px; margin-bottom:1em;} .layout-home #content .column {line-height:1.2em} #content-subscribe {font-weight:bold; } #footer p {margin-bottom:.125em} #footer a:link, #footer a:visited {color:#eca821; text-decoration:none;} #footer a:focus, #footer a:hover, #footer a:active {color:#fff} /* Page Specific Typography */ /* use a class on the to change specific typographic elements (e.g.

backgrounds) / .layout-home h1 {} / Navigation / / placement of navigation / / *************************************************************************************** / #nav-main {height:43px; background-color:#eca821; font-family:Arial, Helvetica, sans-serif; position:absolute; top:117px; left:0; width:770px; padding:0 0 0 7px; font-size:13px} #nav-main ul {} #nav-main a {font-weight:bold; display:block; float:left; margin-right:20px; padding: 15px 0 5px; height:1.4em} #nav-main a:link, #nav-main a:visited {color:#000; text-decoration:none;} #nav-main a:focus, #nav-main a:hover, #nav-main a:active {color:#fff;} #btn-home {width:180px; display:block; float:left;} #nav-secondary {width:190px; padding:0 10px 1em 7px; float:left; font-size:13px; line-height:1.4em; } .layout-inside #nav-secondary {width:188px; float:none; margin-top:50px; overflow:hidden} #nav-secondary p {margin:1em 0 0; color:#ECA821; border-top:solid 1px #fff; padding-top:.25em;} .nav-section {margin-left:1em;} #nav-secondary a:link, #nav-secondary a:visited {color:#fff; text-decoration:none} #nav-secondary a:focus, #nav-secondary a:hover, #nav-secondary a:active {color:#ECA821} #nav-extra {position:absolute;top:10px; right:10px; line-height:1em; text-transform:uppercase} #nav-extra .first {border-left:none;} #nav-extra li {border-left:solid 2px; color:#fff;} #nav-extra a:link, #nav-extra a:visited {color:#fff; font-weight:bold; padding:0 5px 0 10px; text-decoration:none;} #nav-extra a:focus, #nav-extra a:hover, #nav-extra a:active {text-decoration:underline;} #nav-main ul, #nav-main li, #nav-extra ul, #nav-extra li {/ fix IE6 and IE7 List bug */ display: inline;}