@charset "utf-8";
/* CSS Document */

/* BASIC ELEMENTS */

body {
	background: #000000 url(../images/Xbg.png) repeat-y center top;
	font: 12px Arial, Helvetica, sans-serif;
	color:#787878;
	margin:0;
}
a{ 
	text-decoration:none;
	color:#a0090e;
}
a:hover{ 
	text-decoration:underline;
	color:#ffffff;
}
form{
	margin:0;
	padding:0;
}
H1{
	margin:0;
	text-transform:uppercase;
	font-weight:normal;
}
H2{	
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	margin:0 0 8px 0;
	color:#ffffff;
}
H3{
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 0px 0;
	color:#ffffff;
}
H5{
	MARGIN:0;
	font-weight:normal;
	font-size:12px;
	color:#ffffff;
}
hr{
	height: 0; 
	border: 0; 
	border-top: 1px solid #2a2a2a;
	margin:4px 0;
}
img{
	background-color:#000000;
	padding:1px;
	border:1px #282828 solid;
}
input, textarea, select, option{
	font-size:12px;
	background-color:#404040;
}
li a {
	color:#787878;
}
li a:hover {
	color:#a0090e;
	text-decoration:underline;
}
P{
	padding-top:0;
	margin-top:0;
}
td{
	vertical-align:top;
}

/* PAGE ELEMENTS */

#wrapper{
	margin:0 auto;
	width:960px;
	padding:0 8px 0 8px;;
}

#header{
	border-top: solid #282828 0px;
	padding:8px 0 0 0; 
	margin-bottom:16px;
	background-image:url(../images/caution_gry.png);
	background-repeat:repeat-x;
}
#logo{
	float:left;
}
#signup{
	float:right;
	padding:34px 0px 0 0;
}
#nav{
	float:left;
	padding:16px 0px 12px 24px;
}
#flashimg{
	float:right;
	text-align:right;
	width:700px;
}

#sidebar{
	float:left;
}
#content{	
	float:right;
	width:614px;
	PADDING: 0px 23px 25px 18px; 
}
#content .h2Div{
	background:url(../images/contentTitle_lg.png) no-repeat;
	padding: 12px 0 24px 36px; 
	margin:0px 0px 0 -30px; 
}
#footer{
	border-top: solid #282828 0px;
	background-image:url(../images/caution_gry.png);
	background-repeat:repeat-x;
	margin:24px 0 16px 0;
	padding:16px 0 16px 0;
	text-align:center;
}
#footer a{
	font-size:11px;

}
#footer ul{
	padding:0;
	margin:8px 0;
}
#footer li{
	display:inline;
	padding:0 2px;
	margin:0;

}
DIV.article-preview {
	MARGIN: 0 0 25px 0; PADDING-BOTTOM:24px; OVERFLOW: hidden; HEIGHT: 1%; Border-bottom: 1px solid #282828;
}

DIV.article-preview DIV.img {
	FLOAT: left; WIDTH: 200px;
}

DIV.article-preview DIV.img UL.actions {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 28px; PADDING-TOP: 8px
}
DIV.article-preview DIV.img UL.actions LI {
	PADDING-LEFT: 14px
}
DIV.article-preview DIV.description {
	FONT-SIZE: 12px; FLOAT: right; WIDTH: 410px; LINE-HEIGHT: 20px
}
DIV.article-preview DIV.description H2{
	margin-bottom:0;
}
DIV.article-preview SPAN.comments {
	DISPLAY: block; FLOAT: right; WIDTH: 99px; HEIGHT: 53px;
}
DIV.article-preview SPAN.comments A {
	DISPLAY: block; BACKGROUND: url(background-comments.gif) #1c1816 no-repeat; FLOAT: right;  WIDTH: 99px; HEIGHT: 53px; TEXT-ALIGN: center
}
DIV.article-preview SPAN.comments A EM {
	DISPLAY: block; FONT-SIZE: 26px; MARGIN-BOTTOM: -4px; COLOR: #dbdac6; LINE-HEIGHT: 36px; FONT-STYLE: normal
}
DIV.article-preview SPAN.comments A:hover {
	COLOR: #dbdac6; TEXT-DECORATION: none
}
DIV.article-preview H2 {
	WIDTH: 245px
}
DIV.article-preview P.cite {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 0px; color:#a0090e;
}

.sideContent{
	width:280px;
	margin:0 16px 0 0 ;	
}

.sideContent .tr{
	padding:20px 16px 20px 28px;
}

.sideContent .tr ul, #container #content #longContent ul{
	padding:0;
	margin:0 22px 0px 0px;
	border:0px solid;
}
.sideContent .tr li, #container #content #longContent li{
	font-size:12px;	
	list-style:none; 
	PADDING: 5px 0 0 12px; 
	DISPLAY: block; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 0;  
	BORDER-BOTTOM: #2a2a2a 1px solid; 
	TEXT-DECORATION: none;
	BACKGROUND: url(../images/arrow_sm.png) no-repeat 4px 11px;
}

.clearfloat{
	clear:both; height:0px; line-height:0px;
}
.t {background: url(../images/border/dot.gif) 0 0 repeat-x; width: 100%;}
.b {background: url(../images/border/dot.gif) 0 100% repeat-x}
.l {background: url(../images/border/dot.gif) 0 0 repeat-y}
.r {background: url(../images/border/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/border/bl.gif) 0 100% no-repeat}
.br {background: url(../images/border/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/border/tl.gif) 0 0 no-repeat}
.tr {
	background: url(../images/border/tr.gif) 100% 0 no-repeat;
	padding:4px;
}