/* CSS Document */

/* RESET */
@import 'reset.css';

/* COLORS
light gray - #5f5e5e
dark gray - #1B1B1B
*/

body {
	background-color:#1B1B1B;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

#wrap {
	background-color:#1B1B1B;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:950px;
}

#container {

}

.clear {
	clear:both;
	height:1px;
}

.padding-left {
	padding-left:5px;
	margin-right:-3px;
}

.padding-right {
	padding-right:5px;
	margin-left:-5px;
}

p {
	padding-top:5px;
	padding-bottom:5px;
}

strong {
	font-weight:bold;
}

/* ---------------------------------------------------------------------------- BANNER --- */
#banner {
	height:140px;
	width:902px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#banner #left {
	background-image:url(../images/banner-left.jpg);
	background-repeat:no-repeat;
	width:26px;
	height:140px;
	float:left;
}

#banner .content {
	background-image:url(../images/banner-bg.jpg);
	background-repeat:repeat-x;
	height:135px; /* original 140px */
	width:844px; /* original 850px */
	float:left;
	padding-left:3px; /* left and right images are 7px of red */
	padding-right:3px; /* left and right images are 7px of red */
	padding-top:5px;
}

#banner .content h1 {
	font-size:36px;
	font-family:Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:36px;
	float:left;
}

#banner .content h2 {
	font-size:24px;
	font-family:Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:28px;
	float:left;
	clear:left;
}

.header-img {
	float:right;
	margin-top:-5px; /* cancels the padding-top:5px on the #banner #content */
}

#banner #right {
	background-image:url(../images/banner-right.jpg);
	background-repeat:no-repeat;
	width:26px;
	height:140px;
	float:left;
}
/* ---------------------------------------------------------------------------- CONTENT --- */
#content {
	width:902px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#column-1 {
	float:left;
	width:300px;
}

#column-2 {
	float:left;
	width:600px;
	padding-top:5px;
}
/* ---------------------------------------------------------------------------- LEFT BOXES  --- */
.box {
	width:300px;	
}

.top {
	background-image:url(../images/leftnav-top.png);
	background-repeat:no-repeat;
	height:329px;
}

.content {
	padding-left:35px;
	padding-right:36px;
	padding-top:30px;
}

.bottom {
	background-image:url(../images/leftnav-bottom.png);
	background-repeat:no-repeat;
	height:37px;
}
/* ------------------------------------------------------
TITLE
-------------------------------------------------------*/
.title {
	color:#FFFFFF;
	font-size:18px;
	line-height:normal;
	text-align:center;
	padding-bottom:10px;
}
/* ------------------------------------------------------
TEXT
-------------------------------------------------------*/
.text {
	background-color:#111111;
	padding-left:10px;
	padding-right:10px;
	color:#5c5c5c;
}
.text a {
	font-size:12px;
	display:block;
	line-height:30px;
	color:#5c5c5c;
	border-bottom:dashed 1px #1e1e1e;
	padding-left:5px;
}
.text a:hover {
	color:#FFFFFF;
	background-color:#171717;
}
.text-top {
	background-image:url(../images/text-top.jpg);
	background-repeat:no-repeat;
	height:10px;
}
.text-bottom {
	background-image:url(../images/text-bottom.jpg);
	background-repeat:no-repeat;
	height:8px;
}
/* ------------------------------------------------------
RSS
-------------------------------------------------------*/
.rss {
	background-color:#111111;
	padding-left:10px;
	padding-right:10px;
	color:#5c5c5c;
	height:250px;
}
.rss a {
	font-size:12px;
	line-height:18px;
	display:block;
	color:#5c5c5c;
	border-bottom:dashed 1px #1e1e1e;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}
.rss a:hover {
	color:#FFFFFF;
	background-color:#171717;
}
/* ------------------------------------------------------
TWITTER
-------------------------------------------------------*/
.twitter {
	position:absolute;
}
/* ---------------------------------------------------------------------------- RIGHT BOXES  --- */
.right-box {
	width:640px;	
}
.right-top {
	background-image:url(../images/content-top.jpg);
	background-repeat:no-repeat;
	height:26px;
}
.right-bottom {
	background-image:url(../images/content-bottom.jpg);
	background-repeat:no-repeat;
	height:25px;
}
/* ------------------------------------------------------
TITLE
-------------------------------------------------------*/
.right-subcontent h1{
	font-size:18px;
	padding-bottom:5px;
	padding-top:10px;
	color:#cbcbcb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	border-bottom:1px solid #cbcbcb;
}
.right-subcontent h2{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
	margin-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
}
/* ------------------------------------------------------
TEXT
-------------------------------------------------------*/
.right-subcontent {
	background-image:url(../images/content-bg.jpg);
	background-repeat:repeat-y;
	padding-left:30px;
	padding-right:70px;
	font-size:12px;
	line-height:16px;
}
.right-subcontent a {
	color:#cbcbcb;
}
.right-subcontent a:hover {
	color:#1B1B1B;
}
/* ---------------------------------------------------------------------------- FOOTER  --- */
#footer {
	background-color:#111111;
	border-top:dashed 2px #5F5E5E;
}

#footer-content {
	width:910px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
}
/* ------------------------------------------------------
FOOTER BOXES
-------------------------------------------------------*/
.footer-box {
	float:left;
	line-height:16px;
	color:#9f9e9e;
	margin-right:20px;
}
.footer-box li {
	padding-right:10px;
}
.footer-box table {
	margin-top:5px;
}
.footer-box a {
	color:#9f9e9e;
	text-decoration:none;
}
.footer-box a:hover {
	color:#FFFFFF;
}
.footer-box h1 {
	color:#5f5e5e;
	font-weight:normal;
	display:block;
	border-bottom:1px solid #5f5e5e;
}
.footer-content-big {
	width:230px;
}
.footer-content {
	width:160px;
}