/* CSS Document */

html, body{

}
body {
margin-left: auto;
margin-right: auto;
margin-top:10px;
background-color:#37526E;
color:#3F2C08;
text-align:center;
border-color:#456789;
background-image:url(Images/background.jpg);
background-repeat:repeat;

} 



a:link{
color:#456789;

}

a:visited{
color:#8199A2;

}

a:active {
color:#456789;

}

a:hover {
color:#16214E;

}



#avatar{
padding: 2px;
width: 120px;
height: 95px;
float: left;
clear: left;
}

#avatar img {

border: 1px solid rgba(69,103,137,0.6);
 
  box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -o-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -webkit-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -moz-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;



}

h2,h3,h4,h5,h6{
background-color:#DED9C5;
padding-left:8px;
padding-right:4px;
margin-right:10px;
color:#150D6A;
text-shadow: 1px 1px 1px #EFC02D;
filter: dropshadow(color=#EFC02D, offx=1, offy=1);
background-image:url(Images/bg_sandy.jpg);
background-repeat:repeat;
}

h1 {
padding-left:8px;
padding-right:4px;
margin-right:10px;
color:#483000;
text-shadow: 1px 1px 1px #8199A2;
filter: dropshadow(color=#8199A2, offx=1, offy=1);

}

.headline
{

color:#150D6A;
text-shadow: 1px 1px 1px #EFC02D;
filter: dropshadow(color=#EFC02D, offx=1, offy=1);

font-size:110%;
}

/* Header  */


#title img{
border:none;


}

#rss {
vertical-align:middle;
}


#rss img {
padding-top:50px;
vertical-align:bottom;
padding-left:20px;
}

/* Sidebar  */



#sidebar {
margin-top:10px;
margin-left: auto;
margin-right: auto;
text-align:left;


}

#navigation {
margin-left: 20px;
font-size:1.4em;
line-height:1.6em;
color:#7FA1B8;

}
#navigation a:link, #navigation a:visited, #navigation a:active{
text-decoration:none;
color:#BCCDD5;
padding:4px;
padding-right:4px;



}

#navigation a:hover{
text-decoration:none;
color:#DED9C5;
background-image:url(Images/bg_rollover.png);
background-repeat:no-repeat;
padding:4px;
height:30px;
padding-right:4px;


}

#navigation img {
vertical-align:bottom;
padding:2px;
border:none;
}
.chapters {
font-weight:bold;
background: rgba(255,255,255,0.25);
padding-left:32px;
padding-right:40px;
margin-right:10px;
color:#150D6A;

font-size:120%;

}

/* ads  */

#ads {
	height: 100px;
text-align:center;

}

#dropdown {
float: left;
width: 200px;
display:block;
margin-top:14px;

}

#ads_top{
margin-top:25px;
margin-right: auto;

text-align:center;
}

#ad_sky{
float:right;
width: 160px;
/*margin-right:20px;
margin-top:20px;*/
height: 600px;
}
/* Comic  */



#comic {
text-align:center;
min-width:700px;
margin-top:20px;

min-height:450px;

}



#comic img {
    
    max-width: 700px;
    height : auto;
    /*max-height : 1025px;*/

}

/* Button Navigation */
#buttons_wrapper {
width:700px;
clear:both;

}

#buttons {

}


	
	#buttons img {
	padding-left:10px;
	padding-bottom:16px;
	padding-top:10px;
	padding-right:10px;
	
	}

/* Comments  */

#comiccontainer {
background: rgba(169, 195, 202, 0.25);

/*background-image:url(Images/bg_grad.png);
background-repeat:no-repeat;*/



 
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -o-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -webkit-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -moz-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;


margin-bottom:10px;
}

#comiccontainerIE {

/*background-image:url(Images/backgroundIE.png);*/
margin-bottom:10px;
}
#comiccontainerIE2 {
background: rgba(169, 195, 202, 0.25);

background-image:url(Images/bg_grad.png);
background-repeat:no-repeat;

  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -o-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -webkit-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -moz-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

}

#commentscontainer {
background-color:#BCCDD5;
background-image:url(Images/bg_ice.jpg);
background-repeat:repeat;
border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -o-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -webkit-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;
  -moz-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

}

