/* Companion Custom CSS over-rides for [ Little Guardians ]:  -  */

/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Bowlby+One+SC);
     @font-face {
                        font-family: 'DestroyEarthBB';
                        src: url('DestroyEarthBB.eot');
       }

      @font-face {
                        font-family: 'DestroyEarthBB';
                        src: url('DestroyEarthBB.woff') format('woff'),
                        url('DestroyEarthBB.svg#DestroyEarthBB') format('svg');
       }

/* THE MAIN SHIT */

body {
	background: transparent;
}
h2, h2 a {
	color: #595959;
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -1px;
}
h3, h3 a {
	color: #595959;
	padding: 0;
	margin: 0;
	font-size: 20px;
	clear: both;
	letter-spacing: -1px;
}

#page, #page-wide {
	background: transparent;
	border-left: solid 0px #000;
	border-right: solid 0px #000;
	border-bottom: solid 0px #000;
	width:100%;
}
/*
.page .narrowcolumn {
    width: auto !important;
}
.page .post-content{width:620px; margin: 0 auto;}
*/

#page-wide-wrap {
	padding: 0 0px;
	/*background: #595959 url('http://www.littleguardianscomic.com/wp-content/themes/comicpress-boxed/images/LG_Background.jpg') top left repeat-x;*/
	background: #595959 url('LG-bg.jpg') top left repeat-x;;	
	width:100%;
}
#header {
	background: url('LG_Header-new1.png') no-repeat top center;
	width: 25%;
	max-width: 375px;
	margin: 0 2.5%;
	background-size: 100% auto;
	padding: 10px .5%;
	text-indent: -999px;
    	height: 280px !important;
    }
#section-wrap {
    float: left;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    margin-top: -300px;
    width: 59%;
    max-width: 750px;
}

#subcontent-wrapper {
background: #595959;
}
#content{min-height:500px;min-width:99%;}
a {
	color: #a00;
	text-decoration: none;
}

a:link {
	color: #f9a044;
	font-weight: bold;
}

a:visited {
	color: #f9a044;
}

a:hover {
	color: #f9a044;
	text-decoration: underline;
}
.post-author-gravatar {
	float: left;
	padding: 0 8px 0 0;
}

/* COMMENTS */
#submit, #searchform button, #comic button, .comicpress_control_panel_widget button {
	background: #f9a044;
	color: #fff;
	border-radius: 13px;
}
#submit:hover, #searchform button:hover {
	background: #fff;
	color: #f9a044;
}
#comment-wrapper {
	padding: 10px 20px 0;
}
textarea#comment{ width: 80%;}
/* CALENDAR AND ARCHIVES AND SHIT */

#wp-calendar a:hover {
	color: #fff;
	background: #f9a044;
}

#storyline{margin: 10px;}

#storyline li li .storyline-title:hover {
	color: #f9a044;
	text-decoration: underline;
}

.storyline-foot {
	clear: both;
	margin: 0 0 10px 0;
	height: 10px;
	border-bottom: 4px solid #595959;
}

#storyline li li .storyline-foot {
	border-bottom: 2px solid #595959;
}
#storyline li li li .storyline-foot {
	border-bottom: 1px solid #595959;
}

/* MORE ARCHIVE STUFF */

#storyline li li img {
    display: block;
    float: left;
    padding: 0 10px 0 0 ;
}
.Cover{
	float:none !important;
}
.Cover a{border-right: 2px solid #000;}

.numbered-links{
	float: left;
	font-size: 1em;
	line-height: 1em !important;
	margin-bottom: .5em !important;
	}
.numbered-links a{
	padding: 0 5px !important;	
	border-left: 2px solid #000;
	color: #000;
}	

.storyline-title{
	margin-bottom: 20px;
	}

.storyline-description{
	margin: 20px 0;
	}


/* SIDEBARS */
#sidebar-right {
	text-align: center;
	background: #595959;
	float: left;
	width: 30%;
	padding: 0px;
}
#sidebar-left {
	text-align: center;
	/*background: #efefef url('http://www.littleguardianscomic.com/wp-content/themes/comicpress-boxed/images/UnderBlog.png') bottom left repeat-x;*/
	float: left;
	width: 30%;
	height: inherit;
	padding: 5px 0.5%;
}
.narrowcolumn {
	width: 99%;/*550px;*/
	height: inherit;
	padding: 10px .5% 20px ;
	overflow: hidden;
	background: #efefef url('http://www.littleguardianscomic.com/wp-content/themes/comicpress-boxed/images/UnderBlog.png') bottom left repeat-x;
}
.post-content {
	padding: 10px 20px 0 20px;
}
/*
.wide .narrowcolumn {
	background: #efefef url('http://www.littleguardianscomic.com/wp-content/themes/comicpress-boxed/images/overN-Blog.png') top left repeat-x;
	width: auto !important;
	overflow: hidden;
}
*/

/* MENU */

.menunav a {
	text-shadow: 0px 0px 0px #fff;
}
	
	.menunav-rss:hover {
		background: #f9a044;
	}
	
.menu ul li a:link, .menu ul li a:visited,
.menu ul li ul li a:link, .menu ul li ul li a:visited {
	text-transform: lowercase;
	text-shadow: 0px 0px 0px #777;
}

