@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'MuseoSans';
	src: url('/fonts/MuseoSans_500.eot'); /* IE9 Compat Modes */
	src: url('/fonts/MuseoSans_500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/MuseoSans_500.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/MuseoSans_500.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/MuseoSans_500.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body {
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	color: #252627;
	font-size: 12px;
	background: #dae4e9;
	overflow-y: auto;
	overflow-x: visible;
	margin: 0;
	-webkit-overflow-scrolling: touch;
}

.container {
	padding: 0 0px;
    width: 965px;
	margin: 0 auto;
	position: relative;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #115c87;
	text-transform: uppercase;
	border-bottom: 2px solid #115c87;
	padding-bottom: 5px;
}

h1 > span { font-size: 1.2em; }
.green { background: #1ca315; }
.yellow { background: #FabF00; }
.red { background: #e91d1d; }
.grey { background: #999999; }
strong { font-weight: bold; }
.clear { clear: both; }

.secondary-button {
	color: #FFFFFF !important;
	text-transform: uppercase;
	background: #31a2c0;
	padding: 7px 9px;
	font-size: 11px;
	text-shadow: 1px 1px 3px #125e72;
	margin-top: 5px;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

.buy-button {
	color: #115c87 !important;
	padding: 6px 8px;
	font-size: 12px;
	margin-top: 5px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #d9d9d9;
	background: #f6f6f6;
	cursor: pointer;
	border-radius: 5px;
}


.LikeReview, .LikeReviewNotLoggedIn {
	padding: 7px 9px;
	margin-top: 5px;
	text-decoration: none;
	font-weight: bold;
	border: none;
	cursor: pointer;
	background: #f6f6f6;;
}
/* Header CSS */
.header {
	background: #126594; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#126594), to(#105b85)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #126594,  #105b85); /* for firefox 3.6+ */
	background: linear-gradient(top,  #126594,  #105b85); /* default */
	box-shadow: 0 0 3px 0px #000000;
	position: relative;
	z-index: 10;
	height: 138px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.header .container {
	width: 965px;
	padding: 0;
}

.header .container * { 
	display: inline-block;
	vertical-align: middle;
}

.header .logo {
	width: 190px;
}

.header .rightside {
	margin-left: 0px;
	width: 770px;
	text-align: right;
}

.header .rightside  .header_ad { margin-top: 4px; margin-bottom:2px;}

/* Navigation CSS */
.header .rightside .navigation {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 0 0 6px #000000;
}

.header .rightside .navigation li {
	position: relative;
}

.header .rightside .navigation li a {
	background: url("/images/nav-divider.png") right top repeat-y transparent;
	padding: 13px 12px 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.header .rightside .navigation li .submenu {
	display: none;
}

.header .rightside .navigation li:hover .submenu {
	display: block;
	background: #06486c;
	box-shadow: 0 5px 5px -3px #000000;
	position: absolute;
	left: 0px;
	top: 39px;
	text-align: left;
	font-size: 11px;
}

.header .rightside .navigation li:hover .submenu > li {
	display: block;
	border-top: 1px solid #386d89;
}

.header .rightside .navigation li:hover .submenu > li:hover { background: #115c87; }

.header .rightside .navigation li:hover .submenu li a { background: none; padding: 12px 12px; }

.header .rightside .navigation li:hover {
	background: url("/images/nav-divider.png") right top repeat-y #06486c;
}

.header .rightside .navigation > a, #header_search { margin-left: 9px; } 

#header_search {
	background: url("/images/magnifying-glass.png") right 5px top 6px no-repeat #FFFFFF;
	border: none;
	border-radius: 3px;
	padding: 7px 30px 7px 7px;
	color: #a6a6a6;
	font-size: 13px;
	width: 100px;
}

/* CSS for header after scroll down page */
.scrolled { height: auto; -webkit-transform: translate3d(0,0,0);}
.scrolled .header_ad { display: none; }
.scrolled .logo { padding: 5px 0; margin-left:-100px; width: 105px; }
.scrolled .container { text-align: right; }
.scrolled .rightside { margin-left: 50px; }
/* END Header CSS */

/* Top Section CSS */
.top {
	background: #FFFFFF;
	padding: 30px 0 30px;
	margin-top: 136px;
}

.top .right a, .top .right a:visited, .top .right a:active { text-decoration: none; color: #252627; }
.top .right a:hover { text-decoration: underline; }
/* Sliding List CSS */

.comic-list-container  {
	height: 331px;
}

.comic-list  {
	padding: 30px 31px 0 60px;
	font-size: 13px;
	display: none;
}

.comic-list a {
	outline: none;
}

.comic-list img {
	margin-bottom: 7px;
	z-index: 2;
	position: relative;
	width: 130px;
	height: 195px;
}

.comic-list .review, #publisher-recent-trades .review {
	padding: 2px 6px 0px 5px;
	font-family: "MuseoSans", arial, helvetica;
	font-size: 40px;
	letter-spacing: -0.08em;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 5px;
	display: inline-block;
    vertical-align: middle;
}

.comic-list .critics, #publisher-recent-trades .critics {
    display: inline-block;
    vertical-align: middle;
}
.comic-list h2 {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 15px;
	display: block;
	margin-bottom: 7px;
	height: 42px;
	width:133px;
	text-align:center;
}

.comic-list h2 > a { color: #252627; text-decoration: none; }
.comic-list h2 > a:hover { text-decoration: underline; }

.slick-prev, .slick-next {
	position:absolute;
	top:110px;
	width:20px;
	height:50px;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 0px;
	color: #FFFFFF;
}
.slick-prev {
	left:0px;
    background:url(../images/Pagination-leftarrow.png) no-repeat 0 0px;
}
.slick-next {
	right:0px;
	background:url(../images/Pagination-rightarrow.png) no-repeat 0 0px;
}

.slick-disabled
{
	background: none;
}

/* Issues Page CSS */
.issue .container > * { display: inline-block; vertical-align: top; }

.issue .container .left { width: 200px; margin-right: 15px; }
.issue .container .right {
	width: 740px;
	font-size: 15px;
	line-height: 25px;
}

.issue .container .series-buttons, .issue .container .collected-buttons {
	height: 59px;
	display: block;
}

.issue .container .series-buttons > * { float: left; height: 59px; margin-left:-1px;}
.issue .container .series-buttons .previous { background: url('/images/prev-off.png') no-repeat left top transparent; width: 71px; }
.issue .container .series-buttons .series { background: url('/images/series-off.png') no-repeat left top transparent; width: 55px; }
.issue .container .series-buttons .next { background: url('/images/next-off.png') no-repeat left top transparent; width: 71px; }
.issue .container .series-buttons .change-picture { background: url('/images/change-off.png') no-repeat left top transparent; width: 67px; margin: 0 auto; }

.issue .container .series-buttons .previous:hover { background: url('/images/prev-on.png') no-repeat left top transparent; width: 71px; }
.issue .container .series-buttons .series:hover { background: url('/images/series-on.png') no-repeat left top transparent; width: 55px; }
.issue .container .series-buttons .next:hover { background: url('/images/next-on.png') no-repeat left top transparent; width: 71px; }
.issue .container .series-buttons .change-picture:hover { background: url('/images/change-on.png') no-repeat left top transparent; }

.issue .container .series-buttons .previous.dead { background: url('/images/prev-dead.png') no-repeat left top transparent; width: 71px; }
.issue .container .series-buttons .next.dead { background: url('/images/next-dead.png') no-repeat left top transparent; width: 71px; }


.issue .container .collected-buttons > * { float: left; height: 59px; margin-left:-1px;}
.issue .container .collected-buttons .previous { background: url('/images/prev-vol-off.png') no-repeat left top transparent; width: 71px; }
.issue .container .collected-buttons .series { background: url('/images/series-off.png') no-repeat left top transparent; width: 55px; }
.issue .container .collected-buttons .next { background: url('/images/next-vol-off.png') no-repeat left top transparent; width: 71px; }

.issue .container .collected-buttons .previous:hover { background: url('/images/prev-vol-on.png') no-repeat left top transparent; width: 71px; }
.issue .container .collected-buttons .series:hover { background: url('/images/series-on.png') no-repeat left top transparent; width: 55px; }
.issue .container .collected-buttons .next:hover { background: url('/images/next-vol-on.png') no-repeat left top transparent; width: 71px; }

.issue .container .collected-buttons .previous.dead { background: url('/images/prev-vol-dead.png') no-repeat left top transparent; width: 71px; }
.issue .container .collected-buttons .next.dead { background: url('/images/next-vol-dead.png') no-repeat left top transparent; width: 71px; }

.collected-issues > tbody > tr {
    border-bottom: 1px solid #ebebeb;
    display: block;
}

.issue .container .right h1 > * { display: inline-block; vertical-align: top;}
.issue .container .right h1 a { color: #115c87;}
.issue .container .right h1 > span { width: 530px; font-size: 1em; }

h1 .social-widgets {
	vertical-align: bottom;
	text-align: right;
}

h1 .social-widgets > * { display: inline-block; vertical-align: top; width: }
h1 .social-widgets .facebook-widget { }
h1 .social-widgets .reddit-widget { padding-top: 1px; }
h1 .social-widgets .plusone-widget { width: 60px; }
h1 .social-widgets #twitter-widget-0 {  }

.issue .container .right .left, .issue .container .right .right {
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;
}

.issue .container .right .left { float: left;width: 500px; }
.issue .container .right .right { float: right; width: 210px; text-align: right; }
.issue .container .right p { padding-top: 15px; }
.issue .container .right .left > span { display: block; }

.issue .container .right .right .review, .issue .container .right .right .user-review {
    font-family: "MuseoSans", arial, helvetica;
    font-size: 20px;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    font-size: 45px;
    letter-spacing: -0.1em;
    margin-bottom: 30px;
    position: relative;
}

.issue .container .right .right .review .rating-title, .issue .container .right .right .user-review .rating-title {
	position: absolute;
	top: 80px;
	left: 0;
	font-size: 11px;
	color: #252627;
	font-family: arial, helvetica, sans-serif;
	width: 95px;
	letter-spacing: 0;
}
.issue .container .right .right .user-review .rating-title { width: 85px; }

.issue .container .right .right .user-review {
    -moz-border-radius: 15px;
    border-radius: 50px;
    padding: 28px 6px 26px 3px;
    width: 76px;
    text-align: center;
}

.issue .container .right .right .review {
	font-size: 60px;
	padding: 29px 5px 24px 0;
	width: 90px;
	text-align: center;
}

.critic-user-toggle a {
	color: #000000;
	background: #f6f6f6;
	border: 1px solid #d9d9d9;
	padding: 10px 10px 8px;
	display: inline-block;
	margin-bottom: -1px;
	margin-top: -20px;
	font-size: 14px;
	text-decoration: none !important;
}

.critic-user-toggle a.on, .critic-user-toggle a:hover {
	color: #FFFFFF;
	background: #999999;
	border: 1px solid #999999;
	text-decoration: none !important;
}

#series .container .right .right, #creator .container .right .right { width: 200px; }
#series .container .right .right > *, #creator .container .right .right > * { margin-bottom: 30px; }
#series .container .right p, #creator .container .right p { margin-top: 60px; }
.bottom #creator h1{ margin: 0px 20px 20px 20px; padding-top: 15px; }
#creator .container .right, #topseries .container .right { width: 100%; }
#creator .container .right h1 > span, #topseries .container .right h1 > span { width: 750px; }
#profile .container .right .right .user-review > span { text-align: center; }
#profile > div > .left { width: 92px; }
#profile > div > .left > img { width: 92px; }
#profile .container > .right { width: 845px; }
#profile .container .right h1 > span { width: 600px; }
#profile .right .left span { margin-top: 3px; }
#profile .right .left .about_me { margin-top: 3px; width: 650px; }
#profile .right .left .about_me #about_me_more { margin: 0px;}
#profile #FollowUser {
    display: inline-block;
    margin-top: 0;
    padding: 3px 10px 2px;
}
/* END Top Section CSS */

/* Divider Section CSS */
.divider {
background: #f6f6f6;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}

.divider .container * {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
}
.divider .container > * { padding: 10px 0; }


/* Publisher specific CSS */
#publisher { color: #bfbfbf; }

#publisher h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 15px 20px 0;
	border-right: 1px solid #d9d9d9;
}

#publisher ul > li { margin-left: 20px; }
#publisher ul > li.last { margin-right: 20px; }

#publisher .more {
	color: #bfbfbf;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #d9d9d9;
	padding: 23px 0 23px 15px;
	text-transform: uppercase;
}
#publisher .more:hover { text-decoration: underline; }

/* Navigation specific CSS */

#nav .container ul.tabs
{
    padding: 0; border: none; 
}
        
#nav .container ul.tabs li
{
    display: inline;
    float: left;
}

#nav .container ul.tabs li > span
{
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #808080;
}

#nav .container ul.tabs li a
{
	padding: 10px 15px;
	border-left: 1px solid #d9d9d9;
	color: #115c87;
	text-decoration: none;
	font-family: "MuseoSans",arial,helvetica;
	font-size: 15px;
}
        
        
#nav .container ul.tabs li a:hover, #nav .container ul.tabs li.selected a, #nav .container ul.tabs li.selected a:hover, #nav .container ul.tabs li a.on
{
    background: #115c87; color: #FFFFFF;
}
/* END Divider Section CSS */


/* Bottom Section CSS */
.bottom a, .bottom a:visited, .bottom a:active { color: #252627; text-decoration: none; }
.bottom a:hover { text-decoration: underline; }

.bottom .left, .bottom .right {
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
}

.bottom .left {
	width: 775px;
	margin-right: 15px;
}

.bottom .left .section {
	background: #FFFFFF;
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
}

.bottom .left .section #pagination { width: 100%; top: -225px; }
.bottom ol#pagination li.prev, .bottom ol#pagination li.next { top: 0; }

.bottom .left .section .comic-list { padding: 30px 20px 0 51px; }
.bottom .left .section .comic-list li { margin-right: 30px; }
.bottom .left .section .comic-list li.last { margin-right: 0; }
.bottom .left .section .comic-list .pull-list { text-align: center; line-height: 20px; }

/* Right Specific CSS */
.bottom .right {
	width: 160px;
}

.bottom .right > * { background: #FFFFFF; }

.bottom .right #weekly-reviews {
	padding: 15px;
	margin-bottom: 20px;
	position: relative;
}

.bottom .right #weekly-reviews h1 { font-size: 16px; }
.bottom .right #weekly-reviews .calendar { text-align: center; margin: 15px 0 30px; }

.bottom .right #weekly-reviews h4 {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -.06em;
	text-transform: uppercase;
	color: #252627;
	text-decoration: underline;
	margin-bottom: 5px;
}

.bottom .right #weekly-reviews .dates a {
	background: url("/images/calendar-icon.png") no-repeat center top transparent;
	list-style: none;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	width: 52px;
	padding: 24px 0 10px;
	margin: 10px 5px;
	text-decoration: none;
	color: #252627;
}

.right-link {
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	padding-top: 5px;
	margin-top: 10px;
	text-decoration: none;
	color: #252627;
}


.bottom .right #weekly-reviews .dates a:hover { text-decoration: underline; }

.bottom .right .more-btn, .bottom #filter .more-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #115c87;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 8px 9px 10px;
}

#reviews ul { list-style: none; }
#reviews ul li { 
	border-top: 1px solid #d9d9d9;
	padding: 30px 0;
}
#reviews ul li.first { padding: 5px 0 30px; border: 0px;} 

#reviews ul li > * { display: inline-block; vertical-align: top; margin-right: 15px; }

#reviews ul .review, #reviews ul .user-review {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 31px;
	color: #FFFFFF;
	margin-bottom: 15px;
	position: relative;
}

#reviews ul .user-review {
	-moz-border-radius: 15px;
	border-radius: 50px;
    padding: 15px 15px 11px 12px;
	width: 40px;
    text-align: center;
}

#reviews ul .user-review {
    -moz-border-radius: 15px;
    border-radius: 50px;
    padding: 13px 14px 12px 12px;
    width: 40px;
    text-align: center;
}

#reviews ul img { max-width: 64px;}

#reviews ul .review { padding: 8px 0 7px; width: 62px; }

#reviews ul .review-info > * { display: block; }
#reviews ul .review-info .name {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 18px;
	color: #252627;
	margin-bottom: 5px;
}

