body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #c5c0bc;
	background-image:url(images/mwo_bg.jpg);
	background-repeat:no-repeat;
	background-position: 50% 28px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 80%;
}

body.loggedin {
	background-position: 50% 56px;
}

#container a {
	color: #DC5034;
}

#wrapper {
	background-color:#FFFFFF;
	background-image:url(images/divider_bg.jpg);
	background-position:30px 143px;
	background-repeat:repeat-x;
	margin:0 auto;
	text-align:left;
	width:950px;
}


/* Top Bar with Home Nav (and future client login) */
#topbar {
	background-color: #005a8b;
	height: 28px;
	overflow:hidden;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}

#topbarnav {
	margin: 0 auto;
	padding: 0;
	width: 950px;
}

#topbarhome {
	text-align:left;
	width: 100px;
	float: left;
}

#topbarhome ul{
	font-family: Century Gothic, Verdana;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
}

#topbarhome li {
	
	padding: 6px 10px 6px 10px;
	height: 28px;
	margin: 0 0 0 0;
	list-style-type: none;
}

#topbarhome li a {
	color: #FFFFFF;
	height: 28px;
	padding: 6px 10px 8px 10px;
	text-decoration: none;
	margin: 0 0 0 0;
	background-color: #726e20;
}


body.home #topbarhome li#home-link a {
	color: #726e20;
	padding: 6px 10px 8px 10px;
	text-decoration: none;
	background-color: #ced64b;
}

#topbarhome li a:hover {
	color: #726e20;
	padding: 6px 10px 8px 10px;
	text-decoration: none;
	background-color: #ced64b;
}

#topbarright {
	text-align: right;
	margin: 0 20px 0 120px;
}

#topbarright ul{
	font-family: Century Gothic, Verdana;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	height: 100%;
	display:-moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
}

#topbarright li {
	
	padding: 6px 0px 8px 0px;
	height: 100%;
	margin: 0 0 0 0;
	list-style-type: none;
	display:-moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;

}

#topbarright li a {
	color: #FFFFFF;
	height: 100%;
	padding: 6px 10px 8px 10px;
	text-decoration: none;
	margin: 0 0 0 0;
	background-color: #337ba2;
}


#topbarright li.here a {
	color: #726e20;
	padding: 6px 10px 8px 10px;
	text-decoration: none;
	background-color: #ced64b;
}

#topbarright li a:hover {
	color: #726e20;
	padding: 6px 10px 8px 10px;
	text-decoration: none;
	background-color: #ced64b;
}
/* Top Bar end */

/* Main site navigation */

div#menu {
	margin: 0px;
}

#menu ul {
	display:block;
	}

#menu ul {
	font-family: Century Gothic, Verdana;
	font-weight:normal;
	color: #726e20;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	display:-moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
}
	
#menu li {
	padding: 4px 0 0 0;
	height: 26px;
	list-style-type: none;
	display:-moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
}

#menu li a {
	color: #726e20;
	height: 26px;
	padding: 4px 10px 3px 10px;
	text-decoration: none;
	margin: 0px;
}


#menu li.current_page_item a, #menu li.current_page_ancestor a  {
	text-decoration: none;
	background-color: #ced64b;
}

#menu li a:hover {
	text-decoration: none;
	background-color: #ced64b;
}


/* Main site navigation end */

#header {
	background-image:url(images/header_bg.jpg);
	background-repeat:no-repeat;
	height:143px;
	padding:0;
}

#optimizerbutton {
	width: 152px;
	height:52px;
	top: 26px;
	left: 23px;
	position: relative;
}

/* Footer */

#copyright {
	position:relative;
	margin-top: 0px;
	vertical-align:bottom;
	border-top:2px solid #005a8b;
	width: 100%;
}

#copyright .footertype {
	color: #005a8b;
	font-size: 9px;
	height: 20px;
}

#copyright .footertype a {
	color: #005a8b;
}

#copyright .footertype a:hover {
	color: #dc5034;
}

#footer { 
	padding: 75px 0 0 0;
	background-image:url(images/mwo_footer.gif);
	background-repeat:no-repeat;
	background-position: top;
	background-color: #c5c0bc;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/*Footer end */

.vote-and-post {
	clear: both;
}

.vote-it-up {
	float: left;
	width: 45px;
	padding-bottom: 8px;
	background: transparent url(images/vote-tick.gif) no-repeat scroll bottom right;
}

.vote-it-up .textcontainer {
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #e1e1e1;
	color: #dc5134;
	padding: 0px;
	margin: 0px;
	font-size: 140%;
	font-weight: bold;
}

.vote-it-up .bartext {
	width: 45px;
	color: #FFFFFF;
	background-color: #dc5134;
	margin: 0px;
	padding: 2px 0px;
	text-align: center;
	font-size: 75%;	
}

#container .vote-it-up .bartext a{
	color: white;
	text-decoration: none;
}

.post.with-vote {
	margin:1.5em 0 1.5em 65px;
}

.post.with-vote h2.entry-title {
	clear: right;
	margin-top: 0px;
}


