/*  
Theme Name: Special Olympics Georgia
Theme URI: http://www.specialolympicsga.org
Description: A theme for the 2010 Special Olympics of Georgia
Version: 1.0
Author: Chris Rodriguez
Author URI: http://www.inathought.com
*/

@import url('reset.css');

img, a img, img a { border: 0; }
a, a:visited { text-deocration: none; outline: none; }
a:hover, a:active { text-decoration: underline!important; }
.clear { display: block; clear: both; }
.hide { display: none; }
.trans { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.floatleft { float: left; margin: 0 40px 0 0; }
.floatright { float: right; margin: 0 0 0 40px; }

body { background: #fff; font-family: arial, sans-serif; color: #504b50; margin: 10px 0 40px 0; }
#outer { width: 1200px; margin: 0 auto; background: url(images/bg-outer.gif) 10px 25px no-repeat; }
#inner { width: 984px; margin: 0 auto; }
#header { height: 61px; }
#homeimg { float: right; display: inline; width: 454px; }
#homelink { float: left; display: inline; width: 360px; }
#nav { background: url(images/bg-nav.jpg) 0 0 no-repeat; height: 44px; margin: 3px 0 0 0; }
body.home #feature { height: 471px; width: 984px; margin: 16px 0 0 0; overflow: hidden; position: relative; }
body.home #feature #featureToggle { position: absolute; width: 114px; height: 20px; bottom: 33px; right: 99px; z-index: 5; background: url(images/btn-featureToggle.gif) 0 0 no-repeat; }
body.home #feature #featureToggle #featureNext { display: block; float: right; width: 20px; height: 20px; margin-right: 3px; }
body.home #feature #featureToggle #featurePrev { display: block; float: left; width: 20px; height: 20px; margin-left: 3px; }
#contentContainer {  }

/* Main Navigation */
#nav ul { list-style-type: none; z-index: 10;}
#nav ul li { float: left; display: inline; z-index: 11; }
#nav ul li a { display: block; height: 44px; z-index: 12; }

.about { width: 84px; background: url(images/nav-about.jpg) 0 0 no-repeat; }
.about:hover, .about-active { width: 84px; background: url(images/nav-about_hover.jpg) 0 0 no-repeat; }
.publications { width: 99px; background: url(images/nav-publications.jpg) 0 0 no-repeat; }
.publications:hover, .publications-active { width: 99px; background: url(images/nav-publications_hover.jpg) 0 0 no-repeat; }
.becomeathlete { width: 137px; background: url(images/nav-becomeanathlete.01.jpg) 0 0 no-repeat; }
.becomeathlete:hover, .becomeathlete-active { width: 137px; background: url(images/nav-becomeanathlete_hover.01.jpg) 0 0 no-repeat; }
.volunteer { width: 86px; background: url(images/nav-volunteer.jpg) 0 0 no-repeat; }
.volunteer:hover, .volunteer-active { width: 86px; background: url(images/nav-volunteer_hover.jpg) 0 0 no-repeat; }
.torchrun { width: 84px; background: url(images/nav-torchrun.jpg) 0 0 no-repeat; }
.torchrun:hover, .torchrun-active { width: 84px; background: url(images/nav-torchrun_hover.jpg) 0 0 no-repeat; }
.support { width: 72px; background: url(images/nav-support.jpg) 0 0 no-repeat; }
.support:hover, .support-active { width: 72px; background: url(images/nav-support_hover.jpg) 0 0 no-repeat; }
.calendar { width: 78px; background: url(images/nav-calendar.jpg) 0 0 no-repeat; }
.calendar:hover, .calendar-active { width: 78px; background: url(images/nav-calendar_hover.jpg) 0 0 no-repeat; }
.sponsors { width: 80px; background: url(images/nav-sponsors.jpg) 0 0 no-repeat; }
.sponsors:hover, .sponsors-active { width: 80px; background: url(images/nav-sponsors_hover.jpg) 0 0 no-repeat; }
.contact { width: 90px; background: url(images/nav-contact.jpg) 0 0 no-repeat; }
.contact:hover, .contact-active { width: 90px; background: url(images/nav-contact_hover.jpg) 0 0 no-repeat; }

/* Subnavigation */
#subnavTop { width: 234px; height: 11px; overflow: hidden; background: url(images/bg-subnav-top.jpg) 0 0 no-repeat; }
#subnavBot { width: 234px; height: 11px; overflow: hidden; background: url(images/bg-subnav-bot.jpg) 0 0 no-repeat; }
#subnavBody { width: 234px; background: url(images/bg-subnav-fade.jpg) left bottom no-repeat; min-height: 423px; }
#subnav { width: 234px; min-height: 423px; float: left; margin-top: 16px; background: url(images/bg-subnav-body.jpg) 0 0 repeat-y; padding: 0; }
#subnav ul { list-style-type: none; width: 230px; margin-left: 1px; }
#subnav ul li { margin: 0; padding: 0; }
#subnav ul li a { display: block; padding: 7px 18px 7px 18px; color: #548db3; text-decoration: none; font-size: 12px; }
#subnav ul li ul { display: none; margin: 0; padding: 0; }
#subnav ul li.current_page_item a { background: #97ab6e; color: #fff; }
#subnav ul li.current_page_item ul { display: block; }
#subnav ul li.current_page_item ul li a { color: #504b50!important; font-size: 11px; padding-left: 25px; background: #dce3ce; }
#subnav ul ul li.current_page_item ul li ul li a { padding-left: 40px; }

/* Child content area (Main) */
#contentTop { width: 734px; height: 37px; overflow: hidden; background: url(images/bg-content-top.jpg) 0 0 no-repeat; }
#contentBot { width: 734px; height: 11px; overflow: hidden; background: url(images/bg-content-bot.jpg) 0 0 no-repeat; }
#contentBody { width: 734px; background: url(images/bg-content-fade.jpg) left bottom no-repeat; min-height: 423px; }
#content { width: 734px; min-height: 423px; float: right; margin-top: 16px; background: url(images/bg-content-body.jpg) 0 0 repeat-y; padding: 0; }
#content h1 { font-size: 16px; font-weight: bold; color: #e4eecf; margin: 10px 0 15px 20px; }
.content { padding: 20px; }
.content table { border: 0; font-size: 12px; line-height: 1.5; float: left; display: inline; }
#content p { font-size: 12px; line-height: 1.5; margin: 15px 0 15px 0; }
/*#content p img, #content img, .alignright { float: right; display: inline; margin: 10px 0 20px 30px; }*/
#content a { text-decoration: none; color: #548db3; }
#content a:hover { text-decoration: underline; }

/* Post content area */
#singleTop { width: 984px; height: 37px; overflow: hidden; background: url(images/bg-single-top.jpg) 0 0 no-repeat; }
#singleBot { width: 984px; height: 11px; overflow: hidden; background: url(images/bg-single-bot.jpg) 0 0 no-repeat; }
#singleBody { width: 984px; background: url(images/bg-single-fade.jpg) left bottom no-repeat; min-height: 423px; }
#single { width: 984px; min-height: 423px; margin-top: 16px; background: url(images/bg-single-body.jpg) 0 0 repeat-y; padding: 0; }
#single h1 { font-size: 16px; font-weight: bold; color: #e4eecf; margin: 10px 0 15px 20px; }
#single p { font-size: 12px; line-height: 1.5; margin: 15px 0 15px 0; }
#single a { text-decoration: none; color: #548db3; }

/* Search */
#search { float: right; display: inline; width: 174px; height: 44px; background: url(images/bg-search.jpg) 0 0 no-repeat #004c7e; overflow: hidden; position: relative; }
#search form { height: 19px; width: 150px; margin: 13px 0 0 12px; }
#search input.searchfield { width: 150px; height: 19px; background: url(images/bg-input-search.jpg) 0 0 no-repeat; border: 0; padding: 3px 11px 3px 11px; color: #96b9d0; font-size: 9px; font-style: italic; position: absolute; top: 13px; left: 13px; }
#search input.submit { border: 0; height: 13px; width: 13px; background: url(images/bg-btn-search.jpg) 0 0 no-repeat; position: absolute; top: 16px; right: 16px; }

/* Newsticker */
#newsticker { height: 23px; margin: 16px 0 0 0; background: url(images/bg-newsticker.jpg) 0 0 no-repeat #f8f8f9; padding: 11px 23px 0 23px; font-size: 12px; }
#newsticker p.date { float: left; width: 200px; }
#newsticker p.breadcrumb { float: right; margin: 0; width: 600px; }
#newsticker p.breadcrumb a { color: #004777; text-decoration: none; }
#newsticker p.breadcrumb span.active { color: #7f974c; }
.btn-donate { width: 115px; height: 24px; float: right; display: inline; background: url(images/btn-donatetoday.jpg) 0 0 no-repeat; margin-top: -6px; }
.btn-subscribe { width: 190px; height: 28px; float: right; display: inline; background: url(images/btn_signup.jpg) 0 0 no-repeat; margin-top: -8px; margin-left: 6px; }

/* Blogrolls */
.blogroll { float: left; display: inline; width: 190px; height: 153px; padding: 22px; position: relative; }
.blogrolla { background: url(images/bg-blogroll-a.jpg) 0 0 no-repeat #f8f8f9; margin: 16px 16px 0 0; }
.blogrollb { background: url(images/bg-blogroll-b.jpg) 0 0 no-repeat #f8f8f9; margin: 16px 16px 0 0; }
.blogrollc { background: url(images/bg-blogroll-c.jpg) 0 0 no-repeat #f8f8f9; margin: 16px 16px 0 0; }
.blogrolld { background: url(images/bg-blogroll-a.jpg) 0 0 no-repeat #f8f8f9; margin: 16px 0 0 0; }
.blogroll h2 { color: #548db3; margin-bottom: 15px; font-size: 14px; }
.blogroll p { font-size: 11px; line-height: 1.3; }
.blogroll p img { width: 45px; height: 45px; float: right; margin: 5px 0 10px 10px; }
.blogroll .readmore { position: absolute; bottom: 22px; right: 22px; }

/* Small Calendar */
#calendar { float: right; display: inline; width: 190px; height: 153px; margin: 16px 0 0 0; background: url(images/bg-calendar.jpg) 0 0 no-repeat #004c7e; color: #cecece; padding: 22px; }
#calendar .active, .green { color: #8aa254; font-weight: bold; }

/* Footer globals */
.footer01 h3, .footer02 h3, .footer03 h3 { color: #a7b783; text-transform: uppercase; width: 105px; float: left; display: inline; margin: 3px 0 0 19px; padding: 32px 0 32px 0; }
.footer03 h3 { padding: 14px 0 14px 0; }
.footer01.platinum-premier h3 { padding: 24px 0 0 0!important; }
.footerLeft { width: 33%; float: left; display: inline; margin: 10px 0 0 0; color: #666266; font-style: italic; font-weight: bold; font-size: 11px; }
.footerRight { width: 33%; float: right; display: inline; margin: 10px 0 0 0; font-style: italic; font-weight: bold; text-align: right; font-size: 11px; }
.footerLeft a, .footerRight a, .footer03 a { color: #004777; text-decoration: none; }
.footerDivider-tall { height: 101px; width: 40px; background: url(images/separator.jpg) center center no-repeat; display: block; float: left; }
.footerDivider-short { height: 66px; width: 40px; background: url(images/separator-short.jpg) center center no-repeat; display: block; float: left; }

/* Footer type 1 (sponsors, links) */
.footer01 { height: 101px; background: url(images/bg-footer-01.jpg) 0 0 no-repeat; margin-top: 16px; overflow: hidden; }
.footer01 h3 { /*background: url(images/separator.jpg) right center no-repeat;*/ }
.footer01 ul.csponsors { float: left; margin-right: 22px; height: 101px; }
.footer01 ul.csponsors li { float: left; text-align: center; vertical-align: middle; height: 101px; background: url(images/separator.jpg) left center no-repeat; padding: 15px 15px 0 15px; }
.footer01 ul.csponsors li img { margin-top: 2px; }
.footer01 ul.clinks { float: left; margin-right: 22px; height: 101px; }
.footer01 ul.clinks li { float: left; text-align: center; vertical-align: middle; height: 101px; background: url(images/separator.jpg) left center no-repeat; padding: 10px 10px 0 10px; }
.footer01 ul.clinks li img { margin-top: 30px; }

/* Footer type 2 (mission) */
.footer02 { height: 101px; background: url(images/bg-footer-02.jpg) 0 0 no-repeat; margin-top: 16px; }
.footer02 h3 { background: url(images/separator-green.jpg) right center no-repeat; }
.footer02 p { font-style: italic; font-weight: bold; font-size: 11px; color: #e1ecc9; width: 628px; padding: 18px 10px 0 0; margin-left: 145px; line-height: 1.4; }
.footer02 .btnlink { float: right; display: inline; margin: 62px 22px 0 0; }

/* Footer type 3 (address) */
.footer03 { height: 66px; background: url(images/bg-footer-03.jpg) 0 0 no-repeat; margin-top: 16px; }
.footer03 h3 { background: url(images/separator-short.jpg) right center no-repeat; }
.footer03 .p03-1 { float: left; display: inline; width: 480px; text-transform: uppercase; font-size: 11px; line-height: 1.4; margin: 18px 0 0 22px; font-weight: bold; }
.footer03 .p03-2 { float: right; display: inline; width: 270px; text-transform: uppercase; font-size: 11px; line-height: 1.4; margin: 18px 0 0 22px; font-weight: bold; }

/* Footer type 4 (random image banner) */
.footer04 { height: 326px; background: url(images/bg-footer-01.jpg) 0 0 no-repeat; margin-top: 16px; overflow: hidden; }
.footer04 ul.csponsors li img { margin-top: 2px; }

/* Footer adverts */
.footer-adverts { margin: 24px 0 16px 0; text-align: center; }
.footer-adverts ul { text-align: center; margin: 0; padding: 0; list-style: none; width: 100%!important; }
.footer-adverts ul li { display: inline; margin: 0; padding: 0 12px 0 12px; }

/* Graphics and images */
.gimg { border: 1px solid #ddd; background: #fff; padding: 5px; }
.gallery { display: block; float: left; display: inline; width: 84px; height: 84px; background: url(images/bg-thumbnail.jpg) 0 0 no-repeat; padding: 4px; overflow: hidden!important; margin: 0 15px 15px 0; }
.gallery img { width: 76px; height: 76px; overflow: hidden; }

/* Calendar */
.calendar-table { width: 100%; font-size: 12px; }
.calendar-date-switcher { padding: 3px; }
.calendar-heading { font-weight: bold; text-align: center; padding: 0 0 5px 0; }
.calendar-heading table { width: 100%; text-align: center; }
.calendar-month { font-size: 15px; }
.calendar-prev { text-align: left; width: 25%!important; }
.calendar-next { text-align: right; width: 25%!important; }
.normal-day-heading, .weekend-heading { width: 95px!important; padding: 3px; }
.day-with-date { padding: 3px; height: 110px!important; width: 134px!important; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f7f7f7; border-top: 1px solid #f7f7f7; }
.current-day { background: #f9f9f9; font-weight: bold; padding: 3px; }
.event { font-size: 11px; }
.event-title { display: none!important; }
.kjo-link p { display: none!important; }

#calendar .calendar-table { width: 100%; font-size: 11px; }
#calendar .calendar-date-switcher { display: none!important; }
#calendar .calendar-heading { font-weight: bold; text-align: center; background: transparent!important; border: none!important; padding-bottom: 20px; .padding-bottom: 0px; }
#calendar .calendar-month { font-size: 12px; font-weight: bold; }
#calendar .calendar-prev { text-align: left; width: 25%; }
#calendar .calendar-prev a, #calendar .calendar-next a { color: #548db3; }
#calendar a { color: #548db3; font-size: 11px; }
#calendar .calendar-next { text-align: right; width: 25%; }
#calendar .normal-day-heading, .weekend-heading { width: 27px!important; padding: 2px; display: none!important; }
#calendar .day-with-date { padding: 2px; height: 22px!important; border: 0!important; width: 27px!important; }
#calendar .current-day { background: none; font-weight: bold; padding: 2px; }
#calendar .event { font-size: 11px; }
#calendar .calnk { display: none!important; }

    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#f2f2f2; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        text-align:center;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        font-size:0.8em;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        font-size:0.8em;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
     }
     .no-events {

     }
     .day-without-date {
     }
     span.weekend {
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
     }
     .calendar-date-switcher select {
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
     }

.sponsorTable { width: 100%; border: 0; border-collapse: 0; }
.sponsorTable td { width: 33%; vertical-align: middle; }
.sponsorTable tr { border-bottom: 1px solid #f2f2f2; height: 75px; }