/*  
Theme Name: Mr. B's List
Theme URI: http://www.noxiousx.net
Description: Mr. B's List Theme
Version: 54.0
Author: Cornflakes Kellogs
Author URI: spamjebus@gmail.com




 _________________________________________________________________________________________
|
| NoxiousX Theme | Mitchell K. Lightner | spamjebus@gmail.com | Constant Conceptions Inc.
|_________________________________________________________________________________________








*/












/* 
  | Sterilize Some HTML
*/
* { margin: 0; }
html, body { height: 100%; }




body { background: url('images/bslist-bg.png') no-repeat #99b0d1; background-position: center; margin: 0; color: #fff; font-size: 0.7em; font-family: arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
.clear { clear: both; }
.none { display: none; }




/* 
  | The Page
*/
#page { padding: 0; margin: 0; height: 100%; }




/* 
  | The Sidebar Structure
*/
#sidebar { padding: 20px 0 10px 0; width: 190px; border: 1px solid red; float: left; }
#sidebar a { text-decoration:none; color: orange;}
#sidebar a:hover { color: #FFF; }




/* 
  | The Sidebar UL, OL, LI, Select Styles
*/
#sidebar ul {text-align: left; font-size:12px;}
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; }
#sidebar ul li h2 { font-size: 13px; margin-bottom: 0px; margin-top: 20px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; }








/* 
  | The Header Section
*/
#header {  }
.narrowcolumn, .header { padding: 0; margin: 0 auto; width: 930px; }








.header .navigation { width: 272px; }
.header .navigation UL { background: url('images/bs-body.png') no-repeat; padding: 122px 0 0 0; margin: 0; list-style: none; }
.header .navigation UL LI a span { display: none; }
.header .navigation UL LI a { display: block; }
.header .navigation UL LI#homepage a { background: url('images/bs-navigation.png') no-repeat; width: 273px; height: 59px; }
.header .navigation UL LI#homepage a:hover { background: url('images/bs-navigation.png') -273px 0 no-repeat; width: 273px; height: 59px; }
.header .navigation UL LI#about a { background: url('images/bs-navigation.png') 0 -58px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#about a:hover { background: url('images/bs-navigation.png') -273px -58px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#list a { background: url('images/bs-navigation.png') 0 -117px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#list a:hover { background: url('images/bs-navigation.png') -273px -117px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#the-blog a { background: url('images/bs-navigation.png') 0 -175px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#the-blog a:hover { background: url('images/bs-navigation.png') -273px -175px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#contact-us a { background: url('images/bs-navigation.png') 0 -233px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#contact-us a:hover { background: url('images/bs-navigation.png') -273px -233px no-repeat; width: 273px; height: 58px; }
.header .navigation UL LI#twitter a { background: url('images/twitter-follow.png') no-repeat; width: 271px; height: 97px; }




.header .grade-lvl, .content { float: right; width: 632px; }




