/*
Theme Name: Chess Kids
Theme URI: http://chesskids.com.au/
Description: Chess Kids theme
Version: 1.0
Author: Tobias Cohen
Tags: chesskids

Chess Kids theme
*/

body { background: #e8f9fd top repeat-x url(img/background.png); font: 100%/1.8em Helvetica, Arial, sans-serif }
h2 { font-size: 1.2em; margin-bottom: 0.2em }
h3 { font-size: 1.1em; margin-bottom: 0.2em; clear: both }
p { margin: 0.6em 0 }
ul { list-style: disc }
q { font-style: italic }

a img { border: 0 }

.alignleft { float: left; margin-right: 15px }

/* Header */

#header { margin-top: 17px; }
#chesskids_logo { margin-left: -25px; margin-right: -20px; position: relative }
#banner { margin-right: -10px; position: relative }

#buttons { margin-top: 5px; }
    #buttons a { display: block; height: 70px; text-indent: -1000em; margin: 0 -10px; width: 160px; position: relative }
a#button_news { background: no-repeat url(img/button_news.png) }
a#button_kids { background: no-repeat url(img/button_kids.png) }
a#button_parents { background: no-repeat url(img/button_parents.png) }
a#button_teachers { background: no-repeat url(img/button_teachers.png) }
a#button_mental_muscles { background: no-repeat url(img/button_mental_muscles.png); width: 320px }

#sublinks { height: 32px; color: #e84024; font-size: 1.3em; overflow: hidden }
    #sublinks ul { float: left; list-style: disc }
        #sublinks ul li { float: left; padding-left: 30px; text-indent: -15px; margin-left: 40px }
            #sublinks ul li:first-child { padding-left: 0; text-indent: -20px; list-style: none }
    #sublinks a { color: #e84024 }
    
.section-kids #sublinks a, .section-kids #sublinks a { color: #e6c800 }
.section-parents #sublinks, .section-parents #sublinks a { color: #5dbb46 }
.section-teachers #sublinks, .section-teachers #sublinks a { color: #1ec1ef }

#search { float : right }
    #search_box { font-size: 1em }

/* Sidebar */

ul.widgets, ul.widgets li { margin: 0; padding: 0; list-style: none }
.textwidget { font-size: 0.86em; line-height: 1.6em }

#quick_links { margin-left: -10px; margin-right: -40px; padding: 20px 135px 20px 25px; width: 270px; height: 190px; background: url(img/quick_links.png); position: relative }
    #quick_links .widgets ul li { margin-left: 30px; list-style: disc; padding-left: 10px; }

#featured { background : repeat-y url(img/featured_middle.png); margin-left: -10px; margin-right: -40px; margin-bottom: 11px; width: 430px; position: relative }
#featured .top { background: top no-repeat url(img/featured_top.png); }
#featured .bottom { background: no-repeat url(img/featured_bottom.png);  height: 67px; }
#featured .inside { padding: 20px 55px 20px 25px; margin-bottom: -70px; min-height: 120px; position: relative }

#contact { background: url(img/contact.png); width: 430px; height: 262px; margin-left: -10px; margin-right: -40px; position: relative; text-indent: -1000em }
    #contact.nz { background: url(img/contactnz.png) }
    #contact #phone_number { display: block; position: absolute; left: 40px; top: 80px; width: 200px; height: 65px; z-index: 1 }
    #contact #email_link { position: absolute; left: 40px; top: 195px; width: 310px; height: 40px; z-index: 1 }

/* Content */

#content { background : repeat-y url(img/content_middle.png); margin-left: -39px; margin-right: -10px; width: 590px; position: relative }
#content .top { background: left top no-repeat url(img/content_top.png); position: relative }
#content .bottom { background: no-repeat url(img/content_bottom.png);  height: 70px; position: relative }
#content .inside { padding: 20px 25px 20px 55px; margin-bottom: -70px; min-height: 360px; position: relative; z-index: 1 }

.storybanner img, img.size-small, img.size-medium, img.size-large, img.size-full, .vvqbox { border : solid 1px #000; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.5); }
.author { font-size: 0.8em; line-height: 1.9em; font-style: italic; margin-top: -0.2em; margin-bottom: 0.4em; position: relative }
.storycontent { font-size: 0.86em; line-height: 1.6em; margin-bottom: 1.6em;  text-align: justify }
    .storycontent blockquote { padding-left: 60px; background: no-repeat 0 0 url(img/blockquote.gif); padding-right: 20px; }
body.page .storycontent, body.page .storycontent p:last-child { margin-bottom: 0 }

div.wp-caption { margin: 0 -4px }
div.wp-caption img { margin: 0 4px }
.wp-caption-text { font-weight: bold; text-align: center; margin: 0 }

#comment { width: 505px }

/* Footer */

#footer { line-height: 3em; font-size: 0.7em; color : #444 }
    #footer .links { text-align: right }