/*  
Theme Name: Bookish
Theme URI: http://www.blogohblog.com
Description: Bookish theme was designed and built by Jai Nischal Verma of <a href="http://www.blogohblog.com/" title="free wordpress themes">Blog Oh Blog</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 link under your footer.
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:10;outline:0;border:0;}
body{font-family:Verdana; font-size:12px;}
a, a:link, a:visited, a:active {text-decoration:none; color:#236079;}
a:hover{color:#333333;}
#wrapper {width:950px; margin:auto;}

/**************** Header *********************/
#logo {float:left; width:300px; margin-top:23px;}
#logo h1 {margin-bottom:10px;text-align:center;}
#logo h1 a {font-size:14px; color:#FFFFFF;}
#logo h2 {background-color:#BFBA8F; color:#000000; font-size:18px; font-weight:bold; padding:5px; text-align:center;-moz-border-radius:4px;}

/**************** Navigation *********************/
#navigation { width:600px; float:right; margin:35px 0 0 35px;}
#menu li{list-style:none; font-size:13px; display:inline;}
.page_item a:link, .page_item a:visited{color: #fff; float:left; display:block; margin-right:25px;padding:4px 8px 4px 8px; }
.page_item a:hover {color:#333;text-decoration:none;background-color:#fff; -moz-border-radius:4px;}
.current_page_item a:link, .current_page_item a:visited{float:left; display:block; margin-right:25px; color:#333; background-color:#fff; padding:4px 8px 4px 8px;-moz-border-radius:4px;}

/**************** Featured Post *********************/
.fpost {text-align:right; width:580px; padding:35px 10px 20px 10px; float:left; margin-bottom:40px;}
h3.ftitle {font-size:18px; padding-bottom:10px; text-transform:capitalize;}
h3.ftitle a:link, h3.ftitle a:visited {color:#3F3B17;}
.exc {line-height:18px; color:#5F5C41;}
.rmore { padding-top:15px;}
.rmore a:link, .rmore a:visited {display:block;  background-color:#215C74; padding:5px; color:#FFFFFF; font-size:11px; font-weight:bold; width:90px; float:right;-moz-border-radius:4px;}
.fpic {width:260px; height:140px; background-color:#BFBA8F; float:left; margin:40px 0 40px 10px; border:6px solid #DFDCC3;}
.fpic img {width:260px; height:140px;}

/**************** Blog *********************/
#blog {background:url(images/blog_bg.png) repeat-y;}
.lcol {width:580px; float:left; text-align:right;}
.post {padding:10px 0 35px 0; margin-left:10px; margin-bottom:15px; background:url(images/border.gif) bottom no-repeat;}
.post h2 { padding-bottom:10px; font-size:18px;}
.date {font-size:11px; color:#AFAFAF;}
.comcount {background:url(images/comments.gif) left no-repeat; padding-left:28px; font-weight:bold; line-height:26px; font-size:11px;}
.comcount a {text-decoration:underline;}
.content {line-height:18px; margin:15px 0 15px 0; color:#333333;}
.content p {margin:0 0 15px 0;}
.meta {line-height:18px; font-size:11px; color:#666666;}

/**************** Sidebar *********************/
.sidebar {width:300px; margin-left:5px; float:left; font-size:12px;}
.section {padding:10px 0 15px 0; background:url(images/border.gif) bottom no-repeat;}
.rss, .twitter {display:block; font-size:11px; font-weight:bold;}
.twitter {background:url(images/twitter.gif) left no-repeat; padding-left:30px; line-height:20px; margin:10px;}
.rss {background:url(images/rss.png) left no-repeat; padding-left:22px; line-height:20px; margin:0px 10px 10px 17px;}

#topsearch {margin:0px 0 12px 18px;}
#ls {border:1px dotted #CCCCCC; -moz-border-radius:5px; padding:4px; width:250px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666;}
h2.search {font-size:12px; margin:10px 0 10px 10px; background:url(images/border.gif) bottom no-repeat; padding-bottom:20px;}


/**************** Tabs *********************/
h2 {font-size:11px;}
.tabberlive .tabbertabhide {display:none;}
ul.tabbernav{margin:0;padding: 3px 0;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;font-size:12px;}
ul.tabbernav li a{font-size: 0.9em;font-weight: bold;text-transform: uppercase;color: #676042;padding: 5px 8px 5px 8px;}
ul.tabbernav li.tabberactive a{text-decoration:underline;}
ul.tabbernav li.tabberactive a:hover{text-decoration:underline;}
.tabberlive .tabbertab {padding:5px 0px 5px 0px;border-top:0;font-size:12px;}
.tabberlive .tabbertab h2 {display:none;font-size:12px;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab2 .tabbertab {height:200px;overflow:auto;}
.tabbertab p {padding-bottom:10px;line-height:140%;}
.tabbertab ul {padding:0;margin:0;}
.tabbertab ul li {list-style: url(images/bullet.gif);margin:5px 0 10px 24px;font-size:11px;}

/**************** Default Sidebar Formatting *********************/
.sidecontent ul {list-style:none;}
.sidecontent h2 {font-size: 0.9em;font-weight: bold;text-transform: uppercase;color: #676042;padding: 10px 8px 10px 8px;}
.sidecontent ul li ul li {list-style: url(images/bullet.gif);margin:5px 0 5px 0px;font-size:11px;}

/**************** Misc *********************/
acronym, abbr, span.caps {cursor: help;}
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-right: 20px; border-right: 1px 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:10px; font-size:11px; font-weight:bold;}
.alignleft{float:left; padding:10px; font-size:11px; font-weight:bold;}
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;}

/**************** Footer *********************/
#footer {background-color:#24617A; height:30px; padding:10px; text-align:center; color:#FFFFFF; font-size:11px;}
#footer a:link, #footer a:visited {text-decoration:underline; color:#CCCCCC;}

/****************COMMENTS*********************/
#commentform h2 {margin:10px 5px 10px 0px; font-size:16px; color:#333333; font-size:12px; padding-left:20px;}
#comments {margin:0px 5px 15px 0px; font-size:12px; color:#333333;}

ol.commentlist{margin:0;padding:0;}
.commentlist li{list-style:none;margin-bottom:14px; padding-bottom:16px; font-size:11px; background:url(images/border.gif) bottom no-repeat;}
.cite{color: #666666;display:block;font-style:normal;padding-bottom:10px;font-size:11px; line-height:18px; float:right;}
.commentlist a:link, .commentlist a:visited{color: #333333;}
.commentlist a:hover, .commentlist a:active{color: #000000;}
.grav{border:1px solid #aab59a;float:right;margin-left:9px;padding:1px;}
.commentlist .author{text-decoration:underline;font-size:13px; font-weight:bold;}
.commentlist .time{padding-left:20px; padding-bottom:1px; line-height:20px;}
.commenttext{color:#666; line-height:20px;}

#author, #email, #url {width:12em;font-size:13px; color:#666666;padding:3px; margin:5px 5px 0 5px; border:1px solid #cccccc;}
#submit{font:bold 1em Verdana, Arial, Helvetica, sans-serif;margin:5px;padding:4px; background-color:#24617A; color:#FFFFFF;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:95%;font:13px Tahoma;color:#666666;margin:5px; border:1px solid #cccccc;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}