@import url(mediaplayer.css);
@import url(wiki.css);

div.blog,
div.wiki {
	padding: 281px 0 0 28px;
}
div.wiki {
	font:14px/18px monaco, "Andale Mono", monosapce;
}
/*temporary*/
.blog h1,
.wiki h1 {margin-bottom: 12px;}

/*----------------------------
= leftcol \\\\\\\\\\
----------------------------*/
#blog-leftcol,
#seth-leftcol {
	float:left;
	width: 184px;
}

#blog-leftcol h3,
#seth-leftcol h3 {
	margin-bottom: 3px;
	padding-bottom: 4px;
	border-bottom: 6px solid rgba(51,51,51,1);
	font-family:BsMandraxRegular, sans-serif;
}

#blog-leftcol ul,
#seth-leftcol ul {
	margin-bottom: 18px;
	list-style: none;
}

#blog-leftcol li {
	font: 11px/18px monaco, "Andale Mono", monospace;
}

#blog-leftcol li a,
#seth-leftcol li a {color: #333;}

/*----------------------------
= rightcol \\\\\\\\\\
----------------------------*/
#blog-rightcol,
#seth-rightcol {
	float: left;
	margin-left: 24px;
	padding-bottom: 36px;
	width: 512px;
}

#seth-rightcol {
	width: 696px;
}

/*----------------------------
= righ rail \\\\\\\\\\
----------------------------*/
#right_rail {
	float:left;
	margin-left: 12px;
	width:184px;
	text-align:center;
}
/*----------------------------
= entry \\\\\\\\\\
----------------------------*/
.entry {
	margin-bottom: 30px;
	padding-bottom: 18px;
	border-bottom: 6px solid #333;
	overflow: hidden;
}

#nis-content .entry {padding-bottom: 36px;}

.entry h2 {margin: 6px 0 7px;}

.entry a {font-size: 12px;}

.entry h2 a,
.entry h2 a:link,
.entry h2 a:visited {
	font-size: 24px;
	color: #333;
	outline: none;
	text-decoration: none;
}

.entry h2 a:hover {text-decoration: none;}
.entry h2 a:hover:after {}

.entry h2 span a,
.entry h2 span a:link,
.entry h2 span a:visited {font-size: 11px;} 

.entry a.ymp-btn-page-play,
.entry a.ymp-btn-page-pause {
	display: block;
	float: left;
	margin: 4px 8px 0px 3px !important;
	padding: 0 !important;
	height: 64px;
	width: 64px;
}

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

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

.entry p {
	margin-bottom: 1.2em;
	font: 13px/18px monaco, "andale mono", monospace;
}

.entry p a:visited {color: #b39f81;}
.entry p a:hover {color: #a20;}

.entry img {
	float: left;
	margin: 18px 12px 0 0;
	padding: 0;
	width: 150px;
}

.entry img.obit_img {
	margin-top:5px;
}

span.author {
	float: left;	
}

span.obit_date {
	margin-top: 10px;
}

span.nis_comment,
span.obit_comment {
	float: right;
	margin: 0;
	padding: 0;
}

.breadcrumb {
	height: 18px;
}

.entry form {
	padding-top: 18px;
	border-top: 6px solid #333;
}

.entry form input.email {
	margin: 0 12px 0 0;
	padding: 12px 0 12px 8px;
	width:250px;
	color:#ccc;
	font-size: 18px;
	line-height: 1em;
	vertical-align:bottom;
	border:none;
}
.entry form input[type="submit"] {
	float:right;
	margin-top: 12px;
}

/*----------------------------
= seth tv player \\\\\\\\\\
----------------------------*/
#playerBG {
	position: relative;
	width: 696px;
	height: 481px; 
	background: transparent url(../../../images/tv.png) 0 0 no-repeat;
}

#player {
	position: absolute;
	top: 97px;
	left: 156px;
	width: 384px;
	height: 288px;
}

/*----------------------------
= Control Bar \\\\\\\\\\
----------------------------*/
.controls {
	position: relative;
	top: 391px;
	left: 112px;
	width: 480px;
	height: 30px;
	color: #fff;
}

