/*----------------------------------------
Variant: Screen
Author: Noah Levin
Date: 8/10/2008

Palette:
#c4c4c4;	grey
#000000;	black
#FFFFFF;	white
----------------------------------------*/

@media screen {

/*--------------------------------------

	Global 
	w/ Reset from Eric Meyer: http://meyerweb.com/eric/tools/css/reset/

--------------------------------------*/

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-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline:0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body{
font-size:12px;
font-family:verdana,sans-serif;
color:#c3c3c3;
background:#000 url('../images/stripes.png');
}

/*--------------------------------------

Type 

--------------------------------------*/

/* =h */

h1{
border-bottom:1px dotted #555555;
padding-top: 30px;
padding-bottom: 5px;
margin-bottom: 20px;
font-size:14px;
line-height:1.111em;
text-align:left;
color:#dddddd;
}

h2{
font-family:verdana,sans-serif;
font-size: 10px;
color: #444444;
padding-bottom: 3px;
text-transform: uppercase;
}

/* =p */
p {
	line-height: 1.8em;
}


/* =a */

a:link,
a:visited{
color:#2998FF;
text-decoration: none;
}
a:focus,
a:hover,
a:active{
color:#FFF;
text-decoration: none;
}

a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

a.linkopacity:focus,
a.linkopacity:hover,
a.linkopacity:active {
	border: none;
}

a.navopacity img {
filter:alpha(opacity=25); 
-moz-opacity: 0.25; 
opacity: 0.25;}

a.navopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

a.navopacity:focus,
a.navopacity:hover,
a.navopacity:active {
	border: none;
}

/*--------------------------------------

tophhead, logo and byline

----------------------------------------*/

#tophead{
position:relative;
background: url('../images/headbg.jpg') repeat-x;
border-top:0.313em solid #000000;
border-bottom:0.113em solid #2c2c2c;
height: 223px;
width: 100%;
}

#topimg{
position:relative;
background: url('../images/banner.jpg');
height: 221px;
width: 892px;
}

/* main navigation */

#nav{
position:absolute;
top:169px;
left:125px;
}

#nav a:focus,
#nav a:hover,
#nav a:active {
	border: none;
}

#nav li {
	display: inline;
	padding-right: 20px;
}

#divide{
border-top:0.063em solid #ded9ce;
}

/*--------------------------------------

main content 

--------------------------------------*/

#content {
	margin: 30px 0 100px 115px;
	padding: 0px 50px 25px 0;
	width: 600px;
	float: left;
}
#box {
	float: left;
	width: 145px;
	background: #000;
	padding: 10px;
	margin-top: -55px;
	color: #8A7575;
}
#resources ul li {
	padding-bottom: 5px;
}
#articles {
	width: 600px;
	margin-top: 30px;
	padding-left: 25px;
}
#articles a:hover {
	border: none;
}
#articles-all {
	padding-left: 38px;
}
.article {
	width: 165px;
	padding-right: 22px;
	padding-bottom: 22px;
	float: left;
	display: block;
}
.description {
	position: absolute;
	z-index: 5;
	display: block;
	background: url(../images/description.gif) 0px 10px no-repeat;
	padding: 10px;
	width: 145px;
	margin: 0px;
	height: 300px;
}
.description p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #fff;
	clear: both;
	padding-bottom: 6px;
}
.description p span {
	display: block;
	color: #666;
	font-size: 9px;
	padding-top: 5px;
}
.description h1 {
	margin: 0px;
	padding: 0;
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: -1px;
	color: #fff;
	line-height: 24px;
}
.description h2 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.description h2 span {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 9px;
	letter-spacing: normal;
	color: #fff;
}
.description h1 a {
	width: 140px;
	display: block;
	padding-top: 90px;
}
.description h1 a, .description h2 a {
	text-decoration: none;
	color: #fff;
}
.description h1 a:hover, .description h2 a:hover {
	text-decoration: none;
	color: #cc0000;
}
.articles-holder {
	display: block;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}

/*--------------------------------------

sidebar

--------------------------------------*/

#sidebar {
	margin: 30px 0 0 800px;
	width: 200px;
	position: relative;
}

#address {
	line-height: 1.3em;
}

#social img {
	padding-right: 5px;
}

#social ul li {
	padding-bottom: 10px;
}


/*--------------------------------------

footer 

--------------------------------------*/

#footer {
	background: url('../images/bottombg.jpg') repeat-x;
	margin-top:80px;
	text-align:center;
	font-size: .8em;
	padding:1.5em 0 1.5em;
	display:block;
	clear:both;
	border-top:0.063em solid #cec9be;
}

#footer li {
	padding-left: 10px;
	border-right: 1px;
	display: inline;
	padding-right: 5px;
}

}