/*
Theme Name: Sparkler Theme
Theme URI: //sparklermonthly.com
Author: Jordan Acosta, Lissa Pattillo
Author URI: //www.jordanacosta.com/, //www.lissapattillo.com
Description: Custom theme for Sparkler Monthly
Version: 2.0
License: GNU General Public License
*/ 


/*---------------*/		
/*    COLOURS    */
/*---------------*/

body, #logo, #nav, #arrow-colour, #stub-colour, #bigbutton, #smallbutton, #biggerbutton, .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link, #sidebar-topper, #copyright, .smedia-square, .sub-menu li, #sidebar input, .shop-sidebar h3, #mobile-menu select, #bigstubby-right, #bigstubby-left, .front-page-sections, #sidebar #box, .cart-button, #square, #front-series h2, .nav-link-old, .nav-link-new, #mob-newissue, #jumptocomicimg, .jumpbox, #comment-section-header h2, #front-extras h2, #nav li#menu-item-21943 ul.sub-menu 

	{ background-color: #E39484; }

a, .series-right h2, .drop-button, #footer h3, #exclusive, .front-page-sections, #sidebar .widget-title, .front-page-sections-last, .members-new-issue h2

	{ color: #e38470; }

#wrapper, #sidebar-promo img, #exclusive, .border, .front-page-sections-last, .member-new-issue

	{ border-color: #E39484 !important }

/*---------------*/		
/*    LAYOUT     */
/*---------------*/

html { height: 100%; margin-bottom: 1px; }

BODY {
	color: #555555;
	font-family: Helvetica, Arial, sans-serif; font-size: 1em;
	margin: 45px 0px 15px 0px; line-height: 1.4em;
	background-image: url(img/sparkles-fade.png), url(img/grad-BG.png);
	background-repeat: repeat, repeat-x;
	overflow-x: hidden; overflow-y: scroll;
}

img { border: none; }
a { text-decoration: none; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
#wrapper { width: 1000px; background: #FFFFFF; margin: 0 auto; padding: 0px 0px 20px 0px; border: 2px solid; border-top-left-radius: 20px; }

#header-right { float: right; margin: -47px 0 0 0; }
#header-left { float: left; padding: 0; width: 251px; margin: -32px 0 0 15px; }

mark { background-color: #FFFFFF; color: black; }

#logo { height: 67px; width: 251px; margin: 0; }

#slogan { text-transform: uppercase; font-size: 13px; text-align: center; line-height: 13px; color: #989898; margin: 0; }
#member-log { font-size: 16px; float: right; color: #7d7d7d; margin: -4px 20px 0 0; font-size: 13px; }
#member-log a { color: #7d7d7d; }

#nav { float: right; width: 820px; color: #FFFFFF; border-top-left-radius: 15px; border-bottom-left-radius: 15px; height: 32px; margin: 0; }

#nav ul { margin: 6px 0 0 -15px; height: 32px; }
#nav ul li { float: left; font-size: 15px; list-style-type: none; padding: 0 13px 0px 14px; margin: 0; }

#nav a { color: #FFFFFF; }
#nav a:hover { color: #cccccc; }

#nav ul ul { display: none; position: absolute; z-index: 99; }

#nav-social { float: right; margin: -38px 15px 0 0; }

#hiveworks-top { margin: 0 0 0 20px; float: left; }

#mobile-menu { display: none; }

.sub-menu { z-index: 99; list-style-type: none; width: 115px; margin: 0px 0 0 -13px!important; -webkit-padding-start: 0px; }
.sub-menu li { font-size: 15px; margin: 0px; width: 115px; list-style-type: none; -webkit-padding-start: 0px; padding: 12px 13px 0px 13px!important; line-height: 16px; }
.sub-menu li:last-child { padding-bottom: 10px!important; }

#nav li:hover > ul, #nav li:hover > ul { display: block; }
#nav-sec { clear: both; padding: 0; margin: 0; }
#nav-below { padding: 15px; }

#nav-above { display: none; }

#main { margin: 15px 0 0 0; }

.wpmenucartli { display: none !important; }

.navsec { width: 775px; overflow: hidden; margin: -5px 0px 0px -15px; }
#news-avatar { float: left; margin: 0px 10px 5px 0px; }

.mainTable { margin: 5px 0px 0px 5px; !important; overflow: hidden; }

#side-ad { margin: 15px 0 0 0; }
#side-ad-2 { margin: 15px 0 0 30px; }

.sliderimgLi img {
background: white !important;
border: 0px !important;
padding: 0px !important;
margin: 0 4px 0px 3px !important;
}

.separate { height: 10px; margin: auto; margin-bottom: 20px; border-bottom: 5px solid #CECECE; }

#content { float: left; margin-left: 10px; width: 775px; }
#content article { padding: 0px 15px 0px 15px; }

#content #comment-section-header h2 { width: 750px; margin: 0 0 15px 0; }

#free { color: #007eff; font-weight: bold; display: none; }
#subscribers { color: #007eff; font-weight: bold; display: none; }

h1.title { font-size: 1.5em; margin: 10px 0px 15px 0px; }
.entry-title { margin: 10px 0 5px 0; font-size: 1.5em; }
.entry-meta { filter:Alpha(opacity=0); opacity: .75; }

#exclusive { border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; border-bottom: 2px solid; }

h2 { margin: 10px 0px 10px 0px; }
h3.news { font-size: 18px; margin: 0; padding: 0; }
h4 { font-size: 18px; font-weight: bold; margin: 0px; }

#current-titles h3 { margin: 0px; }

.page-876 h2 { display: none; }
.page-3068 h1 { display: none; }
.page-3083 h2 { display: none; }
.page-12 .entry-header h2 { display: none; }
/*.page-12 h2 { display: none; } */

#pmpro_levels_table { display: none; }

#arrow-colour { width: 200px; height: 41px; margin: 0px 0px 20px 0px; }
#stub-colour { width: 249px; height: 41px; }


.page-23 { float: none !important; margin: auto; width: 985px !important; }
#content-news { float: left; margin-left: 10px; width: 750px; }

.front-slide { margin: 25px auto 10px auto; width: 946px; }
#member-banner { margin: 0 auto 5px auto; width: 944px; }

.member-new-issue { padding: 10px; margin: 0px auto 20px auto; }
.member-new-issue h3 { font-size: 1.5em;  margin: 10px 0px 25px 0px; }

.member-new-issue ul { clear: both; }
.member-new-issue ul li h3 { margin: 0 0 15px 0; font-size: 22px; }
.member-new-issue ul li { list-style-type: none; margin: 0 0 0 -15px; padding: 0 20px 0 0; }
.member-new-issue ul li img { width: 180px; height: 180px; float: left; margin: 0 20px 10px 0; }

.span-floatright { float: right; margin: -40px 15px 0 0; color: #FFFFFF; }
.span-floatright a { color: #FFFFFF; }
#featured img { float: left; margin: 0 20px 5px 0; width: 125px; height: 125px; }

.front-page-sections { height: 35px; padding: 15px 0 0 15px; color: #FFFFFF;}

#front-series { margin: 0 0 0 20px; }
#front-series .span-floatright { float: right; margin: -40px 35px 0 0; }
#front-series h2 { font-size: 24px; width: 925px; margin-top: 0; color: #FFFFFF; padding: 10px;  }
#series-box { width: 230px; height: 140px; float: left; margin: 0 9px 15px 0; font-size: 12px; line-height: 12px; }
#series-img { height: 100px; width: 228px; overflow: hidden; background: #7d7d7d; }
#series-img img{ height: auto; width: 228px; }

.bar { clear: both; height: 2px; background: #d6d6d6; width: 85%; margin: 15px auto 15px auto; }

#front-page-products { margin-left: 25px; }
#front-page-products li { margin-bottom: 15px; margin-right: 12px; }

#issue { width: 730px; }
#issue #cover { width: 390px; float: left; padding-right: 15px; }

.attachment-sparkler-cover { width: 390px; }

#issue #chapters {
	float: right; margin: 0 10px 0 10px;
	width: 305px;
}

#issue #chapters ul { padding: 0; margin: 0; }
#issue #chapters h3 { margin: 0; padding: 0; }

#issue #chapters ul li {
	min-height: 75px; margin: 0px 0px 15px 0px;
	list-style-type: none; clear: both;
}

#issue #chapters img {
	float: left; margin: 0px 15px 5px 0px;
	height: 75px; width: 75px;
}

#issue #chapters p { margin: 0; }

#bonus-section ul li { min-height: 95px; margin: 0px 0px 25px 0px; list-style-type: none; clear: both; }
#bonus-section img { float: left; margin: 0px 15px 5px 0px; height: 100px; width: 100px; }

#bigstubby-right {
font-size: 24px; padding: 10px 0 0 20px; color: #FFFFFF;
width: 300px; font-weight: bold; height: 30px; margin: 0 0 20px 0;
border-bottom-right-radius: 20px; border-top-right-radius: 20px;
}

#bigstubby-left {
font-size: 18px; padding: 5px 0 0 0; text-align: center; color: #FFFFFF;
width: 200px; font-weight: bold; height: 35px; margin: 0 0 20px 0; line-height: 16px;
border-bottom-left-radius: 20px; border-top-left-radius: 20px;
}

#mob-newissue { display: none; }

.woocommerce-tabs img { max-width: 720px; }

.series-sidebar { width: 240px; padding: 10px 10px 20px 0px; float: left; }
.series-sidebar h2 { text-align: center; padding: 0; }
.series-sidebar h4 { font-size: 18px; margin: 10px 0px 0px 10px; }
.series-sidebar #square { width: 115px; height: 60px; margin: 0; float: left; padding: 15px 0 0 0; text-align: center; line-height: 20px; }
.series-sidebar .first { margin: 0 10px 0 0!important; }
.series-sidebar #square a { color: #FFFFFF; font-weight: bold; }

.series-sidebar #biggerbutton { width: 240px; margin: 0; color: #FFFFFF; font-weight: bold; border-bottom-left-radius: 0px; border-top-left-radius: 0px; font-size: 18px; }

.series-right { width: 475px; float: right; margin: -10px 0px 0px 10px;}
.series-right h2 { margin: 20px 0px 0px 15px; }

#series-social p { margin: 0 0 5px 0; }

#release-schedule { margin: auto; width: 250px; }
#release-schedule ul li { margin: 0 0 10px -17px; line-height: 17px; }
#cart-box { width: 220px; height: auto; margin: 0; }
.cart-button { margin: 20px auto 0 auto; height: 59px; width: 65px; }

.creator { font-size: 18px; margin: 0px; }
.creator a { font-weight: bold; }
.creator:not(:first-child) { margin-left: -.3em; }
.creator:empty { display: none; }
.creator:not(:first-child):before { content: ", "; font-weight: normal; }

.creator-sidebar { float: left; margin: 0px 20px 0px 0px; width: 200px; }
.creator-sidebar img { width: 200px; height: auto; }
.creator-sidebar h6 { margin: 0; }

.creator-bio { display: block; width: 500px; float: right; margin-top: -15px; }

.character { margin: 0 0 20px 0; float: left; }

.character-sidebar { float: left; margin: 0px 20px 0px 0px; width: 200px; }
.character-sidebar img { width: 200px; height: 300px; }

.chap-drop { margin: 15px 0px 0px 0px; }
.chap-drop select { max-width: 240px; }
.drop-button { width: 100px; height: 25px; margin-top: 15px; padding: 0px 10px 0px 10px; background: #FFFFFF; font-weight: bold; font-size: 16px; }

.nosocialmedia .hupso-share-buttons { display: none; }
.nosocialmedia .addthis_toolbox { display: none; }

.page-6 .addthis_toolbox { display: none; }
.page-7 .addthis_toolbox { display: none; }
.page-8 .addthis_toolbox { display: none; }
.page-9 .addthis_toolbox { display: none; }
.page-10 .addthis_toolbox { display: none; }
.page-12 .addthis_toolbox { display: none; }
.page-152 .addthis_toolbox { display: none; }
.page-3755 .addthis_toolbox { display: none; }

#newsava { float: left; margin: 0px 15px 0px 0px; }
#front-meta { margin: 0px 0px 10px 0px; }

#issue-container { width: 600px; margin: auto; }
#issue-arch { text-align: center; float: left; width: 200px; height: 325px; }
#issue-arch img { width: 178px; height: 261px; }

#series-container { width: 600px; margin: auto; }
#series-arch { text-align: center; float: left; width: 200px; height: 350px; }
#series-arch img { width: 178px; height: 261px; }

.series-header-creator { text-align: left; margin: 0 0 15px 0; }
.series-header-image img { width: 750px; height: auto; }
.character-image { float: left; margin-right: 15px; font-size: 0.80em; }

.chap-links { width: 600px; margin: auto; }
.comic-pages-wrapper { text-align: center; margin: auto; margin-top: 5px; width: 720px; }
.comic-pages-wrapper img { width: 720px; }
.comic-pages { margin-top: -15px; }

#login { margin: 0 0 10px 0; font-size: 0.8em; text-align:right; clear: both; }
#login li { list-style-type: none; }
#login .lostrem {  font-size: 0.9em; height: 20px; }
#login table { margin: -13px -5px 0 0; float: right; }
#login #user { text-transform: capitalize; }

#login-mobile { display: none; }

#comic-ad { margin: 25px 0 35px 115px; min-height: 100px; }
#comic-ad-header { margin: -7px -2px 0 0; min-height: 100px; background: #FFFFFF; width: 736px; height: 95px; padding: 0; float: right; text-align: right; }

.next-issue-link { margin-top: 205px; display: block; font-size: 26px; }
.next-issue-link-prose { display: block; font-size: 18px; }
#bigbutton { height: 25px; width: 150px; text-align: center;
-moz-border-radius: 15px; border-radius: 15px; margin: auto; margin-bottom: 10px; 
padding-top: 3px; }
#bigbutton a { color: #FFFFFF; font-weight: bold; font-size: 1em; }
#bigbutton h4 { margin-top: 1px; }

#biggerbutton { height: 25px; width: 250px; text-align: center;
-moz-border-radius: 15px; border-radius: 15px; margin: auto; margin-bottom: 10px; 
padding-top: 3px; }
#biggerbutton a { color: #FFFFFF; font-weight: bold; }
#biggerbutton h4 { margin-top: 1px; }

#smallbutton { height: 25px; width: 35px; text-align: center; margin: 0 5px 10px 0;
-moz-border-radius: 15px; border-radius: 15px; padding-top: 3px; float: left; }
#smallbutton a { color: #FFFFFF; font-weight: bold; }
#smallbutton h4 { margin-top: 1px; }
#mini-nav { margin: 0 0 10px 22px; }

.nav-link-old { float: right; display: block; height: 25px; width: 150px; text-align: center;
-moz-border-radius: 15px; border-radius: 15px; margin: 0 auto 25px auto; 
padding-top: 3px; color: #FFFFFF; font-weight: bold; }

.nav-link-new { float: left; display: block; height: 25px; width: 150px; text-align: center;
-moz-border-radius: 15px; border-radius: 15px; margin: -15px auto 25px auto; 
padding-top: 3px; color: #FFFFFF; font-weight: bold; }

.bx-wrapper .bx-controls-direction a { display: none; }
.bx-wrapper { position: relative; margin: 0 auto 40px !important; padding: 0; }

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link:hover, .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link.active { background: #dcc8ff; }

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link:hover, .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link.active {
background: #dcc8ff;
}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link { float: left;
text-indent: -9999px; display: inline-block;
width: 10px; height: 10px; margin: 0 5px;
outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#comments { padding: 10px 15px 10px 15px; }

.commentlist { list-style-type: none; margin: 0; padding: 0; }
.commentlist img { float: left; margin: 0px 10px 0px 0px; }

.comment { margin: 0 0 10px 0; padding: 15px 15px 5px 15px; }
.comment img { margin: 0 15px 5px 0; }
.comment-reply-link { font-weight: bold; text-align: right; }
.fn { font-style: normal; font-weight: bold; font-size: 16px; }
.comment ul li { list-style-type: none; }
.comment time { font-size: 12px; }

.comment-respond { padding-left: 15px; }

#comment-section-header { }
#comment-section-header .span-floatright { float: right; margin: -35px 35px 0 0; }
#comment-section-header h2 { font-size: 24px; width: 925px; margin: 25px auto 5px auto; color: #FFFFFF; padding: 10px;  }

#front-extras { margin-left: 27px; }
#front-extras img { margin: 3px 9px 0 0; float: left; }
#front-extras .span-floatright { float: right; margin: -40px 35px 0 0; }
#front-extras h2 { font-size: 24px; width: 925px; margin-top: 0; color: #FFFFFF; padding: 10px;  }

.nav-next { float: right; clear: both; }
.assistive-text { display: none; }

#sidebar {
	display: block;  float: right; margin-right: 12px; width: 200px; }
#sidebar h2 { font-size: 20px; }

#sidebar p { margin: 0px 0px 15px 0px; }
#sidebar-promo { text-align: right; }
#sidebar-promo img { border: 3px solid; }

#sidebar .widget-title { margin: 10px 2px 0 0; font-size: 1.15em; text-align: right; }
#sidebar .textwidget { }

#sidebar input { width: 175px; height: 20px; color: #FFFFFF; border: 0px; margin: 0px 0px 10px 25px; }

#sidebar label { display: none; }
#sidebar #mc4wp_email { float: right; margin: -6px 0px 0px 0px; padding-left: 5px; color: #000000; background: #FFFFFF; width: 175px; border: 1px #CCCCCC solid; }

#sidebar #box { display: block; margin: 10px 0 10px 20px; width: 160px; padding: 10px; text-align: center; color: #FFFFFF; font-size: 18px; font-weight: bold; text-transform: uppercase; }

#sidebar #box a { color: #FFFFFF; }

#sidebar-topper { width: 196px; height: 25px; margin: 1px 0px 5px 4px; text-align: 
center; padding-top: 4px; color: #FFFFFF; clear: both; }

#button-toggle { width: 100%; margin: auto 0; padding: 5px 0px 
5px 0px; color: #000000; clear: both; background: #e1e1e1; border: 0px; }

.use-sidebar #content { width: 960px !important; }
.use-sidebar #sidebar {
float: right; margin-right: 12px; text-align: center; display: none;
}

#separator {
    background-color: #EEE;
    border: 1px solid #CCC;
    display: block; margin: 5px 10px 0px 0px;
    outline: none; height: 1250px;
    width: 1%; float: right;
}

#separator:hover {
    border-color: #ABC;
    background: #DEF;
}

#shop { margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; }

.shop-list01 { padding: 0 20px 0 0; float: left; width: 260px; margin: 15px 0 0 0; }
.shop-list02 { width: 220px; float: left; margin: 15px 0 0 0; }
.shop-list03 { width: 220px; float: right; margin: 15px 0 0 0; }

#footer .product_list_widget li img {
margin: 0 auto !important;
float: none !important;
width: 90px !important;
height: auto;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

#footer .product_list_widget {
list-style: none outside;
padding: 0;
margin: 0 auto; width: 200px;
}

#footer .product_list_widget a { font-size: 16px; font-weight: bold; }

#copyright #secure-badge { float: right; width: 200px; margin: 5px 0 0 0; }

.cherrybomb { background: url('img/shopheader-cherry.jpg') #c9c9c9 top center no-repeat; padding: 125px 15px 15px 15px !important; min-height: 1400px; }
.cherrybomb .page-title { display: none; }
.cherrybomb a { color: #f043a4 !important; }
.cherrybomb a:hover { color: #fe82c8 !important; }

.tjamal { background: url('img/shopheader-tjamal.jpg') top center no-repeat; padding-top: 100px !important; }
.tjamal .page-title { display: none; }

.awake { background: url('//sparklermonthly.com/wp-content/uploads/2014/03/shop-awake.jpg') top center no-repeat; padding-top: 100px !important; }
.awake .page-title { display: none; }

.offbeat { background: url('//sparklermonthly.com/wp-content/uploads/2014/03/shop-offbeat.jpg') top center no-repeat; padding-top: 100px !important; }
.offbeat .page-title { display: none; }

.deadendings { background: url('//sparklermonthly.com/wp-content/uploads/2014/03/shop-deadendings.jpg') top center no-repeat; padding-top: 100px !important; }
.deadendings .page-title { display: none; }

.direhearts { background: url('//sparklermonthly.com/wp-content/uploads/2014/03/shop-direhearts.jpg') top center no-repeat; padding-top: 100px !important; }
.direhearts .page-title { display: none; }

.tokyodemons { background: url('//sparklermonthly.com/wp-content/uploads/2014/03/shop-tokyodemons.jpg') top center no-repeat; padding-top: 100px !important; }
.tokyodemons .page-title { display: none; }

.gauntlet { background: url('//sparklermonthly.com/wp-content/uploads/2014/03/shop-gauntlet.jpg') top center no-repeat; padding-top: 100px !important; }
.gauntlet .page-title { display: none; }

.dusk-in-kalevia { background: url('//sparklermonthly.com/wp-content/uploads/2014/03/shop-dusk.jpg') top center no-repeat; padding-top: 100px !important; }
.dusk-in-kalevia .page-title { display: none; }

.little-foolery { background: url('//sparklermonthly.com/wp-content/uploads/2014/06/shop-littlefoolery.jpg') top center no-repeat; padding-top: 100px !important; }
.little-foolery .page-title { display: none; }

.big-bad-wolf { background: url('//sparklermonthly.com/wp-content/uploads/2014/07/shop_bigbadwolf.jpg') top center no-repeat; padding-top: 100px !important; }
.big-bad-wolf .page-title { display: none; }

.polterguys { background: url('//sparklermonthly.com/wp-content/uploads/2015/02/polterguys_store.jpg') top center no-repeat; padding-top: 100px !important; }
.polterguys .page-title { display: none; }

.ohmycomics { background: url('//sparklermonthly.com/wp-content/uploads/2015/03/ohmycomics_category.jpg') top center no-repeat; padding-top: 100px !important; }
.ohmycomics .page-title { display: none; }

.sparkler .pmpro_content_message { display: none; }

#shs_slider_cont { margin: -15px 0px 5px 0px; }

.woocommerce nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, 

.woocommerce #content nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-

pagination {
margin: -35px 0 35px 0; 
text-align: center;
}

.shop-sidebar h3 { font-size: 18px; padding: 3px; text-align: center; color: #FFFFFF;
border-bottom-left-radius: 15px; border-top-left-radius: 15px; }

.shop-sidebar .paypal-express-checkout-button { display: none !important; }
.page-150 .paypal-express-checkout-button { display: none !important; }

.product_title { line-height: 1em; }

.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, 

.woocommerce #content div.product div.images img, .woocommerce-page #content div.product 

div.images img {
	width: auto !important; height: auto !important; }

.woocommerce .related ul.products li.product img, .woocommerce-page .related ul.products 

li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page 

.upsells.products ul.products li.product img, .woocommerce .related ul li.product img, 

.woocommerce-page .related ul li.product img, .woocommerce .upsells.products ul li.product img, 

.woocommerce-page .upsells.products ul li.product img {
	width: auto !important; height: auto !important; }


.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
	font-weight: bold !important; }

#footer { width: 100%; padding: 0px 0px 0px 15px; height: 250px; }

#footer #widget {
	width: 23%; float: left;
	padding: 5px; text-align: center;
}

#footer #widget ul li { list-style-type: none; margin: 0px 0px 0px -25px; }
#footer #widget ul li img { display: block; margin: auto; }

#footer #twitter { margin: 0px 0px 0px 25px; }

#footer h3 {
	font-size: 24px; text-transform: uppercase;
	margin: 0px 0px 20px -10px; text-align: center; }

.smedia-square { width: 65px; height: 60px; float: left; 

margin: 3px; padding-top: 5px; color: #FFFFFF; }

#copyright {
	height: 55px;
	color: #ffffff; font-size: 0.9em;
	text-align: center; padding: 5px 0px 0px 0px;
}

#copyright a { color: #FFFFFF; }

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { display: none !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: none; width: 90%; text-align: right; }

.woocommerce .order-total { font-size: 20px; }
.woocommerce .order-total .amount { color: #FF0000; font-size: 30px; }

.page-150 .addthis_toolbox { display: none !important; }
.page-9 .addthis_toolbox { display: none !important; }

#pmpro_level_cost { text-align: center; font-size: 20px; }
#pmpro_payment_method th { font-size: 22px; padding: 0 0 15px 0; }
#pmpro_payment_method tbody td { font-size: 18px; padding: 0 0 15px 0; }
#stripe-holder { width: 380px; margin: 15px 0 0 0; }
.pmpro_submit { width: 250px; margin: auto; }
#stripe-pic { width: 250px; }
.pay-table-stripe .label { width: 150px; }

.pmpro_thead-msg { font-weight: normal; }
.dis-label { width: 153px; margin: 0 0 15px 0; display: inline-block; }

/*---------------*/		
/*   WEBCOMICS   */
/*---------------*/

.post-webcomic nav.above { display: none; }

.post-webcomic nav.below { font-size: 72px; font-weight: bold; width: 670px; margin: 15px 0 25px 35px; }
.post-webcomic nav.below a { text-align: center; width: 150px; display: inline-block; }
.post-webcomic nav.below .current-webcomic { color: #dadada; }

.webcomic-image { margin: 10px 0 0 0; }
.jumpbox { text-align: left; margin: 0 0 0 7px; height: 50px; width: 750px; }

#comic-holder { margin: 0 0 0 10px; text-align: center; }
#comic-holder .addthis_toolbox { display: none !important; }
#comic-holder .post-footer { display: none !important; }
#comic-holder h1 { text-align: center; margin: 25px 0 0 0; }
#comic-holder img { max-width: 750px; height: auto; }

#coll-poster { margin: 10px 0 10px 0; }
#coll-descrip { margin: 10px auto 15px auto; width: 150px; text-align: center; min-height: 100px; }

#comic-drop { float: right; margin: 0 7px 0 0; }
#comic-post-part { padding: 25px 0 0 0; clear: both; }

#look-for-more { padding: 15px; }
.comic-title { margin: 0 auto 15px auto; width: 163px; font-size: 14px!important; }

.comic-comments-wrapper { padding: 25px; }
.comic-comments { text-align: left; }
.comic-comments #comments { padding: 0; }
.comment-reply-title { display: none; }
#comments label { width: 100px; display: inline-block; font-weight: bold; }
#ad300 { float: right; margin: 0 5px 20px 25px; }

.page-id-152 #sidebar { display: none; }
.pmpro_a-right { display: none; }

/*---------------*/		
/*    MOBILE     */
/*---------------*/

@media only screen and (max-device-width: 480px) {

BODY { font-size: 1em; margin: 45px 0px 0px 0px; line-height: 1.4em; overflow: hidden; overflow-y: auto; }

#wrapper { width: 95%; margin: 0 2% 0 2%; padding: 0px 0px 20px 0px; position: absolute; }

img { border: none; max-width: 100%; height: auto; }
table { max-width: 98%; }

#logo { height: 67px; float: none !important; padding: 0; margin: -35px auto 5px auto !important; }
#comic-ad-header { display: none; }
#hiveworks-top { display: none; margin: 10px auto 15px auto; float: none; text-align: center; }
#slogan { margin: 0 auto 15px auto; }

#mobile-menu { display: block; margin: 0 auto 0 auto; width: 95%; align: center; }
#mobile-menu select { font-size: 16px; width: 100%; margin: auto; align: center; text-align: center; display: inline-block; }
#nav { display: none; }

#login { display: none; }
#login-mobile { display: block; width: 100%; text-align: center!important; padding-top: 15px; font-weight: bold; }

.comments-inner .children .comment {   margin: 0 0 10px -15px!important; padding: 0!important; }

#member-log { display: none; }
#mob-newissue { border-radius: 10px; display: block; padding: 8px 8px 0px 8px; height: 80px; margin: -5px auto 10px auto; width: 95%; text-align: center; }
#mob-newissue a { color: #FFFFFF; }
#mob-newissue h3 { text-align: center; margin: 2px auto 0 auto; }

#series-box { width: 98%; height: auto; float: left; }

#front-extras { text-align: center; }
#front-extras img { margin: 0 auto 10px auto; float: none; }
#front-extras .span-floatright { display: none; }
#front-extras h2 { width: 85%; text-align: left;  }

#comment-section-header .span-floatright { display: none; }
#comment-section-header h2 { width: 95%; margin: 15px auto 5px auto; }

#front-page-products { margin-left: 10px; }
#front-page-products li { margin-bottom: 15px; margin-right: 5px; }

#mob-slider { display: none; }
#member-banner { display: none; }

#front-series h2 { width: 90%; margin-left: -15px; }
.span-floatright { display: none; }

.navsec { display: none !important; }

#content { padding: 10px; max-width: 90%; float: none !important; overflow: hidden;  }
#content article { padding: 0; overflow: hidden; }

#current-titles img { display: none !important; }

.front #issue { width: 96% !important; }
.front #old-chapters { display: none !important; }

#issue { width: auto !important; float: none !important; }
#issue #cover { width: auto !important; float: none !important; height: auto; }
.attachment-sparkler-cover { width: auto !important; height: auto; }

#content-news { width: 95%; margin-top: 45px; }

#comic-ad { display: none !important; }
.comic-comments img { margin-bottom: 15px; }

#issue #chapters { margin: 0 10px 0 10px; max-width: 90%; float: none !important; }

.jumpbox { text-align: left; margin: 0 0 0 7px; height: 50px; width: 90%; }
#ad300 { float: none!important; margin: 0 auto 20px auto; }

#sidebar #box { display: none !important; }

.front #biggerbutton { margin-bottom: 35px; }
#bigstubby-right { max-width: 90%; font-size: 16px; margin-left: 5px; }
.front-page-sections { font-size: 24px; height: auto !important; padding: 14px 0 14px 15px; }

.post-webcomic nav.below { font-size: 72px; width: 98%; margin: 15px 0 25px 0; }
.post-webcomic nav.below a { text-align: center; width: 16%; display: inline-block; }

#sidebar { display: block; width: auto !important; border-top: dashed #AAAAAA 2px; text-align: center !important; float: none !important;  }
#sidebar #arrow-colour { display: none; }

#sidebar .widget-title { margin: 0px 0px -5px 0px; font-size: 1em; text-align: center; }
#sidebar .textwidget { margin: auto !important; }
#sidebar-promo { text-align: center !important; }

#sidebar #mc4wp_email { float: none; margin: auto; }
#sidebar #pw_adbox_70081_3_0 { margin: 0 0 0 40px; }
#sidebar iframe { margin: auto; }

.shop-sidebar { max-width: 90%; margin: auto; }
.shop-sidebar ul li { list-style-type: none; text-align: center; margin: 0 0 0 -25px !important; }

#sidebar input { width: 175px; display: block; clear: both; height: 20px; margin: -10px auto 0 auto !important; }

#issue-arch { float: none !important; margin: auto; text-align: center; }
#series-arch { float: none !important; margin: auto; text-align: center; }

#issue-container { width: 100% !important; }
#series-container { width: 100% !important; }

.comic-pages-wrapper { max-width: 100%; }
.comic-pages-wrapper img { max-width: 100%; }

#comic-holder { margin-left: -10px; }
#comic-holder img { max-width: 100%; }

#comic-drop { float: right; margin: -370px 0 0 0; }
#comic-post-part { min-height: 250px; padding: 15px 0 0 0; clear: both; }

iframe, textarea { max-width: 100%; }

.chap-links { width: 100%; }
#separator { display: none; }

#copyright #secure-badge { float: none !important; }

.mob-list { display: none; }

.site-content { margin: 0 0 0 -10px !important; padding: 0 10px 0 10px; }

.shop-list01 { float: none !important; width: 95%; margin: 0 0 15px 0; }
.shop-list02 { width: 95%; float: none !important; margin: 0; }
.shop-list03 { width: 95%; float: none !important; margin: 0; }

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { display: none !important; }
.woocommerce table.shop_table, .woocommerce-page table.shop_table { font-size: 10px; max-width: 97%; overflow: hidden; }
.woocommerce-page table.shop_table tr { display: block; }

.series-sidebar { max-width: 90%; float: none; padding: 0; margin: 0; }
.series-right { max-width: 90%; float: none; padding: 0; margin: auto 0; }
.series-header-image img { max-width: 96%; height: auto; margin: 0 0 20px 0; }

#shop { background-size: contain; padding-top: 50px !important; }
table {overflow-x:scroll;display:block;}
table, td { max-width: 100%; }

#member-ad { display: none !important; }
#member-page-mobile img { float: none !important; }
#member-page-mobile table { font-size: 10px; line-height: 10px; }

#footer { width: 100% !important; padding: 0px 0px 0px 15px; height: auto !important; overflow: hidden; }

.smedia-square { width: 40px !important; height: 35px !important; float: left; margin: 3px; padding-top: 5px; }

#copyright { height: auto !important; color: #ffffff; font-size: 0.8em; }

}


/*---------------*/		
/*    ADDITIONS    */
/*---------------*/

/*removes 'change password' prompt on /membership/ */
.pmpro_change_password, .pmpro_left_inner ul:first-of-type li:last-of-type { 
	display: none; 
}

/* expand comics menu */
#nav li#menu-item-21943 ul.sub-menu {
    width: 415px;
    height: auto;
}
#nav li#menu-item-21943 ul.sub-menu li {
    width:180px
}