/*  
Creative Brainstorm Theme Based On: chronicles
Theme URI: http://www.blogohblog.com
Description: A chocolate colored Wordpress Theme by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> - Widget Ready, 3 Columns, Dark Brown, Rounded Edges, Web 2.0. This WordPress theme is categorized under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body {background-color:#FFFFFF; font:13px Trebuchet MS;}
#wrapper {width:950px; margin:0px auto; background-color:#FFFFFF; padding-top: 20px;}
#main {background-color:#cde0ec; padding:5px; width:940px; padding-bottom:10px; padding-top:10px;}

/**************** CB Logo *********************/
#cblogo {height:76px; width:216px; padding-bottom: 10px; margin-left: 10px; margin-top: 50px; background: url(images/cblogo.gif) no-repeat;color:#fff; float:left;}


/**************** Quotes *********************/
#quotes {height:100px; width:650px; padding:30px 10px 0px 0px; float:right; text-align:left; font-size:24px; color:#a7a7a9; font-family: palatino, times, serif; margin:0px;}

/**************** Search Bar *********************/
#searchbar {height:28px; width:190px; color:#FFFFFF; padding-top:10px; padding-bottom: 25px; padding-left:5px;}
#searchtext {width:190px; height:20px;}
#ls {width:190px; border:none; background-color: #FFFFFF;}

/**************** Header *********************/
#header {margin-top:0px; background-color: #fff;}
#header_left{width:950px; height:24px; background-color:#0076b9; float:left;}

/**************** Navigation *********************/
#navigation {padding-left:10px; margin-left:10px; margin-right:10px; margin-top:0px; float:left; }
#menu ul{list-style-type: none;margin: 0;padding: 0;}
#menu ul li{float:left;margin: 0 3px 0 0;height: 24px;overflow: hidden;display: inline;}
#menu ul li a{display: block;padding: 4px 10px 10px;text-decoration: none;color:#FFFFFF;text-decoration: none;}
#menu ul li a:hover{ color:#f2b30e;}
#menu ul li.current_page_item{background: #f2b30e url(images/tab_right.gif) no-repeat right top;}
#menu ul li.current_page_item a{background: url(images/tab_left.gif) no-repeat;color:#fff;}

/**************** Sidebars *********************/
#sidebar1{width:231px;  background-color:#0076b9; float:left; margin: 0px 0px 0px 2px;}
#sidebar1_top {width:231px; height:5px; background:url(images/sidebarl_top.gif) bottom left no-repeat;}
#sidebar1 h2{ font-size:12px; color: #0076b9; background:url(images/sidebarl_cat.gif) left no-repeat; width:210px; height:28px; text-transform:uppercase; padding-left:10px; padding-top:5px;}
#sidebar1 a{color:#CCCCCC; text-decoration:none;}
#sidebar1 a:hover{color:#F7931E;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-left:7px;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 20px;}
#sidebar1 p{padding:0 5px;}
#sidebar1_bottom {width:231px; height:5px; background:url(images/sidebarl_bottom.gif) top left no-repeat;}

#sidebar2{width:200px;  background-color:#9cb8c9; float:left; padding-right:0px;}
#sidebar2_top {width:200px; height:5px; background:url(images/sidebarr_top.gif) bottom left no-repeat;}
#sidebar2 h2{ font-size:12px; color: #ffffff; background:url(images/sidebarr_cat.gif) left no-repeat; width:180px; height:28px; text-transform:uppercase; padding-left:10px; padding-top:5px;}
#sidebar2 a{color:#0c4469; text-decoration:none;}
#sidebar2 a:hover{color: #f2b30e;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-left:5px;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 10px;}
#sidebar2 p{padding:0 5px;}
#sidebar2_bottom {width:200px; height:5px; background:url(images/sidebarr_bottom.gif) top left no-repeat;}


/**************** Sidebar2 Plugins *********************/

#recommended {height:100%; width:190px; color:#0076b9; padding-top:25px; padding-bottom: 10px; padding-left:5px;}
#recommended2 {height:100%; width:190px; color:#0076b9; padding-top:10px; padding-bottom: 10px; text-align:center;}