.header .grade-lvl {  }
.header .grade-lvl .TextField { height: 40px; display: block; padding: 15px 0 0 15px; background: #3B5A93; }
.header .grade-lvl .TextField input { border: 2px solid #FFCD05; position: relative; bottom: 4px; height: 24px; background: #6C8BB8; color: #FFF; padding: 3px 4px 0 4px; font-size: 1.4em; font-family: arial, helvetica, sans-serif; }
.header .grade-lvl div label.searchform-label { font-size: 1.6em; padding: 0 0 0 10px; width: 150px; }
.header .grade-lvl .searchform-controls { padding: 0; margin: 0; height: 0; }
.header .grade-lvl .searchform-controls input { border: 0; background: url('images/btn-search.png') no-repeat; width: 75px; height: 33px; position: relative; top: -57px; right: 5px; }
.header .grade-lvl .DropDownField { height: 38px; display: block; padding: 10px 0 0 15px; background: #8dca24; }




.header h1 { background: url('images/bs-head.png') no-repeat; width: 930px; height: 112px; }
.header h1 a { display: block; height: 112px; }
.header h1 span { display: none; }




div#divide { margin-bottom: 10px; height: 2px; background-position: center; background: url('images/divide.gif') repeat-x; }




/* 
  | Section Titles
*/
.narrowcolumn .news-column { width: 390px; float: left; margin: 10px 0 0 0; }




div.bresults { margin: 0 0 15px 0; }
.single-page { background: #D1DAE7; text-align: justify; line-height: 22px; color: #1A263F; }




.widecolumn { color: #1A263F; float:right; width: 632px; }
.widecolumn h2.center { margin: 20px 0 0 0; padding: 25px; background: #C7D2E2; border-bottom: 3px solid #3C5A93; border-top: 3px solid #3C5A93; }
.widecolumn .post { background: #3C5A93; text-align: left; line-height: 22px; color: #fff; padding:5px; }




.widecolumn .article-post { text-align: justify; line-height: 22px; font-weight: bold; color: #3C5A93; }
.widecolumn .article-post h2 { margin: 0; font-weight: normal; }
.widecolumn .article-post h2 a { display: block; padding: 10px; font-size: 1.2em; background: #6C8CB8; color: #FFF; text-decoration: none; }
.widecolumn .article-post h2 a:hover { text-decoration: underline; }
.widecolumn .article-post small { background: #3C5A93; display: block; padding: 4px 0 4px 10px; color: #FFF; }
.widecolumn .article-post p { padding: 10px 0 0 5px; }








.post-padding h2#page-title { padding: 10px; margin: 0; font-weight: normal; color: #FFF; background: #6C8BB8; font-size: 1.8em; }
.post-padding .entry { padding: 10px; font-weight: bold; color: #3B5A93; text-align: justify; }




.post-padding .TextField { height: 40px; display: block; padding: 15px 0 0 15px; background: #3B5A93; }
.post-padding .TextField input { border: 2px solid #FFCD05; position: relative; bottom: 4px; height: 24px; background: #6C8BB8; color: #FFF; padding: 3px 4px 0 4px; font-size: 1.4em; font-family: arial, helvetica, sans-serif; }
.post-padding div label.searchform-label { color: #FFF; font-size: 1.6em; padding: 0 0 0 10px; width: 150px; }
.post-padding .searchform-controls { margin: 0; padding: 0; height: 0; }
.post-padding .searchform-controls input { border: 0; background: url('images/btn-search.png') no-repeat; width: 75px; height: 33px; position: relative; top: -100px; right: 5px; }
.post-padding .DropDownField { height: 38px; display: block; padding: 10px 0 5px 15px; background: #8dca24; }




.post hr { display: block; }




.post .entry img { background-color:#FFFFFF; border: 1px solid #ced4ca; padding: 3px; margin: 5px 0 5px 0; }
.post .single-post { padding-bottom: 20px; }




.post h2 a { margin: 0; padding: 0 0 0 10px; font-size: 1.0em; color:#FFCC05; text-decoration: none; font-weight: normal; display: block; }
.post h2 a:hover { color: #FFF; text-decoration: underline; }








h2.results { margin: 10px 0 0 0; font-size: 1.8em; padding: 10px 0 0 14px; height: 35px; font-weight: normal; background: url('images/search-results-bg.png') no-repeat; border-bottom: 2px solid #FFF; }




.post small { border-top: 1px solid #6B8BB7; color: #999999; display: block; font-size: 0.8em; padding-bottom: 10px; }
















#footer { padding: 20px; text-transform: uppercase; font-weight: bold; border-top: 3px solid #000; color: #999; text-align: center; background: #131313; }




#clearnavigation { clear: both; }
h2.pagetitle a{ color:#fff; font-weight: normal; }
.postmetadata a { text-decoration:none; color: #1A263F; }
.postmetadata a:hover { color: #FFF; }
.postmetadata { text-align: right; padding: 6px 10px 6px 10px; background: #6B8BB7; margin: 10px 8px 10px 8px; float: left; }





/* End Structure */
















/* Begin Images */
p img { padding: 0; max-width: 100%; }








/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */




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;
	}




.alignright {
	float: right;
	}




.alignleft {
	float: left
	}
/* End Images */












/* Begin Lists




	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */




html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 




html>body .entry li {
	margin: 7px 0 8px 10px;
	}




.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}




.entry ol li {
	margin: 0;
	padding: 0;
	}




.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}








/* End Entry Lists */












/* Begin Form Elements */




input { border: 1px solid #666666; font-size: 12px;}
#searchsubmit, #submit, #searchform div input { background-color: #333333; color:#FFFFFF; border: none; font-size: 12px}








#searchform {	padding: 3px; }








#searchform input#s { border: 1px solid #666666; font-size: 12px; background-color:#FFFFFF;	padding: 2px; color: #333333;}








.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}




select {
	width: 130px;
	}




#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}




#commentform textarea {
width: 450px; border:1px solid #333333;
	padding: 2px;
	padding: 2px;
	}




/* End Form Elements */












/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	background-color: #FFFFEE;
	}












.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px 5px;
	list-style: none;
	font-size:12px;
	}




.commentlist p {
	margin: 5px 5px 10px 0;
	}




#commentform p {
	margin: 5px 0;
	}




.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}




.commentmetadata {




	display: block; float: right;
	}
	.commentmetadata a{ text-decoration: none; color: #999999; font-size:11px;}
/* End Comments */












/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}




#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}




#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}




#wp-calendar a {
	display: block;
	}




#wp-calendar caption {
	text-align: center;
	width: 100%;
	}




#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}




#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */












/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}




acronym, abbr {
	border-bottom: 1px dashed #999;
	}




blockquote {
	margin: 15px 20px 0 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
	}












.center {
	text-align: center;
	}




hr {
	display: none;
	}




a img {
	border: none;
	}