/*  


*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{

font-size:78%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
background-color:#ffff;

}

p{
color:#333333;
font-size:12px;
margin-bottom:2px;
line-height:16px;
font-family:Arial,Helvetica,sans-serif;
text-align:justify;
}

#wrapper{
	
width:860px; /*center hack*/
margin:0 auto; /*center hack*/
}

a {
color:#00FF99;
}
a hover{
color:#0000CC;
text-decoration:underline;
}
a visited{
color:#0000CC;
}

.hoffer-title{
font-size:10px;
padding-left:7px;
font-weight:bold;
color:#FFFFFF;
}

h1,h2,h3,h4,h5,ul,ol,dl{
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}
h1 {
	font-size:18px;
	font-weight: bolder;
	margin-bottom:10px;
}
h2{
    color:#333333;
	line-height:20px;
	font-size:16px;
	margin-bottom:5px;
}
h3{
font-family:Verdana;	
font-size:12px;
color:#333333;
padding-bottom:5px;
}

h4 {
	font-size:12px;
	font-weight: bolder;
	margin-bottom:10px;
}

a:link{
	text-decoration: none;
	color:#0066CC;
}

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

a:visited{
	text-decoration: none;
	color:#0066CC;
}

a img {
	border: none;
}

/*******************
----Custom Styles---
*******************/

blockquote { 
	font-style: italic; 
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 90%;
	color: #333; 
	margin: 1.5em 30px 1.5em 30px; 
	padding: 4px 4px 4px 10px;
	background: #f1f0ed;
	border-left: 2px solid #900;
}

code { 
	color: #9A2EFE; 
	font-family: Courier, monospace; 
}

.entry p { 
	margin: 5px 0 10px 20px  ;
	
}

.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 0px;
}

.entry ul, .entry ol { 
	margin: 0 0 15px 5px; 
}
	
.entry ul { 
	list-style-type: disc; 
}
	
.entry ul.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ul.bg.blue {
	background: #E0ECF8;
}

.entry ol.bg {
	background: #f1f0ed;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.entry ol.bg.blue {
	background: #E0ECF8;
}

.entry li { 
	margin: 0 0 5px 0; 
}
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
	margin: 5px 0 5px 30px; 
}

.entry blockquote.right { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 0 0.3em 15px !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: right; 
}
		
.entry blockquote.left { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 15px 0.3em 0 !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: left; 
}
	
.entry blockquote.right p, .entry blockquote.left p { 
	margin: 0; 
	line-height: 1.4em !important; 
}

.entry img.left { 
	padding: 6px; 
	margin: 0.5em 15px 0.5em 0; 
	border: none;
	float: left; 	
	clear: left; 
}
		
.entry img.right { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: none;
	float: right; 
	clear: right; 
}
		
.entry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: none;
	float: none; 
	clear: both; 
}
	
.entry img.frame { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 1px solid #CCC;
	background: #EEE;
	float: right; 
	clear: right; 
}
		
.entry img.stack { 
	clear: none !important; 
}

.archive_head { 
	text-align: center;
	font-style: normal; 
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
	color: #900; 
	margin: 25px auto 0px 30px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

/*******************
------Header-------
*******************/

#header{
	width: 100%;
	height: 57px;
	margin: 0;
	padding: 0;
	background: url(images/logo.jpg);	
	color: #fff;
	clear: both;
	width:887px; /*center hack*/
	margin:0 auto; /*center hack*/
}

#main-menu{
float:right;
margin-top:13px;
}

/********************
----Navigaiton Bar---


#top-menu{
	clear: both;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	text-align: left;
	border: none;
	background: #6a6a6a;
}

#top-menu a{
	text-decoration: none;
	padding: 5px 10px;
	color: #900;
	font-size: 16px;
}

#top-menu a:hover{
	text-decoration: none;
	color: #FFF;
	background: url(images/nav_hover.gif) repeat-x;
}

#top-menu ul{
	margin: 0 auto;
	width: 850px;
	padding: 5px 0;
	text-align: left;
}

#top-menu ul li{
	display: inline;
	padding: 0;
	font-size: 14px;
}


/*******************
---------Post-------
*******************/
#container2{	
	background: url(images/contentbox.jpg) repeat-y center;
	float: left;
}
#container{
	float: left;
	width: 600px;
	padding: 10px; 0 0 0;
}


