@charset "utf-8";
/*
Theme Name: Huginn
Theme URI: http://zantetsuken.net
Description: Magazine layout for Zantetsuken
Version: 1.0
Author: Karasu
Author URI: http://zantetsuken.net
*/

/* --------------------------------------------------------------
   Fonts
-------------------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Roboto:300|Roboto+Condensed|Open+Sans|Open+Sans+Condensed:300);

/* --------------------------------------------------------------
   RESET START
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background:transparent;
	font-family: inherit;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section, time { display:block;}

/* LIST SETUP */
ol, ul {
	list-style: none;
}
.post-content ul { margin:10px;}
.post-content li {list-style:disc; margin:0 0 15px 15px;}
.post-content ul.compact { margin:0 10px 15px 10px; }
.post-content ul.compact li { margin:0 0 0 15px;}
.post-content ul.compact li ul { margin:0 10px }
.post-content ul.compact li ul li { list-style:circle;}
/* LIST SETUP END */

/* TABLE SETUP */
.post-content table { margin:15px;}

/* QUOTES */
blockquote, q {
	quotes: none;
	margin:15px 0 15px 15px; padding:0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

blockquote.fancy, q.fancy {
	background:#f1f1f1;
	border-left:10px solid #f8a51b;
	margin:20px 40px;
	padding:20px 20px 10px 5px;
	quotes:"\201C""\201D";
	width: 475px;
	font: italic normal 14px/20px Georgia, "Times New Roman", Times, serif;
	color: #888;
	position:relative;
}
blockquote.fancy:before, q.fancy:before {
	color:#ddd;
	content:"\201C";
	letter-spacing:-6em;
	position:absolute;
	top:40px;
}
blockquote.fancy p, q.fancy p {
	margin-left:50px;
}
/* QUOTES END */

/* MISCELLANEOUS */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* MISCELLANEOUS END */

/* TABLES */
/* tables still need 'cellspacing="0"' in the markup */

table, caption, tbody, tfoot, thead, tr, th, td {
	/*margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;*/
}

td { padding:8px;}
/* TABLES END */

/* --------------------------------------------------------------
   RESET END
-------------------------------------------------------------- */



/* --------------------------------------------------------------
   TYPOGRAPHY
-------------------------------------------------------------- */

body { color:#fff; background:#222; font-size: 13px; line-height:18px;}

body,p,ul,ol,dl,input,textarea { font-family: 'Open Sans', Helvetica, sans-serif;; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif; }

h1 { font-size: 26px; line-height: 1; letter-spacing: -1px;}
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

p { margin: 0 0 15px; }

.entry-content h1 { font-weight: normal; }
.entry-content h2 { font-weight: normal; }

.page-content, .post-content { }
.post-content {}
.page-content h1, .post-content h1 { font-weight:normal; letter-spacing: -1px; margin-bottom: 15px;}
.page-content h2, .post-content h2 { font-weight:normal; letter-spacing: -1px; margin-bottom: 15px;}
.page-content h3, .post-content h3 { font-weight:normal; margin:15px 0;}
#author-description { }
#author-description h2 { margin:0; line-height:1; letter-spacing:-1px;}
#article-preview .post-content { }



/* --------------------------------------------------------------
   WRAPPER/BASICS START
-------------------------------------------------------------- */

#page { width:960px; margin:0 auto; position:relative;}
a { color:#cd9d41;}
.aligncenter { margin:0 auto; display:block;}
.alignleft { float:left; margin-right:15px; margin-bottom:15px;}
.alignright { float:right; margin-left:15px; margin-bottom:15px;}
.bufferleft { margin-left: 20px; }
.bufferrgt { margin-right: 20px; }
.buffertop { margin-top: 20px; }
.bufferbtm { margin-bottom: 20px; }
.superscript {vertical-align: super;}
.footnote { color:#c45f4e;}
table.normal {
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #666;
	margin:10px 10px 20px 10px;
	padding:50px;
}
table.normal td {padding:5px; border:1px solid #fff;}
table.normal thead td { background:#999; color:#fff;}
.tableborder {border:1px solid #2f2f2f; margin:5px 0}

ul.simple { margin:25px}
ul.simple li { margin:10px 20px; list-style:disc;}
ul.simple li ul li { margin-left:25px}

#interviews .question { font-weight:bold;}
#interviews .answer {}

/* For placing a fully quoted post or large amount of material into an entry */
#inset {background-color: #eddfcc; padding: 20px; margin-bottom:25px;}

/* For clearing floats */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
    /* For IE 6/7 only */
.clearfix {
	*zoom: 1;
}


/* WRAPPER/BASICS START END */


/* --------------------------------------------------------------
   HEADER START
-------------------------------------------------------------- */

#main-header {

}

#main-header h1,
#main-header h1 a {
	font-size: 30px;
	letter-spacing: -2px;
	color: #fff;
	padding: 15px 0;
	text-decoration: none;
}

/* TOP MENU */
.main-navigation {
	margin-bottom: 30px;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: inline-block !important;
}

.main-navigation ul {
	margin: 0;
	text-indent: 0;
	width: 100%;
	border-top: 3px solid #555;
	border-bottom: 1px solid #555;
}

.main-navigation li a,
.main-navigation li {
	display: inline-block;
	text-decoration: none;
	font-family: 'Open Sans Condensed', Helvetica, sans-serif;
	font-size: 22px;
}

.main-navigation li a {
	padding:0 24px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 48px;
}
	.main-navigation li a:hover {
		background: #000;
		color: #cd9d41;
	}
	.main-navigation li {
		position: relative;
		margin: 0;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 100;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		display: block;
		border: 0;
		background: #000;
	}
	.main-navigation li ul li a {
		background: #000;
		display: block;
		width: 180px;
		font-size: 14px;
		font-family: 'Droid Sans', Helvetica, sans-serif;
		text-transform: none;
		line-height: 35px;
	}
	.main-navigation li ul li a:hover {
		background: #cd9d41;
		color: #fff;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}

.donate {
	float: right;
	/* color: #777; inactive */
	/* background: #555; inactive */
	background: #4e92c0;
	font-style: italic;
	padding:0;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 48px;
}

#sbpage .donate-link {
	background: #4e92c0;
	color: #fff;
	font-size: 20px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 48px;
}

.inactive {
	color: #777;
	padding:0 24px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 48px;
}
/* Main Navigation END */

/* SEARCH */
#searchform { }
#searchform button { }
#searchform .reader { display:none;}
#searchform .searchentry { background:0; border:0; padding:0; margin:0; position:absolute; top:10px; left:35px; width:220px;}
#searchform .searchcontainer { background:url(images/search-bg.png) no-repeat top left; width:275px; height:32px; position:relative;}

/* BANNER */


/* HEADER END */

/* --------------------------------------------------------------
   MAIN CONTENT START
-------------------------------------------------------------- */


/* SLIDESHOW LIST START */

#slideshow {
	height:258px;
	width: 100%;
	background: #fff;
	margin-bottom: 30px;
	position: relative;
}

#slideshow li {
	width: 960px;
	height: 258px;
	display: block;
}

.slide-img {
	width: 500px;
	height: 258px;
	float:left;
	border-right: 2px solid #222;
	margin-right: 25px;
	overflow: hidden;
}

.slide-img img {
	width: 500px;
	height: 258px;
}

.slide-desc {
	color: #000;
	font-size: 14px;
	line-height: 18px;
	padding: 25px;
}

.slide-desc h1 {
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 22px;
	margin-bottom:15px;
	font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif;
	color: #4e92c0;
}

.slide-desc h1 a {
	text-decoration: none;
	color: #4e92c0;
}

.slide-desc a {
	color: #4e92c0;
}

#slidenavi {
	position: absolute;
	top: 268px;
	z-index: 200;
	width: 300px;
	margin: 0 auto;
}

#slidenavi li {
	float: left;
	width: 13px;
	height: 13px;
	margin: 0 5px;
}

#slidenavi li a {
	display: block;
	width: 13px;
	height: 13px;
	background: url('images/slide-pager-thumbs.png') 0px 0px no-repeat;
}

