@import url(mediaplayer.css);

/*----------------------------
= index-content \\\\\\\\\\
----------------------------*/
#index-content {
	position: absolute;
	top: 47px;
	width: 100%;
	z-index: 1;
}

#leftcol {
	float: left;
	margin: 223px 0 0 28px;
	width: 568px;
}

#leftcol ul#cta {
	list-style: none;
}

#leftcol ul#cta li {
	float: left;
	text-indent: 0;
}

#leftcol ul#cta li a {
	display: block;
	margin-right: 8px;
	width: 136px;
	height: 108px;
	text-indent: -9000px;
}

#cta-forum a {background: transparent url(../../../images/sprite.png) 0 -320px no-repeat;}
#cta-wiki a {background: transparent url(../../../images/sprite.png) -144px -320px no-repeat;}
#cta-media a {background: transparent url(../../../images/sprite.png) -288px -320px no-repeat;}
#cta-merch a {background: transparent url(../../../images/sprite.png) -432px -320px no-repeat; margin-right: 0 !important;}

.lefttop {
	margin:22px 0 12px;
	text-align:left;
}

.lefttop a.banner img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	-moz-box-shadow:0 0 2px #333;
	-webkit-box-shadow:0 0 2px #333;
	box-shadow:0 0 2px #333;
	border:3px solid #fff;
}

#l-leftcol {
	float: left;
	padding-top: 5px;
	width: 432px;
}

a#subscribe {
	display: block;
	/*temp*/margin-bottom: 2px;
	width: 424px;
	height: 40px;
	background: transparent url(../../../images/sprite.png) -571px -273px no-repeat;
	text-indent: -9000px
}



/*----------------------------
= shownotes \\\\\\\\\\
----------------------------*/
#shownotes-wrapper {
	margin: -10px 0 0 -16px;
	width: 453px;
	background: transparent url(../../../images/shownotes.png) 0 0 no-repeat;
	z-index: 6;
}

#shownotes {
	position:relative;
	margin: -10px 0 0 0;
	padding-top: 17px;
	width: 453px;
	z-index:10;
}

#shownotes-content {
	margin: 0 0 0 13px;
	width: 432px;
	-webkit-transform:rotate(1deg);
	-moz-transform: rotate(1deg);
	transform:rotate(1deg);
}

#shownotes-content h2 {
	display: block;
	padding: 9px 14px 0;
	height: 30px;
	font: normal 18px/1em "Courier New", Courier, Corbel;
	color: #555;
	background: transparent url(../../../images/sprite.png) -21px -829px no-repeat;
}

#shownotes-content h2 span {font-size: 24px; line-height: 1em;}

#shownotes-content p {
	padding: 0 14px 18px 14px;
	font: 12px "Courier New", Courier, Corbel;
	color: #444;
	line-height: 18px;
	background: transparent url(../../../images/notecard-lines.png) 0 0 repeat;
}

#shownotes-content a.ymp-btn-page-play,
#shownotes-content a.ymp-btn-page-pause,
#shownotes-content span.ywp-page-play-pause .ywp-page-btn {
	display: block;
	float: right;
	margin: 4px 14px 0px 3px !important;
	padding: 0 !important;
	height: 64px;
	width: 64px;
}

#shownotes-content a.ymp-btn-page-play .ymp-skin,
#shownotes-content a.ymp-btn-page-pause .ymp-skin {
	position: static;
	display: block;
	margin: 0;
	padding: 0;
	height: 64px;
	width: 64px;
}

#ymp-tray {display: none!important;}

#shownotes-content a.ymp-btn-page-play .ymp-skin,
#shownotes-content .ywp-page-play-pause .ywp-page-btn-play {background: transparent url(../../../images/sprite.png) -288px -1213px no-repeat !important;}
#shownotes-content a.ymp-btn-page-pause .ymp-skin,
#shownotes-content .ywp-page-play-pause .ywp-page-btn-pause {background: transparent url(../../../images/sprite.png) -288px -1283px no-repeat !important;}

#shownotes-footer {
	position: relative;
	width: 432px;
	height: 14px;
	background: transparent url(../../../images/sprite.png) -21px -1120px no-repeat;
}

