/*  
Theme Name: charlotte
Theme URI: http://www.blogohblog.com
Description: A wordpress theme specially made for charlotte
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body {background-color:#ebe8e8; font:12px Arial, Helvetica, sans-serif;}
#wrapper {width:982px; margin:20px auto;}
#header {background:#fff url(images/maintop.gif) left top no-repeat; width:982px; height:120px;}
#header h1 {padding:30px 0 0 30px; font-size:40px;}
#header h2 {padding:0 0 0 30px; color:#999999; font-weight:normal;}
#header_bottom {background:url(images/mainbottom.gif) left bottom no-repeat; width:982px; height:10px;}
#footer {background:#fff url(images/maintop.gif) left top no-repeat; margin-top:10px; width:982px; height:30px;}
#footer_bottom {background:url(images/mainbottom.gif) left bottom no-repeat; width:982px; height:10px;}
.copyright {padding:12px 0 0 15px;}
#blog {background:#fff url(images/blogtop.gif) left top no-repeat; width:500px; margin-top:10px; float:left;}
#blog_bottom {background:url(images/blogbottom.gif) left bottom no-repeat; width:500px; height:8px;}
.side{background:#ffffff url(images/sidetop.gif) left top no-repeat; width:230px; margin:10px 0 0 10px; float:left; color:#007dd9;}
.side_bottom {background:url(images/sidebottom.gif) left bottom no-repeat; width:230px; height:8px;}
.side a:link, .side a:visited{color:#007dd9; padding:0 3px 0 3px;}
.side a:hover {background-color:#007dd9; color:#000000;}

/**************** Links *********************/
a:link, a:visited{color:#007dd9;text-decoration:none;}
a:hover{color:#333333;}

/**************** Entry *********************/
.entry h2{padding-bottom:6px; border-bottom:1px dotted #666666; margin-bottom:10px;}
.entry h2 a {color:#007dd9;}
.entry h2 a:hover{color:#333333;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px 20px 10px 30px;text-align:justify; margin-bottom:20px;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta {background-color:#999999; padding:5px; font-size:12px; border:1px dotted #999999;}


#sidebar1{ padding:10px;}
#sidebar1 h2{ font-size:15px; color:#007dd9; text-transform:uppercase; border-bottom:1px dotted #999999;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;}
#sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ padding:10px;}
#sidebar2 h2{ font-size:15px;  color:#007dd9;text-transform:uppercase; border-bottom:1px dotted #999999;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;}
#sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar2 p{padding:0 5px;}

/**************** Misc *********************/
h2.search {padding:20px 0 0 30px; color: #FFF;}
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:30px; padding-bottom:20px;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Comments *********************/
#comments {font-size:13px; font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
.commentlist p{font-size:11px; padding-top:5px;}
#author, #email, #url {width:12em;font-size:13px; color:#666666;font-weight:bold;padding:3px; margin-right:5px; border:1px dotted #666666; background:#FFFFFF url(images/bloglight.gif) top left no-repeat;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px dotted #666666;font:13px Tahoma;color:#666666;font-weight:bold;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}