#reviews ul .review-info .date { font-size: 16px; }

#reviews ul .liked { float: right; text-align: right; }
#reviews ul .liked .likers {
	color: #666666;
	font-size: 12px;
	padding: 5px;
	background: #f6f6f6;
	margin-top: 10px;
}

#reviews ul .clear {
	display: block;
	font-size: 14px;
	line-height: 20px;
}

#reviews ul .clear a { color: #115c87; }

.bottom #issues, .bottom #series, .bottom #creator, .bottom #reviewsbyweek, .bottom #reviewsbypublisher, .bottom #profile { padding: 0; }

#reviewsbypublisher .pull-list-head { width: 50px; text-align:center;}
#reviewsbypublisher .pull-list { font-family: arial, helvetica, sans-serif; font-size: 14px; text-align: center; width: 50px; }
#reviewsbypublisher .series { width: 520px; }
#reviewsbypublisher table tr, #series table tr { display: block; border-bottom: 1px solid #ebebeb; }

table {
	width: 100%;
	font-family: "MuseoSans", arial, helvetica;
	font-size: 17px;
}

table.head {
	background: #f6f6f6;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

#reviewsbypublisher table.head tr, #series table.head tr { border: none; }
#user-reviews table .expandable, #user-reviews .hidden-content tr { display: table-row; border: none; }

table th, table td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}

