/* @override http://www.wepsicklecell.org/_assets/_css/main.css */ body {background: #fff url(../_images/bg.jpg) 0 0 repeat-x; margin:0; font-family: Lucida Sans, Arial, Helvetica, sans-serif; font-size:12px; color:#707070;} a {color:#c41130; text-decoration:none;} a:hover {color:#999999; text-decoration:underline;} a.gibtn:hover img {filter:alpha(opacity=60); opacity:0.6;} p {color:#7a7a7a;} h1 {color:#4f4f4f; font-size:18px; font-weight:lighter;} h2 {color:#4f4f4f; font-size:14px; font-weight:lighter; margin-top:15px;} h2 sup {color:#ff0000; font-size:10px;} h2.red {color:#c41130;} h2.blue {color:#2d70aa;} h3{color:#4f4f4f; font-size:12px; font-weight:bold;} h1 span {font-size:14px;color:#B8B8B8;} ul, ol{ padding:10px 20px;} ol {padding-left:30px;} li {padding:0 5px 5px; list-style:disc;} ol li {list-style:decimal;} .fleft {float:left;} .fright {float:right;} .clear {clear:both;} #container {width:960px; margin:0 auto; padding:0 20px;} /********************/ /**** Navigation ****/ /********************/ #donatetoday {width:133px; height:69px; float:right;} #donatetoday a { background:transparent url(../_images/donatetoday.png) 0 0 no-repeat; display:block; height:69px; width:133px;} #donatetoday a:hover {background-position: 0 -5px;} #nav {float:right;} #interior #nav { background: transparent url(../_images/inbg.jpg) 0 0 repeat-x;} #interior #donatetoday { background: transparent url(../_images/inbg.jpg) 0 0 repeat-x; height:86px;} #navigationtier1 {height:58px; text-align:center; line-height:58px; width:827px;} #navigationtier1 a {margin: 20px 20px 0; display:block; height:18px; color:#fff; float:left;} #navigationtier1 a:hover {color:#ffff00;} #navigationtier1 a.nav_home {background: transparent url(../_images/mainnav.png) 0 0 no-repeat;width:43px;} #navigationtier1 a.nav_who {background: transparent url(../_images/mainnav.png) -45px 0 no-repeat;width:101px;} #navigationtier1 a.nav_what {background: transparent url(../_images/mainnav.png) -146px 0 no-repeat;width:100px;} #navigationtier1 a.nav_about {background: transparent url(../_images/mainnav.png) -248px 0 no-repeat;width:151px;} #navigationtier1 a.nav_events {background: transparent url(../_images/mainnav.png) -399px 0 no-repeat;width:57px;} #navigationtier1 a.nav_tribute {background: transparent url(../_images/mainnav.png) -457px 0 no-repeat;width:115px;} #navigationtier1 a.nav_home:hover, #navigationtier1 a.nav_homecurrent {background: transparent url(../_images/mainnav.png) 0 -18px no-repeat;} #navigationtier1 a.nav_who:hover, #navigationtier1 a.nav_whocurrent {background: transparent url(../_images/mainnav.png) -45px -18px no-repeat;} #navigationtier1 a.nav_what:hover, #navigationtier1 a.nav_whatcurrent {background: transparent url(../_images/mainnav.png) -146px -18px no-repeat;} #navigationtier1 a.nav_about:hover, #navigationtier1 a.nav_aboutcurrent {background: transparent url(../_images/mainnav.png) -248px -18px no-repeat;} #navigationtier1 a.nav_events:hover, #navigationtier1 a.nav_eventscurrent {background: transparent url(../_images/mainnav.png) -399px -18px no-repeat;} #navigationtier1 a.nav_tribute:hover, #navigationtier1 a.nav_tributecurrent {background: transparent url(../_images/mainnav.png) -457px -18px no-repeat;} #navigationtier2 {height:23px; padding-right:10px; padding-top:5px;} #navigationtier2 a {display:block; padding-left:12px; margin:0 8px; float:right; line-height:23px; color:#2d70aa; text-transform:uppercase; font-size:10px; text-decoration:none; background: transparent url(../_images/pxarrow.png) 0 center no-repeat;} #navigationtier2 a:hover {color:#c41130; background-position:2px center;} #navigationtier3 {width:90%; background-color:#d2cca6;height:30px; line-height:30px; color:#fff; font-size:10px; margin:-5px 0 30px;} #navigationtier3 a { line-height:30px; color:#4f4f4f; text-decoration:none; margin:0 20px; text-transform:capitalize;} #navigationtier3 a:hover, #navigationtier3 a.current {color: #fff;} #navigationtier3 a:focus, #navigationtier3 a:active {color: #ffff00;} /********************/ /****** Slider ******/ /********************/ #slideshow {width:960px; height:362px; clear:both;} #slideshow span{width:960px;height:362px;background:transparent url(../_images/slideroverlay.png) 0 0 no-repeat;position:absolute;z-index:10;} /********************/ /****** Icon Bar ******/ /********************/ #iconbar {width:960px; height:68px;} #iconbar a {width:180px; height:58px; padding: 10px 70px 0 70px; display:block; font-size:10px; float:left; background:none;color:#fff;} #iconbar a span {font-size:24px; color:#fff; font-weight:lighter; text-shadow: #4f4f4f 0 -1px 0} #iconbar a:hover {color:#fff; text-decoration:none;} #iconbar a.awareness {background: transparent url(../_images/iconbar.jpg) 0 0 no-repeat;} #iconbar a.education {background: transparent url(../_images/iconbar.jpg) -320px 0 no-repeat;} #iconbar a.hope {background: transparent url(../_images/iconbar.jpg) -640px 0 no-repeat;} #iconbar a.awareness:hover {background-position:0 -68px;} #iconbar a.education:hover {background-position:-320px -68px;} #iconbar a.hope:hover {background-position:-640px -68px;} /********************/ /****** Info Bar ******/ /********************/ #infobar {width:900px; height:108px; padding:30px; background: transparent url(../_images/infobarbg.jpg) 0 0 repeat-x; font-size:20px; color:#fff; line-height:26px; font-weight:lighter;} #infobar span {font-size:26px; color:#737373; font-weight:lighter;} #infobar span.learnmore {text-align:right; font-size:14px;} #infobar span.learnmore a {background:none;} #infobar span.learnmore a:hover {color:#fff; text-decoration:none; background:none;} #infobar #signup {float:right; width:315px; margin-left:30px;padding:10px 10px 10px 35px; background-color:#cecece; -moz-border-radius: 20px; -webkit-border-radius: 20px;} #infobar #signup h1 {font-size:16px; color:#999; margin-bottom:5px;} input, textarea {width:230px; height:40px; padding:5px; border:0; color:#E7E7E7; font-size:20px;} textarea {height:100px;} label {font-size:14px; color:#999; display:none;} input:hover, textarea:hover, input:focus, textarea:focus {color:#737373;} button {background: transparent url(../_images/submitarrow.png) center center no-repeat; height:49px; width:49px; border:0;} body form.contact input, body form.contact textarea {border:1px solid #cecece; margin-bottom:5px; width:450px;} button.formsubmit {background:none; background-color:#E9E9E9; border:1px solid #999; font-size:14px; color:#333; padding:5px; height: 40px; width:100px;} /********************/ /****** Content ******/ /********************/ #home #content, #interior #content {width:920px; padding:20px 20px 50px 20px; line-height:18px; color:#7a7a7a; background:#fff;} #home #content {} #interior #content {padding-top:0;} #interior #content.artspeakspg {background: #fff url(../_images/artspeaksbg.jpg) 0 0 no-repeat;} #interior #content.tributepg {background: #fff url(../_images/tributebg.jpg) 0 0 no-repeat;} #interior #content.artspeakspg h1.as {width:326px; height:105px; background: transparent url(../_images/artspeaks_logo_lg.png) 0 0 no-repeat; text-indent:-1000px; margin-top:110px;} #content #left a, #interior #content #invleft a {color:#c41130; padding-left:8px; text-decoration:underline; background: transparent url(../_images/aarrow.png) 0 center no-repeat;} #content #left a:hover, #interior #content #invleft a:hover {color:#999999; text-decoration:none; background: transparent url(../_images/aarrowo.png) 0 center no-repeat;} #content #left {float:left; width:56%;} #interior #content #left {padding-right:20px;} #interior #content #invleft {width:308px;padding: 0 20px; float:left;} #interior #content #invright {width:491px;margin-right:20px;padding:0 20px 15px; float:right;} #interior #content #invright a {color:#1669b2; line-height:33px;} #whatyoucando {margin: 0; width:246px; float:right;} #whatyoucando div {width:246px; margin-bottom:5px; height:59px; line-height:10px; text-align:right;} #whatyoucando div.vol {background: transparent url(../_images/whatyoucando.png) 0 -134px no-repeat;} #whatyoucando div.pst {background: transparent url(../_images/whatyoucando.png) 0 0 no-repeat;} #whatyoucando div.spk {background: transparent url(../_images/whatyoucando.png) 0 -67px no-repeat;} #whatyoucando div.org {background: transparent url(../_images/whatyoucando.png) 0 -201px no-repeat;} #whatyoucando div.fol {background: transparent url(../_images/whatyoucando.png) 0 -268px no-repeat;} #whatyoucando div.hlp {background: transparent url(../_images/whatyoucando.png) 0 -334px no-repeat;} #whatyoucando div.vol:hover {background: transparent url(../_images/whatyoucando.png) -246px -134px no-repeat;} #whatyoucando div.pst:hover {background: transparent url(../_images/whatyoucando.png) -246px 0 no-repeat;} #whatyoucando div.spk:hover {background: transparent url(../_images/whatyoucando.png) -246px -67px no-repeat;} #whatyoucando div.org:hover {background: transparent url(../_images/whatyoucando.png) -246px -201px no-repeat;} #whatyoucando div.fol:hover {background: transparent url(../_images/whatyoucando.png) -246px -268px no-repeat;} #whatyoucando div.hlp:hover {background: transparent url(../_images/whatyoucando.png) -246px -334px no-repeat;} #home #content #left #whatyoucando a {width: 156px; padding: 14px 10px 0 80px; display: block; font-size:10px; line-height:10px; text-transform:uppercase; color:#7b7b7b; text-decoration:none; background:none;} #whatyoucando h1 { margin-bottom: 10px; font-weight: bold; color: silver; } #home #content #left #whatyoucando a span {font-size:16px; color:#4f4f4f;} #home #content #left #whatyoucando div.fol a {color:#fff;} #home #content #left #whatyoucando a:hover span, #home #content #left #whatyoucando div:hover a span {color:#c41130;} #interior #content #right #whatyoucando {margin-top:15px; float:none;} #interior #content #right #whatyoucando a {width: 156px; padding: 15px 10px 0 80px; display: block; font-size:10px; line-height:10px; text-transform:uppercase; color:#7b7b7b; text-decoration:none; background:none;} #interior #content #right #whatyoucando a span {font-size:16px; color:#4f4f4f;} #interior #content #right #whatyoucando div.fol a {color:#fff;} #interior #content #right #whatyoucando a:hover span, #interior #content #right #whatyoucando div:hover a span {color:#c41130;} #content #right {float: right; width:40%;} #content .right_artspeaks {margin-top:150px;} #factsabout {width:376px; background: #f6f6f6 url(../_images/factsbg.png) 0 0 no-repeat; margin-bottom:20px;} #factsabout h1 {color:#fff; font-size:12px; text-transform:capitalize;line-height:55px; padding-left:20px;text-shadow: #4f4f4f 1px 1px 1px} #factsabout li {list-style:none; padding: 7px 0; border-bottom:1px solid #d9d9d9; border-top: 1px solid #fff; color:#4f4f4f; line-height:18px;} #factsabout li:last-child {border-bottom:none;} #factsabout li:first-child {border-top:none;} #factsabout p {padding: 7px 20px;} #factsabout h2 {padding-top:0; margin-top:0;} #factsabout li.slide {font-size: 18px; border-bottom:0; line-height:22px;} #interior p {display:block; padding:10px 0; line-height:20px;} #interior p span.lg {font-size:21px; color:#4f4f4f;} #interior p span.sm {font-size:14px; line-height:18px;} div.include.burst { background: url(../_images/artSpeaks-Table-Burst.png) no-repeat right center; } .event {margin-top:10px; border-bottom:1px solid #cecece; padding-bottom:10px;} .event h3 {color:#2d70aa;} .event p strong {color:#666;} #interior #content img.display {margin:10px auto; display:block;} #interior #content img.logo {display:block; margin-bottom:20px; width:274px;} #archive {margin-bottom:15px;} #archive li {list-style:none;} .copyright {font-size:9px;} #content #left a.anchor {background:none;} /* main.css sicklecell Created by Aaron Crawford on 2011-09-09. Copyright 2011 Aaron Crawford. All rights reserved. */ h1.eventheader {width:90%; background-color:#e6e6e6; color:#fff; padding: 7px 15px; text-align:right; margin:10px 0; color:#333;} h2 span {color:#2d70aa;} p.getinvolved {color:#fff; font-size:16px; text-shadow: #4f4f4f 1px 1px 1px; margin-top:40px;} #interior #content #invleft p span.lg {font-size:20px;color:#fff;text-shadow: #4f4f4f 1px 1px 1px} hr {margin:20px; border:1px solid #cecece;} #interior #content.artspeakspg .gallery {background-color:#EFEFEF; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;padding:15px;margin-top:20px;text-align:center;} #interior #content.artspeakspg .gallery img {margin:0 5px 10px;} #interior #content.artspeakspg .gallery h2 {font-size:18px;margin-bottom:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;padding:10px;background-color:#2d70aa;color:#fff;} #interior #content.artspeakspg .gallery a {background:none;} /********************/ /****** Footer ******/ /********************/ #footer {width:100%; height:244px; padding-top:10px; background: transparent url(../_images/footerbg.jpg) 0 0 repeat-x; clear:both; font-size:10px; font-family: Arial, Helvetica, sans-serif;} #footer #footcolumns {width:960px; margin:0 auto;} #footer #col1, #footer #col2, #footer #col3 {border-right: 1px solid #444343; width:30%; float:left; padding:10px; min-height: 200px; * height:200px; filter:alpha(opacity=60); opacity:0.6;} #footer #col1:hover, #footer #col2:hover, #footer #col3:hover { filter:alpha(opacity=100); opacity:1.0;} #col1 {padding-left:20px; color: #fff;} #col1 a {display: block; float:left; height:15px; padding-left:20px; color:#fff; font-size:15px; line-height:15px; margin-left:10px;} #col1 a.hope {background: transparent url(../_images/iconssm.png) 0 bottom no-repeat;} #col1 a.education {background: transparent url(../_images/iconssm.png) 0 center no-repeat;} #col1 a.awareness {background: transparent url(../_images/iconssm.png) 0 top no-repeat;} #col1 a:hover {color:#ffff00; text-decoration:none;} #col1 a img {padding-left:40px; margin-top:15px;} #col1 h1 {font-weight:bold; color:#fff; font-size:12px;} #col1 p {margin-bottom:20px; line-height:12px; font-size:10px;} #col2 a { color:#666; padding:7px; font-size:11px; display:block; font-weight:bold; margin-left:10px; border-bottom: 2px solid #333333;width:110px;} #col2 a:last-child {border-bottom:none;} #col2 a:hover {color:#fff; border-bottom: 2px solid #fff; text-decoration:none;} #col2 a:hover:last-child {border-bottom:none;} #col3 {line-height:12px;} #footer #col3 {border-right:none;} #col3 a {color:#fff;} #col3 a:hover {color:#c41130; text-decoration:none;} #login {width:200px;margin: 100px auto;border:1px #999 solid;padding:20px 50px;background-color:#fff;} #login label {float:none;} #login input {border:1px solid #cecece;width:170px;} #login h1 {color:#666;font-size:18px;} div.social_wrapper { float: none; clear: both; margin-top: 80px; height: 37px; margin-right: auto; margin-left: auto; width: 180px; } .getsocial span{ float: left; color: white; font: italic bold 16px "Lucida Grande", Lucida, Verdana, sans-serif; margin-top: 8px; } .getsocial a {background: url(../_images/social-sprite.png) no-repeat 0 0;display: none;height: 36px!important;width: 36px!important; margin: 0; padding: 0!important; float: left; } .getsocial a.linkedin {background-position:0 0;} .getsocial a.facebook {background-position:-36px 0;} .getsocial a.youtube {background-position:-72px 0;} .getsocial a.twitter {background-position:-109px 0;} .getsocial a.flickr {background-position:-145px 0;}