/*  
Theme Name: bobv3
Theme URI: http://www.blogohblog.com/
Description: A Premium WordPress theme from <a href="http://www.blogohblog.com" title="premium wordpress themes">Blog Oh! Blog</a>. The theme features a unique layout and uses mootools JavaScript components. This is a single-user license copy which allows you to use this theme on a single domain and can be purchased for $89.99. 
Version: 3.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*++++++ BODY ++++++++*/
* { padding:0; margin:0; list-style:none; text-decoration:none; }
body { background:#343434; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333;}
html, body { height: 100%; }

/*++++++ TOP ++++++++*/
#top { width:964px; background:#000000 url(images/top.gif) no-repeat; height:80px; margin:20px auto 0;}
#logo { width:300px; float:left; margin-left:10px !important; margin-left:5px;}
#logo h1 { text-indent:-9999px;}
#logo h1 a { display:block; background:#000000 url(images/logo.gif) no-repeat; height:57px; }

/*++++++ H2, H3 & HYPERLINKS ++++++++*/
h2, h3 { font:bold 14px Arial; color:#333;}
a { color: #990000;}
a:hover { color:#000;}

/*++++++ SEARCH BOX ++++++++*/
#searchbox { float:right; width: 200px; height: 25px; background: url(images/search.gif) no-repeat; margin:13px 15px 0 0 !important; margin:13px 8px 0 0 }
#searchbox #s { float: left; margin: 8px 0 0 10px; border: 0; width: 190px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 10px 13px 0 0; width:12px; height:13px;  }

/*++++++ NAVIGATION ++++++++*/
#nav { width:944px; height:30px; background:url(images/navbkg.gif) repeat-x; margin:auto; padding:0 10px 0 10px; line-height:30px; color:#333;}
#nav ul { float:left; width:944px;}
#nav ul li { float:left; height:30px; margin:0 5px 0 0; display: inline; line-height:30px; }
#nav ul li a { display: block; padding:0 10px 0 10px; color:#333; }
#nav ul li a:hover{ color:#000;}
#nav ul li.current_page_item {}
#nav ul li.current_page_item a { color:#000;}
#nav ul li.mycat { display: block; padding:0 0 0 10px; float:right; margin-top:3px !important; margin-top:2px; margin-bottom:-3px;}
.cats {font-size:11px;}

/*++++++ MAIN ++++++++*/
#wrapper { width:944px; background:#fff; margin:auto; padding:10px;}
#left { width:560px; float:left;}
.clear { clear:both;}

/*++++++ MISC ++++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; background-color:#FFFFFF; }
.alignright { float: right; } 
.alignleft { float: left; }
.wp-smiley { border:none;}
.head img { border:none;}
img a { border:none;}
.archs li {background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}

#browse { background:url(images/browse.gif) left no-repeat; font-size:10px; padding:5px 0 5px 20px; margin:0 0 10px 6px;}

/*++++++ ENTRY ++++++++*/
.post {padding:5px 5px 10px 5px; width:550px; margin-bottom:10px; text-align:justify;}
.post p { padding-top:10px; line-height:140%;}
html>body .post ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .post li { margin: 7px 0 8px 10px; }
.post ul li:before { content: "\00BB \0020"; }
.post ol { padding:0; margin:0;}
.post ol li { background:#fafafa; }
.post img {margin:0 10px 10px 10px;}
.head h2 { font:normal 11px Arial; color: #999999; margin-bottom:10px; padding-left:10px; background:url(images/dot.gif) repeat-x bottom; padding-bottom:5px; }
.post h2 { display:block; background: #E6E6E6 url(images/arrow.gif) left no-repeat;padding:5px 5px 5px 25px; font:bold 14px Arial; color:#000; border-bottom:1px solid #999999;border-right:1px solid #999999;}
.post h2 a {color: #333;} 
.post h2 a:hover {color: #666666;}	
.infometa { width:544px; height:17px; margin-top:15px;}
.infometa span.permalink { text-indent:-9999px; float:left;}
.infometa span.permalink a { display:block; background:url(images/permalink.gif) no-repeat; width:444px; height:17px;}
.infometa span.comment2 a { font-size:10px; float:right; width:95px; height:17px; background:url(images/comment.gif) no-repeat; text-align:right; color:#fff; line-height:17px; padding:0 5px 0 0;}
p.tags { background:url(images/tags.gif) no-repeat 0 10px; border:none; padding-left:20px; font-style:italic; }
p.categories { background:url(images/categories.gif) no-repeat 0 10px; border:none; padding-left:20px; font-style:italic;}
p.postmetadata { padding:5px; background: #F3F2ED; margin:20px auto 0; border:1px solid #CCCCCC; width:530px; line-height:22px;  }
p.postmetadata a { border-bottom:1px dotted #666666; font-style:italic;}
p.postmetadata a:hover {background-color:#000000; color:#FFFFFF;}
.date {font-size:10px; margin:10px 0px 10px 0px; color:#999999;}

/*++++++ LOOP ++++++++*/
.loopleft { border:1px solid #f2f2f2; padding:5px; width:262px; margin-bottom:10px; float:left; min-height:210px; height:auto !important; height:210px; background:url(images/boxbottom.gif) repeat-x bottom;}
.loopright {border:1px solid #f2f2f2; padding:5px; width:264px; margin-bottom:10px; float:right;  min-height:210px; height:auto !important; height:210px; background:url(images/boxbottom.gif) repeat-x bottom;}
.loop h2 { display:block; background: #E6E6E6;  border-bottom:1px solid #999999;border-right:1px solid #999999;padding:5px; font:normal 12px Arial; color:#333; margin-bottom:10px; }
.loop h2 a { color:#000; border-bottom:none;}
.loop h2 a:hover {color:#666;}
.loop p { line-height:140%;}

/*++++++ SIDEBAR ++++++++*/
#sidebar { width:370px; float:right;}
#sidebar a {color:#333333;}
#sidebar a:hover {color:#0066CC;}
#about h3 { display:block; background:#E6E6E6;  border-bottom:1px solid #999999;padding:5px; margin-bottom:10px;}
#about { line-height:140%; width:350px; padding:10px; border:1px solid #f2f2f2; margin-bottom:20px; background:url(images/rssbck.gif) repeat-x top;}
#about p { padding-bottom:10px;}

#sidebar1{ width:170px; float:left; padding:5px;}
#sidebar1 h2{ font-size:14px; color:#333333;font-weight:normal;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{margin-left:10px;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;margin-top:10px;padding:0px;}
#sidebar1 ul li ul li{border:0;background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ width:170px; float:left; padding:5px;}
#sidebar2 h2{ font-size:14px;  color:#333333; font-weight:normal;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{margin-left:10px;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;margin-top:10px;padding:0px;}
#sidebar2 ul li ul li{border:0;background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}
#sidebar2 p{padding:0 5px;}

/*++++++ SIDEBAR ADS ++++++++*/
#ads { width:350px; padding:10px; border:1px solid #f2f2f2; margin-bottom:20px; background:url(images/adspace.gif) no-repeat 10px 10px; }
#ads ul { width:340px; float:right; margin-right:-6px;}
#ads ul li.push { float:right; padding-bottom:10px; }
#ads ul li { float:right; padding-left:10px; }


/*++++++ TABBER ++++++++*/
#tab { background:url(images/tabberbottom.gif) no-repeat bottom; width:370px; height:12px;}
.tabberlive .tabbertabhide { display:none; }
.tabber { }
.tabberlive { }
ul.tabbernav { }
ul.tabbernav li { display: inline; }
ul.tabbernav li a { padding: 6px; height:26px; line-height:26px; margin-right: 5px; background: #E6E6E6; border:none; color:#669900; font-weight:bold; }
ul.tabbernav li a:link {color:#669900;}
ul.tabbernav li a:visited {color:#669900; }
ul.tabbernav li a:hover { color: #000; background: #F0F0F0; }
ul.tabbernav li.tabberactive a { background: #F0F0F0; }
ul.tabbernav li.tabberactive a:hover { color: #333; background: #F0F0F0; }
.tabberlive .tabbertab { padding:20px 10px 10px 10px; border-top:0; background:#E6E6E6; }
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }
.tabbertab p { padding-bottom:10px;}
.tabbertab ul { }
.tabbertab ul li { padding:5px 0 6px 0; }
.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:20px; border-bottom:1px solid #fff;} 
.tabbertab ul li a { border:none;}

/*++++++ SUBSCRIBE ++++++++*/
.best {background:url(images/most.gif) no-repeat left; font-weight:normal; text-transform:uppercase;font-size:16px; border-bottom:1px solid #999999;margin-bottom:10px; padding:10px 0 5px 20px;}
#moostick li {font-size:18px; font-weight:bold; padding:5px; font-family:Arial; line-height:20px;}
#moostick li span {font-size:11px; font-family:Arial; color: #999999; border-bottom:1px dotted #999999;}
#moostick li a { color: #990000;}
#moostick li a:hover { color: #333333;}
#subscribe { line-height:140%; width:350px; padding:10px; border:1px solid #f2f2f2; margin-bottom:20px; background:url(images/rssbck.gif) repeat-x top;}
#s2 {padding:2px 5px 2px 5px; width:230px; border:3px solid #D7D7D7;}
#subs {padding:1px; margin-left:5px;}

/*++++++ ACCORDION ++++++++*/
.toggler { }
#slider {padding:10px 10px 20px 10px;}
.mycat select {font-size:11px; margin-bottom:5px;}

/*++++++ WP2.5 Gallery ++++++++*/
.gallery {text-align:center;}
.gallery img {padding:2px; height:90px; width:90px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.galnavtitle { text-align:center; color: #999999; text-transform:uppercase; font-size:10px;  background-color:#F3F2ED; height:15px; padding:5px; margin:5px 0 10px 0;}
.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;}

/*+++++++ COMMENT +++++++*/
.comen { width:550px; margin-bottom:10px;}
.cleft { float:left; width:60px; margin-top:10px;  }
.cright { float:right; width:460px; }
.comen .cright .ucomen{ font:11px Arial; text-transform:uppercase; color:#72b6cf;}
.comen .cright .ucomen a { color:#72b6cf;}
#commentform textarea { width: 390px; padding: 2px; }
#commentform label { display:block; float:left; width:100px; color: #0066CC; font:bold 15px Arial; text-align:right; padding-right:10px;}
#commentform #author,#commentform #email,#commentform #url { background:#fcfcfc; border:3px solid #f3f2ed; width:390px; height:27px; padding:5px 0 0 5px;}
#commentform #comment { background:#fcfcfc; border:3px solid #f3f2ed;}
#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; outline:none; }
 
/*++++++ FOOTER ++++++++*/
#footer { width:964px; background:#000 url(images/bottom.gif) no-repeat; height:36px; margin:0 auto 20px;}
#footer p { line-height:36px; color:#ccc; padding-left:15px;}
#footer a { color:#FFFF99;}
#footer a:hover { color:#ffffff;}