.controls a.play,
.controls a.pause {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 27px;
	height: 30px;
	text-indent: -9000px;
	cursor: pointer;
}

.controls a.play {background: url(../../../images/control-bar-sprite.png) 0 0 no-repeat;}
.controls a.play:hover {background: url(../../../images/control-bar-sprite.png) 0 -31px no-repeat;}

.controls a.pause {background: url(../../../images/control-bar-sprite.png) 0 -62px no-repeat;}
.controls a.pause:hover {background: url(../../../images/control-bar-sprite.png) 0 -90px no-repeat;}

.controls .track {
	position: absolute;
	top: 10px;
	left: 44px;
	width: 290px;
	height: 8px;
	border: 1px solid #585858;
	background-color: #757575;
	cursor: pointer;
}

.controls .track .progress,
.controls .track .buffer {position: absolute; margin: 3px 6px 0 3px; height: 2px;}

.controls .track .progress {background: #bbb url(../../../images/control-progress.png) right 0 no-repeat;}
.controls .track .buffer {background-color: #919191;}

.controls .track .playhead {
	position: absolute;
	width: 8px;
	height: 8px;
	background: url(../../../images/control-bar-sprite.png) -92px 0 no-repeat;
	cursor: pointer;
}

.controls .time {
	position: absolute;
	left: 341px;
	top: 9px;
	width: 90px;
	text-align: center;
	font: 10px monaco, "andale mono", monospace;
}

.controls .time span:after {content: " /";}
.controls .time strong {font-weight: normal;}

.controls a.mute,
.controls a.unmute {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 39px;
	height: 26px;
	text-indent: -9000px;
	cursor: pointer;
}

.controls a.mute {background: url(../../../images/control-bar-sprite.png) -28px 0 no-repeat;}
.controls a.mute:hover {background: url(../../../images/control-bar-sprite.png) -28px -27px no-repeat;}
.controls a.unmute {background: url(../../../images/control-bar-sprite.png) -28px -54px no-repeat;}
.controls a.unmute:hover {background: url(../../../images/control-bar-sprite.png) -28px -81px no-repeat;}

/*----------------------------
= Seth's playlist \\\\\\\\\\
----------------------------*/
#seth-leftcol #playlist li {
	margin-bottom: 3px;
	
}

#playlist a,
#playlist a.paused,
#playlist a.progress {
	position: relative;
	display: block;
	padding-left: 17px;
	width: 167px;
	font: 11px monaco, "Andale Mono", monospace;
	line-height: 14px !important;
	text-decoration: none;
}

#playlist a:hover,
#playlist a:active {background-color: #F1E7D9;}

#playlist a em,
#playlist a.paused em,
#playlist a.progress em {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 14px;
	width: 14px;
	background: url(../../../images/btn-ymp-small.png) 0 0 no-repeat;
	cursor: pointer;
}

#playlist a:hover em,
#playlist a.paused:hover em,
#playlist a.progress:hover em {
	background: #F1E7D9 url(../../../images/btn-ymp-small.png) 0 -14px no-repeat;
	text-decoration: none;
}

#playlist a.paused:active em,
#playlist a.progress:active em {
	background: #F1E7D9 url(../../../images/btn-ymp-small.png) 0 -28px no-repeat;
}

#playlist a.playing em {background: url(../../../images/btn-ymp-small.png) 0 -42px no-repeat;}
#playlist a.playing:hover em {background: #F1E7D9 url(../../../images/btn-ymp-small.png) 0 -56px no-repeat;}
#playlist a.playing:active em {background: url(../../../images/btn-ymp-small.png) 0 -70px no-repeat;}

/*------------------------
= paginate \\\\\\\\\\\\\\
------------------------*/
.paginate {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 6px solid #333;
	font: 10px monaco, "andale mono", monospace;
}

.paginate a,
.paginate a:link,
.paginate a:visited {
	padding: 2px 3px;	
}

.paginate a:hover {background-color: #F1E7D9;}
.paginate strong {padding: 2px 3px; background-color: #F1E7D9;}