/*---CINEMATIC ILLUSIONS CSS---*/
/*Copyright to Cinematic Illusions*/
/*http://www.cinematicillusions.com*/



/*---MAIN----*/

body {
background-color : #ac98ad;
background : url(http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/01.png);
background-repeat:repeat-y;}

body, td{ font : 12px Cambria;
color : #39020b;}

b { font : 12px Cambria;
color : #39020b;}

i { font : 12px Cambria;
color : #420c19;}

u { font : 12px Cambria;
color : #e36913;}

.avatar { margin:4px;
border: 4px solid #ac98ad;}


/*---LAYOUT---*/


#t1 {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/inferno_01.png') no-repeat;
position: absolute;
height:167px;
width:1000px;
top:0px;
left:0px;
z-index:0;}

#t2 {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/inferno_02.png');
position: absolute;
height:166px;
width:1000px;
top:167px;
left:0px;
z-index:0;}

#t3 {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/inferno_03.png');
position: absolute;
height:167px;
width:1000px;
top:333px;
left:0px;
z-index:0;}

#t4 {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/inferno_04.png');
position: absolute;
height:167px;
width:1000px;
top:500px;
left:0px;
z-index:0;}

#t5 {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/inferno_05.png');
position: absolute;
height:166px;
width:1000px;
top:667px;
left:0px;
z-index:0;}

#t6 {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/inferno_06.png');
position: absolute;
height:167px;
width:1000px;
top:833px;
left:0px;
z-index:0;}

#site {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/si01.png') no-repeat;
position: absolute;
height: 26px;
width: 48px;
top: 606px;
left: 14px;
z-index:0;}


#site:hover {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/si02.png') no-repeat;
position: absolute;
height: 26px;
width: 48px;
top: 606px;
left: 14px;
z-index:0;}


#reviews {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/rev01.png') no-repeat;
position: absolute;
height: 27px;
width: 98px;
top: 606px;
left: 91px;
z-index:0;}


#reviews:hover {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/rev02.png') no-repeat;
position: absolute;
height: 27px;
width: 98px;
top: 606px;
left: 91px;
z-index:0;}


#designs {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/de01.png') no-repeat;
position: absolute;
height: 34px;
width: 97px;
top: 605px;
left: 203px;
z-index:0;}


#designs:hover {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/de02.png') no-repeat;
position: absolute;
height: 34px;
width: 97px;
top: 605px;
left: 203px;
z-index:0;}


#resources {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/re01.png') no-repeat;
position: absolute;
height: 22px;
width: 121px;
top: 606px;
left: 316px;
z-index:0;}


#resources:hover {background:url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/re02.png') no-repeat;
position: absolute;
height: 22px;
width: 121px;
top: 606px;
left: 316px;
z-index:0;}

#tagboard {background : url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/tb01.png') no-repeat;
position : absolute;
height : 19px;
width : 80px;
top : 432px;
left : 784px;
z-index : 0px;}

#tagboard:hover {background : url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/tb02.png') no-repeat;
position : absolute;
height : 19px;
width : 80px;
top : 432px;
left : 784px;
z-index : 0px;}

#music {background : url(http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/mp01.png) no-repeat;
position : absolute;
height : 22px;
width : 103px;
top : 431px;
left : 883px;
z-index : 0px;}

#music:hover {background : url(http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/mp02.png) no-repeat;
position : absolute;
height : 22px;
width : 103px;
top : 431px;
left : 883px;
z-index : 0px;}


.content {background-image : url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/content01.png');
background-repeat : no-repeat;
width : 711px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 5px;}

.content_bottom {background-image : url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/content02.png');
background-repeat : no-repeat;
width : 711px;
height : 33px;}

.graphic {background-image : url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/content03.png');
background-repeat : no-repeat;
width : 487px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;}

.graphic_bottom {background-image : url('http://i37.photobucket.com/albums/e96/cinematicillusions/layout/inferno/content04.png');
background-repeat : no-repeat;
width : 487px;
height : 20px;}
	

/*---HEADERS---*/


h1 { font : italic 24px Cambria;
color : #3f0516;
text-indent: 10px;
padding-bottom: 8px;}

h1:first-letter { font : 30px Cambria;
color : #2e0612;}

div.nav {
font : 12px Candara;
color : #b0232a;
background-color : #3f0516;
text-transform: lowercase;
text-decoration: none;
border-bottom: 1px solid #4e061b;}


div.nav:hover {
font : 12px Candara;
color : #e36938;
text-align: right;
background-color : #3f0516a;
text-transform : none;
text-decoration : none;
border-bottom : 1px solid #881526;
border-right : 1px solid #881526;}


/*---LINKS---*/

a { font : 12px Candara;
text-transform : none;
text-decoration : none;
color : #b0232a;}


a:hover {	font : 12px Candara; 
text-transform : none;
text-decoration : none;
color: #e36838;}




/*---FORMS---*/

.form {width: 110px;}


input, textarea, .button { 
margin: 5px 0;
font : 12px Cambria;
color : #39020;
background-color: #610a1b;
border: 1px solid #7c2230;}


textarea {overflow: auto;}


select {font-family: arial;
float: center;
width: 110px; }

 
input, textarea { float: center; width: 110px;}
 

.button { clear: both; width: 110px; }
 

blockquote { 
	font-family: tahoma;
 
	padding: 10px 10px 10px 10px;
 
	color: #a3270;

	background-color: #ff2f3f;
	opacity: 0.43;
	background-repeat: repeat;
	margin: 0 auto;}