/*  
Theme Name: Black And White
Theme URI: http://www.blogohblog.com/
Description: Black And White is a 3 columns Wordpress theme. Simple, clean and easy you to modify, also suitable for any blog content such reviews, make money blog, personal, photo blog and more. :) 
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</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-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)

As You Wish, Bob. Local modifications by jim@inode.co.nz
*/

body{	background:url(images/gbck.gif) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	margin:0;
	padding:0;
	}
h2,h3{color:#666;}

#wrap{background:#fff;width:990px;border:#000 1px solid;margin:20px auto;padding:10px;}

#top{width:100%;margin:0 auto;padding:0 0 10px;}
#header{width:80%;float:left;margin:0 auto;padding:0 0 10px;}
#header h1.title{font-family:georgia, times, 'times new roman', serif;color:#000;font-size:28px;margin:0;padding:0;}
p.desc{font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;font-size:12px;margin:0;padding:0;}
#clock{float:right;width:400px;text-align:right;margin:0;padding:0 5px 0 0;}

#menu{
	background-color:#474441;
	height:40px;
	max-height:40px;
	min-height:40px; 
	width:100%;
	clear:both;
	margin:0 auto;padding:0;}

ul.menu{
	height:40px;
	min-height:40px;
	max-height:40px;
	line-height:40px;
	float:left;
	list-style:none;
	font-size:12px;
	text-transform:capitalize;
	margin:0;padding:0;}

/* ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; } */
/* The horizontal menu bar */
ul.menu li { float:left !important;list-style-type:none;margin:0;padding:0;}
ul.menu li { position:relative; float:left; border-left:1px solid #222; border-right:1px solid #222; height:40px; padding:0; z-index:100; }
ul.menu li a, ul.menu li a:link, ul.menu li a:visited { color:#fff;float:left;display:block;padding:0 10px;}
ul.menu li a:hover, ul.menu li a:active { background:#fff;color:#000;text-decoration:none;}
ul.menu li.current_page_item a { text-decoration:none;color:#ccc;}
/* The drop-down menus */
ul.menu li ul { position:absolute; margin:0; float:left; background-color:#474441; top:41px; padding:0; display:none; opacity:0; width:200px; }
ul.menu li ul li { position:relative; float:left; width:200px; line-height:normal; border-left:none; border-right: none; padding:0; left:auto;  } 
ul.menu li ul a, ul.menu li ul a:visited {padding:0 10px;  background-color:#474441; height:40px; min-height:40px; max-height:40px; width: 100%; margin:-1px 0 0 0; }
ul.menu li ul li a:hover, ul.menu li ul li a:active { background:#fff; color:#000;text-decoration:none;}
/* ul.menu ul a:hover { background:#222; border-bottom:1px solid #222; } */

/* -- menu css from pblack -- */
/* ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; } 
ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; }
ul.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100; }
ul.menu #header-menu-home { border:none; }
ul.menu a, ul.menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
ul.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }
*/
/* ul.menu ul { position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; } */
/* ul.menu ul ul { margin: -34px 0 0 189px; top:34px; }

ul.menu .current_page_item a, ul.menu .current_page_item a:visited { color:#869497; border-bottom:2px solid #627376; }
ul.menu .current_page_item a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }
ul.menu .current_page_item ul a, ul.menu .current_page_item ul a:visited, ul.menu .current_page_item ul a:hover
              { border-bottom:1px solid #373737; }
/* -- /menu css - */


#searchform{height:30px;line-height:30px;float:right;padding-top:5px;padding-right:5px;margin:0;}
#searchform #s{font-size:8pt;width:230px;}
#searchform input{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}
#searchform #submit{font-size:8pt;}
#main{width:90%;margin:10px auto;padding:0;}

#content{
	float:left;
	width:80%;
	border-right:#666 1px solid;
	margin:0;
	padding:0;
	}
.entry{
	float:left;
	width:99%;
	margin:0;
	padding:0 0 20px;
	}
.entry h2{
	background:#eee;
	display:block;
	font-size:18px;
	font-weight:700;
	border-top:#666 1px solid;
	margin:0;
	padding:5px;
	}
.entry h3{
	background:#eee;
	display:block;
	font-size:20px;
	font-weight:800;
	border-top:#666 1px solid;
	margin:0;
	padding:5px;
	}
.permalink{background:#eee;border-bottom:2px #666 solid;margin:0;padding:0 0 5px 5px;}
small.date{float:left;}

#sidebar{
	float:right;
	width:19%;
	font-size: 80%;
	margin:0;padding:0;}
#lsidebar{
	float:left;
	/* width:100%; */
	/* border-left:#666 1px solid; */
	/* overflow:hidden; */
	margin:0;padding:0 1px 0 0;}
#rsidebar{
	float:right;
	width:100%;
	margin:0;padding:0;}

.navigation{display:block;text-align:center;margin-top:10px;}
.alignright{float:right;padding:0 0 10px;}
.alignleft{float:left;padding:0 0 10px;}
.entry img {padding:0 5px 0 0;}
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:500px;}
.boxcomments h2,h3{display:block;font-size:12px;font-weight:700;margin:0;padding:5px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#eee;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{display:block;font-size:12px;font-weight:700;margin:0;padding:5px;}
ol.cloop{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.cloop li{display:block;list-style:none;padding-left:15px;margin:0 0 5px;}
#footer{background:#25221b;color:#fff;font-size:11px;clear:both;height:30px;width:980px;line-height:30px;margin:0;padding:0 0 0 10px;}
#footer a:hover{text-decoration:none;color:#666;border:none;}
a:link,a:active,a:visited,a:hover{text-decoration:none;color:#000;border:none;}
#lsidebar h2,#rsidebar h2{font-size:12px;border-bottom:solid 1px #39362f;border-top:solid 1px #39362f;margin:0 7px 3px 0;padding:3px 0;}
#lsidebar ul,#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#lsidebar ul li,#rsidebar ul li{list-style-type:none;margin:0 0 20px;padding:0;}
#lsidebar ul li ul,#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#lsidebar ul li ul li,#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/bullet.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}
#footer a:link,#footer a:active,#footer a:visited{text-decoration:none;color:#fff;border:none;}
pre {width: 100%; overflow: auto; }
pre.hacker {overflow: visible; letter-spacing: -2px; line-height: 10px; font-size: 16px; text-align: center; }