@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;
}

a { color: #115c87; }

strong { font-weight: bold; }
.clear { clear: both; }

html, body {
	width: 100%;
	height: 100%;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background: #FFFFFF;
}

.header {
	background: #999; /* 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;
}

.header > div {
	padding: 3% 5% 3%;
	text-align: center;
}

.header img {
	height: 3.5em;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.header img.logo {
	height: 4em;
	margin: 0 16%;
}

.header .nav, .header .search { display: none; padding: 0; text-align: left; }

.header .nav a, .header .nav span {
	display: block;
	padding: 5%;
	background: #06486c;
	text-decoration: none;
	border-top: 1px solid #126594;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: "MuseoSans",arial,helvetica;
}

.header .nav .secondary {
	background: #032c42;
	padding: 4% 5% 4% 10%;
}

#nav-publishers, #nav-reviews-by-week, #nav-account {
	background: url("../images/arrow_right.png") no-repeat right 5% center #06486c;
	background-size: 3% auto;
}

#nav-publishers.open, #nav-reviews-by-week.open, #nav-account.open {
	background: url("../images/arrow_down.png") no-repeat right% center #06486c;
	background-size: 3% auto;
}

.header .search {
	background: #06486c;
	padding: 5%;
	text-align: center;
	border-top: 2px solid #126594;
}

.header .search #header_search {
    border: medium none;
    border-radius: .4em;
    color: #a6a6a6;
    font-size: 13px;
    padding: 7px 7px 7px 7px;
    width: 70%;
}

.header_ad {
	width: 100%;
	padding: 2% 5%;
}

.page_ad {
	width: 100%;
	padding: 0 auto;
	margin: 5% 0;	
	text-align: center;
}

.header_ad * { max-width: 100%; }

.footer {
	background: #999; /* 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;
	padding: 4% 5% 17.5%;
	color: #FFFFFF;
}

.footer img {
    width: 80%;
}

.footer ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
	margin-top: 2%;
}

.footer a { color: #FFFFFF; }

.social-widgets * { display: inline-block !important; vertical-align: top !important;}
.social-widgets > div { margin-bottom: 5%; }

.social-google, .social-twitter { padding-right: 2.5% }
.social-reddit { padding-right: 4%; padding-top: 0.5%; }


#top-comics-header h1 { border: none; }

#top-comics-header .navigation-links {
	margin: 4% 0 4% 0;
	border-bottom: 2px solid #115c87;
}

#top-comics-header .navigation-links a {
	background: #f0f0f0;
	display: inline-block;
	margin-right: 3px;
	padding: 4%;
	border-radius: 7px 7px 0 0;
	color: #808080;
	font-family: "MuseoSans",arial,helvetica;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#top-comics-header .navigation-links a:hover, #top-comics-header .navigation-links a.on { background: #115c87; color: #FFFFFF; }

#top-comics-header .year-navigation a, #top-comics-header .year-navigation span {
	background: #FFFFFF;
	font-family: "MuseoSans",arial,helvetica;
	color: #808080;
	padding: 3% 4%;
	margin-right: 1%;
	text-decoration: none;
	border-radius: 5px;
}

#top-comics-header .year-navigation a:hover { text-decoration: underline; }
#top-comics-header .year-navigation span {
	background: #f1f1f1;
	color: #275a85;
}

#top-comics-header p { 
	margin-top: 4%;
	font-size: 1em;
	line-height: 1.5em;
}

#top-comics-header .social-widgets { margin: 4% 0; text-align: right; }
#top-comics-header .plusone-widget { width: 20%; }
#top-comics-header .social-widgets > div { margin-bottom: 0; }


.container { padding: 2% 5% 5% 5%; }
.container .banner { width: 100%; }

