html, body { margin: 0; padding: 0; }

body { 
	background:#FFF;
	font-family:Verdana;
	font-size:12px;
	text-align:center;
}

body * {margin: 0px; padding: 0px;}

/*********************************************
		Link Styles
*********************************************/
a {
	color: #0000ff;
	text-decoration: underline;
}
a:hover { color: #008000; text-decoration: underline; }

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #333;}
ol, ul {
	margin: 5px 35px;
}
blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 4px solid #267ABF;
	font-style: italic;
}
blockquote blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 4px solid #CC3300;
}
img { border: 0px; background: none; }
p {
	padding: 5px 0px;
	margin: 0px;
}
.clearboth:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/*********************************************
		Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
	font-family: Arial, Verdana, Georgia, serif;
	font-size: 13px;
	font-weight: bold;
	padding:4px 6px;
	margin: 0px;
	color: #fff;
	text-decoration: none;
  background: #e7e7e7 url(images/topmenu-bg-grn.gif) repeat-x;
	border:1px solid #999;
}
h2 { /* This style used as header in the sidebars */
	font-family: Arial, GVerdana, eorgia, serif;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	padding:4px 6px;
	text-transform: capitalize;
}
h2.gold {color:#333;background:#e7e7e7 url(images/left-menu-bg.gif) repeat-x;border:solid #999;border-width:1px 1px 1px 1px;}
h2.red {color:#fff;background:#e7e7e7 url(images/menu-bg-red.gif) repeat-x;border:solid #999;border-width:0px 1px 1px 0px;}
h2.blue {color:#fff;background:#e7e7e7 url(images/menu-bg-blue.gif) repeat-x;border:solid #999;border-width:1px 1px 1px 1px;}

h2.bonuscode {border:0px;background:#fffdd5;font-size:20px;padding:5px 0px;text-align:center;}
h3.bonuscode {border:0px;color:#333;background:#fff;font-size:16px;padding:5px 0px;text-align:center;margin-top:10px;}
h2.prhead {margin:15px 0 0px 0;color:#fff;background:#e7e7e7 url(images/menu-bg-blue.gif) repeat-x;font-family:arial, verdana;border:1px solid #999;border-width:0 0 1px 0;}
h2.prheadg {margin:15px 0 0px 0;color:#ffff00;background:#008000 url(images/topmenu-bg-grn.gif) repeat-x;font-family:arial, verdana;border:1px solid #999;border-width:0 0 1px 0;}

h3 { /* This style used as the post titles on homepage/archive */
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	padding:10px 5px 0px 5px;
	margin: 0px;
	color: #267ABF;
	background:#fff;
	text-decoration: none;
}
h4, h4 a { /* This style used as title for comments and as the identifying header on archive page  */
	font-family: Arial, Verdana, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 6px;
	margin: 0px;
	color: #333;
	text-decoration: none;
  background: #e7e7e7 url(images/left-menu-bg.gif) repeat-x;
	border:1px solid #666;
}

/*********************************************
		Container Div
*********************************************/
#container {
	text-align:left;
  margin:0px auto;
  width:960px;
  padding:0px;
  background:#fff;
  border-left:0px solid #333;
  border-right:0px solid #333;
}

/*********************************************
		Header Styles
*********************************************/
#header {
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
  background:#e4f0e0;
  border-bottom:1px solid #666;
}
#header .topbar {
	width: 944px;
	text-align: left;
	padding: 3px 8px; margin: 0px;
	background: #F7F7F7;
	border-bottom: 1px solid #DBDBDB;
}
#header .topbar .date {
	float: left;
	width: 470px;
	font-family: Arial, Verdana, Serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	padding: 0px 0px 0px 0px;
}
#header .topbar .rss {
	float: right;
	width: 470px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}
#header .topbar .rss a {
	background: url(images/toprss.png) 5px 0px no-repeat;
	padding: 0px 0px 0px 22px;
}
#header .topbar .rss a:hover {	
}
#header #logo {
	clear:both;
	padding:0px 0px; margin: 0px;
	overflow:hidden;
}
/*********************************************
		Horizontal Navigation Styles
*********************************************/
#menu {
	clear: both;
	color: #1F78BE;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;	
	text-transform: uppercase;
	padding: 0px 0px;
	margin: 0px;
	display: block;
	width: 960px;
	background: #F7F7F7 url(images/topmenu-bg-grn.gif) repeat-x;
}
/* This is the navigation */
#menu ul {
	margin: 0px;
	padding: 6px 0px;
	width: 680px;
	overflow: hidden;
	font-weight: bold;
	float: left;
	}
