/* clean the slate */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	/* vertical-align:baseline; */
}

/* re-styling some html elements */
body {
	background-color:#373536;
	font-family:Verdana,Arial,sans-serif;
}

strong {
	font-weight:bold;
}
ul {
	margin-left:13px;
}
hr {
	color:#e2e2e2;
	background-color:#e2e2e2;
}

a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

a:HOVER {
	text-decoration:underline;
}

/* define my top level IDs */
#container {
	width:1024px;
	margin:0 auto;
	background: #FFF;
	height:100%;
}
#header {
	height:130px;
	background:url(/images/header_bg.jpg) no-repeat left top;
	background-color:#373536;
}
#user_profile {
	width:300px;
	height:55px;
	/* margin-top:-135px; */
	float:right;
	background:url(/images/user_bg.gif) repeat-x left top;
	font-size:10px;
	color:#FFF;
}
#menu {
	background:url(/images/menu_bg.gif) repeat-x left top;
	height:51px;
	font:bold 15px Verdana;
}
#content {
	width:725px;
	padding:19px 0px 0px 19px;
	font-size:11px;
	height:100%;
}
#right_column {
	position: relative;
	float:right;
	width:250px;
	top:-41px;
	margin-right:10px;
}

/* now lets define classes and children of classes */
body.home a, #right_column a {
	color:#c31200;
	text-decoration: none;
}
body.home a:HOVER, #right_column a:HOVER {
	text-decoration:underline;
}
.left { float:left; text-align: left;}
.right { float:right; text-align: right;}
ul.menu {
	margin:0px;
}
ul.menu li {
	float:left;
	list-style: none;
	background:url(/images/menu_divider.gif) no-repeat right top;
}
ul.menu li a {
	display:block;
	padding: 18px 17px;
	line-height: 15px;
	text-decoration: none;
	color:#c31200;
}
ul.menu li a:HOVER {
	text-decoration: none;
}
.content_box {
	background:#FFF;
	border:1px solid #e1e1e1;
	padding:10px;
	font-size:11px;
	margin-bottom:10px;
}
.content_box_header {
	border:1px solid #e1e1e1;
	border-bottom:none;
	background:url(/images/content_header_bg.gif) repeat-x left top;
	padding:7px 10px 6px 8px;
}
.ad {
	margin-bottom:10px;
}
.avatar {
	float:left;
	margin-top:4px;
	margin-right:4px;
}
.post {
	margin-bottom:15px;
	clear:left;
}
.large_title {
	font:bold 14px Verdana;
	color:#c31200;
}
.med_blue {
	font:bold 13px Verdana;
	color:#44a4b9;
}
.med_title {
	font:bold 13px Verdana;
	line-height:13px;
	color:#c31200;
}
.small_title {
	font:bold 11px Verdana;
	color:#c31200;
}
.small_blue {
	font:bold 10px Verdana;
	color:#44a4b9;
}
.the_latest {
	display:block;
	font:bold 11px Verdana;
	color:#44a4b9;
	border-bottom:1px solid #e3e2e3;
	margin-bottom: 16px;
}
.grey {
	color:#aeaeae;
}
.post_footer {
	padding-top:5px;
	margin:10px 0px 15px 0px;
	height:20px;
	border-top:1px solid #e2e2e2;
}
.news_footer {
	padding-top:5px;
	margin:10px 0px 15px 0px;
	height:20px;
	border-top:1px solid #e2e2e2;
}
a.comment {
	color:#aeaeae;
	float:left;
	display:block;
	background:url(/images/comment.gif) no-repeat left center;
	padding:0px 10px 0px 21px;
	margin-right:10px;
	text-decoration:none;
	border-right:2px solid #e2e2e2;
}
a.permalink {
	color:#aeaeae;
	float:left;
	display:block;
	background:url(/images/permalink.gif) no-repeat left center;
	padding:0px 10px 0px 17px;
	margin-right:10px;
	text-decoration:none;
	border-right:2px solid #e2e2e2;
}
a.share {
	color:#aeaeae;
	float:left;
	display:block;
	background:url(/images/share.gif) no-repeat left center;
	padding-left:21px;
	text-decoration:none;
}
a.edit {
	color:#aeaeae;
	float:left;
	display:block;
	background:url(/images/edit.gif) no-repeat left center;
	padding-left:24px;
	text-decoration:none;
}
a.next {
	color:#aeaeae;
	float:right;
	display:block;
	/* background:url(/images/next.gif) no-repeat left center; */
	padding-left:10px;
	/* padding-right:10px; */
	text-decoration:none;
}
a.prev {
	color:#aeaeae;
	float:left;
	/* background:url(/images/prev.gif) no-repeat left center; */
	/* padding-left:21px; */
	margin-right:10px;
	text-decoration:none;
}
a.next:HOVER, a.prev:HOVER {
	color:#C31200;
}
a.rss {
	color:#aeaeae;
	float:right;
	display:block;
	background:url(/images/rss.gif) no-repeat left center;
	padding-left:16px;
	text-decoration:none;
}
a.comment:HOVER, a.permalink:HOVER, a.share:HOVER, a.rss:HOVER, a.edit:HOVER { color:#c31200; }

/* Leaderboards */
.leader {
	padding:10px;
	margin-top:5px;
	background:#e1e1e1;
	height:64px;
	clear:left;
}
.leader2 {
	float:left;
}
.leader_games {
	float:right;
	padding-top:16px;
}
.leader_img {
	float:left;
	margin-right:10px;
}
.game {
	padding:10px;
	margin-top:5px;
	background:#e1e1e1;
	height:32px;
	clear:left;
}
.game_img {
	float:left;
	margin-right:10px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	color: #000000;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
#footer a, #header a
{
  color: #c31200;
	font-family: verdana, sans-serif;
	text-decoration: none;
}
input, button
{
	font-size: 90%;
	background-color: White;
	border: 1px solid Silver;
}

textarea
{
	font-size: 100%;
	/* color: #; */
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 90%;
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	font-family: verdana, sans-serif;
}