.green { background: #1ca315 none repeat scroll 0 0; }
.yellow { background: #FabF00 none repeat scroll 0 0; }
.red { background: #e91d1d none repeat scroll 0 0; }
.grey { background: #999999 none repeat scroll 0 0; }

h1 {
	border-bottom: 2px solid #115c87;
	color: #115c87;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -0.02em;
	margin-top: 0%;
	padding-bottom: 1%;
	text-transform: uppercase;
}

h1 > a { text-decoration: none; }

.user-read {
	color: #FFFFFF;
	padding: 1% 1.5%;
	margin-right: 0%;
	margin-left: -3%;
	font-size: 3em;
	position: relative;
	text-align: center;
}

.review, .user-review {
	font-family: "MuseoSans",arial,helvetica;
	color: #FFFFFF;
	padding: 5% 7%;
	margin-right: 1.4%;
	font-size: 3em;
	position: relative;
	text-align: center;
}

.user-review { border-radius: 50%; }

.review .rating-title, .user-review .rating-title {
	position: absolute;
	font-family: arial,helvetica;
	font-size: .25em;
	color: #000000;
	top: 105%;
	left: 10%;
	letter-spacing: normal;
}

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

.secondary-button {
	color: #FFFFFF;
	background: #00a9d9;
	width: 100%;
	text-align: center;
	padding: 7% 0;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4%;
}

.series-btn {
	width: 97%;
	text-align: center;
	font-size: 1.15em;
	font-weight: bold;
	color: #31a2c0;
	border: 2px solid #b3b3b3;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6% 0;
	display: block;
}

.series-btn:active {
	color: #FFFFFF;
	border: 2px solid #31a2c0;
	background: #31a2c0;
}

.container .left, .container .right {
	display: inline-block;
	vertical-align: top;
	margin-top: 5%;
}
.container .left { width: 43%; margin-right: 5%; }
.container .left img { width: 100%; }

.container .right { width: 51%; }

.container .right .review, .container .right .user-review {
	display: inline-block;
	vertical-align: middle;
	margin-top: 5%;
	font-size: 3.5em;
	letter-spacing: -0.05em;
	padding: 6% 7%;
}

.container .right .user-review { padding: 6%; }

.container .right .grey {
	font-size: 2.7em;
	padding: 9.75% 6%;
}

.container .right .grey .rating-title { font-size: .34em; }

.container .right .issue-links { margin-top: 10%; }

.prev-next-container {
	width: 99%;
	margin-top: 2%;
	padding: 0.5%;
	background: #b3b3b3;
	text-align: center;
}

.prev-next-container .series-btn {
	border: none;
	background:#FFFFFF;
	width: 32%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 3% 0;
}

.prev-next-container .dead {
	color: #808080;
	background: #e5e5e5;
	cursor: default;
}

.divider {
	background: #115c87;
	padding: 4%;
	color: #FFFFFF;
	font-size: 1.5em;
	clear: both;
}

.divider select {
	padding: 2% 5% 2% 2%;
	font-size: .8em;
	margin-left: 2%;
	width: 50%;
}

.divider-backlink {
	float: right;
	padding-top:1%;
}

.divider-backlink a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.65em;
}

#issue { padding: 3% 5% 5% 5%; }
#amzaon-buy-link { display: block; margin-top: 10%; }

#issue-summary {
	font-size: 1.2em;
	line-height: 2em;
}

#issue-summary > span { display: block; }
#issue-summary p { margin-top: 5%; }

#reviews, #pull-list { padding: 0; }

#reviews ul li, #pull-list ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: none;
	display: block;
	padding: 5%;
	border-top: 2px solid #dae4e9;
}

#reviews ul li.first, #pull-list ul li.first { border-top: none; }

#reviews ul li .review, #reviews ul li .user-review, #reviews ul li .user-read, #reviews ul li .review-info, #reviews ul li .liked {
	display: inline-block;
	vertical-align: middle
}

#reviews ul li .comments { margin-bottom: 2%; }

#reviews ul li .review, #reviews ul li .user-review {
	padding: 2% 5%;
	line-height: normal;
	text-align: center;
	letter-spacing: -0.07em;
}

#reviews ul li .user-review { padding: 4% 4.5%; }