/*----------------------------
= tape \\\\\\\\\\
----------------------------*/
#tape {
	position: absolute;
	top: -10px;
	left: 125px;
	height: 47px;
	width: 186px;
	background: transparent url(../../../images/sprite.png) -10px -1149px no-repeat;
	z-index: 10;
}

/*----------------------------
= ahouyd \\\\\\\\\\
----------------------------*/
#ahouyd {
	margin: 0 0 18px 13px;
	-webkit-transform:rotate(-2deg);
	-moz-transform: rotate(-2deg);
	transform:rotate(-2deg);
	z-index: 5;
}

#ahouyd-top {
	height: 3px;
	width: 433px;
	background: transparent url(../../../images/ahouyd-top.png) 0 0 no-repeat;
}

#ahouyd-content {
	padding: 10px 13px 35px;
	width: 407px;
	background: transparent url(../../../images/ahouyd.png) 0 bottom no-repeat;
	overflow: hidden;
}

#ahouyd h2 {
	margin-bottom: 6px;
	font: 18px/18px "HandwritingDakotaRegular", tahoma, sans-serif;
	color: #900;
}

#ahouyd p {
	margin-bottom: 18px;
	font: 9px/18px tahoma, sans-serif;
	text-transform: uppercase;
}

#ahouyd-content p a:visited {
	color: #999;
	text-decoration:line-through;
}

#ahouyd p.forum_link {float: left;}
#ahouyd p.shownotes_link {float: right;}

#ahouyd p.forum_link a,
#ahouyd p.shownotes_link a,
#ahouyd p.forum_link a:link,
#ahouyd p.shownotes_link a:link,
#ahouyd p.forum_link a:visited,
#ahouyd p.shownotes_link a:visited {color: #a20;text-decoration:none;}

/*----------------------------
= seth tv player \\\\\\\\\\
----------------------------*/
#playerBG {
	position: relative;
	margin: 18px 0 36px;
	width: 432px;
	height: 318px;
}

#playerBG .video-js-box p {
	margin: 1.2em 0;
	font-size: 14px;
	font-weight: bold;
}

/*----------------------------
= centercol \\\\\\\\\\
----------------------------*/
#l-centercol {
	float: left;
	width: 136px;
/* 	height: 400px; */
	text-align: center;
}

#l-centercol-top {
	height: 20px;
	background: transparent url(../../../images/sprite.png) -432px -428px no-repeat;
}

#l-centercol a img {
	border: none;
}
#l-centercol a.hidden {
	display:none;
}

/*----------------------------
= rightcol \\\\\\\\\\
----------------------------*/
#rightcol {
	float:left;
	margin: 0 0 0 5px;
	width:333px;
}
.rightcol-wrapper {
	margin: 0;
	padding: 177px 13px 0 14px;
	width: 306px;
	font: 12px/18px georgia, "times new roman", serif;
	color: #777;
	background: transparent url(../../../images/index-newspaper-tile.png) left bottom repeat-y;
	overflow:hidden;
}

/* temporary */
.rightcol-wrapper {padding-top: 196px;}

.rightcol-wrapper h3 {
	padding: 5px 0 6px;
	font-size: 24px;
	line-height: 24px;
}

.snippet {
	margin-bottom: 24px;
	overflow: hidden;
}

.column-links {
	margin-bottom: 9px;
	width: 100%;
}

.column-links span {
	display: block;
	margin: 12px auto 0;
	padding-bottom: 3px; 
	width: 192px; 
	font-size: 13px;
	border-bottom: 1px solid #aaa; 
	text-align: center;
	font-variant: small-caps; 
	font-style: oblique;
}

.column-links span a {
	display: block; 
	padding-bottom: 3px;
	width: 192px; 
	border-bottom: 1px solid #aaa; 	
}

.column-links span a:hover {text-decoration: none;}

.column-links span span {
	display: block; 
	width: 192px; 
	border-bottom: 1px solid #aaa; 	
}

.rightcol-footer {
	margin: 0 0 36px;
	width:333px;
	height:18px;
	background:transparent url(../../../images/newspaper-footer.png) 0 0 no-repeat;
}

/*----------------------------
= obits \\\\\\\\\\
----------------------------*/
#obit h2 {
	display: block;
	margin: 0 0 14px;
	padding: 0;
	width: 307px;
	height: 31px;
	text-indent: -9000px;
	background: transparent url(../../../images/sprite.png) 0 -1432px no-repeat;
}

