@import url("http://www.smackjeeves.com/templates/default/default_jumpbox.css");

#comic_image {
	max-width: 1200px;
	height: auto;
}

body
{
    min-height: 100%;
    background: 
    url("https://magmmlcontest.com/personal/ACESpark/CosmicHero/images/hex3.png")repeat-x left top,
    url("https://magmmlcontest.com/personal/ACESpark/CosmicHero/images/fadeu.png")repeat-x left bottom,
    url("https://magmmlcontest.com/personal/ACESpark/CosmicHero/images/bg.png");  
  background-size:initial,initial,auto,auto;   
  color: #EEFBFF;
  padding: 3px;
	color: #494959;
	font-family:  Bookman;
	font-size: 13px;
	scrollbar-3dlight-color: #A68D95;
	scrollbar-arrow-color: #A68D95;
	scrollbar-darkshadow-color: #A68D95;
	scrollbar-face-color: #D0BEC4;
	scrollbar-highlight-color: #A68D95;
	scrollbar-shadow-color: #A68D95;
	scrollbar-track-color: #A68D95;
}
a:active
{
	color: #3C5376;
	letter-spacing: 0px;
	text-decoration: bold;
}
a:link, a:active, a:visited
{
	color: #466088;
	text-decoration: bold;
}
a:hover
{
	text-decoration: underline;
}
#header
{
	width: 450px;
	height: 131px;
	text-align: center;
	background: transparent url('https://magmmlcontest.com/personal/ACESpark/CosmicHero/images/smackJeevesLogo2.jpg');
  background-size: 450px 131px;
  background-repeat: no-repeat;       
  background-position: center;
	color: #836F77;
	font-size: 3em;
	font-family: broadway;
}
#navcontainer ul
{
	//background-color: #D0BEC4;   
  border-color: black;  
	color: A68D95;
	font-family: Lucida Sans Unicode
	line-height: 18px;
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 4px;
	padding-left: 0;
	padding-top: 4px;
	text-align: center;
	//width: 100%;
}
#navcontainer ul li
{
	display: inline;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 3px;
}
#navcontainer ul li a
{
	color: white;
  text-shadow: 3px 3px 5px black, 0 0 3px black;
	font-family: Lucida Sans Unicode;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
  border-radius: 25px;
  border: 3px solid black;
  box-shadow: 5px 5x 3px black;
  background-color: #A68D95;
  background: transparent url("http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/buttonBack3.jpg")no-repeat center center;
	text-decoration: none;
}
#navcontainer ul li a:hover
{
	background-color: #A68D95;
  border: 3px solid white;
 // box-shadow: 5px 5x 3px white;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	color: white;
}
#navcontainer #active
{
	border-left: 1px solid #fff;
}
h2
{
	  background: url("http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/buttonBack3.jpg") ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-radius: 25px;
  border: 3px solid;
      border-style:outset;
    border-color:   #FDD861;
  box-shadow: 5px 5x 3px black;
  //padding-top: 5px;
  //padding-bottom: 5px;
	font-weight: bold;
	color: white;
	text-align: center;
  text-shadow: 0px 0px 2px black,0px 0px 3px black, 1px 1px 0px black;
	font-size: 19px;
	margin-bottom: -4px;
	text-align: center;
	text-transform: uppercase;
}
h3
{
  padding-top: 5px;
  padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
  text-shadow: 0px 0px 2px black,0px 0px 3px black, 1px 1px 0px black;
  color: white;
	font-size: 19px;
	margin-bottom: 2px;
	text-align: center;
	text-transform: uppercase;
}
.red
{
	color: #F0D9E7;
}
#footer, #footer a
{
	font-weight: bold;
	color: white;
	text-align: center;
  text-shadow: 3px 3px 5px black, 0 0 2px black;
}/* CSS Document */
.border
  { 
    background-color:#206080;
    background: transparent url("https://magmmlcontest.com/personal/ACESpark/CosmicHero/images/bg4.jpg")repeat;
    border: 24px solid;
    border-radius: 8px;
    padding: 15px;
    -webkit-border-image: url(http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/borderB.png) 33% round; /* Safari 3.1-5 */
    -o-border-image: url(http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/borderB.png) 33% round; /* Opera 11-12.1 */
    border-image: url(http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/borderB.png) 33% round;
    //border-width:2px;  
    outline-style: outset;
    outline-color:#294459;
    color: #EEFBFF;
    vertical-align:top; 
  }
  
  .comments
  {
    border-width:5px;  
    border-style:outset;
    border-radius: 8px;
    border-color:#5D94BF;
    background: transparent url("https://magmmlcontest.com/personal/ACESpark/CosmicHero/images/bg3.jpg")repeat;
  padding-bottom: 6px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
  white-space: nowrap;
 
  }
  .avatar
  {
    border-width:2px;  
    border-style:outset;
    border-radius: 8px;
    border-color:   #FDD861;
  }
  
  .bookmark
  {
    border-width:3px;  
    border-style:outset;
    border-color:   #FDD861;
    background-color:#D1AE35;
    background: url("http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/buttonBack3.jpg") ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
    .social
  {
    border-width:3px;  
    border-radius: 24px;
    padding: 4px;
    border-style:outset;
    border-color:   #FDD861;
    background-color:#D1AE35;
    background: url("http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/buttonBack3.jpg") ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
  
.jumpB
{
	color: white;
  text-shadow: 3px 3px 5px black, 0 0 3px black;
	font-family: Lucida Sans Unicode;
}  
.navig a
{
	color: white;
  text-shadow: 3px 3px 5px black, 0 0 3px black;
	font-family: Lucida Sans Unicode;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
  border-radius: 25px;
  border: 3px solid #C94F4F;
  border-style:outset;
  box-shadow: 5px 5x 3px black;
  background-color: #A68D95;
  background: transparent url("http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/buttonBack4.jpg")no-repeat center center;
	text-decoration: none;
  	margin-bottom: 4px;
}
.navig a:hover
{
	background-color: #A68D95;
  border: 3px solid white;
  border-style:outset;
 // box-shadow: 5px 5x 3px white;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	color: white;
}

.navig #active
{
	border-left: 1px solid #fff;
}

.low
{
  padding-bottom: 24px;
}
p
{
 display:inline;
 margin: 0    0      0       0;
}


#arclist ul
{
	//background-color: #D0BEC4;   
  border-color: black;  
	color: A68D95;
	font-family: Lucida Sans Unicode
	line-height: 18px;
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 4px;
	padding-left: 0;
	padding-top: 4px;
	text-align: center;
	//width: 100%;
}
#arclist ul li
{
	display: inline;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 3px;
}
#arclist ul li a
{
	color: white;
  text-shadow: 3px 3px 5px black, 0 0 3px black;
	font-family: Lucida Sans Unicode;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
  border-radius: 25px;
  border: 3px solid black;
  box-shadow: 5px 5x 3px black;
  background-color: #39A946;
  background: transparent url("http://magmmlcontest.com/personal/ACESpark/CosmicHero/images/buttonBack5.jpg")no-repeat center center;
	text-decoration: none;
}
#arclist ul li a:hover
{
	background-color: #A68D95;
  border: 3px solid white;
 // box-shadow: 5px 5x 3px white;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	color: white;
}
#arclist #active
{
	border-left: 1px solid #fff;
}