#nav-above {
	padding-top: 10px;
}

body.blog #nav-above {
	display: none;
}

body.blog #header #logo, body.single #header #logo {
	width: 380px;
	height: 93px;
	position: absolute;
	top: 25px;
	right: 0px;
}

body.blog #header, body.single #header {
	background-image:url(images/blog_header.jpg);
	position: relative;
}

body.blog #wrapper, body.single #wrapper {
	background-image: url(images/blog_divider_bg.gif);
}

h2.entry-title, h2.entry-title a {
	color: #806e2c;
	font-family:Century Gothic,Verdana,Arial;
	text-decoration: none;
	font-size: 14pt;
	
}

div.post {
	line-height: 1.75em;
}

div.post blockquote {
	color: #806e2c;
}

body.blog div.entry-date {
	float: left;
}

body.blog div.entry-meta {
	text-align: right;
	clear: none;
}

body.blog div.entry-date, body.blog div.entry-meta {
	font-size: 75%;
	color: #999;
}

body.blog div.entry-date abbr, body.blog div.entry-date a, body.blog div.entry-meta a {
	color: #999;
	text-decoration: none;
}

body.blog div.entry-date a:hover, body.blog div.entry-meta a:hover {
	text-decoration: underline;
}

body div.sidebar h3 {
	background-color: #ebebeb;
	color: #005a8c;
	margin-bottom: 1em;
	font-family: "Century Gothic", arial, sans-serif;
	
	display:block;
	margin-right:0;
	padding:2px 2px 2px 8px;
	text-decoration:none;
	width:100%;
	font-size: 12px;
}

.sidebar a {
	text-decoration: none;
	color: #e1674f;
}

.sidebar a:hover {
	text-decoration: underline;
}

#subscribe div {
	padding: 0px 10px;
	line-height:1.75em;
	color: #959595;
}


#most-voted-posts .votelistind {
	overflow: hidden;
	padding: 2px 0px;
}

div.sidebar div.votewidget_skin {
	padding: 0px 10px;
}

#most-voted-posts .votemicro {
	float: right;
	color: #806E2C;
	font-weight: bold;	background-color: white;	font-size: 1em;	border: 0px;
}

body div.sidebar ul ul li {
	list-style-type: none;
}

.single .entry-meta {
	display: none;
}

#respond h3 {
	color: #806E2C;
}


/**** Page styles ****/

body.page h1 {
	color:#726e20;
	font-family:"Century Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	margin:0 0 10px;
}

body.page h2 {
	color:#726e20;
	font-family:"Century Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	margin:0 0 10px;
}

body.page .entry-content {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:16pt;
margin:0 0 10px;
}

#sidenav ul {
	color:#726e20;
	font-family:Century Gothic,Verdana;
	font-size:12px;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px;
}

#sidenav li a {
	color:#726e20;
	display:block;
	margin-right:0;
	padding:2px 2px 2px 8px;
	text-decoration:none;
	width:100%;
}

#sidenav li a:hover, #sidenav li.current_page_item a  {
	background-color:#CED64B;
	color:#005A8B;
	text-decoration:none;
}

#quotebox {
	background-color: #ced64b;
	width: 230px;
	padding: 10px;
	margin-top: 30px;
	cursor: pointer;
        display:none;
}

#quotebox .body {
	font-family: "Century Gothic", Verdana;
	font-style:italic;
	font-size: 20px;
	color:#FFFFFF;	
	margin: 0 0 10px 0;
	font-weight: bold;
}

#quotebox .by {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 12px;
	font-weight:normal;
	color:#FFFFFF;
	margin: 0;
	padding: 0;
}

#quotebox:hover {
	background-image:url(images/ideasblogcorner.gif);
        background-position: bottom right;
	background-repeat: no-repeat;
        background-color: #f0f3c9;

}

.entry-content strong {
	color: #005A8B;
}

#image {
	margin-bottom: 1em;
}

#pdfs a {
	color: #806D2C;
	text-decoration: underline;
}

#pdfs a:hover {
	color:#DC5034;
}

#pdf-downloads {
	margin: 0px 0px 1em;
}

.reader-link {
	color:#666666;
	font-size:9px;
	padding:0;
}

.entry-content h3 {
	color:#005A8B;
	font-family:"Century Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	margin:0 0 10px;
}

.entry-content ul {
	padding: 0px;
	margin: 0px;
}
.entry-content ul li{
	background-image:url(images/weebullet.gif);
	background-position:0 9px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 0 20px;
	margin-bottom: 1em;
}

a img {
	border: 0px;
}

#recent-post {
	padding: 10px 12px 20px;
	background: #f2f2f2 url(images/lightramp.gif) repeat-x scroll bottom left;
}

#recent-post #blog-logo{
	height: 70px;
	background: transparent url(images/mwo_bloglogo_main.gif) no-repeat scroll top center;
}

#recent-post .post-title {
	color:#DC5034;
	font-family:Century Gothic,Verdana,Arial;
	font-size:14pt;
	text-decoration:none;
	font-weight: bold;
}

#recent-post .post-meta {
	color:#999999;
	font-size:75%;
}