/* BG colors did not always work for debug, but borders-top/-bottom did */
/* #FF9428 for #top & #eof ONLY, global replace to change scheme.
"Bblue" 356aa0, bright-blue 084dff, green 509e3e, amber FF9428, tan c49a4c
 Avoid cute custom colors since no named variables in code. */
/*  styleM565,400,225,170.css --  for widths */
/* Now how stop #356aa0 text? LINK-color, make #3232FF & decouple from top */
/* Hover = ul */

/* #6995c2 is original color for LINKS/ARCHIVES/etc. in sidebars
Not universal and wishy-washy. Try black, still 700 */

/* where this made? <li class="page_item page-item-2"> must be higher in WP*/

/*
Theme Name: Big Blue
Theme URI: http://www.blogohblog.com/
Description: Big Blue is a 3 columns Wordpress theme. 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{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#fff;
	/*background-image:url(images/topbck.gif); background-repeat:repeat-x;*/
/* color:#666; */  /* Ugly. Pale gray. Where used? inner text*/
color:#444444;  /* darker gray, softer than black */
margin:0;
padding:0;
}


#wrap{width:980px;margin:0 auto;padding:0;}

#top{height:65px;width:980px;clear:both;margin:0 auto;padding:0;
 background-color:#356aa0;
}
/* this bg filled the gap, but locked color of blog title. = Prev.
Let this control bg, not #header */

h2,h3{font-size:16px;font-weight:700;margin:0;padding:0;}
/* wt = 100 to 900, alt to BOLD */

/* All names are links */
a:link,a:active,a:visited,a:hover{
text-decoration:none;
color:#3232FF;
border:none;}
a:hover{text-decoration:underline;} /* mod OK */

#main{width:980px;margin:10px auto;padding:0;}

#header{width:400px;
width:420px;  /* 10/5/09 to get 'advice' back on line */
height:60px;float:left;margin:0;padding:0;}

/* background-color:#nnnnnn; MOVE THIS CONTROL TO #TOP */

#header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;
margin:0;padding:10px 0 0 10px;} /*  color:red; color NIX */


#header p.desc{font-family:Verdana, Arial, Helvetica, sans-serif;color:#ffFFFF;font-size:11px;margin:0;padding:0 0 0 15px;
}  /* color works */

#header h1 a:link,#header h1 a:active,#header h1 a:visited,#header h1 a:hover{text-decoration:none;border:none;
color:#ffFFFF;   /* this works */
}
/* a:hover{text-decoration:underline;} */ /* mod NO */



#nav{height:60px;float:right;width:550px;margin:0;padding:0;}
/* Note text-transform:uppercase; */
ul.nav{height:60px;line-height:60px;float:right;list-style:none;font-size:11px;text-transform:uppercase;margin:0;padding:0;}

ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}

ul.nav li a,ul.nav li a:link,ul.nav li a:visited{
/* background-color:#nnnnnn; MOVE THIS CONTROL TO #TOP */
color:#ffFFFF;
float:left;display:block;text-decoration:none;
padding:0 10px;
}

ul.nav li a:hover,ul.nav li a:active{
background:#ffFFFF;
color:#205387;  /* Ugly. Where used? */
text-decoration:underline;	/* none;  SEEMS NIX */
}

ul.nav li.current_page_item a{text-decoration:none;background:#39c;color:#000;}

ul.nav li ul{float:left;margin:0;padding:0;}



#content{width:565px;float:left;margin:0;
padding:0px 0 0;	/* padding:20px 0 0; */
/* border-top:red solid 4px;border-bottom:red solid 4px; */
}
/* background:peach; nix. 510px->565 */

.entry{font-size:12px;float:left;
width:565px;
text-align:left			/*justify;*/
margin:0;
padding:0 0 5px 0; /* 0 0 20px 0; */
/* border-top:green solid 4px;border-bottom:green solid 4px; */
}
/* background:peach; nix. 500px-> 565*/


/* Starting 450, 230, 200 :: try 400, 230, 165, then 400,225,170 for Gads left border to be blank*/
#sidebar{float:right;
width:400px;   /* 450px; */
margin:0 0 0 0;
padding:0px 0 0 0; /* padding:20px 0 0; */
}
/* background:yellow; */

.rsidebar{float:right;
width:205px;	/* 225px; */
margin:0;padding:0; overflow:hidden;}
/* background:gray; */

.rsidebar h2{ /* background:url(images/h2c.gif) no-repeat; */
height:22px;font-size:13px;
font-weight:900;  /* 700; */
color:black;		/* #6995c2; */
margin:0;padding:0 0 10px 8px;}

.rsidebar ul,.lsidebar ul{list-style-type:none;line-height:200%;font-size:11px;margin:0 auto;padding:0;}

.rsidebar ul li,.lsidebar ul li{list-style-type:none;margin:0 0 20px;padding:0;}

.rsidebar ul li ul,.lsidebar ul li ul{list-style-type:square;margin:0 auto;padding:0 3px;}

.rsidebar ul li ul li,.lsidebar ul li ul li{list-style-type:none;
border:0;border-bottom:#dadada solid 1px;margin:0 auto;padding:0;}

.rsidebar ul li ul li ul.children li,.lsidebar ul li ul li ul.children li{list-style-type:none;border:0;margin:0 auto;padding:0;}

.rsidebar ul li ul li a,.lsidebar ul li ul li a{text-decoration:none;}


.lsidebar{float:left;
width:190px;	/* 200px;, 170 */
margin:0;padding:0;}
/* background:salmon; */

.lsidebar h2{ /* background:url(images/h2.gif) no-repeat; */
height:22px;font-size:13px;
font-weight:900;  /* 700; */
color:black;		/* #6995c2; */
margin:0;padding:0 0 10px 8px;}


/* <p class="postmetadata">Posted in <a href= */
.postmetadata{
/* background:#eee; */
border-bottom:1px #ccc solid;		/* for separation */
/* border-top:1px #eee solid; */
font-size:10px;
margin:0;
padding:5px;
font-style:italic;
font-weight:bold;
}


.boxcomments{border-top:5px solid #ddd;
border-bottom:5px solid #ddd;
margin-bottom:20px;
width:510px;}

#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:url(images/latestbck.gif) repeat-x; */ }

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{margin:0;}

ol.tblist{border-top:1px solid #00FFFF;
list-style:none;margin:0 0 1px;padding:15px;}

ol.tblist li{display:block;list-style:none;
/* background:transparent url(images/c.gif) 0 2px no-repeat; */
padding-left:15px;margin:0 0 5px;}



#eof{width:980px;clear:both;height:2px;
background:#356aa0;
margin:0 auto;padding:0;}


.navigation{width:500px;float:left;color:#666;}

.alignright{float:right;margin-top:10px;}

.alignleft{float:left;margin-top:10px;}



#footer{
/* background:url(images/footerbck.gif) repeat-x; */
height:31px;
line-height:31px;
clear:both;}

.footer{width:980px;
text-align:left;
font-size:11px;
margin:0 auto;}

/* http://codex.wordpress.org/Using_Images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* Example
<img src="http://example.com/images/leaf.jpg"
 alt="leaf graphic"
 title="leaf graphic"
class="alignright size-medium wp-image-3109"
height="25" width="30"/>
*/