.review {
	text-align: center;
	color: #FFFFFF;
	font-size: 23pt;
	padding: 8px 3px;
}

.user-review {
    -moz-border-radius: 15px;
    border-radius: 40px;
    padding: 12px 6px;
    width: 50px;
    text-align: center;
    font-family: "MuseoSans", arial, helvetica;
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: -7px;
}

#reviewsbyweek .review { width: 60px;}

.rating { width: 60px; text-align: center; }
.issues { width: 580px; }
.reviews { width: 30px; text-align:center;}

#series .issue { width: 50px; }
#series .writer, #series .artist { width: 255px; }

#series .issue-subname { width: 160px; }
#series .writer-subname, #series .artist-subname { width: 200px; }

#issues .user-review, #annuals .user-review, #collected-volumes .user-review, #reviewsbypublisher .user-review{
    -moz-border-radius: 15px;
    border-radius: 40px;
    padding: 9px 7px 11px 9px;
    width: 44px;
    text-align: center;
    font-family: "MuseoSans", arial, helvetica;
    font-size: 31px;
    color: #FFFFFF;
    margin-bottom: -4px;
    position: relative;
}

#issues .user-review-na, #annuals .user-review-na, #collected-volumes .user-review-na, #reviewsbypublisher .user-review-na, #reviewsbyweek .user-review-na{
    -moz-border-radius: 15px;
    border-radius: 40px;
    padding: 9px 10px 11px 6px;
    width: 44px;
    text-align: center;
    font-family: "MuseoSans", arial, helvetica;
    font-size: 31px;
    color: #FFFFFF;
    margin-bottom: -4px;
    position: relative;
	letter-spacing: -0.1em;
}

