body {
 margin:0em;
 padding:0em; 
 background-color:#006a8d;
 text-align:center;
 }

h2 {
 font-family:arial;
 font-size:1em; 
 font-weight:bold;
 margin-bottom:0em;
}

img {
 border:solid #006a8d 0.05em;
 margin-left:0.2em;
 margin-right:0.5em;
}

td,table,tr {
 margin:0em;
 padding:0em; 
}

img.boxpic {
 width:3.6em;   
 }

img.storypic {
 width:12em;
 margin-left:1em;
 border:none;
 }

.strike {
 text-decoration: line-through;    
 color:#999999;
 }


textarea {
 width:35em;
 height:15em;
 font-size:1em;
}

textarea.small {
 height:5em;	
 font-size:1em;
 }

input {
 font-size:1em;	
 }

a {
 font-family:arial;
 font-size:1em; 
 }

ul { 
 list-style-type: circle; 
 }

a.active {
 color:white;
}

a.inactive {
 text-decoration: line-through underline;
 color:#999999;
}

.action {
 text-decoration:none;
 font-size:0.7em;    
 color:green;
 border:0.05em solid #cccccc;
 background:#cccccc;
 padding-right:0.5em;
 padding-left:0.5em;
 }

.stats {
 font-family:arial;
 font-size:0.7em;   
 } 

.error {
 font-family:arial;
 font-size:0.8em;
 padding:0.2em;
 background-color:#80331b;
 color:white; 
 }

.feedback {
 font-family:arial;	
 font-size:0.8em;
 padding:0.2em; 
 background-color:green;
 color:white;
 }
 
#pathmenu {
 background-color:black;
 color:white;
 font-family:arial;
 font-size:0.8em;
 padding:0.2em;
 text-align:left;
 } 
 
#pathmenu {
		
 }
 
#pathmenu a {
 color:white;
 text-decoration:none;
 font-weight:bold; 
}

#pathmenu a:link {
	
 }

#pathmenu a:visited {
	
 }

#pathmenu a:hover {
 color:#cccccc;	
 }

#universe {
 margin:auto;    
 width:46.9em;
 margin-top:5em;
 padding:0em;
 margin-bottom:3em;
 }

#topbit {
 background-color:#e3cfc2;    
 height:11em; 
 width:50em;
 padding:0em;
 margin:0em;
 text-align:left;
 border:none;
 }

#maintitle {
 border-bottom:0.05em solid #80331b;
 border-right:0.05em solid #80331b;
 background-color:white;
 height:7em;
 width:42em;
 padding:0em;
 vertical-align:bottom;
 text-align:left;
 font-size:1em;
 }

#maintitle img {
 border:none;
 margin:0em; 
 width:42em;
}

#maintitle b {
 position:relative;
 top:0.1em;
 font-size:5em;
 margin:0em;
 padding:0em;
 font-family:verdana;
 letter-spacing:0.1em;
 margin-left:0.2em;
}

#episode {   
 position:relative;
 color:black; 
 font-size:0.9em;
 font-family:arial;
 float:right;
 top:6.7em;
 margin-right:0.7em;
 margin-bottom:0.2em;
 }

#secondarytitle {
 border:none;
 width:22em;
 height:2em; 
 margin:0em;
 padding:0em;
 font-size:1em;
 color:white;
 vertical-align:middle;
 text-align:center;
 background-color:#80331b;
 }

#secondarytitle img {
 border:none;
 height:2em;
 }

#idivider {
 width:1.5em;
 }

#ii {
 border:none;
 margin:0em;
 margin-left:0.2em;
 height:1.3em;
 }

#uplinks {
 width:11.5em;
 }

#uplinks a {
 color:#80331b;
 font-family:arial;
 font-size:0.8em;
 text-decoration:none;
 font-weight:normal;
 margin-left:1em;
}

#uplinks a:hover {
 text-decoration:underline;
 }

#kausi {
 font-family:arial;
 font-size:0.9em;
 font-weight:normal;
 width:8em;
 text-align:right;
}


#midbit {
 padding:0.5em;
 padding-bottom:1em;
 text-align:center;
 background-color:white;
}

#bottombit {
 background-color:#e3cfc2;
 height:11em; 
 text-align:center;
 padding-top:1em;
 width:50em;
 padding-bottom:1em;
 }

#toimitus {
 width:26em;
 float:left;
 margin-left:1em;
 }

#yhteistyossa {
 width:26em;   
 float:left;
 margin-left:1em; 
 }
 
#info {
 width:26em;
 float:left;
 margin-left:1em; 
 }
 
#boxtable {
 margin:auto; 
 margin-top:1em;
 font-size:1em;
 width:97.5%;
 }

.box_footer {
 width:14em;
 height:8em;
 padding:0.5em;
 padding-bottom:0em;
}

.box_footer a {
 text-decoration:none;
 color:black; 
}

.box_footer a:hover {
 text-decoration:underline;   
 }

.box_header {
 height:2em; 
 padding:0em; 
 padding-left:0.8em;
 font-family:arial;
 color:white;
 font-size:0.75em;
 letter-spacing: 0.2em;
 font-weight:600;
 }

.box_footer_blue {
 border:0.05em solid #006a8d;
 vertical-align:top;  
 background-color:#c8dee7;
 }

.box_footer_red {
 border:0.05em solid #80331b;
 vertical-align:top;  
 background-color:#e3cfc2;
 }

.smalltext {
 font-family:arial;
 font-size:0.6em; 
 padding-left:0.2em; 
 vertical-align:top;
 text-align:left;  
 }
 
.smalltext h1 {
 font-family:arial;
 font-size:1em;
 letter-spacing:0.2em;      
 color:#80331b;
 font-weight:bold;
 }

.plaintext, .plaintext div, .plaintext p, .plaintext li {
 font-family:arial;
 font-size:0.9em; 
 color:black;
 }


.plaintext a {
 color:black;
 text-decoration:none; 
 }

.plaintext p a {
 color:blue;
 text-decoration:none; 
 }

.plaintext a:hover {
 text-decoration:underline;   
 }

.plaintext h1 {
 font-family:arial;
 font-size:1.2em;
 letter-spacing:0.2em; 
 }

.plaintext h2 {
 font-family:arial;
 font-size:0.9em;
 letter-spacing:0.2em; 
 }

.plaintext p {
 margin-top:0em;    
}

.box_header_blue {
 background-color:#006a8d;
 }

.box_header_red {
 background-color:#80331b;
 }

.box_gap {
 width:1em;	
 }

b {
 font-size:1.1em;	 
 }

.form_subtitle {
 font-family:arial;
 font-size:0.8em; 
 font-weight:bold;
 background-color:#CC6633;
 color:white; 
 padding:0.2em;
 }
 
#gallerybar {
 text-align:left; 
 width:14em;
 vertical-align:top;
 }
 
#maincontent {
 vertical-align:top;    
 width:28em; 
 padding-right:20px;
 }

#rightmenu {      
 width:8em;
 vertical-align:top;
 padding-top:2em;
 font-weight:bold;
 }

#rightmenu div {
 font-family:arial;
 font-size:0.8em;    
 margin-bottom:0.5em;
 }

#rightmenu div a{
 text-decoration:none;
 }

#rightmenu div a:hover{
 text-decoration:underline;
 }
.buttonBar{
	text-align: right;

}
img.button
{
	background-color: #000000;
	margin: 0;
	border: 1px solid #dad4c8;
	padding: 0;	
	cursor: pointer;
}

img.button:hover
{
	border: 1px solid #BFB7A7;
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;	
}