#slidenavi li a:hover {
	background-position: 0px -13px;
}

#slidenavi li.activeSlide a {
	background-position: 0px -13px;
}


/* SHOW INFO START */

#show-info {
	width: 100%;
	height: 250px;
	margin-bottom: 30px;
}

.show-art {
	float: left;
	width: 400px;
	height: 250px;
	margin-right: 20px;
	overflow: hidden;
	background: #888;
	border: 1px #fff solid;
	position: relative;
}

.show-art p {
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	color: #fff;
	font-size: 24px;
	line-height: 26px;
	height: 26px;
	padding: 3px 0;
}

.show-desc {
	margin-left: 422px;
}

.show-desc header {
	margin-bottom: 15px;
}

.show-desc h1 {
	font-size: 28px;
	letter-spacing: -1px;
	line-height: 30px;
	font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif;
}

.show-desc h2 {
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 22px;
	font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.subscribe-links {
	width: 125px;
	float: left;
	margin-right: 20px;
}

.follow-links {
	float: left;
}

.show-rss, .show-itunes, .show-twitter, .show-gplus {
	font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin-bottom:10px;
}

.show-rss {
	background: url('images/feed-icon-24x24.png') top left no-repeat;
}

.show-itunes {
	background: url('images/itunes-icon-24x24.png') top left no-repeat;
}

.show-twitter {
	background: url('images/twitter-icon-24x24.png') top left no-repeat;
}

.show-rss a, .show-itunes a, .show-twitter a {
	text-decoration: none;
	margin-left: 30px;
}

.show-desc p {
	line-height: 15px;
}

.show-desc footer {
	margin-top: 25px;
	padding-top: 25px;
	border-top: dashed 1px #fff;
}

.live-show-announce {
	text-align: center;
	padding: 15px;
	background: #893737;
	border: #999;
	margin: 15px;
}

.live-show-announce span {
	font-size: 16px;
}

.live-show-announce a {
	display: block;
	font-size: 20px;
	margin-top: 10px;
}


/* SHOW LIST START */

#shows-list {
	width: 100%;
	height: 330px;
	margin-top: 15px;
	margin-right: 30px;
	position: relative;
}