#series .collected-volume { width: 535px; }

.expandable {
    background: #ffffff none repeat scroll 0 0;
    transition: background 0.5s linear 0s;
}

.expandable:hover {
    background: #f1f1f1 none repeat scroll 0 0;
    cursor: pointer;
    transition: background 0.4s linear 0s;
}

.expandable-show 
{
	font-family: arial, helvetica, sans-serif;
	display: block;
	color: #115c87;
	text-decoration: underline;
}

.show { width:82px; }
.DontExpandIssues {	 width: 85px; text-align: center; font-size:30px; }
.ExpandIssues {	 width: 85px; text-align: center; cursor: hand; cursor: pointer; font-size:30px; }
.ExpandIssues > span { width: 27px; height: 27px; margin: 0 auto; display: block; }
.ExpandIssues > span.hide { background: url("/images/show-btn.jpg") no-repeat left top transparent; }
.ExpandIssues > span.show  { background: url("/images/hide-btn.jpg") no-repeat left top transparent; }

.current { width: 470px; }
#creator .issues { width: 60px; text-align:center;}
#creator .posted { font-family: arial, helvetica, sans-serif; font-size: 14px; width:90px;text-align: right}
#creator .posted-head { width:90px;text-align: right}

#search-results .event { width: 500px; }
#search-results .current { width: 350px; }
#search-results .publisher { width: 190px; }
#search-results .publisher-head { width: 190px;}
#search-results .issues { width: 50px; text-align:center;}

.spacer { height:50px;}

