* {
margin:0;
padding:0;
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

body {
font:.8em Arial, Sans-Serif;
color:#000;
line-height:1.3em;
background:#fff ;
margin-bottom:60px;
}

h1,h2,h3 {
}

h1 {
color:#333;
font-size:2em;
}

h2 {
color:#888;
font-size:1.7em;
}


h3 {
font-size:1.3em;
margin:1.2em 0 .5em;
font-weight:bold;
}

.big a{ color:#999; }
.big a:hover{ color:#990; }
.h2art{ color:#770; }

#updt{
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
}

#header {

}

	#logo {
	line-height:normal;
	margin:0px;
	background:none;
	height:120px;
	}

		#logo h1 {
		text-shadow:1px 2px 2px #eee;
		text-align:center;
			font-size:2.5em;
			letter-spacing:0px;
			margin:0;
			padding-top:40px;
		}
		
		#logo h1 a {
			color:#aaa;
		}
		#logo h1 a:hover {
			color:#000;
			text-decoration:none;
		}

		#logo  p{text-align:center;
			margin-top:5px;
		}

p {
line-height:normal;
margin:0 5px;
}

a {
color:#905;
text-decoration:none;

}

a:hover {
color:#990;
text-decoration:underline;
}

.current {
text-decoration:underline;
}

a.current {
color:#990;
}
.archive_date {

}
.arca {
	color:#090;
	background:#eee;
	padding:4px 0px;
}

.imglinks img{
	text-align:center; margin:5px auto 10px auto; padding:2px; border:1px solid #eee;
}


ul {
list-style:none;
}

li {
margin-left:1em;
}

.subcat {
margin:0px 18px 0px 0px;
}

li.subcat {
list-style-type: disc;
}

li.subcat a.current{
color:#000;
}
		
#top {
float:right;
text-align:right;
width:70%;
}
		.topmenu {
		margin:0px 20px 0px 0px;
		padding:0px;
		}

		.topmenu li {
		font-size:1em;
		display:inline;
		}

		.topmenu li a {
		color:gray;
		margin:0 15px 0 15px;
		}

		.topmenu li a:hover {
		color:#F74600;
		}

#crumbs {
float:right; height:5px;
clear:both;
background:none;
margin:0px;
padding:0px 0px;
}
.crumbs-margin {
	margin:0px auto 30px auto;
	border-bottom:1px solid #eee;
	padding:5px 0px;
}
		
#search {
float:left;
clear:both;
text-align:right;
border-top:1px solid #ccc;
margin:20px 0 10px 0;
padding:20px 10px 10px 10px;
}
	#search p{
	margin:0px 0 0px 0;
	padding:0px;
	}

/*------- content -----------------------------------------*/

#wrapper {
width:1000px;
margin:10px auto 50px auto;
padding:0px;
border:0px solid #eee;
}


		#tnav { 
		border:0px solid #eee;
			 padding:0px;
			margin:0;
			margin-left:150px;

		}
		.topnav li {
		margin:0;
		padding:0px;
			float:left;
			border:0px solid #eee;
		}
		.topnav li a{ width:60px; height:40px; display:block;
			 margin:4px 2px 0px 2px; padding:10px 10px 4px 10px;
			background:#f3f4f5;
			color:#123;
			font-size:11px;
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
		}		
		.topnav li a:hover{
			background:#ececec;
			color:#123;
		}			


#content {	

border-right:5px solid #eee;
border-left:5px solid #eee;
border:0px solid #eee;
padding:20px 10px 20px 10px;
margin:10px 0 0 0;
background:#fff url(mb.jpg) no-repeat center top;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
}




/**/

#content p.subcat {
margin-left:30px;
}



.post{
}
.inner_post{
}

.post_title{
margin:0px;
border-bottom:1px solid #aaa;
padding:2px 0px 2px 0px;
}
.post_title h2 {margin:0px;}

.post_body{
margin:0px 0px;
}
.post_body h3{padding:10px;
border:0px solid #aaa;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
}



.post_infoline{
margin:2px 0px;
}

/*------------------------------------------------display:inline;*/
#fast_links {
	margin:20px 0px 40px 0px;
	padding:0px;
}
#fast_links ul{
	padding:0px; margin:0px;
}
#fast_links ul li{
	
	padding:0px;
	margin-left:0px;
	margin-right:20px;
}

#main {
width:60%;
float:left;
margin:20px 2px 20px 10px;
padding:5px;
background:none;
border:0px solid #aaa;
}

	#side {
	width:25%;
	float:right;
	margin:20px 0px 40px 0px;
	padding:15px;
	border:1px solid #eee;	
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
	}
	
		.single {
		width:50%;
		float:right;
		padding:0 5px;
		}

		.single-right {
		background:none;
		width:90%;
		float:left;
		padding:0px;
		
		}
			#side h2{
				margin: 1em 0 0.4em 0;
				font-size:1.3em;
				font-weight:normal;
				color:#555;
			}
		
/*------------------------------------------------border-top:1px solid #eee;*/




#3col {
	margin:0px 0px 10px 0px;
}

div.col, div.col-right{
  opacity: 0.3;
  -webkit-transition: opacity 1s linear;
}