#reviews ul li .review-info, #pull-list ul li .review-info {
	margin-left: 3%;
	width: 45%;
	line-height: normal;
}
#reviews ul li .review-info .name, #pull-list ul li .review-info .name {
	font-family: "MuseoSans",arial,helvetica;
	display: block;
}
#reviews ul li .review-info .name a, #pull-list ul li .review-info .name a { color: inherit; text-decoration: none; }

#reviews ul li p, #pull-list ul li p { display: block; margin-top: 5%; }

#pull-list img, #pull-list ul li .review-info {
	display: inline-block;
	vertical-align: top;
}

#pull-list ul li .review-info { font-size: 1.2em; }
#pull-list ul li .review-info .name { font-weight: bold; }

.view-all {
	width: 98.5%;
	padding: 2% 0;
	text-align: center;
	color: #31a2c0;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	border: 3px solid #b3b3b3;
	display: block;
}

#top-comics li {
	list-style-type: none;
	border-top: 2px solid #dae4e9;
	padding: 5%;
}

#top-comics li.first { border: none; }

#top-comics li > * {
	display: inline-block;
	vertical-align: top;
}

#top-comics li .number {
	font-size: 1.6em;
	font-weight: bold;
	color: #115c87;
	letter-spacing: -0.05em;
}

#top-comics li > a { width: 35%; }
#top-comics li .rcc-img { width: 100%; }
#top-comics li .info {
	width: 64%;
	font-size: 1.4em;
	line-height: 1.2em;
}

#top-comics li .info.slim {
	width: 55%;
}

#top-comics li .info h2 {
	font-family: "MuseoSans",arial,helvetica;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	margin-bottom: 10%;
}

#top-comics li .info h2 a { color: #115c87; }

#top-comics li .info h3 { margin: 7% 0; }
#top-comics li .info h3 strong { text-decoration: underline; }

#top-comics li .info .review, #top-comics li .info .critics, #top-comics li .info .user-critics {
	display: inline-block;
	vertical-align: middle;
}

#top-comics li .info .review {
	line-height: normal;
	font-size: 2.5em;
	padding: 5% 6%;
	letter-spacing: -0.05em;
}

#top-comics li .info .critics { width: 43%; font-size: .85em; line-height: 1.2em; }
#top-comics li .info .user-critics { width: 43%; font-size: .85em; line-height: 1.2em; margin-top: -10%;}	

#top-comics .user-review {
	width: 35%;
	padding: 15% 5%;
	font-size: 2.5em;
	display: inline-block;
}

#amazon-buy-link {
	
	padding-top:7%;	
}

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

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

.switch_options {
	width: 100%;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	border-top: 3px solid #b3b3b3;
	border-bottom: 3px solid #b3b3b3;
	display: block;
	text-align: center;
}

.switch_options a {
	width: 48.5%;
	color: #000000;
	display: inline-block;
	vertical-align: top;
	padding: 2.5% 0;
	border-left: 2px solid #b3b3b3;
	border-right: 2px solid #b3b3b3;
	text-decoration: none;	
}

.switch_options a.small {
	width: 32%;
}

.switch_options a.selected {
	color: #FFFFFF;
	background: #00a9d9;
}

.series-page-list li {
	list-style-type: none;
	border-top: 1px solid #dae4e9;
	padding: 5%;
}

.series-page-list li.first { border: none; }

.series-page-list li > * {
	display: inline-block;
	vertical-align: top;
}

.series-page-list li .number {
	font-size: 2em;
	font-weight: bold;
	color: #115c87;
	letter-spacing: -0.05em;
}

.series-page-list li > a { width: 35%; }
.series-page-list li .rcc-img { width: 100%; }
.series-page-list li .info {
	width: 70%;
	margin-left: 7%;
	font-size: 1.25em;
	line-height: 1.2em;
	vertical-align: middle;
}
.series-page-list li .info h2 {
	font-family: "MuseoSans",arial,helvetica;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
}