.podcast-girl {
	width: 300px;
	height: 300px;
	background: url('images/podcast-girl.png') no-repeat right bottom;
	position: absolute;
	right: 0;
	bottom: -24px;
	z-index: -1;
}

#main .shows-list-header p {
	margin-bottom: 0;
}
.show-preview-img {
	width: 100%;
	height: 125px;
	background: #329ae1;
}

.show-item {
	width: 225px;
	float: left;
	min-height: 150px;
	background: #fff;
	color: #000;
	margin-right: 20px;
	position: relative;
}

div.show-item:last-child {
	margin-right: 0px;
}

.show-item h1 {
	font-size: 18px;
	line-height: 20px;
	font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif;
	color: #4e92c0;
	margin-top: 10px;
}

.show-item h2 {
	color: #fff;
	background: #b34141;
	font-size: 16px;
	height: 16px;
	line-height: 18px;
	padding: 0 3px;
	position: absolute;
	top: 109px;
	right: 0;
}

.show-item a {
	color: #4e92c0;
}

.show-item h1 a {
	text-decoration: none;
}

.show-item h1, .show-item p {
	margin-left: 20px;
	margin-right: 20px;
}

.show-coming-soon {
	width: 225px;
	float: left;
	height: 295px;
	background: #777;
	color: #000;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}

.show-coming-soon p {
	font-size: 18px;
	color: #fff;
	line-height: 200px;
	margin-left: 15px;
}

/* SAYING START */

#news-list {
	width: 100%;
	margin-top: 30px;
}

#news-list a {
	text-decoration: none;
	color: #349ddf;
}

#news-list li {
	margin-bottom: 30px;
}

#main #news-list p {
	margin-bottom: 0;
}

.news-icon {
	float: left;
	width: 65px;
	height: 65px;
	margin-right: 10px;
}

.tag-sb, .tag-sequence-break {
	background: url('images/sb-logo.png') no-repeat top left;
}

.tag-sbr, .tag-sequence-break-radio {
	background: url('images/sbr-logo.png') no-repeat top left;
}

.tag-sbxiv, .tag-sequence-break-xiv {
	background: url('images/sbxiv-logo.png') no-repeat top left;
}

.news-header h1  {
	font-size: 18px;
	letter-spacing: -1px;
	margin: 0;
}

.news-date {
	color: #999;
}

.more-news {
	font-family: 'Droid Sans', Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 20px;
	text-align: right;
}

/* PODCAST GRID START */

#podcast-grid {
	margin-bottom: 30px;
	overflow: hidden;
	width: 960px;
	height: 600px;
	clear: left;
}

.podcast-grid-header, .news-list-header, .shows-list-header {
	border-bottom: 1px solid #fff;
	width: 100%;
	height: 10px;
	margin-bottom: 20px;
}

.podcast-grid-header h1, .news-list-header h1, .shows-list-header h1 {
	font-size: 22px;
	line-height: 20px;
	letter-spacing: -1px;
	background: #222;
	float: left;
	display: block;
	padding-right: 5px;
}

.podcast-grid-content a {
	text-decoration: none;
}