div.col:hover, div.col-right:hover {
  opacity: 1;
}

	.col{ background:#fff;
	float:left;
	width:27%;
	padding:8px 8px 35px 8px;
	margin:10px 3px;
			border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
	}
	
	.brdr {border-right:1px solid #eee;}
	.brdl {border-left:1px solid #eee;}
	
	.col-right{ background:#fff;
	float:left;
	width:34%;
	padding:8px 8px 35px 8px; 
	margin:10px 3px 10px 0px;
	border:1px solid #eee;
			border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
	}
			
			.col h2, .col-right h2{
				margin-top: 1em;
				margin-left: 10px;
				font-size:1.3em;
				font-weight:normal;
				color:#555;
				text-decoration:underline;
			}	
			
.rnd   { margin:0; padding:0; }
.rnd  li { 
	display:inline; 
	padding:2px 0px;
	margin:0px 0px;
	border-bottom:0px solid #ccc;
	background:none;
	}
	
.clist{
	/*float:right; */ 
	width:96%; padding:2%; margin:15px 0px; background:#fff; border:1px solid #777;
}


.Box, .box {
}
.related {
	padding:4px;
	border:0px solid #aaa;
}
.Related_UL {
	padding:4px;
	border:0px solid #aaa;
}

.Related_UL li {
	margin:0px auto;
	padding:0px 0px;
	
}
/*
border-bottom:1px solid #eee;
*/
	.ilist-head {
	font-size:1.5em;
	font-weight:bold;
	color:#ffe;
		background:#990;
		padding:5px 5px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		
		}				
/*------------------------------------------------
background:#fff url(mbf.jpg) no-repeat center bottom;
*/

#footer {
height:100px;
clear:both;
margin-top:30px;
border-top:1px solid #eee;
padding:10px 0px 0px 0px;

}
		.site_pages {
		float:left; width:30%;
		padding:0px;
		margin:0 0 1.4em 0em;
		border-left:0px solid #900;
		}

		.site_pages li {
		font-size:1em;
		display:inline;
		}

		.site_pages li a {
		margin:0 0px 0 0px;
		border-right:1px solid #ccc;
		padding:0px 5px 0px 0px;
		}

		.site_pages a img {border:0px solid #ccc;}
		
		.site_pages li a:hover {
		}
		
.credits{float:left; width:60%; margin:0 0px 0 20px; }
/*------------------------------------------------*/

#sitemap{
}
#sitemap h2{
 padding:5px;
}
#sitemap td{ border-top:1px solid #eee; padding:5px; 
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
}
#sitemap ul ul li a{ color:#09f;
}

/*------------------------------------------------*/

code{
	font-size:1.2em;
}

/*------------------------------------------------*/


input {
vertical-align:middle;
border:1px solid f5f5fe;
border-top:1px solid #ccc;
padding:5px; 
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;

}

input.searchfield {
border:2px solid #ccc;
font-size:.9em;
padding:6px;
}

input.searchbutton {
border:0;
color:#fff;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
}


#main input[type=button] {
border:1px solid #ccc;
color:#000;
font-size:.8em;
line-height:1.5em;
cursor:pointer;
display:block;
float:left;
background:#f9f6f2;
margin:0 .1em;
padding:.2em .8em;
}

.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}

fieldset {
	border:1px solid #aaa;
	color:#000;
	background:#eee;
	margin:0 0 8px;
	padding:10px 8px;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
}

	fieldset  fieldset {
		border:1px solid #ccc;
		color:#000;
		background:#f5f5f5;
		margin:0 0 8px;
		padding:10px 8px;
	}

textarea {
width:97%;
height:20em;
padding:3px;
}


/*------------------------*/
.next{text-align:left;}
.inline{}
.inline dd{display:inline;}

/*------------------------*/

.te{padding:0px; border:1px none #900; margin:0px 0;}
.combox{margin:5px 0 10px 0; padding:2px 20px; border:1px solid #ccc;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
}
.comnum{font-size:48px;}
.comhead{ padding:10px 10px; }
	.comhead span{ color:#f70;  }
	.comhead a { color:#888;  }
.comedit{padding:5px 10px; font-size:0.85em;}

.comment {
color:#000;
border:1px solid #ccc;
background:#F5F6F6;
margin:0px 0 10px 0;
padding:15px 30px;
font-size:1.1em;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
}

.qtwrp { margin:10px; padding:5px; border:1px solid #ccc; background:#fff; }
.qtwrp span{ margin:10px 0; padding:5px; font-weight:bold;font-size:0.8em; }

.quotes{ padding:5px; }

.fp{margin-top:0px;}

.bl, .nb{font-size:2em; float:right; width:18px; margin:4px; padding:5px; color:#ccc;}
.nb{font-size:1em; color:#999; }



.commentsbox {
color:gray;
background:#f4f4f4;
border:1px solid #ccc;
margin:10px 0;
padding:20px;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
}



.date {
border-bottom:1px solid #eee;
margin:0 0 10px;
padding:5px 0;
}

.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}



/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}





		/* this is the css for the vertical version */
		.vertical ul {
			list-style-type: none;
			padding: 0px;
			width: 150px;
		}
		
		.vertical li ul {
			position: absolute;
			margin-top: -0.5em;
			margin-left: 0px;
			border-top:1px solid #eee;
		}
		
		.vertical li {
			/* Needed for IE. Don't ask me why, It was a lucky guess.    */
			display: inline;
			line-height:2em;
		}	
		
		.vertical li a {
			display: block; 
			width: 140px;
			text-decoration: none;
			padding: .1em 5px;
			background:#fff;
			border-bottom:1px solid #eee;
		}
		
		.vertical li a:hover {
			text-decoration: none;
			background:#f5f5f6;
		}				
		
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}