/* Theme Name: Pledge Red Wordpress Template Theme URI: http://pledgered.org/wordpress/wp-content/themes/pledge-red Description: The default WordPress starting theme for Pledge Red: American Red Cross - Washtenaw County Chapter Author: Karl Kasischke Author URI: http://innercirclemedia.com/ Version: 1.0 */ /*------------------------------------------------------------------ [Screen Stylesheet] Project: Pledge Red: American Red Cross - Washtenaw County Chapter Version: 1.0 Last change: 10/19/08 [creation] Assigned to: Karl Kasischke Primary use: Page Layouts - one & two column layouts -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] A. Global Reset B. Typography C. Layout 1. Body 1.1. Skip to content / div#skip 2. Layout wrapper / div#wrapper 2.1. Header / div#header 2.1.1. Logo / h1#logo 2.1.2. Utility navigation / div#utility 2.2. Global navigation / div#globalNav 2.3. Middle section / div#middle 2.3.1. Primary column / div#primeCol 2.3.1.1. Main content / div#mainContent 2.3.2. Second column / div#secondCol 2.3.2.2. Sidebar box / div.sidebar 2.4. Footer / div#footer 2.4.1. Footer navigation / div#footNav 2.4.2. Copyright information / div#copy -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Color codes] #fff white #000 black #f00 red #b5d0d1 blue #dae7e8 blue #2: (downloads li border) #d1c99d tan/beige -------------------------------------------------------------------*/ /*------------------------------------------------------------------ A. GLOBAL RESET -------------------------------------------------------------------*/ body {font: 62.5%/1.3 helvetica,arial,verdana,geneva,lucida,sans-serif; background: #fff; color: #000; margin: 0; padding: 0;} p, h1, h2, h3, h4, h5, h6, /*fieldset,*/ form, label, input, textarea, select, /*legend,*/ dl, dt, dd, table, caption, th, td, blockquote, cite {margin: 0; padding: 0; font-size: 1em;} ul, ol, li, ul *, ol *, big, small {font-size: 1em;} input, textarea, select {font-family: helvetica,arial,verdana,geneva,lucida,sans-serif; font-size: inherit;} textarea {overflow: auto;} /*fieldset {border: solid 0 transparent;}*/ table {border-collapse: collapse;} img {border: 0;} acronym, abbr {border-bottom: 1px dotted; cursor: help;} cite {font-style: normal;} #globalNav :focus, #logo :focus {outline: 0;} .nav, .nav ul, #copy ul, .plain, .downloads ul {margin: 0; padding: 0; list-style: none;} .clear {clear: both;} .clear-l {clear: left;} .clear-r {clear: right;} .left {float: left; display: inline;} .right {float: right; display: inline;} .center {text-align: center;} .block {display: block;} /*------------------------------------------------------------------ B. TYPOGRAPHY -------------------------------------------------------------------*/ strong {font-weight: bold;} a, .highlight {color: #f00; text-decoration: none;} a:hover, a:focus, #footNav .current_page_item a {text-decoration: underline;} h1 {font-size: 2.2em;} h2 {font-size: 2em;} h3 {font-size: 1.8em;} h4 {font-size: 1.6em;} h5 {font-size: 1.4em;} h6 {font-size: 1.2em;} big {font-size: 1.5em;} #globalNav a {color: #fff; font-size: 1.4em;} #footNav a {color: #000;} #copy {color: #b5d0d1;} .downloads a {color: #000;} #mainContent p, #mainContent ul, #mainContent ol, #mainContent td, .sidebar p, .sidebar ul, .sidebar ol {font-size: 1.3em;} h3, h4 {font-weight: normal;} .home h3 {font-size: 3.6em;} .downloads li a, .downloads li span {font-size: 1.077em;} #globalNav .current_page_item a, #globalNav a:hover, #globalNav a:focus {color:#000;} #footer {font-size: 1.1em;} /*------------------------------------------------------------------ C. LAYOUT -------------------------------------------------------------------*/ /* 1. Body */ body {background: #d1c99d;} /* 1.1. Skip to content / div#skip*/ #skip {position: absolute; top: -1000px;} /* 2. Layout wrapper / div#wrapper */ #wrapper {margin: 0 auto; width: 900px; background: #fff;} /* 2.1. Header / div#header */ #header {height: 153px; position: relative; margin-bottom: 2px; background: #fff url(images/header-bg.jpg) no-repeat;} /* 2.1.1. Logo / h1#logo */ h1#logo {width: 176px; height: 121px; background: url(images/logo.gif) no-repeat; text-indent: -9000px; z-index:3; position: absolute; top: 17px; left: 27px;} h1#logo a {display: block; width: 176px; height: 121px; background: url(images/logo.gif) no-repeat;} /* 2.1.2. Utility navigation / div#utility */ #utility {float: right; display: inline;} /* 2.2. Global navigation / div#globalNav */ #globalNav {width: 900px; margin: 3px 0 35px; height:42px; overflow: hidden; clear: both;} #globalNav .nav {width: 890px; margin: 0 auto; background: #b5d0d1 url(images/nav-bg.jpg) no-repeat; text-align: center;} #globalNav li {display: inline; margin-right: 35px; padding-right: 35px; background: url(images/nav-divide.gif) no-repeat right; line-height: 42px;} #globalNav .page-item-14 {border: 0; margin: 0; padding: 0; background: none;} /* 2.2.1 Application Form -- Added by Marisa 10/22/2008 */ .thank_you, #application {padding: 15px; font-size: 1.45em;} h1.title { padding: 8px 12px; font-size: 2.25em; color: #fff; font-weight: bold; margin: 0px; } h1.title a { color: #fff; text-decoration: none; } h1.title a:hover { color: #FC0530; } .middle_blue { background: url(images/nav-bg.jpg) no-repeat 50% 0%; } input, textarea, select, option {font: 1em helvetica,arial,verdana,geneva,lucida, sans-serif;} textarea {padding: 2px;} /*misc */ .clear {clear: both; font-size: .01em; height: .01em;} .clear_fix {clear: both;} .bld {font-weight: bold;} .blue_txt {color: #698396;} .big_blue_txt {color: #698396; font-weight: bold; font-size: 1.1em;} .grey_divider {background: #D8D2CA; height: 2px; font-size: .1em; margin: 10px 0; } .photo_box {width: 130px; margin: 0 0px 10px 0px;} .photo_box .caption {color: #8F8B87; line-height: 120%; padding: 5px 5px 5px 0; font-size: .9em;} .red_txt {color: #ae204c;} .bigger_txt {font-size: 1.1em;} .grey_txt {color: #666;} .email_friend {margin: 20px 5px 15px 0;} .smaller_txt {font-size: .95em;} .thank_you, #application {padding: 15px;} .dashed_line {margin: 5px 0 10px 0; border-top: 1px dotted #ccd4db;} .warning {font-size: 1.1em; padding: 7px; margin-bottom: 10px; background: #dceaf6; font-weight: bold; border: 1px solid #c41130; } .headshot {padding: 2px; border: 1px solid #ccc; float: left; margin-right: 15px;} .headshot_txt {padding-top: 30px; color: 666;} .supporter {background: #eeebeb; padding: 3px; border: 1px solid #b7b7b7;} .photo_right {float: right; margin: 5px 0 10px 10px; padding: 2px; border: 1px solid #ccc;} /* form */ fieldset {border: 3px double #b5d0d1; padding: 10px; margin-bottom: 10px;} legend {font-size: 13px; color:#000; background: #b5d0d1; padding: 6px; font-weight: bold; letter-spacing: 2px;} #display, #display_1, #display_2, #display_3, #display_4 {display: none;} .bold_field {font-weight: bold; text-align: right; color: #666;} .submitButton {background: #b5d0d1; font-weight: bold; color:#fff; padding: 3px 5px; border: 1px solid #a6a6a6;} table.application td{padding: 8px; vertical-align: top;} /* 2.3. Middle section / div#middle */ #middle {overflow: hidden; margin: 5px 0 10px; width: 100%;} img.right {margin: 0 0 8px 10px;} img.left {margin: 0 10px 8px 0;} /* 2.3.1. Primary column / div#primeCol */ #primeCol {float: right; display: inline; width: 679px;} .oneCol #primeCol {float: none; display: block; width: 860px; margin: 0 20px;} /* 2.3.1.1. Main content / div#mainContent */ #mainContent {width: 604px; margin: 0 75px 20px 0;} .oneCol #mainContent {width: 820px; margin: 0 20px 20px;} #mainContent p, #mainContent ul, #mainContent ol, #mainContent h2, #mainContent h3, #mainContent h4 {margin-bottom: 20px;} h2#pledgeRed {width: 468px; height: 66px; background: url(images/pledge-red.gif) no-repeat; text-indent: -9000px;} .downloads {border-top: 1px solid #000; padding-top: 20px; margin: 20px 0;} .box {width: 604px; background: url(images/box-bottom.gif) no-repeat bottom; padding-bottom: 9px;} #mainContent .downloads .box ul {background: url(images/box-top.gif) no-repeat top; padding-top: 9px; margin: 0;} .downloads .box li {padding: 14px 52px; background: #b5d0d1 url(images/rc-file-icon.gif) no-repeat 18px; border-bottom: 2px solid #dae7e8;} .downloads .box .last {border: 0;} /* 2.3.2. Second column / div#secondCol */ #secondCol {float: left; display: inline; width: 221px;} .oneCol #secondCol {float: none; display: none;} /* 2.3.2.2. Sidebar box / div.sidebar */ .sidebar {margin: 0 54px 20px 19px;} /* 2.4. Footer / div#footer */ #footer {width: 900px; background: url(images/footer.gif) no-repeat bottom; overflow: hidden; margin-top: 6px; padding: 30px 0;} #footer .page-item-16, #footer .last {border: 0; margin: 0; padding: 0;} /* 2.4.1. Footer navigation / div#footNav */ #footNav {text-align: center;} #footNav li {display: inline; border-right: 1px solid #000;} #footNav li a {margin-right: 12px; padding-left: 12px;} /* 2.4.2. Copyright information / div#copy */ #copy {text-align: center; margin: 14px 0;} #copy li {display: inline; border-right: 1px solid #b5d0d1; margin-right: 12px; padding-right: 12px;} #copy a {color: #b5d0d1; text-decoration:none;} #copy a:hover {text-decoration:underline;}