@charset "utf-8";

/* Catalytic Productions CSS Document */
/*Pardon my disorganization*/


body {
text-align:left;
background-image: url(images/bg.png);
font-family: "Courier New", Courier, monospace;
color: #566548;
}


div.header {

width: 430px;
height: 242px;
top: 0px;
left: 0px;
z-index: 10;
position:absolute;
margin: 0px auto;

}



div.content{
width: 69%;
left: 25%;
top: 220px;
position:absolute;
background-image: url(images/text_bg.png);
z-index: 50;
padding: 15px;
margin: 0px auto;

}



#updates{
width: 295px;
height: 100px;
right: 20px;
top: 45px;
position:absolute;
z-index: 75;
overflow:hidden;
padding: 10px;
background-image: url(images/updatebox.png);
background-repeat: no-repeat;
font-size: 11px;
}

#updates a {
	color: #FFF;
}


div.projects{
width: 92.5%;
height: 30px;
line-height: 30px;
right: 3.75%;
top: 160px;
position:absolute;
z-index: 40;
padding: 5px;
padding-left: 10px;
background-image: url(images/text_bg.png);
margin: 0px auto;


}



div.footer{
width: 95%;
height: 30px;
line-height: 30px;
right: 2.5%;
position:relative;
z-index: 40;
padding: 5px;
background-image: url(images/text_bg.png);
margin: 0px auto;
}


div.shout{
width: 20%;
height: 500px;
left: 2.5%;
top: 220px;
position:absolute;
z-index: 8;
overflow:auto;
padding: 5px;
background-image: url(images/text_bg.png);
margin: 0px auto;
text-align: center;

}
#menu {
	right: 5%;
	text-transform: capitalize;
	z-index: 90;
	position: absolute;
	color:#FFF;
}
#menu a {
	color: #FFF;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
}
/*Big Text */
h2{
text-align:right;
text-decoration:underline;
font-family: "Courier New", Courier, monospace;
font-size:24px;
color: #566548;
font-weight: 500;
}
/*Footer Text*/
h5{
text-align:left;
font-family: "Courier New", Courier, monospace;
font-size:10px;
line-height: 10px;
}
/*SubHeaders*/
h3 {
	font-weight:bold;
	font-size: 16px;
}

a:link, a:visited
{
	color:#569749;
	font-style:italic;
   text-decoration: underline;
   border: none;
}



a:hover{
   text-decoration: overline;
}


/*THIS IS FOR THE COMMENTS WHEN READING COMICS */
div.commentContain {
	text-align: left;
	width: 600px;
	position: relative;
}

#admin {
	color: #FFF; 
	background-image:url(images/admin_comment.png); 
	background-position:bottom; 
	background-repeat: none;
	background-color: #596c57;
}

#admin a { color:#FFF;}