.podcast-category {
	color: #777;
	height: 20px;
	line-height: 27px;
	font-size: 16px;
	leltter-spacing: -1px;
}

.podcast-grid-content article {
	background: #444;
	height: 200px;
	width: 200px;
	padding: 10px;
}

.podcast-grid-content header {
	height: 50px;
	border-bottom: 1px #555 solid;
	margin-bottom: 10px;
}


.podcast-grid-content h1, .podcast-grid-content h2 {
	letter-spacing: -1px;
	font-size: 16px;
}

.podcast-grid-content h1 a {
	color: #fff;
	text-decoration: none;
}

.podcast-grid-content ul {
	width: 100%;
}
.podcast-grid-content li {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.podcast-grid-content footer {

}

.podcast-img {
	width: 200px;
	height: 103px;
	overflow: hidden;
	margin-bottom: 10px;
}

.podcast-img img {
	max-width: 200px;
}

.podcast-listen {
	float: left;
	width: 50%;
}

.podcast-listen span {
	float: right;
}

.podcast-listen a {
	background: #222;
	border-radius: 10px;
	width: 55px;
	display: block;
	padding: 0 10px;
}

.podcast-comments {
	float: right;
	width: 50%;
	text-align: right;
}

/* BLOG LIST START */

.single-pages {
	float: left;
	width: 680px;
}

#sbpage {
	color: #000;
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
}

#sbpage a {
	color: #4e92c0;
}

#sbpage header {
	margin: 0 0 15px 0;
}
#sbpage header h1 {
	margin: 0;
}

#sbpage header h1 a {
	color: #000;
	font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	text-decoration: none;
}

.byline {
	float: left;
	width: 50%;
	margin: 0;
}

.comment-icon {
	float: right;
	width: 30px;
	text-align: right;
	height: 30px;
	padding-right: 10px;
	margin: 0;
	background: url('images/sb-comment-icon.png') no-repeat top right;
}

#sbpage .comment-icon a {
	color: #fff;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}

.post-content {
	clear: both;
}

/* --------------------------------------------------------------
   SIDEBAR START
-------------------------------------------------------------- */

#side {
	float: right;
	width: 250px;
	color:#bbad9b;
}

.widget_twitter li {
	margin-bottom: 15px;
}

.widgettitle, .widgettitle a {
	color: #fff;
	font-family: 'Roboto', 'Droid Sans', Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	text-decoration: none;
	margin-bottom: 15px;
}

li.widget {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #555 solid;
}

.recent-shows-widget li {
	margin-bottom: 5px;
}



/* --------------------------------------------------------------
   CONTACT PAGE
-------------------------------------------------------------- */




/* --------------------------------------------------------------
   SINGLE POST
-------------------------------------------------------------- */

#main p { margin-bottom:15px;}

#content header { position:relative;}
#content header.preview { height:110px;}
#content .comment-icon { position:absolute; right:0; top:0; background:url(images/comment-icon.png) no-repeat; width:30px; height:30px; text-align:center;}
#content .comment-icon a { font-size:1.4em; color:#fff; line-height:20px; text-decoration:none; }
#content p {margin-bottom:15px;}
#content .preview-image { float:left; padding-right:10px;}
.category-preview-image {}
#content article .single { margin-bottom:40px;}
.readmorelink a { font-style:italic; text-decoration:none;}
.readmorebutton a { font-size:0; width:130px; height:40px; display:block; background: url(images/read-more-button.jpg) no-repeat;}


.wp-caption-text { font-size: 10px; padding:2px; text-align:center;}



/* --------------------------------------------------------------
   DISQUS COMMENTS
-------------------------------------------------------------- */
.dsq-comment-message, #dsq-account-dropdown, #dsq-pagination { font-size:1.4em; }
.dsq-comment-footer { font-size:1.35em;}
.dsq-comment-footer ul { height: 15px;}
.dsq-comment-footer a { text-decoration:none;}



/* MAIN CONTENT END */




/* --------------------------------------------------------------
   FOOTER START
-------------------------------------------------------------- */

footer.main {
	clear: both;
	padding:15px;
	background: #191919;
}
footer.main p { margin: 0 auto;}
.copyright { font-size:12px; line-height:1.2; width: 600px; text-align:center; color:#fff;}

.nav-previous, .nav-next {
	width: 47%;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
	text-align: right;
}

.nav-previous a, .nav-next a {
	font-family: 'Droid Sans', Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 20px;
	text-decoration: none;
}

/* FOOTER END */