.series-page-list li .info h2 a { color: #115c87; }

.series-page-list li .info h3 { margin: 7% 0; }
.series-page-list li .info h3 strong { text-decoration: underline; }

.series-page-list li .info .review, .series-page-list li .info .critics {
	display: inline-block;
	vertical-align: middle;
}

.series-page-list .CriticRatingList, .series-page-list .UserRatingList { width: 20%;  } 

.series-page-list .review, .series-page-list .user-review {
	line-height: normal;
	font-size: 3.5em;
	padding: 10% 14%;
	display: inline-block;
	letter-spacing: -0.03em;
}

.series-page-list .user-review {
	padding: 18%;
	font-size: 3em;
	margin-right: 3%;
}

.series-page-list .grey { font-size: 2.6em; padding: 21% 16%; }

.series-page-list li .info .critics { width: 40%; font-size: .65em; line-height: 1.2em; }
.series-page-list li .info span { display: block; margin: 1% 0 -1%; }
.series-page-list .hidden-content .CriticRatingList, .series-page-list .hidden-content .info { vertical-align: middle; }

.down-link, .liked a {
	background: #f6f6f6;
	padding: 1.5% 4% 1%;
	border: 2px solid #d9d9d9;
	border-radius: 10px;
	display: inline-block;
	width: 100%;
	text-align: center
}

.down-link {
	background: url("/images/down_arrow.png") no-repeat right 12% center transparent;
	background-size: .9em;
	padding: .2% 6% .5% 2%;
	border: none;
	width: auto;
} 

.liked a { text-decoration: none; border-radius: 20px; margin-top: 5%; }

#signin h1, #about h1 { margin-top: 4%; margin-bottom: 4%;}
#signin p, #about p, #info p, #signin li {	font-size: 1.2em;line-height: 1.5em;}

#about h2 {
	font-size: 18px;
	font-weight: bold;
	color: #444444;
}

#signin input { padding: 4%; margin-bottom:4%;}
#signin .secondary-button, .review-write .secondary-button {
	font-size: 1.3em;
	width: auto;
	border: none;
	text-shadow: 1px 1px 1px #105b85;
	padding: 7%;
}

#home-header h1 { color: #000000; font-size: 1.8em; margin-bottom: -5%;}
#home-header h1 span {
	color: #115c87;
	font-weight: normal;
	display: block;
	text-transform: capitalize;
	font-size: .9em;
	margin-top: -1%;
}

#publisher {
	color: #bfbfbf;
	text-transform: uppercase;
}

#publisher h2, #home-reviews-by-week h2 {
	font-family: "MuseoSans", arial, helvetica;
	font-weight: bold;
	color: #000000;
	font-size: 1.3em;
	margin: 2% 0 4%;
	padding-bottom: 1%;
	border-bottom: 2px solid #105b85;
	text-transform: uppercase;
}

#publisher ul li {
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 2%;
}

#publisher .more {
	color: #bfbfbf;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 4%;
	display: block;
	text-decoration: none;
}

#home-reviews-by-week ul { text-align: center; }
#home-reviews-by-week ul li {
	display: inline-block;
	vertical-align: middle;
	background: transparent url("/images/calendar-icon-large.png") no-repeat scroll center top;
	padding: 3.2em 5% 2em;
	background-size: 90px auto;
	margin: 0 2%;
	font-size: 1.2em;
	font-weight: bold;
}

.series-page-list .sub-item { display: inline-block; vertical-align: top; margin: 1% 4% 0 0; }

.top-publisher { text-align:center; vertical-align: middle; width:27%; padding-right:6%; padding-bottom:10%;}
.top-publisher img, #publisher-view.left img {max-width: 90px; max-height:90px;}

#publisher-view .right span { display: block; margin-top:5%; font-size: 1.2em;}
#publisher-view .down-link { padding: .2% 12% .5% 2%; }
#publisher-view .left img { width: auto; height: auto; }

.review-write textarea, .review-write table { width: 100%; }
.review-write select { font-size:1.1em; }
.review-write { font-size: 1.2em; line-height: 1.5em; }
.container.review-write { line-height: 2em; }
.right.review-write span { display: block; margin-bottom: 5%; }

.weekly-reviews .prev-arrow, .weekly-reviews .next-arrow {
	width: 12px;
	height: 12px;
	display: inline-block;
}

