/*  
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:right; color:#007dd9;overflow: hidden;}
.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, .side .current-cat a {background-color:#0896ff; color:#000000;}
.side .current-cat li a {background-color:transparent; color:#000000;}

/**************** Links *********************/
a:link, a:visited{color:#41c4e5;text-decoration:none;}
a:hover{color:#ed008c;}

/**************** Entry *********************/
.entry h2{padding-bottom:6px; border-bottom:1px dotted #666666; margin-bottom:10px;}
.entry h2 a {color:#ed008c;}
.entry h2 a:hover{color:#333333;}
.entry p{padding:0 0 10px 0;}
.post{padding:10px 10px 10px 10px;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:#f9f9dc; padding:5px; font-size:12px; border:1px dotted #999999;}


#sidebars {
float:right;
display:block;
width:480px;
overflow: hidden;
}

#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;margin-bottom:10px;overflow: hidden;display:block;}
#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 10px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}

#sidebar3{ padding:10px;float:right;clear: both;}
#sidebar3 h2{ font-size:15px; color:#007dd9; text-transform:uppercase; border-bottom:1px dotted #999999;}
#sidebar3 ul{list-style-type:none;}
#sidebar3 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar3 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;}
#sidebar3 ul li ul li{border:0;display:block;margin:0 0px 10px;padding:0 0 5px 0px;}
#sidebar3 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;}


#sidebar1 h2, #sidebar2 h2 {
color:#ed008c;
}
#sidebar1 a, #sidebar2 a, #sidebar1 p, #sidebar2 p, #sidebar1, #sidebar2 {
color:#000;
}
#sidebar1 a:hover, #sidebar2 a:hover {
color:#000;
font-weight:bold;
}

.widget_categories ul li {
font-weight: bold;
}
.widget_categories ul ul li {
font-weight: normal;
margin:0px;
padding:0px;
}
#sidebar1 ul li ul li { padding-bottom:0px;}
#sidebar1 ul.children { margin-bottom:5px;}

.navigationsingle .alignleft a, .navigationsingle .alignright a {
line-height: 19px;
height:19px;
display:block;
float:left;
padding:0 10px;
}

.navigationsingle .alignleft img {
display:block;
margin:0 10px 0 0;
float:left;
}
.navigationsingle .alignright img {
display:block;
margin:0 0 0 10px;
float:right;
}

.navigationsingle .alignleft, .navigationsingle .alignright {
padding:0px;
}

.post .date {
border-bottom: 1px dotted #333;
padding: 0px;
display:table;
margin:0 0 5px 0;
}

.post h2 a {
text-shadow: 1px 1px #ccc;
}

select#cat {
margin:10px 0 0 0!important;
}