/* 
test style sheet for the CerebusFangirl site: http://www.cerebusfangirl.com
by MRL
*/

/* 
below is for different divs
*/
	
#main {
	position:relative;
	width:995px;
	margin: auto auto;
	padding:5px;
	text-align:left; 
	}	
	
#header {
	clear:both;
	margin:0px auto; 
	text-align:left; 
	padding:10px;
	background-color: #9d18f1;
	}	

#sidebar {
	float: left;
	width: 125px;
	margin: 0px;
	margin-top: 5px;
	text-align: left; 
	background-color: #9d18f1;
	padding: 5px;
	}	

/* 
sidebarmenus div is to center the menubar buttons
*/		
#sidebarmenus {
	float: left;
	width: 110px;
	margin: 0px;
	margin-top: 5px;
	padding: 12px;
	}

/* 
sidebarmenus2 div is to center the flickr, fb, twitter, etc buttons
*/		
#sidebarmenus2 {
	float: left;
	width: 120px;
	margin: 0px;
	margin-top: 5px;
	padding: 4px;
	}		

/* 
cerebustv div is to center the cerebustv buttons
*/		
#cerebustv {
	float: left;
	width: 120px;
	margin: 0px;
	margin-top: 5px;
	padding: 15px;
	}		

#contentwindow {
	position:relative;
	background-color:#efdbff;
	padding:5px;
	margin-top:5px;
	margin-bottom: 5px;
	margin-left: 145px;
	min-height:800px;
	min-width:640px;
	}	
	
#footer {
	clear: both;
	margin: 0;
	padding: 10px;
	background-color: #9d18f1;
	}	

/* 
below is style for different elements
*/	

a {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 16px; 
	color: 9d18f1; 
	text-decoration: underline; 
	}
	
a:hover { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 16px; 
	color: #efdbff; 
	background-color: #9d18f1;
	text-decoration: underline; 	
	}	

body  {
	width:100%;
	margin:5px 0px; 
	padding:0px;
	text-align:center; 
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #000;
	background-color:#f0f0f0;
	background-image: url(images/side.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-attachment:fixed;
	}	

h1 { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 36px; 
	color: #000 
	}
	
h2 { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 24px; 
	color: #000 
	}
	
h3 { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 24px; 
	color: #000 
	}
	
h4 { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 18px; 
	color: #000 
	}
	
h5 { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 
	color: #000 
	}
	
h6 { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 8px; 
	color: #000 
	}

hr   { 
	color:000; 
	background-color:white; 
	width:90%; 
	height:2px; }
	
img {
	border: 0;
	}	
	
/* 
below is style for different classes
*/

.rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}

.logopic {
	border: 0px;
	}

.footer a {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 16px; 
	color: #efdbff; 
	text-decoration: underline; 
}

.footer a:hover	{
	font-family: Arial, Verdana, sans-serif; 
	font-size: 16px; 
	color: 9d18f1; 
	background-color: #efdbff;
	text-decoration: underline; 
}
	
/* 
below is style the roll-over menu images in sidebar.html
Images used 14 px Sans Bold font in Gimp, using efdbff for light and 9d18f1 for the dark purples
*/
	
.artist {
	background-image: url(images/artistbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.artist a{
	background-image: url(images/artistbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.artist a:hover{
	background: none;
	margin:0;
}

.blog {
	background-image: url(images/blogbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	}

.blog a{
	background-image: url(images/blogbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;

	}

.blog a:hover{
	background: none;
	margin:0;
}

.checklist {
	background-image: url(images/checklistbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.checklist a{
	background-image: url(images/checklistbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.checklist a:hover{
	background: none;
	margin:0;
}

.contact {
	background-image: url(images/contactbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.contact a{
	background-image: url(images/contactbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.contact a:hover{
	background: none;
	margin:0;	
	}

.forum {
	background-image: url(images/forumbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.forum a{
	background-image: url(images/forumbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.forum a:hover{
	background: none;
	margin:0;
}	

.home {
	background-image: url(images/homebuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	}

.home a{
	background-image: url(images/homebutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;

	}

.home a:hover{
	background: none;
	margin:0;
}

.links {
	background-image: url(images/linksbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.links a{
	background-image: url(images/linksbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.links a:hover{
	background: none;
	margin:0;
}	

.misc {
	background-image: url(images/miscbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.misc a{
	background-image: url(images/miscbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.misc a:hover{
	background: none;
	margin:0;
}

.moreinfo {
	background-image: url(images/moreinfobuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.moreinfo a{
	background-image: url(images/moreinfobutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.moreinfo a:hover{
	background: none;
	margin:0;
}
	
.pictures {
	background-image: url(images/picturesbuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.pictures a{
	background-image: url(images/picturesbutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.pictures a:hover{
	background: none;
	margin:0;	
}
	
.wiki {
	background-image: url(images/wikibuttonover.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
}

.wiki a{
	background-image: url(images/wikibutton1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	margin:0;
	display: block;
}

.wiki a:hover{
	background: none;
	margin:0;	
}

/* 
end style the roll-over menu images in sidebar.html
*/