/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.3 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Brad Parscale - Parscale Media Last Modified: 11.8.2010 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #24395c; font-family: 'Judson', serif; font-weight: normal; letter-spacing: .04em;} /* Create the Default Paragraphs */ p {color:#525252; line-height:20px;} /* Specific Header Settings */ h1 {font-size: 22px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* Other Typo */ strong{font-weight: bold;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: square;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color:#79693b; text-decoration: none;} a:hover {color:#525252; text-decoration: none;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font: 13px "verdana","helvetica",sans-serif, monospace; background: #F6EFDF url(/images/site/bkg_rptr.jpg) repeat-x;} #home {background-image: url(/images/site/bkg_rptr_home.jpg);} /* Wrapper */ #wrapper {min-height: 100%; height: auto !important; margin:0 auto -70px; width: 960px;} /* Header */ #header {width: 960px; height: 60px; background: url(/images/site/header_rptr.png) repeat-x; position: relative; z-index: 100;} #logo {position: absolute; top: 0; left: 200px; z-index: 100;} /* Navigation */ .nav ul {list-style: none;} .nav ul li {display: inline;} .nav ul li a {color: #d4bb7a; text-transform: uppercase; font-family: 'arial',sans-serif; font-size: 13px; padding: 5px 0;} .nav ul li a:hover {border-top: 1px solid #d4bb7a; border-bottom: 1px solid #d4bb7a; text-decoration: none;} .nav ul li a.active {border-top: 1px solid #d4bb7a; border-bottom: 1px solid #d4bb7a; text-decoration: none;} #navigation_left {position: absolute; top: 20px; left: 20px; z-index: 101;} #navigation_left a {margin-right: 10px;} #navigation_right {position: absolute; top: 20px; right: 20px; z-index: 101;} #navigation_right a {margin-left: 10px;} /* Banner */ #home_banner {width: 960px; height: 425px; position: relative; margin-bottom: 20px; overflow: hidden;} .home_banner_image {width: 960px; height: 425px;} .home_banner_image img {width: 960px; height: 425px;} .home_banner_bar {position: absolute; bottom: 0; left: 0; padding: 20px; width: 920px; height: 55px; background: url(/images/site/banner_trans_rptr.png) repeat-x;} .home_banner_bar_image {width: 90px; float: left;} .home_banner_messages {width: 600px; float: left;} .home_banner_messages h2 {color: #fff; font-size: 30px; line-height: 26px;} .home_banner_messages p {color: #fff;} #home_banner_nav {position: absolute; bottom: 15px; right: 15px; z-index: 101;} #home_banner_nav img {border: 1px solid #fff;} #home_banner_nav a {margin-left: 5px;} #home_banner_nav a.activeSlide {display: none;} /* Home */ #home_left {width: 340px; float: left; margin-right: 30px;} #home_center {width: 340px; float: left; margin-right: 30px;} #home_right {width: 220px; float: right;} #home_content {padding: 20px 0;} #home_content img {border: 3px solid #b1b3b4;} #home_content h3 {border-top: 1px solid #c3c0b7; text-align: center; border-bottom: 1px solid #c3c0b7; padding: 5px 0; margin-bottom: 10px; font-size: 21px; text-transform: uppercase; height:75px;} #home_content p {margin-bottom: 10px;} #home_gallery {width: 160px; margin-right: 20px; float: left;} #home_video {width: 160px; float: left;} .home_news {width: 340px;} .home_news_date {float: left; margin-right: 20px; width: 60px; height: 50px; padding-top: 10px; background: url(/images/site/date_bkg.png) no-repeat; text-align: center;} .home_news_text {width: 260px; float: right;} #home_center .home_news_date p.month {font-family: 'Judson', serif;color: #c6b482; font-size: 12px; margin-bottom: 0; line-height: 14px; text-transform: uppercase;} #home_center .home_news_date p.day {font-family: 'Judson', serif;color: #c6b482; font-size: 28px; margin-bottom: 0; line-height: 22px; text-transform: uppercase;} /* Content */ #content {padding: 20px 0;} /* Main Content */ #main_content {width: 670px; float: left; margin-right: 60px;} #main_content h1 {text-transform: uppercase; font-size: 28px; border-top: 1px solid #c3c0b7; border-bottom: 1px solid #c3c0b7; padding: 5px 0; margin-bottom: 10px;} #main_content p {margin-bottom: 20px; font-size: 14px;} #main_content td {color: #525252;} #main_content ul {color: #525252; margin-bottom: 10px;} #main_content li {list-style: disc; margin-left: 12px;} /* Secondary Content */ #secondary_content {width: 230px; float: right;} #secondary_content h3 {text-align: center; text-transform: uppercase; font-size: 22px; border-top: 1px solid #c3c0b7; border-bottom: 1px solid #c3c0b7; padding: 5px 0; margin-bottom: 10px;} #secondary_content p {font-size: 14px; margin-top: 5px;} #secondary_content img {border: 3px solid #b1b3b4;} /* Secondary Navigation */ .sc_nav {margin-bottom: 20px;} .sc_nav ul {list-style: none; font-size: 14px; margin-bottom: 20px;} .sc_nav ul li {margin-bottom: 5px;} .sc_nav ul li a {color: #79693b;} .sc_nav ul li a:hover {text-decoration: none; color: #525252;} /* News */ .news {margin-bottom: 20px; width: 670px;} .news_date {float: left; margin-right: 20px; width: 60px; height: 50px; padding-top: 10px; background: url(/images/site/date_bkg.png) no-repeat; text-align: center;} .news_text {width: 590px; float: right;} #main_content .news_date p.month {font-family: 'Judson', serif;color: #c6b482; font-size: 12px; margin-bottom: 0; line-height: 14px; text-transform: uppercase;} #main_content .news_date p.day {font-family: 'Judson', serif;color: #c6b482; font-size: 28px; margin-bottom: 0; line-height: 22px; text-transform: uppercase;} /* Gallery */ #gallery_left {width: 410px; float: left; margin-right: 10px;} #gallery_left img {border: 3px solid #b5b7b7;} #gallery_right {width: 250px; float: right;} #gallery_main {margin-bottom: 10px;} #gallery_thumbs a {display: block; float: left; margin-bottom: 10px; margin-right: 10px;} .gallery {width: 190px; display: block; float: left; margin-right: 40px; margin-bottom: 20px; text-align: center;} /* Footer Push */ #push {height: 70px;} /* Footer */ #footer_wrapper {height: 70px; background: #fff;} #footer {width: 960px; margin: 0 auto; padding-top: 20px;} #footer_logos {width: 150px; float: left;} #footer_copyright {width: 800px; float: right;} #footer_copyright p {color: #4f4f4f; font-size: 12px;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width: 10px; height: 10px; background: #F6EFDF;} #cboxTopCenter{height: 10px; background: #F6EFDF;} #cboxTopRight{width: 10px; height: 10px;background: #F6EFDF;} #cboxBottomLeft{width:10px; height: 150px; background: #F6EFDF;} #cboxBottomCenter{height: 150px; background: #F6EFDF;} #cboxBottomRight{width:10px; height: 150px; background: #F6EFDF;} #cboxMiddleLeft{width: 10px; background: #F6EFDF;} #cboxMiddleRight{width: 10px; background: #F6EFDF;} #cboxContent{background:#F6EFDF; overflow:visible;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;} #cboxTitle{ text-align: center; padding: 5px 20px 30px 20px; text-align:center; font-weight: normal; color:#000; font-size: 13px;} #cboxCurrent{position:absolute; bottom: -138px; right: 0; font-weight: normal; color:#000; font-size: 12px;} #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious, #cboxNext {position:absolute; bottom:-142px; background:url(/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{position: absolute; text-indent: -9999px; right: -30px; top: -30px; width: 45px; height: 45px; background: url(/images/colorbox/close.png) no-repeat;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}