/*
Theme Name: Cross Country 2010
Theme URI: http://cc2010something.com
Description: Cross Country 2010 Custom Theme
Version: 1.0
Author: Rob Williams, SpectraMedia (http://www.spectramedia.ca)
Tags: custom template
*/

/* The Usual Common Styles TM */

html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Arial', sans-serif;
    line-height:            1.4em;
    margin:                 0;
    padding:                0;
}

a { 
    font-weight: bold; 
    color: #9ab20c; 
    text-decoration: none; 
}
a:hover { color: #6dacf4; }

h1 {
    font-size:              2em;
    margin-bottom:          10px;
}

h2 {
    font-size:              1.4em;
}

h3#comments {
    margin-top:             50px;
}

h4 {
    margin:                 0 0 5px 0;
    padding:                0;
    font-weight:            normal;
    font-style:             italic;
    position:               relative;
    top:                    -3px;
}

h5 { color: black; }

.blog_post { border: 1px #ddd solid; position: relative; }
.blog_post_content { margin: 10px; }

.number_comments {
    position:               absolute;
    right:                  0;
    top:                    0;
    padding:                5px;
    border:                 1px #ddd solid;
    border-top:             0;
    border-right:           0;
}

ol#commentlist li {
    border:                 1px #ddd solid;
    list-style:             none;
    list-style-position:    outside;
    margin-bottom:          20px;
}
.comment_indent { margin: 10px; }
.comment_author, .comment_date {
    margin:                 0 0 0 50%;
    padding:                0;
    font-style:             italic;
    color:                  #aaa;
    font-family:            'Georgia', 'Times', serif;
    height:                 15px;
}



