/*
	RESET AND BASICS
*/


body {


	background-image: url("images/bg1.jpg");
	background-position: top center; 
	background-repeat: no-repeat;

	background-color: #FFF;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 24px;
	line-height: 32px;
	
	padding: 0px;



	}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'museo-sans', sans-serif;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}
	

h3, .h3 {
    font: 30px / 42px 'oswald', 'museo-sans', sans-serif;
    font-weight: bold;
    line-height: 1.3;
    margin: 1em 0 .357em;
}

	
a, a:visited						{ text-decoration: none; outline: none; color: #FF0000; line-height: 100%}
a:hover								{ text-decoration: underline; }
a img								{ border: none; }
img									{ vertical-align: middle; }
.clear								{ clear: both; }
fieldset							{ border: none; }

.alignCenter						{ text-align: center; }
.floatLeft							{ float: left; }
.floatRight							{ float: right; }




p, dd							{ 
									  margin: 0 0 15px 0; }
									  
p.tight							{margin: 0 0 5px 0; }

td, th                              { font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif;
                                      text-align: left; }

blockquote							{ border-left: 10px solid #ccc; padding: 0 0 0 10px; }
blockquote, blockquote p            { font: italic 13px/18px "Lucida Sans", "Lucida Grande", Arial, Helvetica, Sans-Serif; }	


a.link, a.link:visited						{ text-decoration: none; outline: none; color: #FFF;font-size: 14px; }
a.link:hover								{ text-decoration: underline; }





#main {

width: 960px;
overflow: hidden;
display:block;
margin: 0px auto 0px auto;

}



#head {

width: 120px;
height: 475px;
overflow: hidden;
display:block;


}


#content {

width: 860px;
overflow: hidden;
display:block;
margin: 0px auto 0px auto;
background: rgba(255, 255, 255, 0.3);
padding-left: 20px;
padding-right: 20px;

}


#boxed {

width: 580px;
background-color: #990000;
overflow: hidden;
display:block;
margin: 30px auto 50px auto;
padding:20px;

}


#date {

width: 540px;
background-color: #990000;
color:#FFF;
text-align: center;
border: 2px dashed #FFF;
overflow: hidden;
display:block;
margin: 0px auto 0px auto;
font-family: oswald, verdana,arial, sans-serif;
font-weight: bold;
	font-size: 26px;
	line-height: 36px;
	padding: 20px;

}




#topborder {

width: 960px;
height: 34px;
background-image: url("images/topborder.png");
overflow: hidden;
display:block;

}






#featured {

width: 914px;
height: 300px;
overflow: hidden;
display:block;
margin: 0px auto 20px auto;
}



#sub {

width: 915px;
overflow: hidden;
display:block;
margin: 0px auto 0px auto;
}



#package {

width: 915px;
overflow: hidden;
display:block;

margin: 0px auto 10px auto;


}

.packages {

width: 300px;
overflow: hidden;
display:block;
margin-right: 5px;
float: left;
}







#menu {

width: 1164px;
overflow: hidden;
display:block;
margin: 20px auto 0px auto;

}


#left {

width: 346px;

display:block;
margin: 12px auto 0px auto;
float: left;

}


#middle {

width: 478px;

display:block;
margin: 0px auto 0px auto;
float: left;

}

#right {

width: 346px;

display:block;
margin: 12px auto 0px auto;
float: left;

}



#smodcast a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:337px;
 	height:240px;
 	background: url("images/sir.png") 0 0 no-repeat;

 }

#smodcast a:hover {
 background-position: -337px 0;
 }


#smarcade a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:337px;
 	height:240px;
 	background: url("images/smarcade.png") 0 0 no-repeat;
 	margin-top: 12px;

 }

#smarcade a:hover {
 background-position: -337px 0;
 }
 
 
#spoilers a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:337px;
 	height:240px;
 	background: url("images/spoilers.png") 0 0 no-repeat;
 	margin-top: 12px;

 }

#spoilers a:hover {
 background-position: -337px 0;
 }


#smerchandise a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:337px;
 	height:240px;
 	background: url("images/smerchandise.png") 0 0 no-repeat;
 	margin-top: 12px;

 }

#smerchandise a:hover {
 background-position: -337px 0;
 }
 
 
#sit a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:337px;
 	height:240px;
 	background: url("images/sit.png") 0 0 no-repeat;

 }

#sit a:hover {
 background-position: -337px 0;
 }
 
 
#seesmod a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:337px;
 	height:240px;
 	background: url("images/seesmod.png") 0 0 no-repeat;
 	margin-top: 12px;

 }

#seesmod a:hover {
 background-position: -337px 0;
 }
 
 
#cbm a {
	outline: none;/* get rid of dotted borders in FireFox */
 	text-indent: -5000px ;/* this move the text outside of the screen area */
 	display:block;
 	width:337px;
 	height:240px;
 	background: url("images/cbm.png") 0 0 no-repeat;
 	margin-top: 12px;

 }

#cbm a:hover {
 background-position: -337px 0;
 }