/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */

@media screen {

	/* base overrides */
	
	.ym-g64 {
		width: 63.9%;
	}
	
	.ym-g32 {
		width: 31.5%;
	}
	
	#main .ym-box {
		padding: 0;
	}
	
	img {
		max-width: 100%;
	}
	
	hr {
		height: 1px;
		border: none;
		border-top: 1px solid #000;
	}
	
	
	/* rumpus typography styles */
	
	
	/* headlines */
	#main h3, #main h2 {
		font-size: 1.7em;
		line-height: 1.2em;
		font-weight: normal;
	}
	#main h3 a, #main h2 a {
		color: #000;
	}
	#main h3 a:hover, #main h2 a:hover {
		text-decoration: underline;
	}


	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
	}

	/* Layout Module Configuration & fallback for unsupported media queries */
	.ym-wrapper {
		min-width: 760px;
		max-width: 960px;
		margin: 0 auto;
	}

	.ym-wbox { padding: 10px; }

	/* Basic Element Styling */
	header {
	}

	header h1 {
		background: transparent;
		color: #fff;
	}
	#main {
	}


	/* Column-Set Configuration: 1-3 (sidebar right) */
	.ym-column {
		display:block;
		overflow:hidden;
		padding-right: 340px;
		width:auto;
	}

	.ym-col1 { /* content */
		float:left;
		width: 100%;
	}

	.ym-col3 { /* sidebar */
		position:relative;
		float:left;
		width: 340px;
		margin-left:0;
		margin-right:-340px;
	}

	.ym-col1 .ym-cbox { padding: 0 0.75em 0 1.5em; }
	.ym-col3 .ym-cbox { padding: 0 20px 0 12px; }

	.ym-gbox { padding: 0 .5em 0 0; }

	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color:#fff;
		background:#333;
		border-bottom:1px #000 solid;
		padding:10px 0;
		text-align: center;
		text-decoration:none;
	}
	
	
	/* header styles */
	
	header {
		margin: 0 0 20px;
	}
	
	header .ym-g60 {
		width: 50%;
	}
	header .ym-g40 {
		width: 42%;
	}
	
	#social {
		margin: 3px 0 0 5px;
	}
	
	#social a {
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		width: 20px;
		height: 20px;
		background-position: 0 0;
		margin-bottom: 5px;
	}
	
	#social a:hover {
		background-position: 0 -20px;
	}
	
	a#twitter {
		background: url(../img/twitter-sprite.png) no-repeat;
		width: 23px;
		margin-bottom: 5px;
	}
	a#facebook {
		background: url(../img/facebook-sprite.png) no-repeat;
	}
	a#tumblr {
		background: url(../img/tumblr-sprite.png) no-repeat;
	}
	a#feed {
		background: url(../img/feed-sprite.png) no-repeat;
		margin-right: 0;
	}
	
	#ad-leader {
		text-align: center;
		margin-bottom: 20px;
		border-bottom: 1px solid black;
		padding-bottom: 10px;
	}
	
	.rumpus-mag a {
		display: block;
		width: 88px;
		height: 123px;
		background: url(../img/rum-mag.png) no-repeat;
		background-position: 0 -123px;
		float: left;
	}
	
	.rumpus-mag a:hover {
		background-position: 0 0;
	}
	
	
	/* nav */
	
	nav {
		margin: 5px 0 0;
	}

	
	/*forms*/
	form#searchform {
		margin: 5px 0 0;
		float: right;
		clear: both;
	}
	
	
	input#s, input.email-input, #daily-rumpus input#submit, #daily-rumpus input#ml_subscribe, #daily-rumpus input.submit  {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: .7em;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		border: 1px solid #fff;
		padding: 5px;
		border-radius: 2px;
	}
	
	input#s {
		width: 286px;
		border: 1px solid #000;
	}
	
	#daily-rumpus {
		background: #ff9933;
		margin: 5px 0 0;
		padding: 10px 10px 15px;
		width: 249px;
	}
	
	#daily-rumpus p {
		text-align: center;
		color: #fff;
		font-size: .8em;
		line-height: 1.2em;
		text-transform: uppercase;
		margin: 0 0 5px;
	}
	#daily-rumpus p strong {
		font-size: 1.4em;
		letter-spacing: 1px;
		}
		
	#daily-rumpus input#submit, input#submit,#daily-rumpus input#ml_subscribe, #daily-rumpus input.submit {
		border-radius: 7px;
		padding: 5px 10px;
		background: #fff;
		float: right;		
	}
	
	input#submit {
		border: 1px solid #000;
	}
	
	input.email-input {
		width: 133px;
	}
	
	
	/* post styles */
	/* udpate test */

	.row {
		height: 35px;
	}
	.row>div {
		float: left;
	}

	p.social {
		text-align: right;
		margin: 0;
	}
	
	.meta {
		text-transform: uppercase;
		font-size: .85em;
		line-height: 1.3em;
		color: #777;
		margin: 0;
	}
	.meta a {color: #777;}
	.meta a:hover {color: #777; text-decoration: underline;}
	
	 header time {
		font-size:1.1em;
		color: #777;
		text-transform: none;
	}
	
	.thumbnail {
		display: none;
	}
	
	.comic.thumbnail {
		display: block;
		float: left;
		padding: 0 5px 5px 0;
	}
	
	.single .thumbnail {
		display: block;
		float: left;
		margin: 0 20px 20px 0;
	}
	.has-thumb .thumbnail {
		display: block;
		float: left;
		margin-right: 20px;
		width: 200px;
	}
	
	.old-thumb .thumbnail {
		display: block;
		float: left;
		margin-right: 20px;
		width: 200px;
	}
	
	.old-thumb .thumbnail img {
		width: 200px;
	}
	
	.category-4 .has-thumb .thumbnail { /* book review section */
		display: block;
		float: left;
		margin-right: 0px;
		width: 215px;
	}
	
	.is-featured .thumbnail {
		display: block;
		margin-bottom: 10px;
	}
	
	.has-thumb .article-listing { /* fall back styles */
		width: 370px;
		float: right;
	}
	
	.category-4 .has-thumb .article-listing {
		width: 360px;
	}
	
	#main article.post,
	.single #main section {
		border-bottom: 1px solid #000;
		padding: 0 0 15px;
		margin: 0 0 25px;
	}
	.single #main section {
		margin-bottom: 20px;
	}
	
	#main article:last-of-type {
		border-bottom: none;
	}
	
	.single #main article.post {
		border: none;
		padding: 0;
		margin: 0 0 25px;
	}
	
	.post footer {
		background: none;
		margin: 0;
		padding: 0;
		color: #666;
	}
	
	.post footer, .tags {
		display: none;
	}
	
	.single .post footer {
		display: block;
	}
	.single .post footer p {
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.3em;
		margin-bottom: 10px;
	}
	
	.post footer p a {
		text-transform: uppercase;
		color: #666;
	}
	
	.post footer p a:hover {
		text-decoration: underline;
	}
	
	.post header {
		margin: 0 0 12px;
	}
	.post header h3, .post header h2 {
		text-transform: uppercase;
		margin: 5px 0;
	}
	
	section p{
		margin: 0 0 20px;
	}
	
	.single #authorbio p {
		color: #666;
		margin: 30px 0 10px;
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	.single #authorbio p span {
		text-transform: uppercase;
	}
	
	.cat-slug {
		display: none;
		background: #f93;
		color: #fff;
		text-transform: uppercase;
		padding: 8px;
		font-size: .9em;
		font-weight: bold;
	}
	.cat-slug.book {
		background: #90c;
	}
	
	.cat-slug a {
		color: #fff;
	}
	
		/* pull out cats for the homepage, just Rumpus Origin=40; Rumpus Reprint=47; Rumpus Comic=TKTK */
	.post .cat-slug.cat-40, .post .cat-slug.cat-47, .post .cat-slug.cat-3797 {
		display: inline-table;
	}
	
	.lead p {
		font-size: 1em;
		line-height: 1.3em;
	}
	
	.lead>p:last-of-type {
		display: inline;
	}
	
	p.comments {
		/*display: block;*/
		margin: 17px 0 0;
		float: right;
		font-size: 11px;
	}
	
	p.comments span {
		background: url(../img/comments-bubble.png) no-repeat;
		width: 28px;
		height: 20px;
		display: inline-block;
		text-align: center;
	}
	
	p.comments a {
		color: #fff;
	}

	p.fb_share, p.twitter_share {
		float: left;
		margin: 15px 10px 5px 0;
	}
	
	img.alignleft {
		display:inline;
		margin:0 7px 2px 0;
		padding:4px;
	}
	
	img.alignright {
		display:inline;
		margin:0 2px 2px 7px;
		padding:4px;
	}

	img.aligncenter {
		margin: 0 auto 2px;
		padding: 4px;
	}
	
	
	/** sidebar styles **/
	
	.widget {
		margin-bottom: 30px;
	}
	
	.widget_recent_entries {
		border: 1px solid black;
		padding: 15px 20px;
	}
	
	
	.widget_recent_entries h3 {
		font-size: 16px;
		line-height: 18px;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	
	.widget_recent_entries p {
		color: #ff9934;
		margin-bottom: 5px;
		}
		
	.widget_recent_entries ul {
		margin-top: 0;
	}
	
	.widget_recent_entries li {
		line-height: 1.1em;
		margin-bottom: 10px;
	}
	
	#comics-side p {
		margin-bottom: 0px;
	}
	
		/* blog */
	#blog {
		background: #FFF4CE;
		padding: 20px 0;
		height: 100%;
	}
	
	#blog h3 {
		text-align: center;
		text-transform: uppercase;
		color: #C00000;
		font-size: 1.85em;
	}
	
	#blog .post header h4 {
		background: #C00000;
		font-size: 1em;
		line-height: 1.3em;
		text-transform: uppercase;
		padding: 5px 10px;
		font-weight: normal;
	}
	
	#blog .category-comics header h4 {
		background: #f93;
	}
	
	#blog .category-reviews header h4 {
		background: #90c;
	}
	
	#blog .post header h4 a {
		color: #fff;
	}
	
	#blog .post header h4 a:hover {
		color: #000;
	}
	
	#blog .post {
	}
	
	#blog section {
		margin: 10px 20px;
	}
	
	#blog section p {
		font-size: .8em;
		line-height: 1.65em;
	}
	
	#quote {
		font-size: 1em;
		padding: 5px 0 0;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	#blog .category-rumpus-comics { /* remove comics that are also rumpus comics */
		display: none;
		}
	
	h5.callout {
		background: #f93;
		color: #fff;
		text-transform: uppercase;
		padding: 8px 5px;
		font-size: 1.35em;
		font-weight: bold;
		text-align: center;
		margin: 0 0 20px;
	}
	
	.description p {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	.description p a, .description p b, .description p strong {
		text-transform: uppercase;
		font-size: 1.2em;	
	}
	
	
	.spreedly {
		background: #FFF4CE;
		padding: 10px;
		padding-bottom: 1px;
		margin-bottom: 10px;
	}
	
	
	/** archive styles **/
	
	#main h2.archive-title {
		font-size: 2em;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0px 0 20px;
		border-bottom: black solid 1px;
		padding: 0 0 20px;
	}
	
	#main h2.archive-title span {
		font-size: 30px;
		text-transform: none;
		display: block;
	}
	
	.archive #main h3 {
		text-transform: none;
		font-weight: bold;
	}
	
	.archive #main h3 {
		text-transform: uppercase;
		font-weight: normal;
	}
	
	/*letters subscription */

	#post-94769 .river ul li, #post-94571 .river ul li, #post-103466 .river ul li, #post-103587 .river ul li { 
		display: none;
		}
		
	#post-94769 .river ul li.Letters, #post-94571 .river ul li.Letters, #post-94769 .river ul li.LettersInternational, #post-94571 .river ul li.LettersInternational, #post-103466 .river ul li.Kids, #post-103466 .river ul li.KidsInternational,
	#post-103587 .river ul li.Kids, #post-103587 .river ul li.KidsInternational {
		display: block;
	}
	
	/* books remove letters and myster */
	#post-52839 .river ul li.Mystery-Subscription, #post-52839 .river ul li.mystery-subscription-international, #post-52839 .river ul li.LettersInternational, #post-52839 .river ul li.Letters,  #post-52839 .river li.Kids, #post-52839 .river li.KidsInternational,
	#post-55960 .river ul li.Mystery-Subscription, #post-55960 .river ul li.mystery-subscription-international, #post-55960 .river ul li.LettersInternational, #post-55960 .river ul li.Letters, #post-55960 .river li.Kids, #post-55960 .river li.KidsInternational  {
		display: none !important;
	}
	
	
	/** related posts styles **/
	
	#related {
		margin: 20px 0;
	}
	
	#related h3 {
		margin: 0;
		color: #000;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: bold;
	}
	
	#related ul {
		margin-top: 10px;
		margin-left: 0;
	}
	
	#related ul li {
		list-style: none;
		font-size: 1em;
		line-height: 1.1em;
		margin-bottom: 10px;
		margin-left: 0;
		padding-left: 20px;
		background: url(../img/bullet-laquo.png) no-repeat 0 4px;
	}
	
	#related ul li a {
		color: #000;
	}
	
	#related ul li a:hover {
		text-decoration: underline;
	}
	
	
	/*************** comments ********************/
	
	section#respond {
		margin-top: 20px !important;
		margin-bottom: -40px !important;
		border-bottom: none !important;
	}
	
	#comment-form-elements {
		margin-left: 0;
	}
	
	#comment-form-elements li {
		list-style: none;
		margin-left: 0;
		margin-bottom: 10px;
	}

	textarea#comment {width: 100%; height: 100px;}
	
	#comment-nav {
		display: none;
	}
	
	/*	Comments*/
	
	#comments-wrap {
		margin: 10px;
	}
		
	.commentlist li ul li {
		font-size: 12px;
		}
	
	.commentlist li {
		font-weight: bold;
		line-height: 1.15em;
		}
	
	.commentlist li .avatar { 
		background: #FFFFFF;
		float: right;
		border: 1px solid #EEEEEE;
		margin: 0px 5px 0px 10px;
		padding: 2px;
		}
	
	.commentlist cite, .commentlist cite a {
		font-weight: normal;
		font-style: normal;
		text-transform: uppercase;
		font-size: 1.07em;
		}
	
	.commentlist p {
		font-weight: normal;
		text-transform: none;
		}
	
	.commentmetadata {
		font-weight: normal;
		}
	
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0px;
		}
	
	#commentform {
		margin: 5px 10px 0px 0px;
		}
		
	#commentform textarea {
		width: 100%;
		padding: 2px;
		}
		
	#respond:after {
		content: "."; 
		display: block; 
		height: 0px; 
		clear: both; 
		visibility: hidden;
		}
		
	#commentform p {
		margin: 5px 0px 5px 0px;
		}
		
	#commentform #submit, #commentform #ml_subscribe {
		margin: 10px 0;
		float: left;
		}
		
	.alt {
		margin: 0px;
		padding: 10px;
		}
		
	li.alt {
		
		background: #ccc !important;
	}
		
	.commentlist li {
		background: #FFF4CE;
	}
	
	.commentlist {
		margin: 0px;
		padding: 0px;
		}
		
	.commentlist ol {
		margin: 0px;
		padding: 10px;
		}
	
	.commentlist li {
		margin: 15px 0px 10px;
		padding: 10px 5px 10px 10px;
		list-style: none;
	
		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}
	
	.commentlist p {
		margin: 10px 5px 10px 0px;
		padding: 0px;
		font-size: .9em;
		}
		
	.children { 
		margin: 0px;
		padding: 0px;
		}
	
	.nocomments {
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
	
	.commentmetadata {
		font-size: 10px;
		margin: 0px;
		display: block;
		}
	
		
		
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left;
		}
		
	.thread-alt {
		background: #FFFFFF;
		margin: 0px;
		padding: 0px;
		}
		
	.thread-even {
		background: #888;
		margin: 0px;
		padding: 0px;
		}
		
	.depth-1 {
		margin: 0px;
		padding: 0px;
		}
	
	.even, .alt {
		margin: 0px;
		padding: 0px;
		}
	
	
	h3#comments {
		color: #c00000;
		font-size: 1em;
		text-transform: uppercase;
		border-top: 1px solid #000;
		padding-top: 15px;
	}
	
	/** main footer **/
	
	footer.footer {
		margin-top: 30px;
		border-top: 1px solid #000;
		padding: 15px 0;
	}
	
	footer.footer h4 {
		color: #000;
		font-weight: normal;
		font-size: 1.95em;
		text-transform: uppercase;
	}
	
	
	
	#book-footer {
		border-bottom: 1px solid #000;
		padding: 0px 0 30px;
	}
	
	#book-footer .float-left {
		width: 175px;
		margin-right: 16px;
		display: block;
	}
	
	div#book-footer span:last-of-type	 {
		margin-right: 0;
	}
	
	#book-footer h3 {
		margin: 15px 0 5px;
		font-size: 1.15em;
		line-height: 1.1em;
		font-weight: normal;
	}
	
	#book-footer h3 a {
		text-transform: uppercase;
		color: #000;
	}
	
	#book-footer h3 a:hover {
		text-decoration: underline;
	}
	
	#book-footer .meta {
		text-transform: none;
	}
	
	#footer-about {
		padding: 30px 0;
	}
	
	footer.footer li {
		margin-left: 0;
	}
	ul.foot_sections {
		margin-left: 0;
	}
	
	ul.foot_sections li{
		list-style: none;
		margin-left: 0;
	}
	
	#foot-menu {
		border-top: 1px solid #000;
	}
	
	#foot-menu ul {
		margin: 10px auto 0;
		text-align: center;
		float: none;
	}
	
	#foot-menu ul li {
		list-style: none;
		margin-right: 12px;
		margin-left: 12px;
		float: none;
		display: inline;
		text-align: center;
	}
	
	#footer-about ul li {
		list-style: none;
	}
	
	
	
	/* countown styles */
	
	#sidebar .carbonlite-dashboard {
		background: none;
		padding-left: 20px;
		padding-top: 0px;
	}
	

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
	.ym-wrapper {
		min-width: 0px;
	}
}

@media screen and ( max-width: 740px ) {

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}

	nav .ym-hlist ul {
		padding-right: 10px;
	}

	.ym-searchform {
		display:block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;
	}

	.ym-searchform input[type="search"] {
		width: 14%;
	}
}

@media screen and ( max-width: 480px) {

	.ym-wbox {
		padding: 5px;
	}

	header {
		padding: 0.75em 10px;
	}

	header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
	}

	footer,
	#main,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}

	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}
}