/*  
Theme Name: Bookish
Theme URI: http://www.blogohblog.com
Description: Bookish theme by Jai Nischal Verma of <a href="http://www.blogohblog.com/" title="free wordpress themes">Blog Oh Blog</a>. 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
Installed and adapted by Sammy Dellicour - http://www.samplify.be
*/
/* some color styles get overriden by style.php, which is dependent on Bookish color options in Admin area */

/**************** Body *********************/

*{margin:0;padding:0;outline:0;border:0;}
body{font-family:Verdana; font-size:12px;}
a, a:link, a:visited, a:active {text-decoration:none; color:#236079;}
#blog a, #blog a:link, #blog a:visited, #blog a:active {font-weight:bold; color:#A59E64;} 
#blog a:hover { text-decoration: underline;}
a:hover{color:#333333;}
#wrapper {width:950px; margin:auto;}
ul {margin-left: 15px;}
br.clear { clear: both; line-height: 1px; font-size:1px;}

/**************** Header *********************/

#logo {float:left; display:inline; width:320px; background: url(http://obbrusselmusica.be/wp-content/uploads/2010/03/logo-obbrussel-site.jpg) no-repeat center top; }
#logo h1 {margin:0 0 1px 0; height:84px; padding:0;}
#logo h1 a {font-size:22px; color:#FFFFFF; text-indent: -9999px; overflow:hidden; display:block; height: 100%;}
#logo h2 {background-color:#BFBA8F; color:#000000; font-size:11px; font-weight:normal; padding:5px; text-align:center;-moz-border-radius:4px; -webkit-border-radius:4px;}

#navigation { width:600px; float:right; display:inline; margin:0; padding:35px 0 0 0;}
ul#menu {margin:0; padding:0; position: relative; z-index: 10;}
ul#menu li{list-style:none; font-size:13px; float: left; display:inline;}
.page_item a:link, 
.page_item a:visited{color: #fff; float:left; display:inline; margin-right:20px; padding:4px 8px 4px 8px; }
.page_item a:hover,
.current_page_item a:link, 
.current_page_item a:visited,
.current_page_parent a:link, 
.current_page_parent a:visited {color:#333; background-color:#fff; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:4px;}
/* dropdown */
ul#menu li.hover, 
ul#menu li:hover {position: relative; z-index: 15; cursor: default;}
ul#menu ul {visibility: hidden; position: absolute; top: 100%; left: 10px; z-index: 20; width: 250px; background: #1C1C1C; margin:0; padding:6px 0 4px 0;}
ul#menu ul li {float: none; display: block; margin-bottom:1px;}
.page_item ul a:link, 
.page_item ul a:visited,
ul#menu ul .current_page_item a:link, 
ul#menu ul .current_page_item a:visited {color: #fff; background-color: #1C1C1C; float:none; display:block; margin-right:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.page_item ul a:hover,
ul#menu ul .current_page_item a:hover {color:#000; background-color:#fff;}

/*ul.dropdown ul ul {top: -2px; left: 101%;}*/
ul#menu li:hover > ul {visibility: visible;}


/**************** Featured Post *********************/

.fpost {text-align:right; width:580px; height: 185px; padding:0 10px 0 10px; margin-top: 25px; float:left; display:inline; margin-bottom:25px;}
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;} /* read more link */
.rmore a:link, .rmore a:visited {display:block;  background-color:#215C74; padding:5px; color:#fff; font-size:11px; font-weight:bold; width:105px; float:right; display:inline; -moz-border-radius:4px; -webkit-border-radius:4px;}
.rmore a:hover { color: #ccc;}
.fpic {width:330px; float:left; display:inline; margin:30px 0 20px 10px;}
.fpic img {max-width:300px; border: 6px solid #DFDCC3; } /* ideal 260 x 140px; max width 300px, max height 150px*/

/**************** Blog *********************/

#blog {background:url(images/blog_bg.png) repeat-y;}
.lcol {width:580px; float:left; display:inline; text-align:right;}
.post {padding:10px 0 35px 0; margin:0 0 15px 0; 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:30px; float:left; display:inline; 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;}
#side-search {}
#topsearch {margin:0px 0 12px 18px;}
#ls {border:1px solid #CCCCCC; -moz-border-radius:5px; -webkit-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;}
#side-sponsors {}
#side-sponsors p { margin:0; padding: 7px 0;}
#side-sponsors img { border: 1px solid #ddd;}
	/**************** Tabs *********************/
	/*.tabberlive .tabbertabhide {display:none;}
	ul.tabbernav{margin:0;padding: 3px 0;}
	ul.tabbernav li{list-style: none;margin: 0;display: inline;font-size:12px;}
	#blog ul.tabbernav li a{font-size: 0.9em;font-weight: normal;text-transform: uppercase;color: #000;padding: 5px 8px 5px 8px;}
	ul.tabbernav li.tabberactive a{text-decoration:none;}
	ul.tabbernav li.tabberactive a:hover{text-decoration:none;}
	.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;}*/
	
	#side-news {}
	#side-news p {padding-bottom:10px;line-height:140%;}
	#side-news h2 {font-size:12px; margin-bottom: 8px; font-weight: normal; text-transform:uppercase;}
	#side-news ul {padding:0;margin:0;}
	#side-news 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: normal;text-transform: uppercase; color: #676042; padding: 10px 8px 10px 8px;}
.sidecontent ul li ul li {list-style: url(images/bullet.gif);margin:5px 0 10px 24px;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; display:inline; padding:10px; font-size:11px; font-weight:bold;}
.alignleft{float:left; display:inline; 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; display:inline;}
.commentlist a:link, .commentlist a:visited{color: #333333;}
.commentlist a:hover, .commentlist a:active{color: #000000;}
.grav{border:1px solid #aab59a;float:right; display:inline;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; display:inline;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right; display:inline;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}