.hidden-content { padding: 0 10px 0 75px; display:none; }
.hidden-content .current { padding: 0 10px 10px; }
.hidden-content p, .hidden-content .expanded-sublink { font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 20px; }
.hidden-content .expanded-sublink { color: #115c87 !important; }

#reviewsbyweek { background: none; }
#reviewsbyweek > table { margin-bottom: 2px; background: #FFFFFF; }
#reviewsbyweek .head { background: #f6f6f6; }

#reviewsbyweek .publisher-header { width: 130px; color: #115c87; padding: 10px; text-align:center;}
#reviewsbyweek .publisher-image { width: 120px; color: #115c87; vertical-align:top; text-align:center; padding: 10px; }
#reviewsbyweek .publisher { width: 140px; color: #115c87; vertical-align:top; text-align:center;  font-size: 13px; padding-top:15px;}
#reviewsbyweek .publisher > strong { font-weight: normal; }
#reviewsbyweek .pull-list-data, #reviewsbyweek .pull-list, #reviewsbyweek .pick-of-week { font-family: arial, helvetica, sans-serif; font-size: 14px; width:80px; text-align:center;} 
#reviewsbyweek .rating { width: 62px;}
#reviewsbyweek .head .title { width: 420px; }
#reviewsbyweek .title { width: 460px; }
#reviewsbyweek .pull-list, #reviewsbyweek .pick-of-week { text-align: center;  }
#reviewsbyweek .reviews-head { width:75px; text-align: center; }
#reviewsbyweek .pull-list-head { width:66px; text-align: center; }

#reviewsbyweek .pull-list {
	width: 15px;
	padding-left: 33px;
    padding-right: 15px;
	background: url("/images/pull-list.png") left center no-repeat transparent;
}
#reviewsbyweek .pick-of-week {
	width: 15px;
	padding-left: 38px;
    padding-right: 33px;
	background: url("/images/pick-of-week.png") left center no-repeat transparent;
}
#reviewsbyweek .reviews { text-align: center;  }
#reviewsbyweek .head .pull-list, #reviewsbyweek .head .pick-of-week { background: none; padding: 10px; text-align: left; }
#reviewsbyweek .head .pull-list { width: 60px; }
#reviewsbyweek .head .pick-of-week { width: 90px; }
#reviewsbyweek > table > tbody > tr > td { padding: 0; }

#reviewsbyweek .reviews-by-week-issues > tbody > tr {
    border-bottom: 1px solid #ebebeb;
    display: block;
}


#taboola-below-article-thumbnails { padding:20px 20px 20px 20px; margin-top: 25px; margin-bottom: 5px; background: #FFFFFF;}
#google-recs { padding:15px; margin-top:25px; margin-bottom: 25px; background: #FFFFFF;}
#disqus { padding:15px; background: #FFFFFF;}


#google-recs h1 {
	font-size: 19px;
	font-weight: bold;
	color: #115c87;
	text-transform: uppercase;
	border-bottom: 2px solid #115c87;
	padding-bottom: 5px;
}

#google-recs h1 > span { font-size: 1.2em; }


.current-account { width: 410px; }
.latest-issue-account { width: 50px; }
.modify-link { width: 50px; }
#profile .issues { width: 200px; }
#profile .activity { width: 53px; } 
#profile .rating { width: 60px; }
#profile .rating, #profile .posted, #profile .posted-watch {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
}

#profile .series { width: 430px; }
#profile .posted { width: 120px; text-align: right; }
#profile .posted-watch-head { width: 200px; text-align: right; }
#profile .posted-watch { width: 200px; text-align: right; }

#filter h3 {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 22px;
	margin-bottom: 10px;
}

#filter span { font-size: 14px; font-weight: bold; }
#filter span.publisher, #filter span.type { margin-left: 10px; }
#filter input { width: 65px; padding: 5px; }

.bottom #filter .more-btn { bottom: 17px; }

.bottom .left .top-series {
	width: 725px;
	margin: 0 10px 2px 0;
	padding: 40px 0 40px 50px;
	display: inline-block;
	vertical-align: top;
}

.bottom .left .other { margin-right: 0; }
.top-series > * { display: inline-block; vertical-align: top; }
.top-series .number { color: #115c87; font-size: 20pt; font-weight: bold; width: 35px; letter-spacing: -0.06em; }
.top-series img { margin-right: 5px; width: 120px; height: 190px; }
.top-series .info { width: 500px; }
.top-series h2 {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 18px;
	height: 40px;
	line-height: 21px;
	margin-bottom: 10px;
}
.top-series h3 { font-size: 15px; line-height: 20px; margin-bottom: 10px; }
.top-series h3 > strong { text-decoration: underline; }
.top-series .review, .top-series .critics, .top-series .review, .top-series .critics-collected .user-review { display: inline-block; }
.top-series .review {
	font-family: "MuseoSans", arial, helvetica;
	font-size: 35pt;
	letter-spacing: -.05em;
	margin-right: 5px;
	padding: 5px 7px;
}

.top-series .user-review {
    -moz-border-radius: 15px;
    border-radius: 37px;
    padding: 12px 23px 12px 13px;
    /* text-align: center; */
    font-family: "MuseoSans", arial, helvetica;
    font-size: 41px;
    width: 41px;
    color: #FFFFFF;
    margin: -6px 0px 1px 0px;
    position: relative;
    letter-spacing: -.05em;
    float: left;
}

.top-series .critics { font-size: 14px; }
.top-series .critics-collected {
	font-size: 12px;
	display: inline-block;
    width: 100px;
}

.top-series .user-critics { font-size: 14px; display: inline-block; margin: 15px 0px 0px 10px; }


.top-publisher { text-align:center; vertical-align: middle; width:235px; height:163px;}

#info .clear {
	display: block;
	font-size: 16px;
	line-height: 25px;
}

.sign-in { font-family: arial, helvetica, sans-serif; font-size: 14px; }
.sign-in td, .sign-in th { padding: 0; }

#reviews .bottom-sort ul { border: 1px solid #d9d9d9; }
#reviews .bottom-sort li { 
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	border-bottom: none;
	border-right: 1px solid #d9d9d9;
	font-size: 15px;
}
#reviews .bottom-sort li a { margin: 0; color: #115c87; }
#reviews .bottom-sort li.selected a { text-decoration: underline; }
#reviews .bottom-sort li span { margin: 0; }

