/* css that is not theme-specific should go in this file */

/* HEADER BAR CSS FOR GIRLAMATIC */

#universalbar
{
 padding:0px 5px 5px 5px; 
 margin-bottom: 0;
 background-color: #a696bd;
 height: 65px;
 
}

#universalbar a {
color: purple;

}

#universalbar a:hover {
color: #333;

}

#universalbar a:visited {
color: #333;

}


#barlogo
{
  margin:5px 10px 0 5px; 
  padding:0 0 0 0; 
  text-align:left; 
  float: left; 
  font-weight:bold; 
  font-size:18px;
  }

#dropdown
{
text-align:right; 
width: 400px;
float: right;
 margin:0px; 
 padding:5px 10px 5px 0;

}


#universallogin {
margin: 3px 0 5px 0;
padding: 5px;
text-align: right;

}

form {
margin:0;
padding:0;
display: inline;

}


/* UNIVERSAL LIST TEMPLATES */

/* TEMPLATES FOR GAMMUNITY */

/* ARCHVIES LIST */

.archiveblock li.volume {

list-style-image: url(images/gam-volume-icon.gif);

}

li.chapter {

}


/* COMIC LIST */



/* FAN ART */

.fanartside {
width: 670px;
overflow: hidden;

}

.alignleft {
float: left;

}

.alignright {
float: right;

}

.alignright li{
list-style: none;

}


.fanartcontainer {
float: left;
width: 25%;
margin: 5px;

}

#submitfanart {

text-decoration: underline;
size: 20px;
text-align: center;

}

.nofanart {

size: 20px;
text-align: center;

}


/*---FAN ART FRAME ON HP ---- */

.fanartbox {
margin: 0;
text-align: center;
padding: 0;

}

.fanframetop {
margin: 0;
padding: 0;
height: 39px;
width: 350px;

}

.fanframe {
width: 350px;
height: 213px;
margin: 0 auto;
padding: 0;
text-align: center;
background-repeat: no-repeat;
background-position: top center;

}

.fanframe img {
border: 0;
padding: 0;
margin: 0;

}

.fanframebottom {
margin: 0;
padding: 0;
}

.artside {
margin: 0;
padding: 49px 0 0 0;

}


.descriptside {
text-align: left;

}

/* SLIDE PANEL */

a:focus {
	outline: none;
}
#panel {
	background: #3300cc;
	height: 300px;
	display: none;
	float: inherit;
}

.panelcontainer {
	background: #9582af;
	margin: 0;
	padding: 0;

}

.slidepanel {
	margin: 0;
	padding: 0;
	border-top: solid 4px #333399;
	background: url(../images/btn-slide.gif) no-repeat center top;
	z-index: 1;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 174px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	
}
.active {
	background-position: right 12px;
}


/* special even area */

#eventcontainer {
color: #000;
width: 1000px;
height:500px;
margin: 0 auto;
padding: 0;
text-align: center;

}

#eventcontainer a {
color: #fff;

}


#event {

width: 1000px;
margin: 0 auto;
height:500px;
text-align: center;
padding: 0;

}


#eventleft {
float: left;
width: 300px;
padding: 5px;
text-align: center;

}

#eventleft h3{
font-size: 15px;
color: #ccc;

}


#eventright {
float: left;
width: 500px;
padding: 5px;
text-align: center;

}


.launchpartycontainer {

font: 12px #ccc;
text-align: center;


}

.launchtop {
width: 45%;
float: left;

}


.launchbottom {
width: 45%;
float: left;

}
								

.newseriesbox {
width: 150px;
padding: 5px;
float: left;
margin: auto;

}

.newseriesbox img {

}


#respond {

width: 550px;

}

.avatarsingle {
float: left;
width: 100px;
margin: 0 20px 5px 5px;

}
							
/* special even area */

#eventcontainer {
color: #fff;
width: 1000px;
height:500px;
margin: 0 auto;
padding: 0;
text-align: left;

}

.eventitem {float:left; text-align: left; width:80px; height:80px;padding:0px; margin:5px 5px 5px 5px; background:#bc8800;}
.eventitem img {margin: 2px; text-align: center;}

#eventitems {width:580px; padding:5px; text-align: center;}

#eventcontainer a {
color: yellow;

}


#event {

width: 1000px;
margin: 0 auto;
height:500px;
text-align: center;
padding: 0;

}


#eventleft {
float: left;
width: 300px;
padding: 5px;
text-align: center;

}

#eventleft h3{
font-size: 15px;
color: #ccc;

}


#eventright {
float: left;
width: 500px;
padding: 5px;
text-align: center;

}


.launchpartycontainer {

font: 12px #ccc;
text-align: center;


}

.launchtop {
width: 45%;
float: left;

}


.launchbottom {
width: 45%;
float: left;

}
								

.newseriesbox {
width: 150px;
padding: 5px;
float: left;
margin: auto;

}

.newseriesbox img {

}


#respond {

width: 550px;

}

.avatarsingle {
float: left;
width: 100px;
margin: 0 20px 5px 5px;

}

/* SLIDE PANEL HALLOWEEN */
a:focus {
	outline: none;
}
#panel {
	background: #000;
	height: 300px;
	display: none;
	float: inherit;
}

.panelcontainer {
	background: #000;
	margin: 0;
	padding: 0;

}

.slidepanel {
	margin: 0;
	padding: 0;
	border-top: solid 4px #bc8800;
	background: url(../images/btn-slide.gif) no-repeat center top;
	z-index: 1;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 174px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	
}
.active {
	background-position: right 12px;
}