.post{
	padding: 0px 0px 30px 20px;
}

.post h2{
	
	text-transform: normal;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 30px;
	padding: 10px 0 0 40px;
	color:#666666;
	
}

h2{
font-size:1.8em;
color:#333333;
line-height:1.0em;
font-weight:bold;
}

.entry{
	line-height: 22px;
}

.postinfo{
	font-size: 11px;
	color: #aaa;
	padding: 2px 0 0px 40px;
}

.postinfo a{
	color: #aaa;
}

.postdate{ color: #aaa; }

p.postmetadata{
	font-size: 12px;
	color: #BFB8A1;
	border-top: 1px dotted #CCC;
	margin: 0px 0 0 40px;
	padding: 0px 0 0 0;
}

p.postmetadata strong{
	float: right;
}

.navigation{
	padding: 2px 20px 20px 60px;
}

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.postnav{
	padding: 10px 20px 20px 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

h2.archive_head{ 
	font-weight: bold !important; 
	font-size: 14px !important; 
	text-transform: normal !important; 
	letter-spacing: normal !important; 
	margin: 0 0 0em 10px !important; 
	padding: 0.4em 5px !important; 
	border-bottom: 1px dotted #CCC; 
	background: none; 
}

	

/********************
----Sidebar Styles---
********************/

.rightbar{
	float: right;
	width: 210px;
	margin: 0;
	margin-right:30px;
	padding-top: 5px;
	padding-bottom: 15px;
	display: inline;
	overflow: hidden;
	
	}

.rightbar ul{
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
	
}

.rightbar ul li{
	padding: 10px 0 10px 5px;
	
	
}

.rightbar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color:#FFFFFF;
	background-color:#1c6bae;
	font-weight:bold;
	padding: 5px 5px 5px 20px;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #CCC;
}

.rightbar ul ul li{
	padding: 0;
	margin: 0 0 0 13px;
	line-height: 24px;
	list-style: url(images/arrow.jpg);
	font-size: 12.5px;
	
}

.rightbar .syndication .rss {
	width: 179px;
	height: 33px;
	position: relative;
	padding-top: 12px;
}

.rightbar .syndication .rss span{
	background: url(images/sub_rss.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.rightbar .syndication .rss .sub{
	list-style: none;
}

.rightbar a:link, a:visited{
	text-decoration: none;
	color:#666666;
}

.rightbar a:hover{
	text-decoration: underline;
	color:#666666;
}


table#wp-calendar{
	width: 100%;
}

/* Left Sidebar */

.leftbar{
	float: left;
	width: 190px;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 15px;
	display: inline;
	overflow: hidden;
	background: #f1f0ed;
}

.leftbar ul{
	list-style: none;
	margin: 0;
	padding: 0 5px 0 10px;
}

.leftbar ul li{
	padding: 10px 0 10px 5px;
}

.leftbar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #555;
	padding: 5px 5px 5px 20px;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #CCC;
}

.leftbar ul ul li{
	padding: 2px 0;
	margin: 0 3px 0 10px;
	line-height: 18px;
	list-style: url(images/bullet.gif);
	font-size: 11px;
	border-bottom: 1px dotted #CCC;
}
.leftbar a:link, a:visited{
	text-decoration: none;
	color:#900;
}

.leftbar a:hover{
	text-decoration: underline;
	color: #222;
}

/*******************
----Comment Form---
*******************/

#comment-form{
	width: 425px;
	background: #f1f0ed;
	margin: 10px 0 0 20px;
	padding: 5px 5px 15px 15px;
}

.comments-template a{
	text-decoration: underline;
	color: #900;
}


.comments-template a:hover{
	text-decoration: underline;
	color: #333;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0;
	line-height: 18px;
	padding: 10px 0 5px 15px;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
	color: #900;
	padding: 10px 0 30px 0;
}

.commentmetadata{
	font-size: 12px;
	color: #AAA;
	padding: 20px 0;
}

.commentmetadata strong { 
	font-size: 14px; 
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template input{
	border: 1px solid #CCC;
}

.comments-template textarea{
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 12px;
	color: #000;
	margin: 30px 15px 15px 0;
	background: #FFF;
	border: 1px solid #CCC;
}

.even {
	background: #f1f0ed;
	border: none;
}

.alt {
	background: #FFF;
	border: 2px solid #f1f0ed;
}

/*******************
-------Footer-------
*******************/


#bottom-break{	
		background: url(images/footertop.jpg) center no-repeat;
		height:34px;
		float:left;
		margin: 0 auto;
	    width: 860px;
}