#syndicate {height:28px; width:195px; color:#0076b9; padding-top:25px; padding-bottom: 220px; padding-left:5px; }


/**************** Links *********************/
a:link, a:visited{color: #0076b9;text-decoration:none;}
a:hover{color: #f2b30e;}


/**************** Welcome *********************/
#welcometop {float:left; width:495px; height: 5px; background:url(images/welcometop.gif)top left no-repeat;}

#welcome {width:480px; float:left; background-color: #ffffff; padding:0px 0px 10px 0px; margin: 0px 5px 0px 5px; background:url(images/maintop.gif)top no-repeat;}
#welcome h2 { font-weight:normal; color:#0076b9; padding:10px 0px 0px 5px;  text-align:left; font-size:28px;}

#welcometext {height: 140px; padding:5px 0px 10px 10px; background:url(images/welcomebottom.gif)center no-repeat;}
#welcometext p {padding:5px 10px 10px 0px; font-size:14px; letter-spacing:.5px; text-align:justify;}


/**************** Blog Entry *********************/
#blog {width:495px; float:left;background-color: #ffffff; margin: 0px 5px 0px 5px;}

.post_title{float:left; width:400px; padding:10px 0px 10px 0px; margin-left: 15px; border-bottom:3px solid #f2b30e;}
.post{width:480;  padding:0px 10px 5px 0px;  text-align:justify; margin-left: 10px;}
.post a a:hover{
    background: url(images/extern.gif) 100% 50% no-repeat;
    padding-right: 15px;
     color: #0076b9;
    text-decoration: none;
}

.date {height:63px; width:57px; background:url(images/date.gif) left no-repeat;color:#ffffff; font-size:12px; text-align:center; padding-top:25px; float:left; }

.posted {color:#000000; padding: 0px; font-weight:bold;}

.page_title{float:left; width:455px; padding:7px 0px 10px 10px; border-bottom:3px solid #f2b30e;}
.page_title h2{color:#0076b9;}
.page{width:480;  height: 100%; padding:0px 10px 200px 14px;  text-align:justify; margin: 0px; background:url(images/bigbrain.gif)bottom left no-repeat;}

.entry h2{font-weight:normal; padding-top:10px; padding-left:0px;  text-align:left; font-size:24px;}
.entry h2 a{text-decoration:none; color:#0076b9;}
.entry h2 a:hover {color: #f2b30e;}
.tags { padding-bottom:0px; margin-bottom:10px; font-size:11px; }
.entry p{padding:0 10px 10px 0px;}

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: url(images/bullet.gif); padding-right: 7px;}


.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.meta {background:url(images/meta.gif) center no-repeat;  width:480; height:43px; padding-left:15px; padding-top:35px; margin:0px; font-size:11px; color:#FFFFFF;}
.meta a {color: #FFFFFF; text-decoration: none;}
h2.search {font-size:16px; color:#211100; letter-spacing:3px;}
.meta a:hover {color: #0076b9; text-decoration: none;}

#blogbottom {float:left; width:495px; height: 5px; background:url(images/blogbottom.gif)top left no-repeat;}

/**************** Comments *********************/
#comments {font-size:13px; font-weight:lighter; padding-top:10px; border-top:1px solid #d9e9f3; margin-top:10px;}
.commentlist{padding:20px;}
.commentlist p{font-size:11px; padding-top:5px;}
#author, #email, #url {width:12em;font-size:11px; color:#666666;font-weight:bold;padding:3px; margin-right:5px; border:1px solid #211100;}
#submit{font:bold 0.8em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #211100;font:13px Tahoma;color:#666666;font-weight:bold;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/**************** Misc *********************/
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 double #993300; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:20px;}
.alignleft{float:left; padding-left: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;}

/**************** Footer *********************/
#footer {height:28px; background: url(images/footer.gif) center no-repeat; color:#FFFFFF; font-size:11px;text-align:center;}
#footer a{color:#f2b30e;}
#footer a:hover {color:#9cb8c9;}
#copyright { padding-left:10px; padding-top:6px;}