/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.1 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http://graduate.utsa.edu/ Last Modifier: Brad Parscale - Parscale Media Last Modified: Sat 7.18.09 @ 10:41am */ /* 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: #ff9400; font-family: "georgia","garamond",serif; font-weight: normal;} /* Create the Default Paragraphs */ p {color:#000;line-height:20px; margin-bottom: 10px;} /* Specific Header Settings */ h1 {font-size:20px; text-transform: uppercase;} h2 {font-size:17px; text-transform: uppercase;} h3 {font-size:16px; text-transform: uppercase;} h4 {font-size:14px;} h5 {font-size:12px;} h6 {font-size:12px;} /* Other Typo */ strong{font-weight: bold;} hr{border:0 #ccc 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:#033877;text-decoration:none;} a:hover{color:#000e2d;text-decoration:underline;} a:active{outline:none;} a:focus{outline:1px dotted invert;} /* 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 */ body {background: #002755 url(images/site/bkg.jpg) center top no-repeat; font:13px "Lucida Grande","Verdana","Arial","Helvetica",sans-serif, monospace;} /* Wrapper */ #wrapper{width: 960px; min-height:100%;height:auto !important;margin:0 auto;} /* Header */ #header {margin-top: 10px; margin-bottom: 10px;} #logo {width: 400px; float: left; padding-left: 25px;} #top_nav {width: 535px; float: right; text-align: right; padding-top: 10px;} #top_nav ul {list-style: none; margin-top: 20px;} #top_nav li {display: inline;} #top_nav a {color: #fff;} #top_nav li {color: #fff; margin-right: 5px;} /* Top Inside */ #top_inside {position: relative; padding-top: 20px;} #navigation {position: absolute; left: -10px; width: 230px; height: 270px; float: left; background: url(images/site/side_nav.png); margin-right: 15px;} #navigation ul {list-style: none;} #navigation a {color: #1b3a60; text-transform: uppercase; padding: 10px 0 10px 40px; font-size: 20px; font-family: "georgia"; display: block;} #navigation a:hover {background: #27466d url(/images/site/side_nav_arrow.png) right no-repeat; color: #ffffff; text-decoration: none;} #navigation a.active {background: #27466d url(/images/site/side_nav_arrow.png) right no-repeat; color: #ffffff; text-decoration: none;} #top_push {height: 300px;} /* Banners */ #home_banner {width: 715px; height: 260px; float: right; background: url(images/site/banner_home.jpg) no-repeat; position: relative;} #about_banner {width: 715px; height: 260px; float: right; background: url(images/site/banner_about.jpg) no-repeat; position: relative;} #service_banner {width: 715px; height: 260px; float: right; background: url(images/site/banner_service.jpg) no-repeat; position: relative;} #general_banner {width: 715px; height: 260px; float: right; background: url(images/site/banner_boy.jpg) no-repeat; position: relative;} #banner_message {width: 360px; height: 200px; text-align: right; position: absolute; top: 50px; right: 50px;} #banner_message h1 {font-size: 40px; color: #fff;} #banner_message p {color: #fff;} /* Main */ #main_body {padding-left: 25px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;} #main_left {width: 195px; float: left; margin-right: 20px;} #main_right {width: 680px; float: right;} #main_right ul {margin-left: 20px; margin-bottom: 10px;} #main_right li {margin-bottom: 5px;} #mr_content {width: 400px; float: left; margin-right: 25px;} #photo_gallery_home {width: 255px; float: right;} #photo_gallery_home img {border: 1px solid #e1e9f4;} #mini_banners a {color: #303130;} #care_credit {width: 80px; height: 65px; background: url(images/site/callout_signup.png) no-repeat; margin-top: 20px; margin-bottom: 10px; padding: 30px 5px 10px 100px;} #care_credit p {font-size: 12px; line-height: 13px;} #patient_forms {width: 80px; height: 65px; background: url(images/site/callout_forms.png) no-repeat; padding: 30px 5px 10px 100px;} #patient_forms p {font-size: 12px; line-height: 13px;} .left_nav {margin-left: 20px; margin-top: 10px;} .left_nav li {list-style-image: url(images/site/bullet_blue.png); margin-bottom: 5px;} /* Appointment Form */ #appt_form {padding: 20px; border: 1px solid #a59e91; margin-top: 10px;} #appt_form form {margin: 0;} #appt_form h2 {color: #5d98d1; font-size: 15px; font-style: italic;} #appt_form p {color: #636363; margin: 0; line-height: 17px;} #appt_form label {color: #636363; width: 125px; float: left;} #appt_form input {border: 1px solid #4f91cd; margin-bottom: 0; } #appt_form input:focus {border: 2px solid #000;} #appt_form textarea {border: 1px solid #4f91cd; width: 300px; height: 100px;} #appt_form textarea:focus {border: 3px solid #000;} #appt_form input.check {width: 20px; float: left;} #appt_form span {float: left; width: 70px;} #appt_form input.submit {width: 150px; background: #4f91cd; margin-right: 20px; color: #ffffff; border: 1px outset #d6d6d6; line-height: 20px; font-weight: bold; text-align: center;} #appt_form input.skip {width: 60px; background: #4f91cd; color: #fff; line-height: 20px; font-weight: bold; text-align: center;} /* Rounded Corners */ .rc{display:block} .rc *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#ffffff} .rc1{margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #e87171; border-right:1px solid #e87171; background:#f5c1c1} .rc2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #db1f1f; border-right:1px solid #db1f1f; background:#f7cfcf} .rc3{margin-left:1px; margin-right:1px; border-left:1px solid #f7cfcf; border-right:1px solid #f7cfcf;} .rc4{border-left:1px solid #e87171; border-right:1px solid #e87171} .rc5{border-left:1px solid #f5c1c1; border-right:1px solid #f5c1c1} .rcfg{background:#ffffff} /* Footer */ #footer {margin-top: 10px;} #footer_logo {width: 140px; float: left; margin-right: 80px; padding-left: 40px; } #footer_content {width: 700px; float: right;} #footer_content ul {margin-top: 0;} #footer_content li {display: inline; color: #c9dff9; font-size: 12px;} #footer_content a {color: #c9dff9; font-size: 12px;} #footer_content p {color: #c9dff9; margin-bottom: 0; font-size: 12px;}