#menu ul li {
	display: inline;
	list-style-type: none;
	margin: 0px -4px 0px 0px;
	padding: 6px 0px;
	}
#menu ul li a {
	color: #ffff00;
	padding: 6px 10px;
	margin: 0px;
	text-decoration: none;
	border-right: 1px solid #DBDBDB;
	}
/* if you want to set a "current page item" style, do it here
#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited {
	color: #FFF;
	background:#eee url(images/topmenu-bg-grey.gif) repeat-x;
} */
#menu ul li a:hover {
	color: #FFF;
	text-decoration: none;
	background:#eee url(images/topmenu-bg-grey.gif) repeat-x;
}
	
/*This is the search */
#menu #search {
	float: right;
	width: 170px;
	padding: 2px 5px 0px 10px; margin: 0px;
}
#menu #search #searchform {
	margin: 0px; padding: 0px;
}
#menu #search .s {
	float: right;
	margin: 0px;
	width: 150px;
}

/*********************************************
		Featured Posts
*********************************************/
#feature {
	clear: both;
	display: block;
	width: 960px;
	margin: 0px 0px 0px 0px; padding: 0px;
	color:#333;
	background:#accea4;

}
#feature .left {
	float: left;
	display: block;
	width: 435px;
	background: none;
	margin: 0px; padding: 6px 10px;
}
#feature .right {
	float: right;
	display: block;
	width: 435px;
	background: none;
	margin: 0px; padding: 6px 10px;
}

#codebox {
  text-align:center;
  border:2px solid #edba61;
  background:#fffdd5;
  margin:15px 0 15px 0;
  padding:5px;
}

#rblist {list-style:none;margin:0;padding:0;}
#rblist li {padding:10px 0 10px 85px;font-size:14px;}
#rblist li.step1 {background:#fff url(/images/1.png) left no-repeat;}
#rblist li.step2 {background:#fff url(/images/2.png) left no-repeat;}
#rblist li.step3 {background:#fff url(/images/3.png) left no-repeat;}

.prinfo {width:100%;}
.prinfo td {font-family:arial;padding:6px 10px;font-size:11px;border-bottom:1px solid #ccc;}
.prinfo tr.row1 {background:#f5f5f5;}
.prinfo tr.row2 {background:#fafafa;}

/*********************************************
		Content Div
*********************************************/
#content {
	display: inline;
	float: left;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 664px;
	display: block;

}
#content2 {
	border:solid #999;
	border-width:0px;
	line-height:1.4em;
	background:#fff;
}
.post {
	background: #fff;
	padding:0px 5px 5px 5px; margin: 0px 0px 0px 0px;
}
.post-more { /* Use this class to style the "more" tag */
	clear: both;
	text-align: right;
	margin: 10px 0px 10px 0px; padding: 0px;
}
.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */
}

.text {background:#fff;padding:6px 6px 6px 6px; margin:0px;border:solid #999;border-width:0px 1px 1px 1px;}

#subfade {width:100%;height:15px;background:#fff url(images/subfade.gif) repeat-x;}
#subfade2 {width:100%;height:8px;background:#fff url(images/subfade.gif) repeat-x;}

p.small {font-size:11px;font-family:arial;background:#fff;padding:3px 6px 6px 6px;}

/*********************************************
		Post Meta Styles
*********************************************/
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px;
	background: transparent;
}
.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 5px;
	margin: 10px 0px;
	background: none;
}
.meta-date {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.meta-author {
	margin: 0px;
}
.meta-comments {
	margin: 0px 5px;
}
.meta-category {
	margin: 0px 5px;
}

/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}
	