h1 {
	text-shadow: 0px 0px 0px #111;
}
h1, h1 a {
    display: block;
    height: 100%;
    width: 100%;
}

#footer {
	vertical-align: bottom;
	padding: 10px 0 0 0;
	color: #fff;
	background: url('http://www.littleguardianscomic.com/wp-content/themes/comicpress-boxed/images/FooterBackground.jpg') bottom no-repeat;
	border-bottom: solid 1px #222;
}
#footer a {
	color: #e08426;
}
	.footer-text {
		font-size: 12px;
		padding: 8px 0 0 0;
	}

#footer .footer-pipe {
	padding: 0 2px;
}

/* THE COMIC */

#comic-head {
	/*background: #FFF; url('http://www.littleguardianscomic.com/wp-content/themes/comicpress-boxed/images/AboveComic.jpg') no-repeat;
	height: 106px;*/
	position: absolute;
	top: 0;
	right: -58px;
}

#comic {
	text-align: center;
	/*width: 770px;
	background: #fff url('http://www.littleguardianscomic.com/wp-content/themes/comicpress-boxed/images/ComicBackground.jpg') top no-repeat;
*/	
}


#comic img {
    margin: 2%;
    max-width: 95%;
}

#comic ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comic-foot {
	/* border-bottom: solid 1px #000; */
	text-align: center;
}

/* the style of this is further down */
#comic button {
	float: left;
}


/* BLOG STUFF */


#blogheader {
	padding: 0px 0 5px 0;
	border-top: 0px solid #000;
	margin: 0px 0 20px 0;
}
.sidebar {
	margin: 0 auto;
    	/*max-width: 200px;*/	
}
.sidebar h2 {
	color: #000;
}

.size-full {
    height: auto;
    /* padding: 0 5%; */
    max-width: 90%;
}

/* COMIC RIGHT NAV */
#comic-head .comic_navi_left{
	position: absolute;
	right: 0;
	top: 20px;
}
#comic-head .comic_navi_right{
	position: absolute;
	right: 0;
	top: 90px;
}

#sidebar-overcomic .navi-prev-in {
    background: url("LG-prev.png") no-repeat scroll 0 0 transparent;
}
#sidebar-overcomic .navi-next-in {
    background: url("LG-next.png") no-repeat scroll 0 0 transparent;
}

#sidebar-overcomic .navi-prev-in:hover,
#sidebar-overcomic .navi-next-in:hover
{
	background-position: -80px 0;
}

#sidebar-overcomic .navi-void,
#sidebar-overcomic .navi-void:hover{
	background-position: -160px 0;
	}
	
#side-menu{
	text-align: center; 
	font-family: 'Bowlby One SC'; 
	font-size: 1.1em;
	text-transform: uppercase;
}
#side-menu a{
	color: #FFF;
	text-decoration:none;
	padding: 0 4px;
}
#side-menu a:hover{
	color: #F9A044;
}
#lg-news{
	font-family: 'Bowlby One SC';
	color: #FFF;
	font-size: 2em;
	padding-left: 2.5%;
	text-align:left;
	width: 80%;
	margin: 20px auto 5px;
}
#news-posts {
    background: none repeat scroll 0 0 #999999;
    border-radius: 9px 9px 9px 9px;
    margin: 0 auto;
    padding: 10px 2.5%;
    width: 80%;
    text-transform: uppercase;
}
#news-posts li {
    color: #FFFFFF;
    margin: 0 0 0 10px;
    padding: 3px 0;
    text-align: left;
}
#news-posts a {
    color: #FFFFFF;
}
#news-posts span {
    float: right;
    padding-right: 5%;
}

/* MOBILE SHIT */

@media screen and (max-width: 1024px){
#header {
    background: url("LG_Header-new.png") no-repeat scroll center top transparent;
    background-size: 100% auto;
	background-repeat:no-repeat;
	height: 150px !important;
	z-index: 999;
	position:relative;
}
#page-wide-wrap {
    background: url("LG-bg.jpg") repeat-x scroll left -120px #595959;
}

#section-wrap {
    margin: -170px 0 0;
}
#news-posts{
	font-size: 2em;
	}
#news-posts span{
	float:none;
	}
#news-posts li{
	padding: 5px 0;
	}
#side-menu {
    font-size: 2.2em;
    line-height: 1.5em;
    text-align: center;
}
.navi-first, .navi-firstinchap, .navi-prev-in, .navi-previous-in,
.navi-archive, .navi-archives, .navi-next-in, .navi-lastinchap, .navi-last  {
    background-size: 300% auto;
    width: 60px;
}
.navi:hover{
background-position: -60px 0;
}
.navi-void, .navi-void:hover {
    background-position: -120px 0;
    }
    #comic-head {
    position: absolute;
    right: -38px;
    top: 0;
}
table[width="600"], table[width="620"] {width: 100%;}
td[width="600"] img, td img {
    width: 100%; height: auto;
}
td[width="600"], td[width="620"] {
    width: 100%; height: auto;
}

td[width="450"] {
    width: 60%;
}
td[width="310"], td[width="200"] {
    width: 50%;
}
#About-top img {
    height: auto;
    width: 32px;
}

}