/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

    Kubrick v1.5
    http://binarybonsai.com/kubrick/

    This theme was designed and built by Michael Heilemann,
    whose blog you will find at http://binarybonsai.com/

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/

/* ########################################################################## */

body { font-size: 9.0pt; font-family: Helvetica, Arial, Verdana, Sans-serif; color: #666666; text-align: center; }
    div#wrapper { min-width: 960px; padding-bottom: 10px; /*background: url('/wp-content/themes/chocolate/images/layout/shadows.png') no-repeat center 85px;*/ }
    
    a:link, a:visited { text-decoration: none; color: #5e9aec; }
    a:hover, a:active { text-decoration: underline; }
    
    /* LOGO */
    div.grid_4 { text-align: left; }
    
    /* MAIN NAVIGATION */
    #nav { margin-bottom: 10px; clear: both; }
        #nav li { display: inline; height: 40px; float: left; }
            #nav a { display: block; width: 100px; height: 40px; background: url('/wp-content/themes/chocolate/images/layout/sprites-global.png?v=3') no-repeat; text-indent: -6000px; text-align: left; }
                #nav #navLatest { width: 79px; background-position: 0 0; }
                    #nav .sel #navLatest, #nav #navLatest:hover { background-position: 0 -40px; }
                #nav #navAbout { width: 272px; background-position: -79px 0; }
                    #nav .sel #navAbout, #nav #navAbout:hover { background-position: -79px -40px; }
                #nav #navFeatured { width: 189px; background-position: -351px 0; }
                    #nav .sel #navFeatured, #nav #navFeatured:hover { background-position: -351px -40px; }
                #nav #navContests { width: 180px; background-position: -540px 0; }
                    #nav .sel #navContests, #nav #navContests:hover { background-position: -540px -40px; }
                #nav .empty { display: block; width: 180px; height: 40px; background: url('/wp-content/themes/chocolate/images/layout/sprites-global.png?v=3') no-repeat -540px 0; text-indent: -6000px; text-align: left; }
                    
    /* TYPE */
    sup { font-size: 7.5pt; position: relative; bottom: 3px; }
    sub { font-size: 7.5pt; position: relative; top: 3px; }
    
/* ########################################################################## */
    
    /* MAIN STORY + FULL ARTICLE */
    .grid_9 { text-align: left; }
        .bigImg { width: 520px; margin: 0 0 12px 0; }
        .bigImg img { width: 520px; height: auto; display: block; }
        div#mainStory, div#article { display: block; padding: 10px 10px 1px 10px; background: #262626; }
        div#mainStory img, div#article img { margin-bottom: 16px; }
        div#mainStory h1, div#article h1, div#bio h1 { font-size: 20pt; margin-bottom: 10px; color: #cccccc; line-height: 28px; }
            h1 a:link, h1 a:visited { font-size: 20pt; color: #cccccc; }
            h1 a:hover, h1 a:active { color: #5e9aec; }
        .grid_9 h2 { font-size: 13pt; color: #cccccc; text-align: left; margin: 4px 0 8px 0; line-height: 20px; }
        .grid_9 h3 { font-size: 9.0pt; color: #cccccc; text-align: left; margin: 8px 0 2px 0; line-height: 16px; }
        .grid_9 p { margin-bottom: 12px; }
        .grid_9 cite { display: block; font-weight: bold; clear: both; font-size: 9.0pt; color: #cccccc; margin: 0 0 16px 0; }
        .grid_9 ul { font-size: 9.0pt; margin-bottom: 12px; }
            .grid_9 ul li { color: #cccccc; padding-left: 30px; line-height: 16px; margin: 8px 0 4px 0; background: url('/wp-content/themes/chocolate/images/layout/bullet.gif') no-repeat 12px 4px; }
        .grid_9 ol { font-size: 9.0pt; margin: 0 0 12px 26px; }
            .grid_9 ol li { list-style-type: decimal; list-style-position: outside; color: #cccccc; padding-left: 5px; line-height: 16px; margin: 8px 0 4px 0; }
        .grid_9 object { display: block; margin-bottom: 12px; }
        
    /* OTHER STORIES */
    div#otherStories { padding: 10px; border-top: solid #464646 1px; background: #262626; }
    .grid_3 { width: 160px; }
        .grid_3 h3 { color: #5e9aec; margin: 0 0 8px 0; line-height: 16px; }
        .grid_3 h3 a:link, .grid_3 h3 a:visited { color: #5e9aec; }
        .grid_3 h3 a:hover, .grid_3 h3 a:active { color: #cccccc; text-decoration: underline; }
        div#otherStories .smallImg { width: 160px; margin: 0 0 12px 0; }
        div#otherStories .smallImg img { width: 160px; height: auto; display: block; }
        .grid_9 .grid_3 img { width: 160px; display: block; }
    .grid_6 { }
        .grid_6 h2 { display: block; margin-bottom: 8px; text-align: left; line-height: 18px; }
        .grid_9 .grid_6 p { margin-bottom: 0; }
            .grid_6 h2 a:link, .grid_6 h2 a:visited { font-size: 13pt; color: #cccccc; }
            .grid_6 h2 a:hover, .grid_6 h2 a:active { color: #5e9aec; text-decoration: underline; }
        span.date { color: #cccccc; float: left; font-style: italic; padding-right: 8px; line-height: 18px; }
        p { color: #cccccc; text-align: left; line-height: 18px; }
        p a { text-decoration: underline; }
            p span.readMore { padding-left: 20px; background: url('/wp-content/themes/chocolate/images/layout/bullet_grey.png') no-repeat 0 10px; float: none; display: block; padding-top: 8px; font-weight: bold; }
            /*p span.bullet5 { background-image: url('/wp-content/themes/chocolate/images/layout/bullet_orange.png'); }
            p span.bullet6 { background-image: url('/wp-content/themes/chocolate/images/layout/bullet_green.png'); }*/
            
    /* SIDEBAR */
    div#sidebar { width: 180px; border-top: solid #464646 1px; }
    
/* ########################################################################## */
    
    /* TWITTER FEED */
    div#socialNetworking { padding: 10px 10px 4px 10px; }
        div#socialNetworking img.join { float: left; }
    div#twitterFeed { width: 140px; min-height: 30px; text-align: left; padding: 0 10px 18px 10px; background: url('/wp-content/themes/chocolate/images/layout/bg_twitter.gif') no-repeat bottom left; margin-bottom: 4px; }
        div#twitterFeed p { color: #ffffff; line-height: 16px; word-wrap: break-word; }
            div#twitterFeed p a:link, div#twitterFeed p a:visited { color: #cccccc; }
            div#twitterFeed p a:hover, div#twitterFeed p a:active { text-decoration: underline; }
            
    /* SOCIAL NETWORKING ICONS */
    ul#social { width: 160px; padding: 0 10px 10px 10px; border-bottom: solid #666666 1px; }
    ul#social li { margin: 0; padding: 0; }
    ul#social li a { display: block; height: 16px; width: 160px; padding: 2px 0 0 20px; background: transparent url('/wp-content/themes/chocolate/images/layout/sprites-global.png?v=3') no-repeat scroll 0 0; text-align: left; color: #cccccc; font-weight: bold; }
    ul#social li a:hover { color: #60afe1; }
    #tw { background-position: -200px -100px !important; }
    #tw:hover { background-position: -200px -120px !important; }
    #fb { background-position: 0 -100px !important; }
    #fb:hover { background-position: 0 -120px !important; }
    
    /* SOCIAL MEDIA SHARE */
    div.shareBox { display: block; padding: 0 10px; height: 18px; margin-bottom: 10px; }
        div.shareBox p { display: block; float: left; }
        div.shareBox a { display: block; overflow: hidden; height: 16px; background: transparent url('/wp-content/themes/chocolate/images/layout/sprites-global.png?v=3') no-repeat 0 0; padding-left: 20px; }
        div.shareBox a.btnFb { background-position: 0 -120px; margin-right: 20px; }
        div.shareBox a.btnFb:hover { background-position: 0 -100px; }
        div.shareBox a.btnTw { background-position: -200px -119px; }
        div.shareBox a.btnTw:hover { background-position: -200px -99px; }
            
    /* POLL OF THE MONTH */
    div#poll { border-top: solid #666666 1px; padding: 10px; text-align: left; display: block; clear: both; }
        div#poll h3 { text-transform: uppercase; color: #cccccc; margin: 0; padding-bottom: 6px; line-height: 16px; }
        div#poll p { width: 160px; text-align: left; float: left; line-height: 15px; font-weight: bold; color: #cccccc; }
        div#poll img { margin-bottom: 8px; }
        div#poll ul { clear: both; display: block; padding-top: 10px; margin: 0 0 5px 0; }
            div#poll ul li { margin-bottom: 8px; display: block; clear: both; color: #cccccc; }
                div#poll ul li label { padding-left: 5px; width: 202px; line-height: 15px; color: #cccccc; }
                div#poll ul li input[type=radio] { float: left; margin: 0; }
                    div#poll ul li span.percent { color: #5e9aec; }
                div#poll div.actions { clear: both; display: block; text-align: right; padding-top: 5px; }
                div#poll input[type=button] { border: 0; height: 18px; float: left; width: 60px; background: url('/wp-content/themes/chocolate/images/layout/btn_submit.gif') no-repeat; cursor: pointer; }
                div#poll div.totalVoters { float: left; color: #cccccc; font-weight: bold; }
                div#poll div.viewResults, div#poll div.vote { float: right; text-align: right; }
                    div#poll div.viewResults a { color: #5e9aec; }
                    div#poll div.viewResults a:hover { text-decoration: underline; }
    
/* ########################################################################## */
    
    /* SPORTS COLLECTIONS - SIDEBAR */
    div#sportsCategories { border-top: solid #666666 1px; padding: 10px; text-align: left; display: block; }
        div#sportsCategories h3 { text-transform: uppercase; color: #cccccc; margin: 0; padding-bottom: 6px; line-height: 16px; }
        div#sportsCategories select { width: 152px; }
    
    /* CATEGORY NAV - SIDEBAR */
    .sidenav { padding: 10px; text-align: left; }
    .sidenav ul { line-height: 16px; }
    .sidenav ul li { }
    .sidenav h3 { text-transform: uppercase; color: #cccccc; margin: 0; padding-bottom: 6px; line-height: 16px; }
    
    /* TAG CLOUD */
    div#tagCloud { padding: 10px; display: block; text-align: left; }
        div#tagCloud h3 { text-transform: uppercase; color: #cccccc; margin: 0; padding-bottom: 6px; line-height: 16px; }
        div#tagCloud a { text-align: left; margin-right: 5px; text-transform: capitalize; line-height: 16px; color: #5e9aec; display: inline; }
        div#tagCloud a:hover { text-decoration: underline; }
    
    /* BLOG NAVIGATION */
    div.navigation { background: #ffffff; display: block; height: 24px; text-align: center; padding: 20px 10px 10px 10px; font-weight: bold; border-top: solid #464646 1px; }
        div.alignright { width: 250px; float: right; text-align: right; }
            div.alignright a { padding: 3px 20px 2px 0; background: url('/wp-content/themes/chocolate/images/layout/bullet_fwd.png') no-repeat center right; padding-right: 20px; }
        div.alignleft { width: 250px; float: left; text-align: left; }
            div.alignleft a { padding: 3px 0 2px 20px; background: url('/wp-content/themes/chocolate/images/layout/bullet_back.png') no-repeat center left; }
            
    /* CONTRIBUTORS */
    div#contributors { padding-top: 8px; margin: 20px 0 0 240px; background: #eeeeee; text-align: left; }
        div#contributors h3 { text-transform: uppercase; color: #000000; margin: 0; padding: 0 10px 6px 10px; line-height: 16px; text-align: left; }
        div#contributors img { width: 160px; margin-bottom: 8px; }
            div#contributors h4 a:link, div#contributors h4 a:visited { text-decoration: underline; color: #333333; display: block; margin-bottom: 4px; }
            div#contributors h4 a:hover, div#contributors h4 a:active { text-decoration: none; color: #5e9aec; }
        div#contributors p { margin-bottom: 12px; line-height: 16px; color: #666666; }
    div#bio { padding: 10px; background: #262626; }
    
/* ########################################################################## */

    /* SEARCH */
    div#searchBox { width: 160px; height: 21px; margin-bottom: 28px; padding: 10px; background: #464646; display: block; }
    #searchform { margin: 0; padding: 0; clear: both; display: block; }
        #searchform input#s { width: 132px; height: 14px; padding: 2px 4px; font-size: 9pt; float: left; border: solid #666666 1px; background: url('/wp-content/themes/chocolate/images/layout/bg_search.gif') repeat-x top right; color: #cccccc; }
        #searchform #searchsubmit { float: right; margin: 2px 0 0 0; padding: 0; }
    div#bio { padding: 10px; background: #262626; }
    
/* ########################################################################## */

    /* TABLE */
    .grid_9 table { margin-bottom: 12px; border-collapse: collapse; border: solid #464646 1px; color: #cccccc; }
    .grid_9 td, .grid_9 th { border: solid #464646 1px; padding: 4px; vertical-align: top; }
    .grid_9 th { font-weight: bold; }
    .grid_9 table .centre { text-align: center; }
    .grid_9 table .left { text-align: left; }
    .grid_9 table .right { text-align: right; }
    
/* ########################################################################## */
    
    /* MEDIA */
    table.media { width: 100%; border: 0; }
        table.media td { width: 124px; padding: 0 8px 12px 0; text-align: center; line-height: 16px; vertical-align: top; border: 0; }
        table.media th { width: 124px; padding: 0 8px 8px 0; text-align: center; line-height: 16px; vertical-align: top; border: 0; }
            div#article table.media th img { width: 122px; display: block; border: solid #464646 1px; margin: 0; }
    
/* ########################################################################## */

    /* COMMENTS */
    div#comments { clear: both; background: #eeeeee; padding: 10px 0; }
        div#comments h4 { font-size: 14pt; color: #333333; text-align: left; line-height: 22px; border-bottom: solid #ffffff 1px; color: #333333; padding: 5px 10px 16px 10px; }
    ol.commentlist li.comment { border-bottom: solid #ffffff 1px; margin: 0; padding: 14px 10px; }
        ol.commentlist li.comment cite { color: #333333; clear: both; display: block; padding-top: 6px; margin-bottom: 4px; }
        div#comments p { color: #666666; }
        ol.commentlist li.comment p { color: #666666; padding: 0; margin: 0; }
        ol.commentlist li.comment span.date { color: #ee8d34; }
        
    /* LEAVE A REPLY */
    div#respond { padding: 0 10px; }
    #commentform input, #commentform textarea { font-family: Helvetica, Arial, Verdana, Sans-serif; font-size: 9.0pt; background: #ffffff url('/wp-content/themes/chocolate/images/layout/bg_textbox.gif') repeat-x left top; border: solid #ffffff 1px; color: #333333; padding: 6px 4px 4px 4px; }
    #commentform div.field { display: block; margin-bottom: 10px; }
        #commentform input[type=text] { width: 170px; margin: 0; }
        #commentform label { margin-left: 10px; color: #333333; }
            #commentform label span.req { color: #ee8d34; font-style: italic; padding-left: 4px; }
    #commentform textarea { width: 510px; margin-bottom: 10px; line-height: 18px; }
        #commentform input[type=image] { background: none; border: 0; padding: 0; }
        div#comments div#respond p { padding: 0; }
        
/* ########################################################################## */

    /* FOOTER */
    div#footer { background: #464646; width: 700px; height: 17px; display: block; text-align: right; padding: 10px 10px 9px 10px; color: #5e9aec; line-height: 16px; }
        div#footer div.left { float: left; }
        div#footer div.right { float: right; }
    div.cf { width: 700px; height: 18px; display: block; text-align: right; padding: 10px 10px 9px 10px; color: #666666; line-height: 16px; }
    div.cf a { color: #666666; }