#obit h3 a {color:#777;font-size: 18px;}

#obit p {
	margin-bottom:1.2em;
	font: 12px/18px georgia, "times new roman", serif;
	text-align: justify;
}

#obit p img {
	float: left;
	margin: 4px 6px 6px 0;
	padding: 0;
	width: 110px;
	border: 1px solid #bbb;
}

#obit span.dateline {
	display: block;
	padding-bottom: 3px;
	color: #999;
	font-weight: bold;
	font-variant: small-caps; 
	font-size: 11px;
	border: none;
}

/*----------------------------
= jonathans blob \\\\\\\\\\
----------------------------*/
#nis h2 {
	display: block;
	margin: 0 0 -15px 0;
	width: 304px;
	height: 64px;
	text-indent: -9000px;
	background: transparent url(../../../images/sprite.png) 0 -1366px no-repeat;
}

#nis h3 {
	margin-bottom: 3px; 
	font-size: 18px;
	border-bottom: 1px solid #aaa;
}

#nis p {
	margin-bottom: 6px;
	font: 12px/18px georgia, "times new roman", serif;
	text-align: justify;
}

span.dateline {
	display: block;
	padding-bottom: 1px;  
	width: 192px; 
	color: #999;
	font-weight: bold;
	font-variant: small-caps; 
	font-size: 11px; 
	border-bottom: 1px solid #aaa;
	
}
span.byline {
	color: #999;
	font: bold 12px/18px georgia, "times new roman", serif; 
	font-variant: small-caps;
}
	
span.location {
	font-weight: bold; 
	font-variant: small-caps; 
	color: #555; 
	text-align: left;
}
#ad-300x300 {
	display:block;
	margin:0 auto;
	width:300px;
	height:300px;
}
#ad-300x250 {
	display: block;
	margin: 0 0 6px 3px;
	width: 290px;
	height: 240px;
	background-color: #ccc;
	border: 5px solid #999;
}

/*----------------------------
= community talk \\\\\\\\\\
----------------------------*/
#comtalk h3 {
	margin-bottom: 6px;
}

#comtalk table {
	margin-bottom: 6px;
	width: 100%;
}

#comtalk table td {
	padding: 4px 5px;
	font: 9px verdana, sans-serif;
	color: #666;
}

#comtalk table td a {
	font: normal 14px/12px georgia, serif;
	color: #777;
	text-decoration: none;
}

#comtalk table td a:hover {text-decoration: none; color: #333;}

#comtalk table td a.comm-talk-author {font: 9px verdana, sans-serif; color: #900;}
#comtalk table td a:hover.comm-talk-author {text-decoration: underline;}

#comtalk table tr:nth-child(odd) td {background-color: #c5c5c5;}
#comtalk table tr.odd td {background-color: #c5c5c5;}

#comtalk table td span {font-weight: bold; text-transform: uppercase;}

#comtalk table td.comtalk-posts {
	padding-left: 0;
	font-size: 36px;
	text-align: right;
	font-family: Arial, sans-serif;
	color: #777;
}

#comtalk .column-links {margin-bottom: 12px;}

/*----------------------------
= contact form \\\\\\\\\\
----------------------------*/
#contact {
	text-align: center;
}

#contact form h3 {
	float: left;
	margin-top: 9px;
}

#contact form p {
	clear:both;
	margin-bottom:6px;
	color: #333;
	font: 9px/1.2em sans-serif;
	text-shadow:#eee 1px 1px 0;
}
#contact form p strong {text-transform:uppercase;}

#contact form input[type="text"] {
	float: right;
	clear: right;
	margin: 0 0 6px;
	padding: 3px;
	width: 164px;
	height: 17px;
	line-height: 1em;
	font-family: inconsolata, monaco, "andale mono", monospace;
	
}
#contact form input.placeholder {
	color: #bbb;
}

#contact form textarea {
	margin-bottom: 18px;
	padding: 2px 3px;
	width: 298px;
	height: 118px;
	min-height:118px;
	resize:vertical;
	font: 11px/14px inconsolata, monaco, "andale mono", monospace;
	overflow:auto;
}

#contact form input[type"submit"] {
	margin: 0 auto;
}