/*  
Theme Name: News Blue
Theme URI: http://www.blogohblog.com/
Description: News Blue comes with 3 columns. It's Cool!. 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 :)
Version: 0.1
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>.
*/

body { background:#333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding:0px; }
#wrap { background: #fff; margin: 10px auto; padding: 0px; width: 960px; border:#fff 6px solid; }
#top { background:url(images/topbg.gif) repeat-x; margin: 0px; padding: 0px; height: 100px; }
a:link { text-decoration: none; color : #006699; border: none;}
a:active { text-decoration: none; color : #006699; border: none;}
a:visited { text-decoration: none; color : #3c61a4; border: none;}
h3 { color:#db5800; font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 0px;}
a:hover	{ text-decoration: none; color : #5188d2; border: none; cursor: pointer; } 
#blogtitle { font-family: Georgia, "Times New Roman", Times, serif; color: #fff; text-align:left; font-size:40px; font-weight:normal; line-height:100%; text-transform:capitalize; padding-top:20px; margin:0px; padding-left:20px; }
#blogtitle a:link { text-decoration: none; color : #fff; border: none;}
#blogtitle a:active { text-decoration: none; color : #fff; border: none;}
#blogtitle a:visited { text-decoration: none; color : #fff; border: none;}
#blogtitle a:hover	{ text-decoration: none; color : #fff; border: none; cursor: pointer; } 
#blogdesc { float: left; color: #fff; padding-left:25px; text-align:left; font-size:12px; padding-top:5px; text-transform:capitalize; margin:0px; }
.ads{color:#3c61a4;float:right;width:468px;height:60px;text-align:right;font-size:11px;margin:10px auto;padding:10px 20px 0 0;}
#navtop { background: #3c61a4; margin: 0px auto; height: 26px; width: 960px; }
#searchform { height:26px; line-height:26px; float:right; margin: 0; padding: 0;  }
input#s { color: #5188d2; width: 200px; border: 1px solid #cbcbcb; background:#fcfcfc;}
input#searchsubmit{ background:#3c61a4; color:#fff; font-size:13px; border:0px; cursor: pointer; }
#main { background: #fff; margin: 0px auto; padding: 0px; width: 960px; }
#post { background:#fff; margin:0px auto; padding:0px; width: 750px; float:right; }
#sidebar { background:#fff; margin:5px auto; padding: 0 5px 5px 0; width: 170px; float:left; }
.content { background:#e7f3ff; margin:5px auto; padding: 10px; width: 730px; float:right; }
.content img { border:none;}
.content h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-transform:capitalize; color:#db5800; }
.content .date { background:#5188d2; width:200px; padding:5px 0 5px 5px; color:#fff; font-size:10px;}
.entry { background:#fff; padding:0px; color:#333; font-size:11px; overflow:hidden; border:#5188d2 0px dashed; }
.entry h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-transform:capitalize; color:#db5800; }
.entry h2 a:link { text-decoration: none; color : #db5800; border: none;}
.entry h2 a:active { text-decoration: none; color : #db5800; border: none;}
.entry h2 a:visited { text-decoration: none; color : #db5800; border: none;}
.entry h2 a:hover	{ text-decoration: none; color : #db5800; border: none; cursor: pointer; } 
.permalink { width:150px; float:right; text-align:right;}
.category { width:350px; float:left; height:20px; overflow:hidden;}
.postmeta { height:0px; background:#e7f3ff; font-size:11px; border-top:#ccc 0px solid; padding:2px 2px 2px 10px; }
img.wp-smiley { border:0px;}
.left { background:url(images/separateline.gif) repeat-y; width:180px; float:left; padding:0px; padding:0 0 0 5px; overflow:hidden;}
.left h2 { color:#676767; font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.left ul { list-style-type: none; margin: 0 ; padding: 0; }
.left ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.left ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
.left ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }
.right { background:url(images/separateline.gif) repeat-y; width:180px; float:left; padding:0 0 0 5px; overflow:hidden;}
.right h2 { color:#676767; font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.right ul { list-style-type: none; margin: 0 ; padding: 0; }
.right ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.right ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
.right ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }
#footer { background:url(images/topbg.gif) repeat-x; margin: 0px auto; width: 960px; clear:both; text-align:center; color:#fff; size:10px; padding-top:10px; padding-bottom:10px; }
#footer a:link { text-decoration: none; color : #fff; border: none;}
#footer a:active { text-decoration: none; color : #fff; border: none;}
#footer a:visited { text-decoration: none; color : #e7f3ff; border: none;}
#footer a:hover	{ text-decoration: none; color : #5188d2; border: none; cursor: pointer; } 
ul.navtop { height:23px; line-height:23px; float:left; list-style: none; font-weight:bold; text-transform:uppercase; padding: 3px 0 0 0; margin: 0; font-size:12px; }
ul.navtop li { float: left; margin: 0; padding: 0; list-style-type: none; }
ul.navtop li  a, ul.navtop li a:visited , ul.navtop li a:link { background: #fff; color:#616161; float: left; padding: 0 10px; }
ul.navtop li a:hover, ul.navtop li a:active { background: #fff; color: #000; text-decoration: underline; }
ul.navtop li.current_page_item a { text-decoration:none; color:#fff; background: #3c61a4; }
ul.navtop li ul { float:left; margin:0; padding:0; }
.navigation { text-align: center; margin:0; padding: 10px; }
.alignright { float: right; margin: 0; padding-bottom:20px; padding-top:10px; }
.alignleft { float: left; margin: 0; padding-bottom:20px; padding-top:10px; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#submit{ background:#e7f3ff;border:2px solid #5188d2; color:#5188d2;font-size:13px; }
textarea { color: #666; width: 450px; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}



/* curve height, background image pages */
.roundedcornr .t, .roundedcornr .b, .roundedcornr .b b, .roundedcornr .t b{
height:10px;
background-image:url(images/roundedcorners.png);
}

/* inner color, border color, border width */
.roundedcornr .c{
background:#ffffff;
border-color:#ededed;
border-left-width:2px;
border-right-width:2px;
}


/* curve height, background image home page only */
.homeroundcorners .t, .homeroundcorners .b, .homeroundcorners .b b, .homeroundcorners .t b{
height:30px;
background-image:url(images/homeroundcorners.png);
}

/* inner color, border color, border width */
.homeroundcorners .c{
background:#e7f3ff;
border-color:#ededed;
border-left-width:2px;
border-right-width:2px;
}



/* surrounding margins (optional) */
.round{
margin-bottom:5px;
}
.round .c{
/* inner content padding */
padding:0 10px 0 10px;
border-top:0;
border-bottom:0;
border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;
}
.round .t b, .round .b b{
float:right;
width:50%;
}
.round .t .r{
background-position:top right;
}
.round .b .r{
background-position:bottom right;
}
.round .b{
background-position:bottom left;
}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;
}



/* PRODUCTS */


#search-results {clear:both; padding:4px 0;}
#search-results .product {float:left; width:19%; padding:0 .4% 2em .4%; text-align:center; font-size:.9167em; }
#search-results .product a span {text-decoration:underline;}
#search-results .product a:hover {text-decoration:none;}
#search-results .product a:hover span {text-decoration:underline;}
#search-results .product span.sale {color:#900;}
#search-results .product img.thumbnail {height:102px;}
#search-results .product img.new {margin:2px 0;}
#search-results .first {clear:left;}




/* The Styles */

#style {
	width:auto;
	float:left;
	font-size:13px;
	color:#333;
	margin: 0px 0px 0px 10px;
	padding:0 0px 0 0;
	font-family:Georgia, arial,sans-serif;
	}


#style  h2 {
	font-size:16px;
	height:24px;
	font-weight:bold;
	font-family:Georgia, arial,sans-serif;
	padding:2px 10px 0px 10px;
	Margin: 0px 0 0 0;
	background:#e7f3ff;
	color:#db5800;
	border-top:1px solid #e7f3ff;
	border-bottom:1px solid #e7f3ff;
	}


/* See All */

#see-all {
	width:auto;
	float:right;
	font-size:13px;
	color:#333;
	margin: 0px 0px 0px 0px;
	padding:0 0px 0 0;
	font-family:Georgia, arial,sans-serif;
	}


#see-all  h2 {
	font-size:16px;
	height:24px;
	font-weight:bold;
	font-family:Georgia, arial,sans-serif;
	padding:2px 10px 0px 10px;
	Margin: 0 0 0 0;
	background:#e7f3ff;
	color:#db5800;
	border-top:1px solid #e7f3ff;
	border-bottom:1px solid #e7f3ff;
	}




#see-all h2  a:link, #see-all h2  a:visited{ 
	color: #db5800; 
	text-decoration: underline; 
	background-color:transparent;
	}
	

#see-all h2  a:hover { 
	color: #dc6800; 
	text-decoration: underline; 
	background-color:transparent;
	}