p { margin-bottom: 1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.centered { text-align: center; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

.poll {
    float:                  right;
    clear:                  both;
    margin-top:             20px;
}

.transpng {
    behavior:               url(/wp-content/themes/cc2010/iepngfix.htc);
}

ul li {
    padding-bottom:         1em;
}


/* Wordpress styles */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright { float: right; }
.alignleft { float: left; }

/* Custom styles */

.sky {
    position:           absolute;
    z-index:            1;
    top:                0px;
    width:              100%;
    height:             250px;
    background:         url(/wp-content/themes/cc2010/images/sky_bg.jpg) #fff repeat-x top left;
    padding:            0;
}

.green_footer {
    height:             150px;
    background:         url(/wp-content/themes/cc2010/images/green_bg.jpg) #fff repeat-x bottom center;
    position:           absolute;
    bottom:             0;
    width:              100%;
    height:             150px;
}

.footer, .push {
    width:                  100%;
    position:               relative;
    font-size:              0.7em;
    font-family:            'Helvetica', 'Arial', sans-serif;
}

.footer {
    height:                 40px;
/*    background:             url(/wp-content/themes/cc2010/images/green_bg.jpg) #fff repeat-x bottom center;*/
}

.push {
    height:                 40px;
}

.footer_bar {
    position:           relative;
    top:                13px;
    height:             27px;
    width:              920px;
    margin:             0 auto;
    color:              #aaa;
    z-index:            20;
}

.footer_bar_left {
    position:           absolute;
    top:                0;
    left:               0;
    z-index:            3;
}

.footer_bar_right {
    position:           absolute;
    top:                0;
    right:              0;
    z-index:            3;
}

.footer_bar_content {
    position:           absolute;
    background:         #D2D3D5;
    z-index:            20;
    left:               29px;
    height:             27px;
    width:              863px;
}

.footer_bar_links {
    position:           relative;
    top:                2px;
}

.footer_bar_copyright {
    position:           absolute;
    z-index:            20;
    top:                3px;
    right:              10px;
    color:              #636466;
}


.footer_bar a {
    color:              #636466 !important;
    font-weight:        normal !important;
}

.footer_bar a:hover {
    color:              black !important;
}

.container {
    width:              980px;
    margin:             0 auto -40px;
    position:           relative;
    z-index:            10;
    min-height:         100%;
    height:             auto !important;
    height:             100%;
}

.top_menu {
    width:              980px;
    height:             37px;
    margin:             0 auto;
}

div.top_menu_container {
    width:              100%;
    position:           absolute;
    top:                0;
    left:               0;
    z-index:            20;
}

div.top_menu {
    width:              980px;
    margin:             0 auto;
    position:           relative;
}

ul.top_menu {
    width:              922px;
    background:         #9ab20c;
    list-style-type:    none;
    list-style-position:inside;
    margin:             0 auto;
}

ul.top_menu li {
    display:            inline;
    padding:            0 2px;
    color:              #cde05e;
    font-size:          0.8em;
    position:           relative;
    top:                5px;
}

ul.top_menu li a, div.language_link a {
    font-weight:        bold;
    color:              white;
}

ul.top_menu li a:hover, div.language_link a:hover {
    color:              black;
}

.language_link_icon {
    position:           absolute;
    top:                5px;
    left:               -25px;
    z-index:            25;
}

.language_link_icon img {
    position:           absolute;
    z-index:            25;
}

.img_hidden { display: none; }

.language_link {
    position:           absolute;
    top:                5px;
    right:              30px;
    z-index:            21;
    font-size:          0.9em;
}

.spacer { height: 20px; }

div.green_box { margin: 20px 0 0; }

div.green_box_content {
    width:              944px;
    background:         white;
    border:             3px #9ab20c solid;
    border-top:         none;
    border-bottom:      none;
    padding:            0 15px;
}

div.green_box_top { width: 918px; height: 28px; background: white; margin: 0 auto; border-top: 3px #9ab20c solid; } 
div.green_box_btm { width: 918px; height: 28px; background: white; margin: 0 auto; border-bottom: 3px #9ab20c solid; } 

div.grey_box_content {
    width:              944px;
    background:         white;
    border:             3px #939598 solid;
    border-top:         none;
    border-bottom:      none;
    padding:            0 15px;
    font-size:          0.8em;
}

div.grey_box_top { width: 918px; height: 28px; background: white; margin: 0 auto; border-top: 3px #939598 solid; } 

.left_column {
    float:              left;
    width:              604px;
}

.right_column {
    float:              right;
    width:              325px;
}


img.top_menu_left, img.green_box_tl, img.green_box_bl, img.grey_box_tl, img.grey_box_bl { float: left; }
img.top_menu_right, img.green_box_tr, img.green_box_br, img.grey_box_tr, img.grey_box_br { float: right; }


div.picture_frame_container { height: 270px; position: relative; }
div.picture_frame { position: absolute; width: 650px; height: 267px; left: -35px; background: url(/wp-content/themes/cc2010/images/main_photo_frame.png) no-repeat; padding: 6px 20px 20px 5px;}
div.picture_frame img { position: relative; top: 8px; left: -5px; }
div.sponsors_and_countdown { height: 80px; padding: 10px 0; border-bottom: 10px #9ab20c solid; }

div.bluebtm { padding: 0 0 5px 0; border-bottom: 10px #6dacf4 solid; }
div.youtube { height: 272px; margin-top: 20px; }
div.weather, div.newsletter { padding: 10px 0; text-align: center; }

div.sponsor_logo_div {
    color:              #DDD;
    width:              39%;
    font-weight:        bold;
    float:              left;
}

/*
div.sponsor_logos {
    color:              #DDD;
    width:              39%;
    font-weight:        bold;
    float:              left;
    text-align:         center;
    position:           relative;
}

.sponsor_logo_div {
    position:           absolute;
    top:                0;
    display:            none;
}
*/

div.countdown_container {
    width:              60%;
    float:              right;
    color:              #626262;
    font-size:          0.8em;
    font-weight:        bold;
    text-align:         center;
}

div.countdown {
    font-size:          1.5em;
    padding:            5px 0;
}

.content {
    font-size:          0.8em;
    margin-top:         10px;
}

div.submenu {
    position:           absolute;
    top:                27px;
    left:               -5px;
    background:         black;
    border:             2px #9AB20C solid;
    border-top:         none;
    display:            none;
}

div.submenu a {
    color:              white;
    font-weight:        bold;
    font-size:          1.2em;
}

div.submenu a:hover {
    color:              #9AB20C !important;
}


ul.submenu {
    padding-bottom:     10px;
    list-style-type:    none;
    list-style-position:outside;
}

ul.submenu li {
    display:            block !important;
    padding:            0 10px;
    font-weight:        bold;
    white-space:        nowrap;
    position:           relative;
}

#elementary:hover > div {
    display:            block;
}

div.subsubmenu {
    position:           absolute;
    top:                -5px;
    left:               100%;
    background:         black;
    border:             2px #9AB20C solid;
    display:            none;
}

div.subsubmenu a {
    color:              white;
    font-weight:        bold;
    font-size:          1.6em;
}

div.subsubmenu a:hover {
    color:              #9AB20C !important;
}


ul.subsubmenu {
    padding-bottom:     10px;
    list-style-type:    none;
    list-style-position:outside;
}

ul.subsubmenu li {
    display:            block !important;
    padding:            0 10px;
    font-weight:        bold;
    white-space:        nowrap;
    position:           relative;
}


div#language_submenu {
    top:                32px;
    left:               -685px !important;
}

div#language_submenu a {
    font-size:          0.9em;
}
    
.language_in_native {
    padding-left:       5px;
}

.language_in_english {
    color:              #999;
    font-size:          0.8em;
    font-style:         italic;
    border-right:       1px #666 dotted;
    text-align:         right;
    padding-right:      5px;
}

.unicodebig {
    font-family:        "Arial Unicode MS","Microsoft Sans Serif","TITUS Cyberbit Basic",Code2000,Code2001,"MS Sans Serif",sans-serif;
}

.promo_image {
    top:                0;
    left:               0;
    position:           absolute !important;
    display:            none;
}

.promo_images {
    position:           relative;
}

.upper_right_logos {
    float:              left;
}

.frtpg_blogtitle { 
    margin:             0 !important;
    padding:            0 !important;
}

.frtpg_blogtitle a {
    font-size:          1.4em;
    font-weight:        bold;
}

.frtpg_blogdate {
    font-style:         italic;
    color:              #999;
}