/*  
Theme Name: Kelabu (Gray) 
Theme URI: http://www.blogohblog.com/
Description: Kelabu? Kelabu is Gray :) This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer.
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com/
*/

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:#333 url(images/bck.gif) repeat; color:#333; margin:0px;}
a:link { text-decoration: none; color : #666; border: none;}
a:active { text-decoration: none; color : #666; border: none;}
a:visited { text-decoration: none; color : #666; border: none;}
a:hover	{ text-decoration: none; color : #555353; border: none; cursor: crosshair; } 
#wrap { background:#fff url(images/wrap.gif) repeat; margin:0px auto; padding:0px; width:800px; border-left:#000 1px solid; border-right:#000 1px solid; }
#top { background:#fff url(images/top.gif) repeat-x; margin: 0px auto; padding: 0px; height: 50px; clear:both; }
#logo { float: left; width: 413px; margin-top:30px; overflow:hidden; }
#logo h1 { text-indent: -10000px; padding: 0px; margin: 0px; } 
#logo h1 a { display: block; background: url(images/logocopy.gif) no-repeat left top; height: 36px;}
#search { float: right; height: 30px; width: 300px; margin-top:35px; text-align:right; padding-right:10px; }
input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc url(images/s.gif) no-repeat right; margin-top: 2px;}
#left { margin: 10px 0; padding: 10px; float: left; width: 200px; margin-bottom:10px; }
#left h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
#left ul { list-style-type: none; margin: 0 ; padding: 0; }
#left ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#left ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
#left ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }
#right { margin-top:10px; line-height: 16px;  padding: 10px ; float: right; width: 550px; border-left:3px solid #f3f3f3; overflow:hidden; }
#right h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 0px; border-bottom: dashed 1px #ccc;}
#right img { border:0px #eeeeee solid; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.postmetadata { background:#f8fbfc url(images/posmeta.gif) repeat; font-size:10px; padding:5px; border-bottom:#666 1px solid; border-top:#666 1px solid; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.bobcomment { margin-bottom:3px;  padding:3px; background:#f8fbfc; border-left:#ccc 2px dotted;  }
.bobcomment img { border:0px; } 
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#submit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: left; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%; }
#wp-calendar #next a { padding-right: 10px; text-align: left; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: left; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #ccc; }


#footer { font-size: 11px; color: #fff; background: #fff url(images/foot.gif) repeat-x;	height: 28px; padding: 0px; margin-top: 0px; text-align:center; clear:both; }
#footer p { padding-top:10px; }
#footer a:link { text-decoration: none; color : #99cc00; border: none;}
#footer a:active { text-decoration: none; color : #99cc00; border: none;}
#footer a:visited { text-decoration: none; color : #99cc00; border: none;}
#footer a:hover	{ text-decoration: none; color : #fff; border: none; cursor: crosshair; }