.weekly-reviews .prev-arrow { background: url("/images/Weekly_Prev_Arrow.png") no-repeat center top transparent; background-size: auto 12px; margin-left: 1%; margin-right: 1%;}
.weekly-reviews .next-arrow { background: url("/images/Weekly_Next_Arrow.png") no-repeat center top transparent; background-size: auto 12px; margin-left: 1%; margin-right: 1%; }

#reviews-by-week-filters {
	background: #115c87;
	padding: 4%;
	color: #FFFFFF;
	font-size: 1.0em;
	clear: both;
}

#reviews-by-week-filters select {
	padding: 2% 2% 2% 2%;
	font-size: 0.95em;
	margin-left: 1.5%;
	margin-right: 3%;
	width: 28%;
}

.reviews-by-week-publisher {
	font-family: "MuseoSans", arial, helvetica;
	font-weight: bold;
	color: #115c87;
	font-size: 1.3em;
	margin: 5% 0 -4%;
	padding-bottom: 1%;
	border-bottom: 2px solid #105b85;
	text-transform: uppercase;
}

.view-attribute { font-size: 1.2em; line-height: 1.5em; }
.container.view-attribute { line-height: 2em; }
.left.view-attribute span { display: block; margin-bottom: 5%; }

.hidden-content { padding: 0; display:none; background: #f7f7f7; }
.hidden-content li { padding: 5% 5% 5% 15%; }
.hidden-content .hidden-review { border-top: none; padding-top: 0; }

.ExpandIssues { 
	display: inline-block;
	margin-top: 3%;
	padding: 3% 3% 3% 10%;
	border-radius: .5em;
	border: 1px solid #d9d9d9;
}

.hide-expand { background: url("/images/mobile-plus.png") no-repeat scroll left 5% center #f6f6f6; background-size: 1em; }
.show-expand  { background: url("/images/mobile-minus.png") no-repeat scroll left 5% center #f6f6f6; background-size: 1em; }

#profile .secondary-button { display: inline-block; width: auto; padding: 5%; }
#profile .social-widgets { text-align: right; }
#profile > img { width: 20%; float: left; margin: 0 5% 5% 0; }
#profile h1, #profile .left { display: inline-block; vertical-align: top; width: 75%; margin: 0; }
#profile h1 { padding-bottom: .5%; }
#profile .left, #profile .right { margin-top: 1%; }
#profile .left.view-attribute span { margin: 0; }
#profile .secondary-button { display: inline-block; width: auto; padding: 0.75% 3%; margin: 1% 0 0; }
#profile .secondary-button.right { float: right; }

#event h1 { margin-bottom: 5%; }
#events .event-text { display: block; margin-bottom: 4%; }
#events .event-text > * {
	display: inline-block;
	vertical-align: middle;
}

#events .event-text > img { width: 16%; margin-right: 3%; }
#events .event-text > span { width: 80%; font-size: 1.2em; }
#events .event-text > span a { font-weight: bold; }
#events .event-text .date { display: block; font-style: italic; }

.first-event { border-top: 0px solid #dae4e9; }
#event { padding: 7% 5%; border-bottom: 10px solid #dae4e9; border-left: 0px solid #dae4e9; border-right: 0px solid #dae4e9;}
#event .user-review-image { padding: 4% 2%; font-size: 2.5em }
#event .user-review { padding: 4% 3.5%; font-size: 2.5em }
#event .user-review, #event .event-follow-user, #event .event-issue-display, #event .event-follow-creator, #event .event-issue-display img, #event .event-issue-display-description , #event .user-review-image{
	display: inline-block; vertical-align: top;
}

#event .event-follow-user { margin-left: 2% }
#event .event-follow-user img, #event .event-follow-user .event-follow-user-description { display: inline-block; vertical-align: top; }
#event .event-follow-user img { width: 35%; margin-right: 3%; margin-left: -3%; }
#event .event-follow-user h1, #creator-watch-list li .follow-user-list h1 { border: none; padding: 0; font-size: 1.2em; margin-bottom: 10%; }
#event .event-issue-display { width: 73%; margin-left: 2% }
#event .event-issue-display .user-review-text { display: block; margin-bottom: 7%; padding-bottom: 7%; border-bottom: 2px solid #dae4e9; font-size:1.1em;}

#event .event-list-image { margin: -10% 10% -10% 10%; width: 70% }
#event .event-list-image img { width: 20%; }
#event .event-follow-creator { vertical-align: middle; font-size: 1.2em; margin-top: 5%; margin-left: 2% }
#event .event-issue-display img { width: 30%; margin-right: 3%; }
#event .event-issue-display-description { width: 62%; }
#event .event-issue-display-description h1 { border: none; margin-bottom: 4%; font-size: 1.2em; }

.who-liked { 
	padding: 3% 0;
	display: block;
	margin: 0 0 -7%;
	color: #115c87;
}
.who-liked > a { text-decoration: none; } 
.LikeEventNum {  }
.LikeEventNumSection { display: inline-block; }
.LikeEvent, .LikeEventNotLoggedIn { margin-right: 1%; }
.CommentsNumFocus { margin-left: 0.8%; }
.user-liked-event {  border-bottom: 1px solid #d8d8d8; font-size: 1.3em; margin-bottom: 5%; margin-top: -4%; padding-bottom: 3%;}

#event .first {  margin-top: 4%;}

.comments { position: relative; }

#event .user-event-action-image {
	display: inline-block;
	margin-right: 1%;
}
#event .comments { font-size: 1.2em; margin-top:2%;}

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

.user-event-liked-popup ul { list-style: none; }
.user-event-liked-popup ul li { border: none!important; padding: 0!important; display: block; }
.event-more-link { font-weight: bold; }

#creator-watch-list li { display: block; padding: 5%; border-bottom: 1px solid #d8d8d8; }
#creator-watch-list li .follow-user-list > * { display: inline-block; vertical-align: top; }

#creator-watch-list li .follow-user-list a {
	width: 20%;
	margin-right: 2%;
}
#creator-watch-list li .follow-user-list a img { width: 100%; }
#creator-watch-list li .follow-user-list h1 { margin-bottom: 2%; }
#creator-watch-list li .follow-user-list .event-follow-user-description { width: 75%; }

.comments .CommentArea { background: #fafafa; border: 1px solid #d8d8d8; margin-top: 6% }
.comments .CommentArea .CommentList .comment, .comments .CommentArea .write-comment { border-top: 1px solid #d8d8d8; padding: 3% 3%; }
.comments .CommentArea .CommentList .comment:first-child { border-top: none; }

.comments .CommentArea .CommentList .comment > * { display: inline-block; vertical-align: top; }
.comments .CommentArea .CommentList .comment .profile { width: 14%; margin-right: 2%; text-decoration: none;}
.comments .CommentArea .CommentList .comment a img { width: 100%; }
.comments .CommentArea .CommentList .comment .text { width: 82%; }
.comments .CommentArea .CommentList .comment .text .name { color: #000000!important; margin-right: 0%;}
.comments .CommentArea .CommentList .comment .text p { margin-top: 1.5%!important; }
.comments .CommentArea .CommentList .comment .text .date {  font-style: italic; }

.comments .CommentArea .write-comment > *,  .edit-comment > * { display: inline-block; vertical-align: middle; }
.comments .CommentArea .write-comment img { width: 14%; margin-right: 2%; }
.comments .CommentArea .write-comment textarea { width: 50%; padding: 4% 2% 0; }
.edit-comment textarea { width: 66%; padding: 4% 2% 0; margin-top:2.5%;}

.comment .EditComment { float: right; font-weight:normal; }

.comments .secondary-button { width: 19%; padding: 3% 2%; margin: 1.6%; font-size: .8em }

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

.expanded-sublink-section { margin-top:2%;}
.expanded-sublink { margin-right:6%; }

#issue .right .review, #issue .right .user-review { margin-bottom: 18%; }
#issue #review-author-page { text-align: right; }

.contextual { margin:2% }