/*********************************************
		Left Sidebar
*********************************************/
#l_sidebar {
	display: inline;
	float: left;
	width: 160px;
	margin: 8px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block; /* floats are handled as block elements, this is to fix 
						a margin collapsing bug in IE */
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#l_sidebar p {
	padding: 5px;
}
#l_sidebar img {
	text-align: center;
}
#l_sidebar form {
	padding: 0px;
	margin: 5px;
}
#l_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li {
	padding: 0px 0px 0px 0px;
}
#l_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
	border:solid #999;
	border-width:0px 1px 1px 1px;
}
#l_sidebar ul li ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#l_sidebar ul li ul li a {
	padding: 6px 0px 6px 20px;
	margin: 0px 0px 0px 0px;
	background:#fbf8e5 url(images/arrow-grn.png) no-repeat;
	display: block;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
#l_sidebar ul li ul li a:hover {
  background:#f7f0cb url(images/arrow-grn.png) no-repeat;
  text-decoration:none;
  font-weight:bold;
}
#l_sidebar ul li ul li ul {
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
#l_sidebar ul li ul li ul li {
	padding: 5px 0px 6px 5px;
	margin: 0px;
}

/*********************************************
		Right Sidebar
*********************************************/
#r_sidebar {
	display: inline;
	float: right;
	width: 120px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#r_sidebar p {
	padding: 5px;
}
#r_sidebar img {
}
#r_sidebar form {
	padding: 0px;
	margin: 5px;
}
#r_sidebar ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#r_sidebar ul li {
	padding: 0px 0px 5px 0px;
}
#r_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
}
#r_sidebar ul li ul li {
	padding: 0px 0px 6px 0px;
	margin: 0px;
	background: url(images/bluedot.png) bottom left repeat-x;
}
#r_sidebar ul li ul li a {
	margin: 0px 0px 0px 0px;
	display: block;
}
#r_sidebar ul li ul li a:hover {
}
#r_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

/*********************************************
	Middle Sidebar - the one with the video :-)
*********************************************/
#m_sidebar {
	display: inline;
	float: left;
	width: 307px;
	margin: 8px 8px 15px 0px;
	padding: 0px 0px 0px 0px;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}
#m_sidebar p {
	padding: 3px;
	text-align: justify;
	
}
#m_sidebar img {
	text-align: center;
}
#m_sidebar form {
	padding: 0px;
	margin: 5px;
}
#m_sidebar .sidenotes {
	padding: 3px;
}
#m_sidebar .sidenotes p {
	padding: 0px;
	margin: 5px 0px;
}
#m_sidebar .title {
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	margin: 0px 0px 5px 0px;
}
#m_sidebar .title a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
#m_sidebar .title a:hover {
	color: #E9133B; text-decoration: none;
}

#m_sidebar .best-bonus {width:100%;background:#fff;}
#m_sidebar tr.heading td {
  font-weight:bold;
	font-size: 13px;
	margin: 0px;
	padding: 3px 6px 3px 6px;
	text-transform: capitalize;
  background:#ccc url(images/menu-bg-red.gif) repeat-x;
  color:#fff;
	font-family: Arial, Verdana, Georgia, serif;}
#m_sidebar td.h_td1 {border:solid #666;border-width:1px 0px 1px 1px;}
#m_sidebar td.h_td2 {border:solid #666;border-width:1px 0px 1px 0px;}
#m_sidebar td.h_td3 {border:solid #666;border-width:1px 1px 1px 0px;}
#m_sidebar .best-bonus td {
  padding:6px;
}
#m_sidebar .best-bonus td a {
  font-size:11px;
  text-decoration:none;
}
#m_sidebar .link {border-bottom:1px dashed #bbb;border-left:1px solid #999;}
#m_sidebar .amount {border-bottom:1px dashed #999;font-weight:bold;color:#008000;}
#m_sidebar .code {border-bottom:1px dashed #bbb;border-right:1px solid #999;font-weight:bold;color:#c00000;}
#m_sidebar .linkb {border-bottom:1px solid #999;border-left:1px solid #999;}
#m_sidebar .amountb {border-bottom:1px solid #999;font-weight:bold;color:#008000;}
#m_sidebar .codeb {border-bottom:1px solid #999;border-right:1px solid #999;font-weight:bold;color:#c00000;}

/*********************************************
		Footer Styles
*********************************************/
#footer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 4px;
	color: #333;
	text-align:center;
	font-size: 11px;
	background:#e4f0e0;
	border-top:1px solid #008000;
	line-height:1.5em;
}
#footer a {
	color: #333;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}