#wrapper
{
	width:100%; 
	margin:auto;
	display:table;  
}
body
{	
	
	color:#ffffff;
	margin:auto;
	margin-top:0px;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizelegibility;
	font-family:'Open Sans';
	font-size:14px;
	
	
	background-color: #2945ba;
	background-image: linear-gradient(45deg, #2843b0 25%, transparent 25%, transparent 75%, #2843b0 75%, #2843b0), 
	linear-gradient(45deg, #2843b0 25%, transparent 25%, transparent 75%, #2843b0 75%, #2843b0);
	
	background-size:100px 100px;
	background-position:0 0, 50px 50px
	
}

h5 {line-height: 26px;}

footer
{
	height:150px;
	margin-top:-15px;
	//bottom:0;
	width:100%; 
	background:#000000; 	
	text-align:center;
	clear:both;
	padding-top:5px;
	/*
	-moz-box-shadow: 0px -1px 30px #000;
	-webkit-box-shadow: 0px -1px 30px #000;
	box-shadow: 0px -1px 30px #000;
	*/
}

#side
{
	
	width:220px;
	float: none; 
	//background:rgba(0,0,0,0.7);
	background-color:#000000;
	padding:5px;
	height:100%;
	display: table-cell; 
}

	

#side_hover
{
	background-color:#000000;
	display: table-cell; 
}


#main
{
	float: none; 
	padding-left:120px;
	//padding-right:75px;
	width:100%;
	//width:calc(90% - 212px);	
	display: table-cell; 
	//padding-bottom:10px;
	background:url(http://www.sonichq.net/images/layout/border_blk_small_shadow.png);	
	background-position:left;
	background-repeat:repeat-y;		
	vertical-align:top;
	
}


h3
{	
	font-family: 'Open Sans', sans-serif;
	color:#72d2e5;
	font-weight:normal;
	font-size:1.2em;	
	z-index:2;	
	
}

h4
{	
	font-family: 'Open Sans', sans-serif;
	color:#72d2e5;
	font-weight:normal;
	font-size:0.85em;		
}

h1
{
	font-size:2em;
	text-shadow: 1px 1px 1px #000033;
	letter-spacing:5px;
}

.pagetitle
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:5.5em;	
	letter-spacing:3px;
	font-weight:bold;
	//padding:40px;
	//margin-left:20px;
	z-index:5;	
	color:white;
	text-shadow: 1px 1px 1px #000000;		
	width:100%;
	border-bottom:3px solid white;
	

}


.breadcrumb 
{
	margin-top:15px;
	margin-bottom:15px;
	font-size:1.1em;			
	text-transform:UPPERCASE;
	z-index:500;
	text-shadow: 1px 1px 1px #000000;
	color:white;
	padding:10px;
	background-color:#000033;
	border-radius:3px;
	
	
	
}

.breadcrumb a
{
	color:white;
}


/*Interview*/

p.a
{
	color:#718dff;
}

a { color:#00a2e8; text-decoration:none; }
a:link { color: #00a2e8;  text-decoration:none;}
a:visited { color: #00a2e8; }
a:hover { text-decoration:underline; }
a:active { color: #ABA1A1; }

img
{
	border:0px;	
}

.header
{
    color: #FFFFFF;
	font-size: 1.7em;		
	//white-space: nowrap;	
	//word-wrap: break-word;
	font-family: 'Open Sans', sans-serif;	
	vertical-align:middle;	
	overflow:auto;	
	margin-bottom:10x;
	//border-bottom:1px solid #2843b0;
	
}

.headermainpage
{
	padding-left:15px;
}
.error,.message,.login_message
{
	color: #FF9999;
	
}

.success
{
	color: lime;
	
}


.headerleft
{
	float:left;
	padding-bottom:15px;
	//border-bottom:1px solid #2843b0;
	//padding-left:10px;
	//word-wrap: break-word;
	
}

.headerright
{
	float:right;
	position:relative;
	right:10px;
	
}


div.content 
{	
	
	
	padding:5px 10px 10px 30px;	
	background-image:url(http://www.sonichq.net/images/layout/border_right_blk_a.png), url(http://www.sonichq.net/images/layout/blk_a.png);	
	background-size:20px 60px, 100% 100%;
	background-position:left, 20px 0px;
	background-repeat:repeat-y, repeat-y;
	
}


.contentmainpage
{	
	//margin-left:120px;	
	//-moz-box-shadow: 0px 5px 12px #002;
	//-webkit-box-shadow: 0px 5px 12px #002;
	//box-shadow: 0px 5px 12px #002;
	padding:5px 10px 10px 30px;
	background-image:url(http://www.sonichq.net/images/layout/border_right_blk_a.png), url(http://www.sonichq.net/images/layout/blk_a.png);	
	background-size:20px 60px, 100% 100%;
	background-position:left, 20px 0px;
	background-repeat:repeat-y, repeat-y;
	//border-bottom:3px solid #0f1942;
	//box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	
	
	
	
}

.contentmainpagecomments
{	
	border-top:1px solid #2843b0;
	width:calc(100% - 40px);		
	margin:auto;
	padding:5px 20px 10px 20px;
	

}

.contentsideblue 
{	
	
	//width:100%;
	padding:5px 10px 10px 40px;
	background-image:url(http://www.sonichq.net/images/layout/border_right_blue.png), url(http://www.sonichq.net/images/layout/drkblue2.png), url(http://www.sonichq.net/images/layout/blk_a.png);
	
	background-size:20px 60px, 250px 100%,100% 100%;
	background-position:left, 20px 0px, 250px 0px;
	background-repeat:repeat-y, repeat-y, repeat-y;
	
	/*-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";*/
	
}

.contentsideblueforum 
{	
	width:100%;	
	padding:5px 10px 10px 25px;
	background-image:url(http://www.sonichq.net/images/layout/border_right_blue.png), url(http://www.sonichq.net/images/layout/drkblue2.png), url(http://www.sonichq.net/images/layout/blk_a.png);	
	
	background-size:20px 60px, 150px 100%,100% 100%;
	background-position:left, 20px 0px, 150px 0px;
	background-repeat:repeat-y, repeat-y, repeat-y;
	
	/*-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";*/
}

.prev-next
{	
	margin-left:120px;	
	color:white;
	font-size:1.5em;
	text-shadow: 1px 1px 1px #000000;
	width:calc(100% - 120px);	
}

.prev-next a
{	
	color:white;	
}


.contentmainpagehidden
{	
	
	width:100%;	
	opacity:0.75;	
	padding:5px 10px 10px 40px;
	background-image:url(http://www.sonichq.net/images/layout/border_inverse.png), url(http://www.sonichq.net/images/layout/blk.jpg);	
	background-size:30px 60px, 100% 100%;
	background-position:left, 30px 0px;
	background-repeat:repeat-y, repeat-y;
}




.contentmainpage p img
{
	padding:5px;
}

/*NAV*/

.comic_description
{
	background: rgba(0,0,0,0.8);
	
		position:absolute;
		left:9px;
		bottom:0px;
		height:auto;
		font-size:14px;
		right:5px;
		z-index:200;
		width:208px;
}

.comics_nav
{
	padding-left:10px;
	text-align:center;
}



.issue_series
{
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	
	
}

.issue_series,.issue_series img
{
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width:134px;
	height:208px;
	position:relative;
	z-index:10;
	color:white;
	
	-moz-box-shadow: 0px 0px 25px #000;
	-webkit-box-shadow: 0px 0px 25px #000;
	box-shadow: 0px 0px 25px #000;
	
}

.issue_series img:hover
{
	position:relative;
	z-index:150;	
	width:208px;
	height:318px;
	padding:0px;
	
}

.issue_series:hover:before
{
	content: attr(stamp);	
	position:absolute;
	top:20px;
	left:-20px;
	z-index:300;	
	font-size:11px;
	text-shadow: 1px 1px 1px #000000;	
}

.comic_description_viewseries
{
	background: rgba(0,0,255,0.7);	
	border-radius: 50%;

	position:absolute;
	top:-24px;
	left:-24px;
	height:40px;
	width:40px;
	font-size:2.5em;
	vertical-align:middle;
	right:5px;
	z-index:200;	
	text-align:center;
	-moz-box-shadow: 0px 0px 25px #000;
	-webkit-box-shadow: 0px 0px 25px #000;
	box-shadow: 0px 0px 25px #000;
	font-family:"Archivo Narrow";
	padding:15px;
	
	
}




.navbox {
	position: relative;
	float: left;
}

ul.nav {
	font-family:'Open Sans';
	font-size:18px;
	list-style: none;
	display: block;
	width: 185px;
	position: relative;
	padding: 20px 0 20px 0;
	background: url(shad2.png) no-repeat;
	-webkit-background-size: 50% 100%;
}

li {
	margin: 5px 0 0 0;
}

@media only screen and (max-width: 1024px) {
	ul.nav li a 
	{
		max-width: 140px;		
	}
}


ul.nav li.settings a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/settings.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.settings a:hover {	
	background:  url(http://www.sonichq.net/images/menu/blue/settings_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
//	-webkit-transition: -webkit-transform 1s ease-in-out;
    -webkit-transform: rotate3d(0,1,1, 0deg);
//    transition: transform 1s ease-in-out;
    transform: rotate3d(0,1,1, 0deg);
	border-bottom:0px solid #333333;
}

ul.nav li.logout a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/user.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
	
}

ul.nav li.logout a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/user_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}

ul.nav li.connect a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/world.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.connect a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/world_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}

ul.nav li.about a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/star.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.about a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/star_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}

ul.nav li.music a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/music.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.music a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/music_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}

ul.nav li.home a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/sonic.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.home a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/sonic_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}

ul.nav li.animation a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/tv.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.animation a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/tv_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}

ul.nav li.comics a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/bubble.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.comics a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/bubble_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}



ul.nav li.archives a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/archive.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.archives a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/archive_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}

ul.nav li.admin a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:  url(http://www.sonichq.net/images/menu/blue/key.png) no-repeat;
	background-position:left;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
	width: 90%;
	display: block;
	text-decoration: none;
}

ul.nav li.admin a:hover 
{	
	background:  url(http://www.sonichq.net/images/menu/blue/key_large.png) no-repeat;
	color: lime;
	padding: 7px 15px 7px 30px;
	border-bottom:0px solid #333333;
}






.stage_Text_id
{
	text-shadow: 1px 1px 1px #000000;
	font-size:2em;
}



.postbutton
{
	
	margin-top:-30px;
	margin-left:200px;
}

.avatarupload
{	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:7px;
	-moz-box-shadow: inset 0 0 25px #0000FF;
	-webkit-box-shadow: inset 0 0 25px #0000FF;
	box-shadow: inner 0 0 25px #0000FF;
}



#anim1 {
    -webkit-perspective: 800;
    perspective: 800;
    margin: 100px 0 100px 50px;
  }

  .logo img {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -webkit-transform: rotate3d(0,1,1, 0deg);
    transition: transform 1s ease-in-out;
    transform: rotate3d(0,1,1, 0deg);
	position:relative;
	top:-15px;
	margin-left:auto;
	margin-right:auto;
	
  }

  .logo img:hover {
    -webkit-transform: rotate3d(0,0,1, 360deg);
    transform: rotate3d(0,0,1, 360deg);
  }


/* INPUT */

label:not([for=offcanvas])
{
	padding:10px;
	height:20px;	
	padding-right:20px;
	text-shadow: 1px 1px 1px #000000;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#2040c0;	
	display:inline-block;
	position:relative;
	z-index:11;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-image:url(http://www.sonichq.net/images/layout/border_inverse_dblue.png);	
	background-position:right;
	background-repeat:repeat-y;
	background-size:10px 10px;

}

label.textarealabel
{
	padding:10px;
	//height:20px;	
	padding-right:20px;
	
	margin-top:0px;
	margin-bottom:0px;
	background-color:#2040c0;
	background-image:url(http://www.sonichq.net/images/layout/zagbg_black.png);
	background-position:right;
	background-repeat:repeat-y;
	display:inline-block;
	position:relative;
	z-index:11;
}




input:not([type=submit]):not([type=file]):not([type=image])
{
	
	border:0px solid #000000;
	font-family:'Open Sans';
    padding: 10px;
    background-color:#000055;
	margin: 0 0 10px 0;		
	color:cyan;
	display:inline-block;
	margin-top:0px;
	margin-bottom:0px;
	height:20px;
	position:relative;
	z-index:12;
	
	
	
}

input[placeholder=Search]
{
    color:cyan;
    
}

select
{
	border:0px solid #000000;
	font-family:'Open Sans';
    padding: 10px;
    background-color:#000055;
	margin: 0 0 10px -5px;		
	color:cyan;
	display:inline-block;
	margin-top:0px;
	margin-bottom:0px;
	
	position:relative;
	z-index:12;
}

input:focus
{
	
	
    background-color:#000077;
	
	
}

input[type="checkbox"],#chk {
    display:none;
}
#chk + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-5px 7px 0 0;
    vertical-align:middle;
    background:url(http://www.sonichq.net/images/checkbox2.png) left top no-repeat;
    cursor:pointer;
}
#chk:checked + label span {
    background:url(http://www.sonichq.net/images/checkbox2.png) -20px top no-repeat;
}


input[type=image]
{
	position:relative;
	top:10px;	
}

textarea,#txtArea
{
	background-color:#000055;
	border:0px solid #000000;
	width:75% !important;	
	color:cyan;
}

input.button
{
	
	background-color:#5b78ee;	
	color:#e5f2ff;
	font-size:14px;
	font-weight:bold;
	border:0px solid #FFFFFF;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

input.buttonimportant
{
	
	background-color:#ee5b5b;	
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	border:0px solid #FFFFFF;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

input.search
{
	width:35px;
	height:25px;
	border:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


button
{        
    width:100px;
    height:100px;
    background-color:#5b78ee;    
    color:#e5f2ff;
    font-size:14px;
    font-weight:bold;   
    text-align: center;
    display: block;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border-width: 5px;
    border-style: solid;
            
    box-shadow: 2px 2px 7px rgba(0,0,0,.2);
    border-radius: 50%;
    border-color:rgba(0,0,0,.2);
          
}

/*
#post
{
	height:1px;
	opacity:0;
	-webkit-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}

#post:target
{        
	height:auto;
	opacity:1;
	-webkit-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
	
}
*/

button.important
{        
    width:100px;
    height:100px;
    background-color:#ff5959;    
    color:#e5f2ff;
    font-size:14px;
    font-weight:bold;   
    text-align: center;
    display: block;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border-width: 5px;
    border-style: solid;
            
    box-shadow: 2px 2px 7px rgba(0,0,0,.2);
    border-radius: 50%;
    border-color:rgba(0,0,0,.2);
          
}
button:hover
{
    border-width: 10px;
}

div.fileinputs {
	position: relative;
}

div.fileinputs div.replace {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
	background-image:url(http://www.sonichq.net/images/selectfile.png);
	background-position:center;
	background-repeat:no-repeat;

}

div.fileinputs div.replace .file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:0;
	height:auto;
}




.thispage {color:#003300; font-weight:bold;}

.pagenumbers {font-size:10px;}

.sideinfo
{
	position:relative;
	right:-2;

}




.avatar img /*Avatar on main page*/
{	
	
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	//box-shadow: 0 0 5px #000000;	
	display:inline;
	width:80px;
	height:80px;
	position:relative;
	left:-75px;
	top:-20px;
	z-index:200;
	border:3px solid #2945ba;
	//float:left;	
	
}

.avatar /*Avatar on main page*/
{
	width:0px;
	height:0px;
	
}



div.stamp
{	
	font-family:'Open Sans';		
	opacity:0.7;	
	font-size:12px !important;
	//padding:5px;
	
}

.stamp-forum
{	
	font-family:'Archivo Narrow';		
	opacity:0.7;	
	font-size:14px;
	//padding:5px;
	
}

.odd
{
	background-color:#00060c;
	border-bottom:#001b37;	
	overflow:inherit;
	padding:5px;
}

.even
{
	background-color:#000e1d;
	border-bottom:#001b37;
	overflow:inherit;	
	padding:5px;
}

table.forum td
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.avatarimg
{
	
	
	
	-moz-box-shadow: 0 0 10px #FFFFFF;
	-webkit-box-shadow: 0 0 10px #FFFFFF;
	box-shadow: 0 0 10px #FFFFFF;
	
	
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;	

}

.forumavatar
{
	
	
	-moz-box-shadow: 0 0 10px #FFFFFF;
	-webkit-box-shadow: 0 0 10px #FFFFFF;
	box-shadow: 0 0 10px #FFFFFF;
	
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;

}



.issue
{
	-moz-box-shadow: 0px 0px 25px #000;
	-webkit-box-shadow: 0px 0px 25px #000;
	box-shadow: 0px 0px 25px #000;
	-webkit-transition: -webkit-transform 1s ease-in-out;
    -webkit-transform: rotate3d(0,1,1, 0deg);
    transition: transform 1s ease-in-out;
    transform: rotate3d(0,1,1, 0deg);
	border:0px !important;
	position:relative;
	z-index:100;
}
.issue:hover 
{
    -webkit-transform: rotate3d(0,0,1, 15deg);
    transform: rotate3d(0,0,1, 15deg);
    -moz-transform: rotate3d(0,0,1, 15deg);
}

.issuevariant
{
	-moz-box-shadow: 0px 0px 25px #00F;
	-webkit-box-shadow: 0px 0px 25px #00F;
	box-shadow: 0px 0px 25px #00F;
	-webkit-transition: -webkit-transform 1s ease-in-out;
    -webkit-transform: rotate3d(0,1,1, 0deg);
    transition: transform 1s ease-in-out;
    transform: rotate3d(0,1,1, 0deg);
	border:0px !important;
	/*position:relative;
	top:-208px;
	left:15px;
	*/
	position:absolute;
	top:0px;
	left:10px;
	z-index:99;
	width:208px;
	height:auto;
	shape-outide: url(mask.png) top left;
	transform: rotate(10deg);
	-ms-transform: rotate(10deg); /* IE 9 */
	-webkit-transform: rotate(10deg); /* Safari and Chrome */
	-o-transform: rotate(10deg); /* Opera */
	-moz-transform: rotate(10deg); /* Firefox */
}
.issuevariant:hover 
{
    -webkit-transform: rotate3d(0,0,1, 45deg);
    transform: rotate3d(0,0,1, 45deg);
}

.comic_post_wrapper
{
	overflow:auto;
	height:auto;
}

.comic_post_image_left
{
	float:left;
	position:relative;
	padding:24px;
}

.comic_post_image_right
{
	float:right;
	position:relative;
	padding:24px;
}

.logo
{
	position:relative;
	top:15;
	z-index:500;
	width:0px;
	height:200px;
}

/* FORUM */


.post-controls
{
	position:relative;
	right:0px;
	background: rgba(0,0,0,0.5);
	color:white;
	font-size:12px;
	display:none;
	cursor:hand;
}

.replies
{
	
	color:#a4d1ff;
	
	font-size:30px;
	font-weight:bold;		
	
	
}

.views
{
	
	color:#307ac6;
	
	font-size:15px;	
	
	font-weight:bold;
	
	opacity:0.5;
	
}

.username
{	
	font-family:'Archivo Narrow';			
	font-size:20px;
	text-shadow: 1px 1px 1px #000000;
}

.usernamegeneral
{	
	font-family:'Archivo Narrow';	
	opacity:0.7;
	
}

.post_stat
{	
	margin-top:3px;
	padding:5px;	
	display:inline-block;	
	width:125px;
	background: rgba(20,20,20,0.3);
	border-radius:5px;
	
}


.comic-info
{
	width:90%;
	text-shadow: 1px 1px 1px #000000;
}
/*
.comic-info span
{
	//border-bottom:1px solid #243ea3;
	//line-height:16px;
}
*/


blockquote
{
	border-left:3px solid #333333;
	padding:5px;
	font-style:italic;
}

.pagination,.pagination a
{
	width:100%;
	text-align:right;
	font-size:20px;
	text-shadow: 1px 1px 1px #000000;
	color:white;
}

.vert-align
{
	position: relative;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.menu_toggle
{
	display:none;
}

.pagelinks
{
	padding:15px;
	text-align:center;
	width:100%;
}

thead
{
	font-weight:bold;
	background-image:url(http://www.sonichq.net/images/layout/zagbg_black_reverse.png);
	background-position:left;
	background-repeat:repeat-y;
	background-color:#2040c0;
	height:15px;
	font-size:1.5em;
	
}

thead tr td
{
	padding-left:10px;
}

.span6left
{
	float:left;
	width:46% !important;
}

.span6right
{
	float:right;
	width:46% !important;	
}


	

@media only screen and (max-width: 1024px) {
	#side 
	{
		
		//max-width:25px;
		//min-width:25px;
		//width:25px;
		
		//float: left; 
		//background:rgba(0,0,0,0.7);	
		background-color:#000000;		
		display: table-cell; 
		padding:5px;
		//height:100%;
		//display: block; 
		//overflow:hidden;
		//position:absolute;	
	
		//margin-left:-200px;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		
		transform:translateX(-300px);
		-webkit-transform:translateX(-300px);
		-ms-transform:translateX(-300px);
		position:absolute;
		left:0px;
		z-index:1000;
	}
	#side_hover
	{
		//background-color:#000000;
		//display: table-cell; 
	}
	.navicon 
	{
		width: 50px;
		height: 50px;
		background: url('http://www.sonichq.net/images/menu.png') no-repeat;
		background-size: cover;
		display: block;
    }
	
	.toggler
	{
		position:absolute;
		z-index:2000;
		left:5px;
	}
	.toggle:checked + #side
	{
		max-width:220px;	
		width:220px;			
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		overflow:inherit;
		display: table-cell; 
		background-color:#000000;
		transform:translateX(0px);
		-webkit-transform:translateX(0px);
		-ms-transform:translateX(0px);
		position:absolute;
		left:0px;
		z-index:1000;
	}
	
	.toggle:checked + #side:after
	{
		
		background:url(http://www.sonichq.net/images/layout/border_blk_small.png);	
		background-position:right;
		background-repeat:repeat-y;	
	}
	
	#main
	{
		//float: none; 
		padding-left:0px;
		padding-right:15px;
		width:calc(100%-5px);	
		//width:100%;
		display: table-cell; 		
		background:url(http://www.sonichq.net/images/layout/transparentpixel.png);	
		background-position:left;
		background-repeat:repeat-y;	
		vertical-align:top;
	}
	
	.content img,.contentmainpage img 
	{ 
		max-width:100%;
		height:auto;
		//display:none;
	}
	
	
	.contentmainpage
	{	
		
		
		padding:7px;
		background-image:url(http://www.sonichq.net/images/layout/border_right_blk_a.png), url(http://www.sonichq.net/images/layout/blk_a.png);	
		background-size:5px 15px, 100% 100%;
		background-position:left, 5px 0px;
		background-repeat:repeat-y, repeat-y;
		
	}
	
	.menu_toggle
	{
		display:block;
		position:relative;
		left:10px;
		top:10px;
		width:0px;
		height:0px;
	}
	
	
	
	.pagetitle
	{
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:3em;	
		letter-spacing:1px;
		font-weight:bold;
		padding:40px;
		margin-left:20px;
		z-index:5;	
		color:white;
		text-shadow: 1px 1px 1px #000000;		
		

	}
	.comic_post_wrapper
	{
		overflow:auto;
		height:auto;
	}

	.comic_post_image_left
	{
		float:none;		
		display:block;
		padding:24px;
	}

	.comic_post_image_right
	{
		float:none;		
		display:block;
		padding:24px;
	}
	
	.contentsideblue 
	{	
		
		width:100%;
		padding:5px 10px 10px 40px;
		background-image:url(http://www.sonichq.net/images/layout/border_inverse_blue.png), url(http://www.sonichq.net/images/layout/blu.jpg), url(http://www.sonichq.net/images/layout/blk.jpg);	
		background-size:20px 60px, 250px 100%,100% 100%;
		background-position:left, 20px 0px, 250px 0px;
		background-repeat:repeat-y, repeat-y, repeat-y;
		-webkit-filter:none;
		filter:none;
		
		
		
	}

	.contentsideblueforum 
	{	
		width:100%;	
		padding:5px 10px 10px 40px;
		background-image:url(http://www.sonichq.net/images/layout/border_inverse_blue.png), url(http://www.sonichq.net/images/layout/blu.jpg), url(http://www.sonichq.net/images/layout/blk.jpg);	
		background-size:20px 60px, 150px 100%,100% 100%;
		background-position:left, 20px 0px, 150px 0px;
		background-repeat:repeat-y, repeat-y, repeat-y;
		-webkit-filter:none;
		filter:none;
	}
	

}