/* 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: #b1ede9; font-family: "helvetica","arial",sanserif; font-weight: bold;} /* Create the Default Paragraphs */ p {color:#ffffff;line-height:20px; font-size: 13px;} /* Specific Header Settings */ h1 {font-size:24px; font-style: italic;} h2 {font-size:18px; text-transform: uppercase;} h3 {font-size:16px; color: #fff; font-weight: bold;} h4 {font-size:15px;} h5 {font-size:14px;} h6 {font-size:12px;} /* Other Typo */ strong{font-weight: normal; color: #b1ede9; font-size: 18px; font-family: "georgia"; line-height: 40px;} 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:#fde19f;text-decoration:none; font-style: italic; font-weight: bold;} a:hover{color:#fde19f;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 */ html, body {background: #3e372c; font:13px "georgia","arial","helvetica",sans-serif, monospace;} /* Wrapper */ #wrapper{width: 960px; margin: 0 auto;} /* Header */ #header {margin-top: 20px;} #logo {width: 440px; float: left;} /* Navigation */ #navigation {width: 520px; float: right; margin-top: 50px; text-align: right;} #navigation li {display: inline; margin-left: 30px;} #navigation a {color: #fffefc; font-family: "helvetica"; font-weight: bold; text-transform: uppercase; font-size: 16px; font-style: normal;} #navigation a:hover {color: #b1ede9; text-decoration: none;} /* Banner */ #banner {background: url(/images/site/banner.jpg) no-repeat; width: 960px; height: 280px; position: relative;} #banner_title p {color: #f9fcfc;} /* Main */ #main_content {margin-top: 20px; margin-bottom: 40px;} #mc_left {width: 300px; margin-right: 80px; float: left;} #mc_left ul {list-style: none;} #mc_left li {margin-top: 10px;} #mc_right {width: 580px; float: right;} #mc_right p {margin: 10px 0;} /* Home Feature */ .home_feature {width: 260px; float: left;} .home_feature img {border: 3px solid #d3d3d2; margin-bottom: 10px;} /* Center Bar */ #center_bar1 {background: url(/images/site/red_strip1.png) no-repeat; width: 980px; height: 62px; padding-top: 28px;} #center_bar2 {background: url(/images/site/red_strip2.png) no-repeat; width: 980px; height: 62px; padding-top: 28px;} #personalize {width: 360px; float: left; padding-left: 120px;} #personalize p {color: #ffffff; font-family: "georgia"; font-size: 18px;} #start_shopping {width: 360px; float: left; padding-left: 120px;} #start_shopping a {color: #ffffff; font-family: "georgia"; font-size: 18px;} #questions {width: 360px; float: right; padding-left: 120px;} #questions p {color: #ffffff; font-family: "georgia"; text-transform: uppercase; font-size: 14px;} #questions span {font-size: 18px; text-transform: italic;} /* Product */ .product {width: 260px; float: left; margin-right: 60px;} .product img {border: 3px solid #d3d3d2; margin-bottom: 10px;} .product_right {width: 260px; float: left;} .product_right img {border: 3px solid #d3d3d2; margin-bottom: 10px;} #pb_image {width: 260px; float: left; margin-right: 20px;} #pb_image img {border: 3px solid #d3d3d2; margin-top: 10px; width: 250px;} #pb_text {width: 300px; float: right;} #pb_text table {width: 200px; margin-left: 20px;} #pb_text tr {height: 20px;} #pb_text td {width: 100px; color: #fff;} #product_order {background: #312b20; padding: 20px;} #product_order p {font-style: italic;} #product_order h2 {border-bottom: 1px solid #3e372c; padding-bottom: 5px; margin-bottom: 10px;} #product_order label {width: 60px; float: left; display: block;} #product_order input.file {color: #fff;} #product_order input.radio {width: 20px;} #product_order img.radio {margin-right: 20px;} #product_order textarea {width: 200px; height: 60px; background: #fff;} #product_order input.quantity {width: 30px; background: #fff;} #product_order input.submit {width: 100px; background: #fde19f; padding: 3px 0; font-style: italic; font-weight: bold;} .foxee input {background: #fff; width: 200px;} /* Feature */ .featured {width: 242px; background: #4e473a; padding: 9px; margin-top: 40px;} .featured_space {width: 220px; padding: 10px; background: transparent; border: 1px solid #3e372c;} .featured_space img {border: 3px solid #d3d3d2; margin: 10px 0;} .featured_space ol {margin-left: 30px; margin-top: 20px; margin-bottom: 10px; color: #b1ede9; font-size: 18px;} .featured_space li span {color: #f9fcfc; font-size: 15px;} /* Footer */ #footer_wrapper {background: #3e372c url(/images/site/footer_rptr.jpg) repeat-x;} #footer {width: 960px; margin: 0 auto 20px; padding-top: 10px;} #footer_nav {} #footer_nav li {display: inline; margin-right: 30px;} #footer_nav a {text-transform: uppercase; font-style: normal;} #footer_bottom {margin-top: 30px;} #footer_left {width: 700px; float: left;} #footer_right {width: 260px; float: right;}