/* CSS Document */

/* <------ GENERAL CLASSES ---- */

body {
font:	12px/1.2 Arial, Verdana, Helvetica, sans-serif;
color: #CCCCFF;
background: #000000;
padding: 0px;
margin: 0px;
text-align:center;
}

#outerframe{
width:960px;
background-image: url(images/glowtile.jpg);
background-repeat: repeat-y;
padding:0px;
margin: 0px auto;
text-align: left;
}

#innerframe{
width:960px;
margin:0px;
padding:0px;
text-align: left;
margin-left: 0px;
}



/* <----- HEADER --- */

#header {
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
	height:113px;
	text-align: left;
	margin:0px;
}

#header h1{
	color:#a21e03;
	font-size: 15px;
	margin:0px;
	margin-right: 100px;
	margin-top: 0px;
	padding-top:65px;
	text-align:right;
	margin-bottom: 0px;
}

#header p{
	color: #3D1906;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	font-style: italic;
	margin-left: 152px;
	margin-top:12px;
}

#header a{
color:#000000;
text-decoration: none;
}

#header a:hover{
color: #999999;
text-decoration:underline;
}

.artistrecog {
color:#FE5743;
font-weight:bold;
font-size: 13px;
font-style: normal;
}


/* <------ CONTENT CLASSES ---- */

#cover{
margin: 0px;
padding: 0;
height:241px;
width:960px;
text-align: left;
}

#sectioncover{
margin: 0px;
padding: 0;
height:auto;
width:960px;
text-align: left;
}

#feature1{
	background-color:#FFFFFF;
	width: 800px;
	text-align: left;
	margin:0px;
	margin-left: 80px;
	height:auto;
	background-image:url(images/blackandwhite.jpg);
	background-repeat: repeat-y;
	border-bottom: 1px solid #000000;
}
#feature2{
background-color:#EEEEEE;
	width: 800px;
	text-align: left;
	margin:0px;
	margin-left: 80px;
	height:auto;
	background-image:url(images/blackandgrey.jpg);
	background-repeat: repeat-y;
	border-bottom: 1px solid #000000;
}

p,h1,pre {
	margin: 0px 0px 0px 0px;
	color: #1B4B70;
	margin-right: 20px;
	font-size: 12px;
	text-align: justify;
	margin-left: 40px;
	margin-bottom: 10px;
}

h1 {
	font-size:20px;
	padding:0px;
	color: #000000;
	text-align: left;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font:	11px/1.1 Ariel, Verdana, Helvetica, sans-serif;
	padding:0px;
	color: #000000;
	text-align: left;
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}

h3 {
	font:	12px/1.2 Ariel, Verdana, Helvetica, sans-serif;
	color: #FF3300;
	margin: 0px 0px 0px 0px;
	margin-right: 20px;
	text-align: justify;
	margin-left: 40px;
	margin-bottom: 10px;
	font-stretch:condensed;
	font-weight: bold;
}

a {
text-decoration:none;
color:#333333;
}


a:hover {
text-decoration:underline;
color:#999999;
}

.tab {
	margin:0px;
	z-index: 1;
}

.header {
	float: left;
	margin: 0px;
	z-index: 2;
}

hr{
background-color:#000000;
height: 1px;
width: 800px;
margin:0px;
}

.answers {
color:#999999;
font-size: 9px;
font-style: normal;
}

.greentext {
color:#336666;
font-size: 12px;
font-style: normal;
}

.capitaltext {
color:#333333;
font-size: 12px;
font-style: normal;
font-weight: bold;
}

.orangetext {
color:#CC3300;
font-size: 12px;
font-style: normal;
}

.bigbluetext {
font-size: 17px;
font-style: normal;
}

.bigorangetext {
color:#CC3300;
font-size: 17px;
font-style: normal;
}

.lightbluetext {
color:#336699;
}

.editorsnote {
color:#333333;
font-size: 12px;
font-style: italic;
}

.moviereviewtitle {
font-size: 18px;
font-style: normal;
color: #FF3300;
}

.movietitle {
color:#333333;
font-size: 13px;
}

.leftimage {
	float:left;
	margin-left: 40px;
	margin-bottom: 10px;
}

.rightimage {
	float:right;
	margin-right: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 30px;
}

.centerimage {
	float:none;
	margin-bottom: 10px;
	text-align:center;
	margin-left: 220px;
}

.clearit{
	clear: both;
	display: block;
	height: 2px;
}

#contentfooter{
background-color: #CFBDA7;
height: 10px;
width: 799px;
margin:0px;
margin-left: 80px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

/* <----- FOOTER --- */
#footer{
color: #666666;
margin: 0px;
background-color: #000000;
padding: 0px;
}

#footer p{
padding: 0px;
padding-top: 10px;
padding-bottom:10px;
font-size: 10px;
text-align: center;
color: #A83218;
}

#footer a{
color: #FF6600;
text-decoration: none;
} 