#footer2{	
		background: url(images/footer.jpg) center no-repeat;
		height:40px;
		float:left;
		margin: 0 auto;
	    width: 860px;
}

#footer-end{	
		background: url(images/footerbottom.jpg) center no-repeat;
		height:26px;
		float:left;
		margin: 0 auto;
		width: 860px;
}


#footer{
	padding: 4px 20px 8px 40px;
	font-size: 80%;
}

#footer a:link{
	text-decoration: none;
	color: #369;
}

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

#footer a:visited{
	text-decoration: none;
	color: #900;
}



/**************************************/
/**************Main Menu **************/
/**************************************/

#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
#leftcol{ /*the columns that gets dropped down over yours might be different*/
z-index:5;
}
#mainleveltopnav li{
display:inline;
list-style-type:none;

}
a.mainleveltopnav,a.mainleveltopnav:link,
a.mainleveltopnav:visited{
color:#FFFFFF;
}
.moduletablemainnav{ /* I have absolutely positioned the module, you might have a different scheme*/
position:absolute;
z-index:100;
margin-top:71px;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
}
#mainlevelmainnav,#mainlevelmainnav ul{
float:left;
list-style:none;
line-height:2em;
font-weight:700;
}
#mainlevelmainnav a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding-right:5px;
padding-left:5px;
}
#mainlevelmainnav li{
float:left;
padding:0;
margin-right:8px;
background-color:#6a6a6a;

}
#mainlevelmainnav li ul{
position:absolute;
left:-999em;
height:auto;
width:13em;
font-weight:700;
background:#6a6a6a;
border:#6a6a6a 1px solid;
margin:0px;
padding-top:10px;
padding-bottom:10px;
}
#mainlevelmainnav li li{
width:11em;

}
#mainlevelmainnav li ul a{
width:11em;
color:#fff;
font-size:1.0em;
line-height:2em;
font-weight:400;
}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background:#039;
line-height:2em;
}



#mainlevelmainnav li a:hover, .moduletablemainnav li a:hover, a#active_menumainnav:link, a#active_menumainnav:visited {
background-color:#EBEBEB;
color:#0066CC;
}

.blogbespoke{
font-size:14px;
color:#000099;
text-decoration:underline;
}
#blogremote {
background-image:url(images/mr-remote-blogger.jpg);
height: 163px; 
width:190px; 
}

#center{
margin-left:10px;
}

#imageleft{
  float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
    }
	
	
	#imageleftvideo{
	background-color:#000000;
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
    }

.imgborder{
	border:2px solid #72a143;
	padding:1px;
	background:#ffeda5;
}

.imgbordervideo{
	border:2px solid #72a143;
	padding:1px;
	background:#FFFFFF;
}

#rssfeed{
padding-left:145px;
}

/* New Menu */

.menunew {padding:0; margin:0px 20px; }
.menunew dt {display:none;}
.menunew dd {float:left; padding-left:3px; padding-right:3px; margin:0; text-align:center;}
.menunew dd span.aa {display:block; width:9px; height:1.5em; background:url(images/menubackrightnew.jpg); float:left; padding:5px 0;}
.menunew dd span.bb {display:block; height:1.8em; background:url(images/menubacknew.jpg); float:left; padding-left:5px; padding-right:5px; padding-top:7px;}
.menunew dd span.cc {display:block; width:9px; height:1.5em; background:url(images/menubackleftnew.jpg); float:left; padding:5px 0;}

.menunew a, .menunew a:visited { color:#333333; text-decoration:none; font-size:12px;; cursor:pointer; font-weight:bold; }
.menunew a:hover { background:#fff; text-decoration:underline; color:#0066CC;}
.menunew a:hover span {background-position:0 150px;}

img#wpstats{width:0px;height:0px;overflow:hidden} 


#twitter{
margin-left:70px;
display:none;
}

#twitter-text{
float:right;
padding-right:70px;
font-size:10px;
font-weight:bold;
display:none;

}

twitter_update_list.ul{
margin-right:50px
}

#aligncenter{
margin-left:100px;
}


/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}