/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family: Arial, Helvetica, sans-serif; background:#f0f0f0 url(../images/body-bg.jpg) center top no-repeat; position:relative; min-width:1100px; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } /*---- Button1 ----*/ p.button { position:absolute; right:0px; top:14px; height:33px; z-index:10; } p.button a.button1 { background:#af0000 url(../images/arrow.gif) right center no-repeat; display:block; font-size:140%; color:#fff; padding:0px 40px 0px 12px; letter-spacing:-1px; text-transform:uppercase; } p.button a.button1:hover{ text-decoration:none; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container { width:982px; margin:0 auto; position:relative; } /*---- Content ----*/ div#content { background:url(../images/content/content-bg.png) left top repeat-y; padding:30px 0px 15px; } /*---- Main ----*/ div#main { float:right; width:645px; margin-bottom:57px} /*---- Sidebar ----*/ div#sidebar { float:left; width:321px; } /*---- Footer ----*/ div#footer { padding:0px 20px 20px; clear:both; position:absolute; bottom:0; left:350px; width:590px; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ .ui-tabs-hide { display:none; } /*---- Sidebar ----*/ div#sidebar h2{ font-size:210%; color:#fff; line-height:21px; margin-bottom:10px; } /*---- Sidebar - Logo ----*/ div#sidebar div.logo { margin:-13px 0 20px 42px; position:relative; } div#sidebar div.logo h1 { float:left; margin-left:30px; } div#sidebar div.logo h1 a { background:url(../images/content/sidebar/logo.png) left top no-repeat; width:168px; height:0px; padding-top:127px; overflow:hidden; display:block; } /*---- Main Navigation ----*/ div#main-navigation ul li{ float:left; padding:5px 20px;} div#main-navigation ul li a { float:left; text-decoration:none; font-size:120%; } /*---- Post ---*/ div.post { padding:0px 30px; } div.post h1 { font-size:180%; margin-bottom:10px; color:#e9dd1f; } div.post h2 { font-size:160%; margin-bottom:10px; color:#fff; } div.post h3 { font-size:140%; color:#fff; margin-bottom:24px; } div.post h4 { font-size:120%; margin-bottom:10px; color:#fff; } div.post h5 { font-size:100%; margin-bottom:10px; color:#fff; } div.post p { color:#fff; line-height:1.4em; font-size:120%; margin-bottom:20px; display:block; } div.post p a { color:#57b7e7; } div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:120%; color:#fff; } div.post li a{color:#57b7e7;} div.post li ul, div.post li ol { margin-bottom:0px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } div.post li p { margin-bottom:10px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*---- Footer - Navigation ---*/ div#footer p { font-size:110%; color:#fff; margin-top:25px; } div#footer p a{ color:#79aad1; } /*---- Common Boxes & Containers ----*/ /*---- Box1 ----*/ div.box1 { margin-bottom:14px; } div.box1 div.top{ background:url(../images/content/sidebar/box1-top.png) bottom left no-repeat; height:3px; line-height:3px; } div.box1 div.middle { background:url(../images/content/sidebar/box1-middle.png) left top repeat-y; } div.box1 div.bottom { background:url(../images/content/sidebar/box1-bottom.png) left bottom no-repeat; height:11px; line-height:11px; } /*---- Box2 ----*/ div.box2 div.top-left{ background:url(../images/content/box2-top-left.png) left top no-repeat; height:10px; padding-left:10px; line-height:10px; } div.box2 div.top-left div.top-right{ background:url(../images/content/box2-top-right.png) right top no-repeat; height:10px; padding-right:9px; line-height:10px; } div.box2 div.top-left div.top-right div.top-middle{ background:url(../images/content/box2-top-middle.png) left top repeat-x; height:10px; line-height:10px; } div.box2 div.middle-left{ background:url(../images/content/box2-middle-left.png) left top repeat-y; padding-left:3px; } div.box2 div.middle-left div.middle-right{ background:url(../images/content/box2-middle-right.png) right top repeat-y; padding-right:2px; } div.box2 div.middle-left div.middle-right div.middle{ background:#9e0000; padding:4px 14px; } div.box2 div.bottom-left{ background:url(../images/content/box2-bottom-left.png) left bottom no-repeat; height:10px; padding-left:10px; line-height:10px; } div.box2 div.bottom-left div.bottom-right{ background:url(../images/content/box2-bottom-right.png) right bottom no-repeat; height:10px; padding-right:10px; line-height:10px; } div.box2 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/content/box2-bottom-middle.png) left bottom repeat-x; height:10px; line-height:10px; } /*---- Box3 ----*/ div.box3 div.top-left{ background:url(../images/content/box3-top-left.gif) left top no-repeat; height:10px; padding-left:10px; line-height:10px; } div.box3 div.top-left div.top-right{ background:url(../images/content/box3-top-right.gif) right top no-repeat; height:10px; padding-right:10px; line-height:10px; } div.box3 div.top-left div.top-right div.top-middle{ background:url(../images/content/box3-top-middle.gif) left top repeat-x; height:10px; line-height:10px; } div.box3 div.middle-left{ background:url(../images/content/box3-middle-left.gif) left top repeat-y; padding-left:3px; } div.box3 div.middle-left div.middle-right{ background:url(../images/content/box3-middle-right.gif) right top repeat-y; padding-right:3px; } div.box3 div.middle-left div.middle-right div.middle{ background:url(../images/content/box3-middle-bg.gif) left top repeat; padding:4px 14px; } div.box3 div.bottom-left{ background:url(../images/content/box3-bottom-left.gif) left bottom no-repeat; height:10px; padding-left:10px; line-height:10px; } div.box3 div.bottom-left div.bottom-right{ background:url(../images/content/box3-bottom-right.gif) right bottom no-repeat; height:10px; padding-right:10px; line-height:10px; } div.box3 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/content/box3-bottom-middle.gif) left bottom repeat-x; height:10px; line-height:10px; } /*---- Box4 ----*/ div.box4 div.top-left{ background:url(../images/content/box4-top-left.gif) left top no-repeat; height:10px; padding-left:10px; line-height:10px; } div.box4 div.top-left div.top-right{ background:url(../images/content/box4-top-right.gif) right top no-repeat; height:10px; padding-right:10px; line-height:10px; } div.box4 div.top-left div.top-right div.top-middle{ background:url(../images/content/box4-top-middle.gif) left top repeat-x; height:10px; line-height:10px; } div.box4 div.middle-left{ background:url(../images/content/box4-middle-left.gif) left top repeat-y; padding-left:3px; } div.box4 div.middle-left div.middle-right{ background:url(../images/content/box4-middle-right.gif) right top repeat-y; padding-right:3px; } div.box4 div.middle-left div.middle-right div.middle{ background:#737373; padding:4px 14px; } div.box4 div.bottom-left{ background:url(../images/content/box4-bottom-left.gif) left bottom no-repeat; height:10px; padding-left:10px; line-height:10px; } div.box4 div.bottom-left div.bottom-right{ background:url(../images/content/box4-bottom-right.gif) right bottom no-repeat; height:10px; padding-right:10px; line-height:10px; } div.box4 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/content/box4-bottom-middle.gif) left bottom repeat-x; height:10px; line-height:10px; } /*---- Box5 ----*/ div.box5 { margin-bottom:14px; } div.box5 div.top{ background:url(../images/content/main/box5-top.png) bottom left no-repeat; height:4px; line-height:4px; } div.box5 div.middle { background:url(../images/content/main/box5-middle.png) left top repeat-y; padding:10px 16px 17px; } div.box5 div.bottom { background:url(../images/content/main/box5-bottom.png) left top no-repeat; height:12px; line-height:12px; } /*---- Box6 ----*/ div.box6 { background:url(../images/content/main/box6-middle.gif) left top repeat-y; height:auto; line-height:normal; } div.box6 div.box6-top{ background:url(../images/content/main/box6-top.gif) top left no-repeat; height:auto; line-height:normal; } div.box6 div.box6-top div.box6-bottom { background:url(../images/content/main/box6-bottom.gif) left bottom no-repeat; padding:10px 18px 20px; height:auto; line-height:normal; } /*---- Box7 ----*/ div.box7 div.top{ background:url(../images/content/box7-top-middle.gif) left top repeat-x; } div.box7 div.top div.top-left{ background:url(../images/content/box7-top-left.gif) left top no-repeat; } div.box7 div.top div.top-left div.top-right{ background:url(../images/content/box7-top-right.gif) right top no-repeat; height:7px; line-height:7px; } div.box7 div.middle{ background:#808080 url(../images/content/box7-middle.gif) left bottom repeat-x; padding:0; } div.box7 div.middle div.middle-left { background:url(../images/content/box7-middle-left.gif) left top repeat-y; } div.box7 div.middle div.middle-left div.middle-right { background:url(../images/content/box7-middle-right.gif) right top repeat-y; padding:10px 9px 1px 8px; } div#main div.box7 div.bottom{ background:url(../images/content/box7-bottom-middle.gif) left bottom repeat-x; height:7px; line-height:7px; margin-top:-7px; position:relative; } div#main div.box7 div.bottom div.bottom-left{ background:url(../images/content/box7-bottom-left.gif) left bottom no-repeat; } div#main div.box7 div.bottom div.bottom-left div.bottom-right{ background:url(../images/content/box7-bottom-right.gif) right bottom no-repeat; height:7px; line-height:7px; } /*---- Box8 ----*/ div.box8 div.top { background:#e0e0e0; } div.box8 div.top-left { background:url(../images/content/box8-top-left.png) no-repeat top left; } div.box8 div.top-right { background:url(../images/content/box8-top-right.png) no-repeat top right; } /*---- Box9 ----*/ div.box9 div.top { background:url(../images/content/box9-top-bg.gif) no-repeat left bottom; height:6px; } div.box9 div.middle { background:url(../images/content/box9-middle-bg.gif) repeat-y left top; padding:0 4px 0 1px; } div.box9 div.bottom { background:url(../images/content/box9-bottom-bg.gif) no-repeat left top; height:6px; } /*---- Buttons ----*/ /*---- Button2 ----*/ a.button2{ background:url(../images/content/button2.png) left top no-repeat; display:block; float:left; height:31px; padding-left:14px; } a.button2 span{ background:url(../images/content/button2.png) right top no-repeat; display:block; float:left; height:31px; font-size:140%; color:#fff; padding-right:40px; margin-right:-14px; position:relative; line-height:31px; font-weight:bold; } a.button2:hover , a.button3:hover , a.button4:hover{ text-decoration:none; } /*---- Button3 ----*/ a.button3{ background:url(../images/content/button3.png) left top no-repeat; display:block; height:31px; padding-left:14px; } a.button3 span{ background:url(../images/content/button3.png) right top no-repeat; display:block; float:left; height:31px; font-size:140%; color:#fff; padding-right:48px; margin-right:-14px; position:relative; line-height:31px; font-weight:bold; } /*---- Button4 ----*/ a.button4{ background:url(../images/content/button4.png) left top no-repeat; display:block; height:39px; padding-left:18px; } a.button4 span.right{ background:url(../images/content/button4.png) right top no-repeat; display:block; float:left; height:39px; font-size:130%; text-transform:uppercase; color:#39556c; padding-right:48px; margin-right:-25px; position:relative; padding-top:11px; } /*---- Button5 ----*/ a.button5{ background:url(../images/content/button5.png) left top no-repeat; display:block; height:22px; padding-left:15px; margin-right:11px; } a.button5 span{ background:url(../images/content/button5.png) right top no-repeat; display:block; float:left; height:22px; font-size:110%; color:#ffffff; padding-right:24px; margin-right:-11px; position:relative; line-height:22px; font-weight:bold; } a.button5:hover { text-decoration:none; } /*---- Button6 ----*/ a.button6{ background:url(../images/content/button6.png) left top no-repeat; display:block; height:39px; padding-left:15px; } a.button6 span{ background:url(../images/content/button6.png) right top no-repeat; display:block; float:right; height:39px; font-size:110%; color:#39556c; padding-right:40px; margin-right:-19px; position:relative; padding-top:10px; } a.button6:hover { text-decoration:none; } /*---- Button7 ----*/ a.button7{ background:url(../images/content/button7.png) left top no-repeat; display:block; height:31px; padding-left:14px; margin-right:20px; } a.button7 span{ background:url(../images/content/button7.png) right top no-repeat; display:block; float:left; height:31px; font-size:140%; color:#fff; padding-right:48px; margin-right:-14px; position:relative; line-height:31px; font-weight:bold; } a.button7:hover { text-decoration:none; } /*---- Button8 ----*/ a.button8{background:url(../images/content/button8-bg.gif) repeat-x; height:30px; width:160px; line-height:30px; color:#57b7e7; font-weight:bold; display:block; font-size:120%; } a.button8:hover{text-decoration:none;} /*---- Twitter & Facebook ----*/ a.button8 span.twitter{ background:url(../images/content/twitter-bg.png) no-repeat 5px center; padding-left:25px; display:block;} a.button8 span.facebook{ background:url(../images/content/facebook-bg.png) no-repeat 5px center; padding-left:25px; display:block;} /*---- Lists ----*/ /*---- List2 ----*/ ul.list1 li { float:left; margin:0px 5px 16px 0px; } ul.list1 li p{ font-size:120%; color:#fff; font-weight:bold; line-height:23px; } ul.list1 li p a{ color:#fff; } ul.list1 li.last{ margin-right:0px; } /*---- List2----*/ ul.list2 li { margin-right:22px; width:80px; float:left; background:#6a6a6a; padding:6px 8px; height:120px; } ul.list2 li img { margin-bottom:3px; } ul.list2 li p{ font-size:110%; color:#fff; line-height:12px; } ul.list2 li p a{ color:#e9dd1f; } /*---- List3----*/ ul.list3{list-style:none; background:#FFF;} ul.list3 li{background:url(../images/content/list3-li-bg.gif) repeat-x; height:29px; margin-bottom:1px; width:142px; } /*---- List4----*/ ul.list4{list-style:none;} ul.list4 li{background:url(../images/content/list4-li-bg.gif) no-repeat left center; padding-left:10px; line-height:18px;} /*---- Overlays----*/ div.overlay{ display:block; background-image:none; position:relative; display:none; } div.overlay a.close-btn { background:url(../images/content/close.gif) 0 top no-repeat; display:block; width:78px; height:30px; position:absolute; right:15px; top:16px;} div.overlay a.close-btn:hover { border:0px; background:url(../images/content/close.gif) 0 bottom no-repeat; } div.overlay div.top{ background:url(../images/content/overlay1-top-left.png) 0 0 no-repeat; height:6px; line-height:6px; padding-left:6px; overflow:hidden;} div.overlay div.top div.right{ background:url(../images/content/overlay1-top-right.png) 100% 0 no-repeat; height:6px; line-height:6px; padding-right:6px;} div.overlay div.top div.middle{ background:#e0e0e0; height:6px; line-height:6px;} div.overlay img.dc-sign { position:absolute; bottom:0; right:0; z-index:10; } div.overlay div.middle{ background:#FFF; overflow:hidden;} div.overlay div.middle input.pledge-submit-btn { background:url(../images/content/proceed-pledges-btn.jpg) no-repeat top left ; width:247px; height:33px; border:0; margin-left:77px; position:relative; z-index:15;} div.overlay div.bottom{ background:url(../images/content/overlay1-bottom-left.png) 0 0 no-repeat; height:6px; line-height:6px; padding-left:6px;} div.overlay div.bottom div.right{ background:url(../images/content/overlay1-bottom-right.png) 100% 0 no-repeat; height:6px; line-height:6px; padding-right:6px;} div.overlay div.bottom div.middle{ background:#fff; height:6px; line-height:6px;} div.overlay h2{ font-weight:bold; font-size:250%; color:#79aad1; margin-bottom:5px; margin-right:75px;} div.overlay div.header{background:#e0e0e0; padding:10px 15px; } div.overlay div.header p{ font-size:12px; font-weight:bold; color:#666666; padding-bottom:10px;} div.overlay div.content { padding:48px 58px; z-index:20; position:relative; } div.overlay div.content p { color:#666666; font-size:160%; line-height:20px; } /*---- Overlays----*/ div.form p.field { background:url(../images/content/textbox.jpg) left top no-repeat; display:block; height:39px; padding-left:4px; width:130px; float:left; margin-right:12px; } div.form p.field span { background:url(../images/content/textbox.jpg) right top no-repeat; display:block; float:left; height:39px; color:#39556c; padding-right:4px; line-height:39px; } div.form p.field span input { background:none; font-weight:bold; color:#c2c2c2; border:0; font-size:110%; width:130px; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Box1 content----*/ div.box1 div.content { background:url(../images/content/sidebar/box1-middle-bg.gif) left bottom repeat-x; padding:16px 14px 14px; } /*---- Statement Box1 ----*/ div#statement.box1 div.middle{ padding:0px 2px; } div#statement div.inner{ padding:8px 14px 13px; background:url(../images/content/sidebar/statment-bg.gif) right bottom no-repeat; } div#statement div.inner p{ font-size:140%; color:#fff; line-height:23px; font-weight:bold; } /*---- Updates Box1 ----*/ div#updates.box1 div.middle{ padding:12px 16px 0px; } div#updates.box1 div.box2 div.middle{ padding:6px 15px 13px; } div#featured-videos div.description { background:url(../images/content/sidebar/description-bg.gif) left top no-repeat; padding:3px 46px 3px 46px; position:relative; margin-bottom:16px; } div#featured-videos div.description div.titles { position:relative; height:28px; width:197px; } div#featured-videos div.description div.titles div.title { height:28px; width:197px; overflow:hidden; } div#featured-videos div.description p { font-size:110%; color:#fff; font-weight:bold; line-height:14px; } div#featured-videos div.description p a{ color:#fff; } div#featured-videos div.description span.metadata { font-style:italic; color:#ff8383; line-height:14px; display:block; } div#featured-videos div.description a.previous { background:url(../images/content/sidebar/previous.gif) left top no-repeat; width:36px; height:32px; display:block; position:absolute; left:0px; bottom:2px; } div#featured-videos div.description a.next { background:url(../images/content/sidebar/next.gif) left top no-repeat; width:40px; height:34px; display:block; position:absolute; right:0px; bottom:0px; } div#featured-videos div.description a { text-decoration:none; } div#featured-videos div#mycarousel { height:169px; overflow:hidden; } div#featured-videos div#mycarousel ul li { width:254px; height:168px; float:left; } /*---- Updates Box1 - Button2 ----*/ div#updates a.button2 { margin-bottom:12px; } div#updates a.button2 span{ width:236px; } /*---- Socialable - Widget ----*/ div#socialable div.widget{ background:url(../images/content/border.gif) left top repeat-x; clear:both; margin:0px -15px; position:relative; width:319px; } div#socialable div.widget p{ font-size:110%; font-weight:bold; color:#fff; line-height:17px; } div#socialable div.widget p a{ color:#79aad1; } /*---- Socialable - Tweet ----*/ div#twitter { } div#twitter div.tweet { } div#twitter div.tweet div.avatar { float:left; margin-top:10px; } div#twitter div.tweet div.box2{ width:236px; position:relative; margin-left:50px; background:transparent; } div#twitter div.tweet div.box2 img.corner { position:absolute; left:-13px; top:17px; float:none; margin:0; z-index:10; } div#twitter.widget div.tweet div.box2 div.middle { padding:4px 8px 0px; } /*---- Socialable - Facebook ----*/ div#facebook h2 a { color:#fff; display:block; } div#facebook h2 a span.arrow { float:right; margin-top:-5px; position:relative; } div#facebook h2 a span { color:#79aad1; } div#facebook h2 a:hover { text-decoration:none; } div#facebook div.content{ padding:20px 16px 12px; background:none; } div#facebook div.content h2{ margin-bottom:0px; } /*---- Sponsors ----*/ div#sponsors ul.list1 li { width:93px; } div#sidebar div#sponsors.box1 div.bottom { background:url(../images/content/sidebar/box1-bottom1.png) left top no-repeat; height:3px; line-height:3px; } div#sidebar div#sponsors.box1 div.middle{ padding:0px 2px; } div#sidebar div#sponsors.box1 div.middle div.widget div.content{ padding:14px 14px 0px; } div#sidebar div#sponsors.box1 h2{ margin-bottom:26px; } /*---- Map ----*/ div#map { padding:0px 30px; position:relative; margin-bottom:24px; } div#map h1 { margin-bottom:0px; font-size:480%; margin-bottom:10px; color:#fff; } div#map h1 span{ font-size:40%; color:#e9dd1f; display:block; line-height:normal; margin-bottom:13px; } div#map div.box3 { position:relative; } /*---- Map - Ticker ----*/ div#ticker { position:absolute; left:17px; bottom:29px; background:url(../images/content/main/ticker-bg.png) left top repeat; width:532px; padding:10px; height:127px; } div#ticker h4 { color:#e9dd1f; text-align:center; font-size:210%; margin-bottom:10px; } div#ticker ul { margin:0px auto; width:492px; } div#ticker ul li{ float:left; list-style:none; width:90px; text-align:center; margin-right:33px; font-size:720%; color:#c30000; font-weight:bold; } div#ticker ul li.last { margin-right:0px; } div#ticker ul li small { display:block; font-size:35%; color:#fff; line-height:17px; } /*---- Community - Column ----*/ div#community h3 , div#riders h3 { font-size:280%; color:#fff; margin-bottom:24px; } div#community div.column { width:270px; } div#community div.column h5{ text-align:center; margin-bottom:27px; font-size:180%; margin-bottom:10px; color:#fff; } div#community div.column h5 span.inner { color:#c8c8c8; } div#community div.column p { line-height:17px; margin-bottom:10px; color:#fff; line-height:1.2em; font-size:120%; margin-bottom:20px; } div#community div.column p span { color:#b4b4b4; line-height:17px; } div#community div.column p span.stats { color:#e9dd1f; font-size:200%; font-weight:bold; line-height:17px; } div#community div.column a.button4 { margin:0px 0px 5px 10px; } div#community div.column a.button4 span.right { width:170px; } /*---- Community - Column - Status ----*/ div#community div.column div.status { background:url(../images/content/main/status.gif) left top no-repeat; padding-left:5px; margin-bottom:15px; } div#community div.column div.status div.right { background:url(../images/content/main/status.gif) right bottom no-repeat; padding:5px 15px 5px 0px;} div#community div.column div.status div.right span.progress-bar{ background:url(../images/content/main/progress-left.gif) left top no-repeat; padding-left:6px; display:block; height:29px; position:relative; } div#community div.column div.status div.right span.progress-bar span.right{ background:url(../images/content/main/progress-bar.gif) right bottom no-repeat; display:block; padding:0px 10px 0px 0px; height:29px;} div#community div.column div.status div.right span.progress-bar span.inner{ font-size:120%; color:#706b10; font-weight:bold; line-height:29px; position:absolute; left:5px; top:0px; background:none; width:80px; } div#community div.column p { margin-bottom:6px; } div#community div.column p small{ font-size:85%; clear:both; font-weight:bold; color:#c8c8c8; margin-bottom:0px; line-height:20px; } /*---- Riders ----*/ div#riders a.button3 { margin-right:18px; } /*---- Riders - Slideshow ----*/ div#slideshow.box4 div.middle{ padding:0px 44px 0px 72px; } div#slideshow { position:relative; width:610px; } div#slideshow a.previous{ position:absolute; left:0px; top:0px; background:url(../images/content/main/previous.jpg) left top no-repeat; width:45px; height:152px; display:block; } div#slideshow a.next{ position:absolute; right:0px; top:0px; background:url(../images/content/main/next.jpg) left top no-repeat; width:44px; height:152px; display:block; } div#slideshow a.previous:hover , div#slideshow a.next:hover { text-decoration:none; } div#slideshow ul.list2 { margin:0px;} div#slideshow ul.list2 li{ list-style:none; } div#slideshow ul.list2 li.last { margin-right:0px; } div#slideshow div#mycarousel1 .jcarousel-clip { width:462px; } /*---- Give Overlay ---*/ div#give.overlay { width:475px; } div#give a.button6 { width:200px; margin-left:50px; } div#give div.content p { margin-bottom:40px; text-align:center; } /*---- Hours Overlay ---*/ div#hours.overlay { width:475px; } div#hours div.content { padding:21px 23px 35px 14px; } div#hours div.content p { margin-bottom:30px; } div#hours div.content div.form p { margin-bottom:10px; } div#hours div.form p.hours , div#hours div.form p.hours span,div#hours div.form p.hours span input{ width:422px; } div#hours div.form p.submit { margin:0 auto; width:236px; } div#hours div.form p.submit input { background:url(../images/content/tally-hours-submit.jpg) no-repeat top left; width:236px; height:39px; border:0; cursor:pointer; } /*------------------------------------------ // 4.1 RAAM PARTNERS PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Sidebar ---*/ div.box9 div.sidebar{float:left; width:142px; position:relative;} ul.list3 li.header{background:url(../images/content/list3-h2-bg.gif) repeat-x; color:#505050; font-size:140%; line-height:29px; padding-left:10px; font-weight:bold; margin-bottom:1px; width:132px; } ul.list3 li.header-first{line-height:25px; background:url(../images/content/list3-h2-bg.gif) repeat-x; color:#505050; font-size:140%; padding-left:10px; font-weight:bold; margin-bottom:1px; width:132px;} ul.list3 li.last{background:url(../images/content/list3-li-last.gif) repeat-x; height:25px; line-height:25px; margin-bottom:0;} ul.list3 li a{color:#505050; font-weight:bold; line-height:29px; height:29px; font-size:110%; padding-left:10px; display:block; position:relative; z-index:10; } ul.list3 li.active{background:none; padding-top:2px; height:27px; position:absolute; top:30px; left:0px; z-index:5;} ul.list3 li.active a{text-decoration:none; background:url(../images/content/list3-a-hover-bg.gif) no-repeat; height:28px; margin:0 -10px -4px -7px; color:#706b10; padding-left:17px; position:relative;} ul.list3 li a:hover{text-decoration:none;} /*---- Main ---*/ div.box9 div.main{float:right; width:432px; padding:12px 18px 0 15px;} /*---- Main - Post ---*/ div.box9 div.main div.tabcontent {float:left; width:100%; overflow:hidden;} div.box9 div.main div.post{padding:0;} div.box9 div.main div.post h1{margin-bottom:5px;} div.box9 div.main div.post h2{color:#c8c8c8; font-size:130%;} div.box9 div.main div.post h3{font-size:110%; color:#c8c8c8; margin-bottom:0;} div.box9 div.main div.post h4{font-size:110%; color:#FFF; margin-bottom:15px;} div.box9 div.main div.post ul{list-style:none;} /*---- Main - Profile ---*/ div.box9 div.main div.post div.profile{border:1px solid #505050; padding:1px; background:#9d9d9d; margin:0 18px 10px 0; float:left;} div.box9 div.main div.post div.profile img.image{background:#585858; padding:7px; margin-bottom:0px;} a#twitter{margin-bottom:1px;}