/* ENDBottom Section CSS */

/* Footer CSS */
.footer {
	background: #105b86;
	padding: 40px 0;
	color: #FFFFFF;
}

.footer .links { list-style: none; }
.footer .links li {
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;
	border-right: 1px solid #FFFFFF;
	padding: 0 15px;
}

.footer .links li.last { border-right: none; }

.footer .links li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}
.footer .links li a:hover { text-decoration: underline; }

#amazon-buy-link { margin-top:15px; }

/* Tablet Specific CSS */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body { min-width: 1000px; }
	
	.container { max-width: 965px; }
	.header .container { padding: 0 20px; width: 965px;}
	.header .logo { width: 190px; }
	.scrolled .logo { width: 105px; }
	.critics { font-size: 12px; }
}

@media only screen and (max-device-width: 480px) {
	
    .header { position: relative; margin-bottom: -136px; }
}


/* Main block */
.switch_options{
	display: block;
	font-family: "Helvetica", Arial, Sans-serif;
	margin-bottom: 10px;
}
/* Main block clearfix */
.switch_options:before,
.switch_options:after{
	content:'.';
	display:block;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
.switch_options:after{clear:both;}
 
/*Options*/

.switch_options span{
	display: inline-block;
	float: right;
	padding: 4px 9px;
	margin: -12px 1px -11px -2px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	color: #555;
	border: 1px solid #d9d9d9;;
	background: #ffffff; /* Old browsers */
}

.switch_options span.float_left
{
	float:left;
}

.switch_options span:first-of-type{
	border-radius: 2px 0 0 2px;
	border-right: 0;
}
.switch_options span:last-of-type{
	border-radius: 0 2px 2px 0;
	border-left: 0;
}
.switch_options span:hover{
	background: #f6f6f6;
}
 
/* Active option */
.switch_options span.selected{
	background: #115c87; /* Old browsers */
	color: #fff;
}

.switch_options span a {text-decoration: none;}
.switch_options span a:hover {text-decoration: none;}
.switch_options span.selected a{color: #fff;}

/*NEW USER PAGE STYLES*/
#profile .ad { float: right; }
#profile .right .left { position: relative; margin-top: 0; }
#profile .right .left h1 { margin-bottom: 10px; }
#profile .view-reviews-btn {
	position: absolute;
	right: 0;
	top: 45px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 10px;
	background: #115c87;
	font-family: "MuseoSans",arial,helvetica;
	font-size: 13px;
}

#profile #pull-list { list-style: none; margin-top: 30px; }
#profile #pull-list h2 {
	color: #115c87;
	text-transform: uppercase;
	font-size: 18px;
}
#profile #pull-list a {
	display:inline-block;
	vertical-align: bottom;
	margin-right: 3px;
}
#profile #pull-list a img { width: 50px; }
#profile #pull-list a.more {
	background: #115c87 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 8px 4px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#profile #pull-list a.more img { width: auto; }

/* Right Section */
.following { list-style: none; margin-bottom: 40px; }
.following li { margin-top: 12px; }
.following li > * {
	display: inline-block;
	vertical-align: middle;
}

.following li > img { width: 30px;  }
.following li span, .creator-pull-list { font-family: "MuseoSans",arial,helvetica; font-size: 14px; margin-left: 3px; }

.creator-pull-list {
    list-style: none;
    padding:0;
    margin:0;
	margin-bottom: 40px;
}

.creator-pull-list li { 
    padding-left: .7em; 
    text-indent: -.7em;
	margin-top: 12px;
}

.creator-pull-list li:before {
    content: "• ";
    color: #115c87; /* or whatever color you prefer */
}

#event h1 {
    font-size: 27px;
    margin: 0 20px 0 20px;
    padding-top: 20px;
}

#pull-list-add, #event, #liked-post { padding: 0; }
#pull-list-add > div, #event > div, #liked-post > div { padding: 20px; }

.event-text { font-size: 15px; margin-bottom: 20px; }
.event-text > * {
	display: inline-block;
	vertical-align: middle;
}
.event-text a { font-weight: bold; }
.event-text > span { margin-left: 5px; }
.event-text span img { margin: 0 2px -2px 2px; }
.event-text > img { width: 55px; }
.event-text .date {
	display: block;
	color: #666666;
	font-style: italic;
}

.add-pull-images { margin-left: 45px; position: relative; }
.add-pull-images img { width: 50px; margin-right: 3px; }

.like-button {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #115c87!important;
	text-decoration: underline;
	font-size: 14px;
}

#event .comments {
	background:#fafafa;
	padding: 0;
	font-size: 14px;
	position: relative;
}

