/*
ROCKCOOL.com style
By: Drew Hornbein
www.dhornbein.com
dhornbein@gmail.com
*/
/* color theme

*/

* {margin:0; padding:0;}

body {
background:black url(../images/web_background.jpg) no-repeat scroll center top;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1;
text-align: center;
}

ul {}

ul li {}

a:link {color:#AAA;text-decoration:none;}
a:visited {color:#ADADAD;text-decoration:none;}
a:hover {color:#999;}

h1,h2,h3,h4,h5,h6 {line-height:1; margin-top:0.5em;}

h1 {}
h2 {color:white; font-size:1.5em; text-transform:uppercase;}
h3 {}
h4 {}
h5 {}
h6 {}

.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.alignLeft {text-align: left;}

.left{float:left;}
.right{float:right;}
.clear{clear: both;}

#wrapper {
margin:0 auto;
padding:150px 15px 30px;
text-align:center;
width:930px;
}

/************ Normal items *************/

#title {margin:10px;}

#footer {
color:#fff;
font-family:arial;
margin:0 auto;
text-align:center;
text-transform:uppercase;
}

#footer p {
margin-top: 10px;
}

#footer a {
color: #f00;
}

#footer a:hover {
color: #aaa;
}

/******************** main style ***************************/

.content {background-color:black;padding:10px; margin:0 400px 0 0;}

.content h1 {
font-size:1.25em;
font-weight:normal;
letter-spacing:1px;
line-height:1.25;
text-transform:uppercase;
}

.content p {line-height: 1.5;margin:1em 0;text-align:justify;}

.content ul {padding-left:1em;}

.content ul li {line-height: 1.5;margin:1em 0;}

.content blockquote {background-color:#4F4F4F;padding:10px;margin:1em 0;}

.title {margin-bottom: 15px;}

#topBar {color: white;font-size: 1.25em;}

.content small {color:#999; font-size:10px; text-transform:capitalize;}

/*************** layout *********************/

.col_full {
margin-bottom:20px;
width: 960px;
overflow:auto;
}

.col_left,.col_right {
background: #444 url(../i/column_bkg.jpg) repeat-y scroll center top;
margin-bottom:20px;
padding:20px;
position:relative;
width:430px;
}

.col_left {
clear:left;
float: left;
}

.col_right {
clear:right;
float: right;
}

.col_footer {
background: #444 url(../i/column_footer.jpg) repeat-y scroll center top; 
display:block; 
height:20px; 
width:470px; 
position:absolute; 
bottom:0; 
left:0;
}

html, div, span, applet, object, iframe, 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,
b, u, i, center,
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%;
	vertical-align: baseline;
}