/*
Theme Name: Kids on Computers
Theme URI: http://kidsoncomputers.org
Description: Kids on Computers
Version: 2.0
Author: lmnop design
Author URI: http://lmnopdesign.com/
*/

/* Yahoo Reset CSS: http://developer.yahoo.com/yui/reset/ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* End Yahoo Reset CSS */


body { font-family: Helvetica, 'Nimbus Sans L', Arial, sans-serif; font-size: 14px; color: #333; }

p, ul { margin-bottom: 1.4em; line-height: 140%; }

div.comment-author, div.comment-meta { line-height: 16px; }

em, i { font-style: italic; }
strong, b { font-weight: 700; }
ul { list-style: disc; list-style-position: inside; margin-bottom: 1.4em; }
li { }

a { color: #333; color: inherit; text-decoration: none; }
div#header a { color: #81d2f5; color: #47c0f5; }
ul#menu a { color: #fff; }
div#donate-button a { color: #fff; }

h1,h2,h3,h4,h5,h6 { margin-bottom: 0.5em; }


div#header { width: 880px; margin: 20px auto; padding: 0 40px 10px 40px; }

div#header h1 { font-family: Futura, 'Futura Std', 'Century Gothic', Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: -0.04em; color: #81d2f5; color: #47c0f5; font-size: 360%; margin-bottom: 0; }
div#header div.description { font-weight: 900; color: #aaa; font-size: 120%; }

div#header div#logo { float: right; }

div#menu-wrapper { background-color: #81d2f5; width: 100%; margin: 20px 0 40px 0; overflow: hidden; border-color: #47c0f5; border-style: solid; border-width: 3px 0; }

ul#menu { width: 912px; height: 40px; margin: 0 auto; padding: 0 40px; list-style: none; color: #fff; font-size: 140%; white-space: nowrap; }
ul#menu li { float: left; line-height: 40px; font-weight: 700; overflow: visible; text-align: center; margin: 0 6px; }
ul#menu li a { display: block; width: 100%; height: 100%; padding: 0 6px; }
ul#menu li a:hover { background-color: #47c0f5; }

ul#menu li.current_page_item a,
ul#menu:hover li.current_page_item a:hover { background-color: #47c0f5; }
ul#menu:hover li.current_page_item a { background-color: #81d2f5; }

div#main { width: 880px; padding: 0 40px; margin: 0 auto 60px auto; }

div#main:after,
ul#menu:after,
div.post:after { content: '.'; overflow: hidden; height: 0; width: 0; display: block; clear: both; }

div#content { width: 500px; float: left; overflow: hidden; }

div.post,
ol.commentlist { margin-bottom: 4em; }

div#content a,
div.entry a { color: #47c0f5; }
div#content a:hover,
div.entry a:hover { color: #81d2f5; }

div#content div.post h2,
div#content div.page h2,
h3#comments,
div#recent h2,
div#respond h3 { font-size: 180%; letter-spacing: -0.04em; color: #aaa; font-weight: 700; }

div#content div.post h2 a,
div#content div.page h2 a { color: #aaa; }

div#content div.post h2 a:hover,
div#content div.page h2 a:hover { color: #81d2f5; }

p.post-meta { font-size: 80%; color: #888; font-style: italic; }

div.wp-caption, div.entry img { background-color: #f8f8f8; border: 1px solid #eee; font-size: 80%; color: #666; padding: 7px; margin-bottom: 1em; }
div.wp-caption img { display: block; margin: 0 auto 0.5em auto; padding: 0; border: 0; }
div.wp-caption p { display: block; margin: 0 auto; padding: 0 5px; }

img.wp-smiley { margin: 0 !important; padding: 0 !important; background-color: none !important; border: 0 !important; }

p.taxonomy { background-color: #f8f8f8; color: #888; padding: 7px; font-size: 80%; border-color: #eee; border-width: 1px 0; border-style: solid; }

li.comment, li.pingback { padding: 15px 10px; }
li.comment.even, li.pingback.even { background-color: #f8f8f8; }
li.comment p, li.pingback p { clear: both; margin: 1.4em 0; }

div.comment-author img.avatar { float: left; margin-right: 7px; }

div#respond textarea#comment { width: 100%; }


div#sidebar { float: right; width: 340px; }
div#sidebar h3 { font-size: 140%; letter-spacing: -0.04em; color: #aaa; font-weight: 700; margin: 40px 0 1em 0; }

div#donate-button { width: 100%; text-align: center; color: #fff; font-family: Futura, 'Futura Std', 'Century Gothic', Helvetica, Arial, sans-serif; font-size: 240%; font-weight: 700; }
div#donate-button a { display: block; height: 100%; width: 100%; background-color: #81d2f5; line-height: 160%; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; border: 5px solid #47c0f5; }
div#donate-button a:hover { background-color: #8ed6f5; border-color: #58c6f5; }

div.post-149 small { color: #888; font-size: 80%; }


div#footer-wrapper { color: #fff; background-color: #81d2f5; border-top: 5px solid #47c0f5; }
div#footer { width: 880px; padding: 20px 40px; margin: 0 auto; }
div#footer p#copyright { text-align: center; }

.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }