/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.21 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: #787365; font-family: "georgia","arial",serif; font-style: italic;} /* Create the Default Paragraphs */ p {color:#80807f; line-height:20px;} /* Specific Header Settings */ h1 {font-size: 24px;} h2 {font-size: 22px;} 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;} /* Create default inline image class */ img.inline{ display: inline; vertical-align: middle; } /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a{color:#558f1e; text-decoration:none;} a:hover{color:#ae6747; text-decoration:none;} a:active{outline:none;} a:focus{outline:1px dotted invert;} a.read_more {background: url("/images/site/bullet.png") 0 3px no-repeat; padding-left: 10px;} /* 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 {background: #fcfcf1; height: 100%; font: 14px "arial","helvetica",sans-serif, monospace;} /* Wrapper */ #wrapper {background: url("/images/site/repeater.jpg") repeat-x; min-height: 100%; height: auto !important; margin:0 auto -225px;} #internal_wrapper {background: url("/images/site/internal_repeater.jpg") repeat-x; min-height: 100%; height: auto !important; margin:0 auto -225px;} /* Header */ #header {position: relative; width: 960px; height: 155px; margin: 0 auto;} #logo {position: absolute; top: 0; left: 0;} #call_out {position: absolute; top: 0; right: 0;} /* Navigation */ #navigation {position: absolute; bottom: 0; left: 0; height: 30px; overflow: visible;} #navigation ul {list-style: none;} #navigation ul li {display: inline;} #navigation ul li a {border-left: 1px solid #928a6e; border-right: 1px solid #928a6e; display: block; float: left; padding: 5px 30px; font-family: "georgia"; font-style: italic; font-size: 17px; color: #fcfcf1;} #navigation ul li a:hover {background: #5e594d; text-decoration: none;} /* Main */ #main {width: 960px; margin: 0 auto 20px;} #main p {margin-bottom: 10px;} /* Banner */ #banner {height: 230px; position: relative;} #banner_images {width: 630px; height: 230px; position: absolute; top: 0; left: 0;} #banner_message {width: 290px; height: 250px; position: absolute; top: 0; right: 0; padding: 20px;} /* Home */ #home_left {width: 480px; float: left; background: url("") bottom 320px no-repeat;} #home_right {width: 480px; float: right;} #main .callout {width: 220px; height: 140px; margin: 10px 0 20px; padding: 10px 250px 10px 10px; overflow: hidden;} #main .patient {background: url("/images/site/callout_patient.jpg");} #main .about {background: url("/images/site/callout_about3.jpg");} #main .callout p {margin-bottom: 0; font-size: 12px;} #main .callout a {background: url("/images/site/bullet_green.png") 0 3px no-repeat; padding-left: 12px;} ul.featured {list-style: none;} ul.featured li {font-size: 16px; font-style: italic; font-family: "georgia"; color: #80807f; background: url("/images/site/bullet_green.png") 0 5px no-repeat; padding-left: 15px; margin-bottom: 5px;} /* Secondary Content */ #secondary_content {width: 310px; margin-right: 20px; float: left;} #secondary_content h2 {margin-top: 15px;} #secondary_content ul {list-style: none; margin-top: 50px;} #secondary_content ul li {margin-bottom: 5px; background: url("/images/site/bullet.gif") 0 4px no-repeat; padding-left: 10px;} #secondary_content ul li a {font-style: italic; font-family: "georgia"; font-size: 15px;} .tree {background: url("/images/site/bonsai_img.jpg") bottom no-repeat; padding-bottom: 300px;} .rocks {background: url("/images/site/rocks_img.jpg") bottom no-repeat; padding-bottom: 330px;} .apple {background: url("/images/site/blog_img.jpg") bottom no-repeat; padding-bottom: 340px;} .flower {background: url("/images/site/forms_img.jpg") bottom no-repeat; padding-bottom: 250px;} /* Main Content */ #main_content {width: 630px; float: right;} #main_content h1 {margin-bottom: 10px;} #internal_banner {width: 630px; height: 255px; background: #b4d990; margin-bottom: 20px;} #main_content ul {margin-left: 20px; color: #80807f; list-style: disc;} #main_content ol {margin-left: 20px; color: #80807f;} #main_content li {margin-bottom: 2px;} /* Paginate */ #paginate {clear: both;} /* Footer Push */ #push{height: 225px;} /* Footer */ #footer_wrapper {background: url("/images/site/footer_rptr.jpg") repeat-x;} #footer {height: 225px; position: relative; width: 960px; margin: 0 auto;} #footer p {color: #fcfcf1; font-size: 11px;} #footer i {color: #cfccc5;} #footer a {color: #d4e4c0;} #footer h3 {color: #fcfcf1;} #footer strong {font-size: 24px; font-family: "georgia"; font-style: italic;} #footer_nav {position: absolute; top: 4px; left: 0; height: 20px;} #footer_nav ul {list-style: none;} #footer_nav ul li {display: inline; margin-right: 10px;} #footer_nav ul li a {text-transform: uppercase;} #footer_blog {position: absolute; top: 35px; left: 0; width: 420px;} #footer_contact {position: absolute; top: 35px; right: 0; width: 485px;} #copyright {position: absolute; bottom: 2px; right: 0;}