.comment-divider { color:#115c87; padding-left: 5px; padding-right: 5px; }
.comments .who-liked, .comments .comment-divider, .comments .CommentsNum { display: inline-block; border: none; }
.CommentsNum, .CommentsNumFocus { cursor: pointer; margin-left: 4px;}
#reviews .comments .CommentArea { margin-top: 10px; border: 1px solid #d8d8d8; background: #fafafa; border-top: none;}
#reviews .comments .comment .text { width: 620px; }
#reviews .comments .comment { padding: 12px;}
#reviews .comments .write-comment { width: 695px; padding: 15px 16px;}
#reviews .comments .LikeEvent, #reviews .comments .LikeEventNotLoggedIn, #reviews .comments .CommentsNum, #reviews .comments .CommentsNumFocus { margin-right: 3px!important; margin-left: 4px!important;}
.comments .write-comment { border-top: 1px solid #d8d8d8; padding: 11px 19px; display: block; }

.comments .who-liked { border-top: 1px solid #d8d8d8; display: block; padding: 11px 16px; position: relative; }
.comments a { color:#115c87!important; font-weight: bold; }
.comments a.LikeEvent, .comments a.LikeEventNotLoggedIn, .comments a.ShowAllComments { margin-right: 4px; cursor: pointer; color: #115c87; }
.comments a.LikeEventNotLoggedIn { margin-left: 4px!important; }
.comments .view-all a { color: #115c87!important; text-decoration: underline; }
.comments .LikeEventNum { font-weight: bold; color:#115c87;}
.comments .LikeEventNum:hover { text-decoration: underline; cursor: pointer; }
 
.comment { padding: 0 20px; font-size: 14px; margin-left: 25px; }
.comments .comment { margin: 0; padding: 11px; padding-left: 16px; border-top: 1px solid #d8d8d8; }
.comment > * { display: inline-block; vertical-align:top; }
.comment img { width: 35px; }
.comment .text { width: 585px; margin-left: 15px; }
.comment .text { color: #252627; }
.comments .comment .text { width: 655px; margin-left: 15px; margin-top: -2px; }
.comment .text .date { font-style: italic; }
.comment .text p { line-height: 22px; }

.comments .write-comment * { vertical-align: middle; }
.comments .write-comment img { width: 30px; margin-right: 10px; }
.comments .write-comment textarea {
	font-family: arial,helvetica,sans-serif;
    font-size: 13px;
	width: 460px;
	max-width: 580px;
	padding: 8px;
	border: 1px solid #e6e6e6;
	height: 14px;
	margin-right: 5px;
}

#user-reviews #reviews .comments {
	display: block;
	width: 100%;
	margin-top: 5px;
	margin-bottom: -10px;
}

#user-reviews #reviews .comments .who-liked {
	padding: 0;
	padding-top: 5px;
	border: none;
	position: relative;
	display: inline-block;
}
#user-reviews #reviews .comments .who-liked .user-event-liked-popup { left: 20px; bottom: 25px; }
#user-reviews #reviews .comments .who-liked .user-event-liked-popup li { padding: 0; border: 0; }
#user-reviews #reviews .comments .who-liked a { margin: 0; font-size:13px; white-space: nowrap; }
#user-reviews #reviews .comments .LikeEventNum { font-size:13px; }

.event-user-rating { position: relative; margin-left: 45px; }
.event-user-rating > * {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-right: 10px;
}

.event-user-rating img { width: 50px; }
.event-user-rating p { width: 435px; margin: 0; line-height: 22px; }

#event .user-review {
	border-radius:  200px;
    color: #ffffff;
    font-family: "MuseoSans",arial,helvetica;
    font-size: 23pt;
    padding: 13px 9px 13px;
    position: relative;
    text-align: center;
	margin: 4px 0 0 25px;
	width: 48px;
}

.event-issue-display, #event .user-review, .event-issue-display img, .event-issue-display-description, #event .event-follow-user, #event .event-follow-user-description  { display: inline-block; vertical-align: top; }
.event-issue-display {
    margin-left: 15px;
    width: 615px;
	line-height: 19px;
}

.event-issue-display .user-review-text {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d8d8d8;
	font-size: 14px;
}

.user-review .event-list-image { margin: -10px -40px -10px -40px; width: 35px; }
.event-issue-display img { width: 100px; margin-right: 10px; }
.event-follow-user { width: auto; margin-left: 12px; }
.event-follow-user img { width: 75px; margin-right: 10px; }
#event .event-follow-user .event-follow-user-description > h1 {
    margin: 0 0 5px;
    padding: 0;
}

.event-issue-display-description, .event-follow-user-description { width: 450px; }
.event-issue-display-description p, .event-follow-user-description p { font-size: 13px; }
#event .event-issue-display-description h1, .event-follow-user-description h1 { border: none; padding: 0; margin: 0 0 5px 0; }
#event .event-issue-display-description h1 a, .event-follow-creator a, #event .event-follow-user-description h1 a {
	font-family: "MuseoSans", arial, sans-serif;
    font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color: #115c87;
	text-decoration: none;
}
#event .event-issue-display-description h1 a:hover, .event-follow-creator a:hover, #event  .event-follow-user-description h1 a:hover { text-decoration: underline; }

.event-follow-creator a { display: block; margin: -30px 0 15px 110px; }
.event-follow-creator img { margin: 2px 0 0 4px; }

.bottom #pull-list ul { list-style: none; border-top: 1px solid #d9d9d9; padding-top: 30px; margin-top: 25px; }
.bottom #pull-list ul#first { border-top: none; padding: 0; margin-top: 10px; }
.bottom #pull-list ul li {
	display: inline-block;
	vertical-align: top;
	width: 19.5%;
	text-align: center;
}

.bottom #pull-list ul li > * { display: block; font-size: 16px; }

.bottom #pull-list ul li img { width: 100px; margin: 0 auto 10px; }
.bottom #pull-list ul li h2 a { font-family: "MuseoSans",arial,helvetica; font-size: 18px; color: #115c87; }


#user-reviews { padding: 0; }
#user-reviews .tabs {
	background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
	list-style: none;
}
#user-reviews .tabs li { margin: 0; display: inline-block; }

#user-reviews .tabs li a, #user-reviews .tabs li span {
	padding: 10px;
	border-right: 1px solid #d9d9d9; 
	display: inline-block;
	margin-right: -4px;
}

#user-reviews .tabs li a:hover, #user-reviews .tabs li a:active, #user-reviews .tabs li.selected a {
	background: #115c87;
	color: #FFFFFF;
	text-decoration: none;
}