#ads {
}

#subcol {

}

#subcol2 {
}

.style1 {
	font-size: 24px;
	font-weight: bold;
	align:center;
}
.style2 {align:left;}
.style7 {font-weight:normal; font-size:14px;}

.date{
text-align:right;
color:#8199A2;
font-size:85%;
margin-right:10px;
}

.robot {
visibility:hidden;
}

#Comments {
color:#5C410C;

}


#comhead {
font-weight:bold;
color:#08335C;
font-size:120%;


}

#recent_comments {
/*/margin-right:40px;*/
margin-top:42px;

}

#CommMess {
margin-top:6px;
}

/* Archives*/

#archmain{
width:500px;
list-style:none;
}

a.archt{
font-weight:bold;
color:#000000;
font-size:120%;
display:block;
width:500px;
text-decoration:none;
/*padding:4px;*/
height:50px;
text-align:center;
cursor:hand;
background-image:url(Images/ArchTitle.png);
background-repeat:no-repeat;
}
.archb{
text-decoration:none;
width:500px;
padding-top:5px;
background-image:url(Images/ArchEntry.png);
background-repeat:repeat-y;
}
a.archs{
display:block;
text-decoration:none;
width:300px;
height: 20px;
color:#000000;
text-align:left;
margin-left:60px;
padding-left:60px;
}

a.archs:hover, a.archs:active{
text-decoration:underline;
}

/* Extras*/

.link_exchange {
margin-top:20px;
font-size:12px;
text-align:left;

}
.char_bio {
text-align:left;
display:block;
}

.char_name {
text-align:left;
display:block;
font-size:130%;
}

.downloads {
margin:20px;
border: 1px solid rgba(69,103,137,0.6);
 
  box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -o-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -webkit-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -moz-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
}
.link_exchange_banners {
width:220px;
text-align:left;
margin:20px;
border: 1px solid rgba(69,103,137,0.6);
 
  box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -o-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -webkit-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -moz-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
}

#portrait {
padding-right:10px;
height:110px;
width:110px;
float: left;
clear: left;
border: 1px solid rgba(69,103,137,0.6);
   border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -o-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -webkit-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;
  -moz-box-shadow: 0 2px 16px #8199A2, 0 0 1px #8199A2, 0 0 1px #8199A2;

}

#extra_content {
background-color:#BCCDD5;
background-image:url(Images/bg_ice.jpg);
background-repeat:repeat;

margin-top:20px;
margin-left:20px;
margin-bottom:20px;
margin-right:0px;
border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding:10px;
  text-align:center;
}

/* Footer  */
#footer {
font-size:10px;
text-align:center;
margin:20px;
color:#C88C1D;
}

#footer a:link, #footer a:visited, #footer a:active {
text-decoration:none;
color:#C88C1D;

}

#footer a:hover {
color:#EECC11;
}

.commText{
	/*background-color:red;*/
	word-wrap:break-word;
}

/* Form  */


form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#030032;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #8C6213;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

select {
width: 150px;

}

input, textarea {
  background-color: #FFF8F2; 
  color:#37526E;
  font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
  background-image:url(Images/aeren_shadow.png);
background-repeat:no-repeat;
  
  
}
option {

background: rgba(169, 195, 202, 0.25);
  font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;

color:#150D6A;
padding-top:4px; 
}
#save {
   border: 1px solid #8199A2;
   background-color: #DEEAED;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CBDFEB, 0 0 3px #456789;
   -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CBDFEB, 0 0 3px #456789;
   -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CBDFEB, 0 0 3px #456789;
   -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CBDFEB, 0 0 3px #456789;
   color: #456789;
   text-shadow: 0 1px #fff;
   padding: 5px 30px;
}
/* fanart  */

#fanart_pagination {
margin-top:20px;
margin-left:110px;
}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #456789;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#456789;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#456789;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #456789;
}
.fanimg{
width:164; padding:2px; float:left; text-align:center;
}
.icoimg{
width:104; padding:2px; float:left; text-align:center;
}
.stop{
	clear:both;
}