/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.2 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: Sat 8.19.09 @ 1:28pm */ /* 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: #ca7a29; font-family: "georgia","verdana","helvetica","arial",serif; font-weight: normal;} /* Create the Default Paragraphs */ p {color:#55595b;line-height:20px; margin-bottom: 10px;} /* Specific Header Settings */ h1 {font-size:20px;} h2 {font-size:18px;} h3 {font-size:15px; font-style: italic; border-bottom: 1px solid #55595b; padding-bottom: 5px; margin-bottom: 5px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} .line {background: url(/images/site/right_side_line.jpg) bottom left no-repeat; padding-bottom: 20px; margin-bottom: 10px; margin-top: 3px;} /* Other Typo */ strong{font-weight: bold;} hr{border:0 #55595b 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;} /* Create default inline image class */ img.inline{ display: inline; vertical-align: middle; } /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a{color:#3f819c;text-decoration:none;} a:hover{color:#3f819c;text-decoration:underline;} a:active{outline:none;} a:focus{outline:1px dotted invert;} a.read_more {background: url(/images/site/btn_readmore.png) no-repeat; padding: 3px 18px 5px 8px; font-size: 11px;} /* 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;} /* Default Horizontal Zebra Table */ #hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;} #hor-zebra b{font-size: 13px; font-weight: bold;color:#02624e;} #hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;} #hor-zebra td{color:#454444;padding:5px 8px 5px 8px; } #hor-zebra .odd{background:#f1f1f2;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body { height: 100%; font: 13px "verdana","Helvetica",sans-serif, monospace;} /* Wrapper */ #wrapper{min-height: 100%; height: auto !important; margin:0 0 -150px; width: 960px; height: 100%;} /* Secondary */ #secondary {width: 240px; float: left; background: #fcf6eb; padding-bottom: 50px;} #logo {margin-top: 20px; margin-left: 25px;} #sponsors {padding: 0 20px;} #sponsors img {max-width: 200px; margin: 10px 0;} /* Navigation */ #navigation {height: 245px;} #navigation ul {list-style: none; margin-left: 30px; margin-top: 20px;} #navigation a {display: block; color: #005b82; text-transform: uppercase; font-size: 15px; padding: 7px 0 10px 20px;} #navigation a:hover {background: url(/images/site/sidenav_rollover_outline.png) no-repeat; text-decoration: none; color: #CA7A29;} #navigation a.active {background: url(/images/site/sidenav_rollover_white.png) no-repeat; text-decoration: none;} /* Tweets */ #tweets {width: 225px; background: url(/images/site/tweets.png) top no-repeat; padding-top: 80px; margin-bottom: 20px; padding-left: 10px; padding-right: 5px; position: relative; z-index: 20;} /* Connected */ #connected {padding: 0 20px; margin-bottom: 40px;} /* Newsletter Signup */ #newsletter {padding: 0 20px; margin-bottom: 40px;} /* Main */ #main {width: 720px; float: right; position: relative; margin-bottom: 20px;} /* Home Bar */ #home_bar {margin-top: 30px;} .feature {width: 690px; padding-right: 10px; margin-right: 0px; margin-left: 20px; margin-bottom: 20px;} .feature_right {width: 218px; float: left; margin-left: 10px; } .news {background: url(/images/site/rss_icon.png) 60px no-repeat;} /* Banner */ #banner {width: 720px; height: 420px; position: relative;} #banner_images {position: absolute; top: 90px; left: 0; width: 720px; height: 330px; overflow: hidden;} .banner_image {width: 720px; height: 330px;} .banner_image img {width: 720px; height: 330px;} .banner_text {background: #555453; opacity: .9; width: 720px; height: 40px; position: absolute; top: 290px; left: 0;} .banner_text p {color: #fff; padding-left: 20px; margin-top: 10px; font-size: 15px; font-style: italic; font-family: "georgia";} /* Vision */ #vision {width: 720px; height: 100px; position: relative; z-index: 100;} #encourage {float: left; width: 240px; height: 100px;} #enhance {float: left; width: 240px; height: 100px;} #empower {float: left; width: 240px; height: 100px;} #vision_messages {width: 720px; position: absolute; z-index: 200; top: 90px; z-index: 10;} #vision_messages p {padding: 20px; color: #005a82; font-weight: normal; line-height: 18px;} #encourage_message {position: absolute; left: 0; width: 240px; height: 100px; background: #d4dee3; opacity: .85; display: none;} #enhance_message {position: absolute; left: 240px; width: 240px; height: 100px; background: #d4dee3; opacity: .85; display: none;} #empower_message {position: absolute; left: 480px; width: 240px; height: 100px; background: #d4dee3; opacity: .85; display: none;} /* About */ #internal_content {width: 720px;} #ic_left {width: 440px; float: left; padding: 20px;} #ic_left ul {margin-left: 20px; list-style: disc;} #ic_left li {color: #55595b;} #ic_left h1 {background: url(/images/site/body_lines.jpg) bottom left no-repeat; padding-bottom: 20px; margin-bottom: 10px;} #ic_left h2 {margin-top: 20px;} #ic_right {width: 200px; float: right; padding: 20px;} #ic_right ul {list-style: none; margin-bottom: 20px;} #ic_right ul li {margin-top: 10px; background: url(/images/site/bullet_arrow.gif) 0 5px no-repeat; padding-left: 20px;} #ic_right ul li a {color: #3f819c;} #ic_right h2 {margin-bottom: 10px;} /* Announcement */ #announcement {padding: 10px 10px 20px 10px; width: 700px; background: #005b82; opacity: .5; margin-top: 10px;} #announcement h1 {color: #fff;} #announcement p {color: #fff;} #announcement a {color: #e1c99e;} /* Newsletter */ #newsletter_signup {width: 400px; height: 400px; background: #555a5c; padding: 20px;} #newsletter_signup h1 {color: #fff; margin-bottom: 10px;} #newsletter_signup p {color: #fff;} #newsletter_signup input {background: #232e32; padding: 10px; color: #3f81a4; width: 250px;} #newsletter_signup input:focus {background: #fcf6eb;} #newsletter_signup input.signup {cursor: pointer; background: none; text-indent: -9999px; width: 100px; height: 30px; background: url("/images/site/btn_sign.png") no-repeat;} /* News & Updates */ #news_updates label {display: block; float: left; width: 120px;} #news_updates input {background: #fff; border: 1px solid #232e32; padding: 3px; color: #000; width: 250px;} #news_updates input:focus {background: #fcf6eb;} #news_updates input.signup {cursor: pointer; background: none; text-indent: -9999px; width: 100px; height: 30px; background: url("/images/site/btn_sign.png") no-repeat;} /* Footer Push */ #push{height: 150px;} /* Footer */ #footer {height: 150px; background: #555a5c; text-align: center;} #footer_nav {width: 960px; margin: 0; } #footer_text {width: 960px; margin: 0; } #footer a {color: #7facc0;} #footer a:hover {color: #e4ba7f; text-decoration: none;} #footer p {color: #fff;} #footer hr {border:0 #808385 solid;border-top-width:1px;clear:both;height:0; margin-bottom: 20px;} #footer ul {list-style: none; padding-top: 20px; margin-bottom: 20px;} #footer li {display: inline; margin-right: 10px; color: #808385;} /*JUITTER PLUGIN CSS*/ #juitterContainer {margin-bottom: 10px;} /*Juitter container*/ #juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */ /* Bellow the list of tweets "
  • " */ #juitterContainer .twittLI {color: #55595b; list-style:none; margin-bottom: 10px; padding-bottom: 10px; clear:both; font-size: 11px;} #juitterContainer .twittList SPAN.time {color:#3f3f3f;font-size:0.9em} #juitterContainer .twittList a {color:#3f819c;} #juitterContainer .twittList a:hover {color:#3f819c;} /* Bellow the CSS for the avatar image */ #juitterContainer .juitterAvatar{float:left;border:solid 3px #5f5041;margin-right:10px;padding:3px;width:48px;;height:48px;} #juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/ #juitterContainer .extLink{} /*CSS for the external links*/ #juitterContainer .hashLink{} /*CSS for the hash links*/