#user-reviews table { border-bottom: 1px solid #ebebeb; }

#user-reviews .current { width: 575px; }
#user-reviews .current-review { margin-top: 10px; width: 575px; }
#user-reviews .current-title { margin-top: 10px; width: 575px; }
#user-reviews .issues {
	width: auto;
	text-align: center;
	font-family: "MuseoSans",arial,helvetica; font-size: 14px;
}

#user-reviews .issues a {
	font-family: arial, helvetica, sans-serif;
	display: block;
	color: #115c87;
	text-decoration: underline;
}

#user-reviews .hidden-content {
    background: #f7f7f7;
}


#user-reviews .pagination { padding: 15px 10px; }
#user-reviews .pagination a, #user-reviews .pagination span { margin-right:5px; padding-right: 8px; border-right: 1px solid #d9d9d9; }
#user-reviews .pagination a { color: #115c87; text-decoration: underline; }

#user-reviews .user-review {
    border-radius: 200px;
    color: #ffffff;
    font-size: 21pt;
    padding: 13px 5px;
}

#event .user-liked-event {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: 1px solid #d8d8d8;
	color: #115c87;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 20px;
}

#event .first { border-top: 1px solid #d8d8d8; margin-top: 15px;}

#event .user-event-action-image {
	display: inline-block;
	margin-right: 5px;
}
#event .user-liked-event a {
	color: #115c87;
}

.sub_attribute {
	font-size: 23px;
	color: #115c87;
	padding: 20px 10px 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #115c87;
	font-weight: bold;
	text-transform: uppercase;
}

.following-image { width: 100px;}
.following-image img { width: 65px;}
.following-name { width: 600px;}

#stats { padding-top: 20px; }
.stats_chart { padding-top: 20px; padding-bottom: 80px;}
#activity-feed { margin-top:140px; }
#creator-watch-list ul { list-style: none; padding: 20px; } 
.follow-user-list img, .follow-user-list .event-follow-user-description {
	display: inline-block;
	vertical-align: top;
}
.follow-user-list img { width: 75px; margin-right: 7px; }
.follow-user-list .event-follow-user-description h1 a { 
	color: #115c87!important;
    font-family: "MuseoSans",arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

.follow-user-list { margin-top: 20px; }
.first .follow-user-list { margin-top: 0; }

.user-event-liked-popup {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    left: 20px;
    line-height: 19px;
    padding: 8px 15px;
    position: absolute;
    bottom: 20px;
    z-index: 9;
}

.user-event-liked-popup ul { list-style: none; }
.event-more-link { font-weight: bold; color: #115c87!important; }
.event-more-link:hover { cursor: pointer; }

.user_event-issue_credits { width:100%; display: inline-block;margin-bottom:8px;margin-top:-2px;}
.user_event-issue_credits .credit { float: left; margin-right: 10px; }
.user_event-issue_credits .credit span { font-weight: bold; }

.comment .text a { color: #000000!important; }

.update-note { width:97%; padding:10px; font-size:14px; background: #f6f6f6; display: block; font-weight: bold; border: 1px solid #d9d9d9;margin-bottom:10px; }

.like-link-and-popup {
    display: inline-block;
    position: relative;
}
.comment-divider { display: inline-block; }

#profile .left .follow-user { margin: 4px 0 0; }
#profile .left .follow-user .secondary-button {
    display: block;
    margin: 0;
    text-align: center;
    width: auto;
}

#profile .left .follow-user a:hover { text-decoration: underline; }

.issue .container .left {
    position: relative;
}

#preview {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    color: #28a2c2!important;
    padding: 7px 12px;
    width: 165px;
    display: block;
    margin: 0;
    text-shadow: none;
	font-size: 12px;
    font-weight: bold;
    text-align: center;
	text-transform: uppercase;
}

#preview:hover
{
	background: #31a2c0 none repeat scroll 0 0;
	color: #FFFFFF!important;
	cursor: pointer;
}

.bottom #publisher-recent-trades ul { list-style: none; border-top: 1px solid #d9d9d9; padding-top: 30px; margin-top: 25px; }
.bottom #publisher-recent-trades ul#first { border-top: none; padding: 0; margin-top: 10px; }
.bottom #publisher-recent-trades ul li {
	display: inline-block;
	vertical-align: top;
	width: 24.5%;
	text-align: center;
}


.bottom #publisher-recent-trades ul li img { width: 130px; height: 195px; margin: 0 auto 10px; }
.bottom #publisher-recent-trades ul li h2 a 
{ 
	font-family: "MuseoSans", arial, helvetica;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 7px;
    height: 42px;
    text-align: center;
}

.CriticRatingList { display: inline-block; width:60px;}
.UserReviewNumList, .UserRatingList { display: none; }

.publisher .container > * { display: inline-block; vertical-align: top; }

.publisher .container .left { width: 150px; margin-right: 15px; }
.publisher .container .right h1 > * { display: inline-block; vertical-align: top;}
.publisher .container .right h1 > span { width: 560px; font-size: 1em; }
.publisher .container .right {
	width: 790px;
	font-size: 15px;
	line-height: 25px;
}
.publisher .container .right .left, .publisher .container .right .right {
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;
}