/*  
Theme Name: WHAT YOU OUGHT TO KNOW Theme
Theme URI:
*/


/* -------------------------------------------------------------- 

	http://code.google.com/p/blueprintcss/
	reset.css
	* Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a { outline: none; }


/* -------------------------------------------------------------- 

	WYOTK STYLE

	dark blue:002341
	light blue:134a79

-------------------------------------------------------------- */

body { 
	position: absolute;
	width: 100%;
	background: #134a79 url(images/bg.jpg) repeat-x;
	font-size: 76%;
	line-height: 1.5; 
	font-family: 'Lucida Grande', Arial, sans-serif;
	color: #fff;
}
#header { 
	position: relative;
	width: 620px;
	height: 98px;
	margin: 0 auto; 
}
#wrap { 
	position: relative;
	width: 920px; 
	margin: 0 auto 0 auto; 
	border: 2px solid #ccc; 
	-moz-border-radius: 6px; 
	-khtml-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
	background: #002341; 
}
#page { 
	position: relative;
	padding: 25px 224px 0 35px;
}
#sidebar { 
	position: relative;
	float: right; 
	width: 194px; 
	margin: 15px; 
	z-index: 10;
	overflow: hidden;
}
	#sidebar div { 
		margin: 0 0 10px 0; 
		border: 2px solid #ccc; 
		-moz-border-radius: 6px; 
		-khtml-border-radius: 6px; 
		-webkit-border-radius: 6px; 
		border-radius: 6px; 
		background: #022e54; 
	}

	#sidebar h3 { margin: 0 6px; padding: 2px 0; font-size: 1.2em; color: #fff; text-align: center; border-bottom: 2px solid #ccc; }
	#sidebar p { padding: 2px 15px; }
	#sidebar ul { margin: 8px 0; padding: 0; }
	#sidebar li { padding: 2px 15px; }
	#sidebar input#s { 
		width: 126px; 
		height: 12px; 
		margin: 0; 
		padding: 7px 4px;
		border: none; 
		outline: none;
	}
	#sidebar input#searchsubmit { 
		position: relative; 
		width: 26px; 
		height: 26px; 
		margin: 0; 
		padding: 0;
		border: none; 
		text-indent: -9999px;
		background: url('images/search.gif') no-repeat 0 0; 
		cursor: pointer;
	}
	#sidebar input#searchsubmit:hover { 
		background-position: 0 -26px;
	}
	#sidebar select { width: 160px; }
	.sb-icon { clear: left; }
	.sb-icon img { float: left; margin: 0 10px 0 0; }

#bottombar {
	position: relative;
	clear: both; 
	height: 210px;
	padding: 0 0 0 55px;
	border-top: 2px solid #ccc;
}
	#bottombar div {
		float: left;
		width: 250px;
		margin: 0 30px 0 0;
		padding: 0;
	}
	#bottombar h3 { 
		margin: 6px; 
		padding: 2px 0; 
		font-size: 1.2em; 
		color: #fff; 
		text-align: center; 
		border-bottom: 2px solid #ccc; 
	}
	#bottombar div ul {
		margin: 0;
		padding: 0 10px;
	}
	#bottombar div ul li {
		margin: 0;
		padding: 0;
	}
	#bottombar div p {
		margin: 0;
		padding: 0 10px 6px 10px;
	}

#footer { 
	position: relative;
	margin: 10px auto 30px auto;
	text-align: center; 
}

div.movie { width: 480px; height: 300px; margin: 0; }
/**/ div.excerpt { margin: 0; }
/**/ div.post { margin: 0; }
/**/ div.comments { margin: 0; }
	div.comments ul { width: 640px; z-index: -10; overflow: hidden;}
/**/	div.comments p { margin: 0; padding: 0; }
	li.tbw { margin: 6px 0; padding: 6px; color: #1b1b1b; background-color: #fff; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
		li.tbw p, li.tbw div { color: #1b1b1b; }
		li.tbw p, li.tbw a:link, li.tbw p, li.tbw a:visited { color: #5298d4; }
		li.tbw p, li.tbw a:hover { color: #134a79; }
	li.tt_o { margin: 6px 0; padding: 6px; background-color: #1b1b1b; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	li.tt_e { margin: 6px 0; padding: 6px; background-color: #2b2b2b; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	li.odd { margin: 6px 0; padding: 6px; background-color: #022e54; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	li.even { margin: 6px 0; padding: 6px; }
	li.hlp { margin: 6px 0; padding: 6px; background-color: #12538a; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
div.shift_right { float: right; display: inline; }
div.comment_form { margin-top: 50px; }

div.search_results_top { margin: 6px 0; padding-bottom: 4px; border-bottom: 1px solid #fff; }
	div.search_results_top a { color:#fff; text-decoration: none; }
div.search_results_btm { margin: 6px 0; padding-top: 4px; border-top: 1px solid #fff; }
	div.search_results_btm a { color:#fff; text-decoration: none; }

a:link, a:visited { color: #fc3; text-decoration: none; }
a:hover { color: #c93; text-decoration: underline; }
a.white { color: #fff; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

h1 { padding: 0 0 4px 0; font-size: 2em; color: #fff; }
h2 { margin: 10px 0 0 0; padding: 0 0 4px 0; font-size: 1.6em; color: #fff; }
h3 { margin: 10px 0 0 0; padding: 0; font-size: 1.2em; color: #fff; }
h4 { margin: 6px 0; padding: 6px; font-size: 1.4em; color: #fff; background-color: #022e54; }
p { padding: 6px 0; }
ul { list-style-type: none; }
blockquote { color: #999; font-style: italic; }

input { color: #222; }
textarea { color: #222; }

img { border: none; }
img.purchase_thumb { border: 1px solid #FFF; }
img.rt { float: right; padding: 0 0 0 8px; }
table.img_list td { width: 140px; font-size: 10px; text-align: center; padding: 10px; }

h3#got_comment { width: 500px; margin: 6px 0; padding: 6px; background-color: #5298d4; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }


/* -------------------------------------------------------------- 

	LOOPED SLIDER IN SIDEBAR

-------------------------------------------------------------- */

#sidebar #loopedSlider {
	position: relative;
}
#sidebar .container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 186px;
	overflow: hidden;
	border: none;
	-moz-border-radius: 0; 
	-khtml-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0; 
}
#sidebar .slides {
	position: relative;
	width: 186px;
	height: 110px;
}
#sidebar #loopedSlider .slides ul {
	margin: 0 auto;
	padding: 0;
}
#sidebar #loopedSlider .slides li {
	position: relative;
	width: 186px;
	height: 110px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: none;
}
#sidebar #loopedSlider .slides ul li a {
	margin: 0;
	padding: 0;
}
#sidebar #loopedSlider ul.slidenav {
	position: relative;
	display: block;
/*	width: 98px; : set to 98 for 5 items */
	width: 84px;
	height: 14px;
	margin: 0 auto 4px auto;
	padding: 0;
	list-style-type: none;
}
#sidebar #loopedSlider ul.slidenav li {
	float: left;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
}
#sidebar #loopedSlider ul.slidenav li a {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#sidebar #loopedSlider ul.slidenav li.m {
/*	width: 70px; : set to 70 for 5 items */
	width: 56px;
}
#sidebar #loopedSlider ul.pagination {
	position: relative;
/*	width: 70px; : set to 70 for 5 items */
	width: 56px;
	height: 14px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
#sidebar #loopedSlider ul.pagination li {
	float: left;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
}	
#sidebar #loopedSlider ul.pagination li a,
#sidebar #loopedSlider ul.pagination li a:visited,
#sidebar #loopedSlider ul.pagination li a:active {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url('images/slidenav.gif') no-repeat -28px 0;
}
#sidebar #loopedSlider ul.pagination li a:hover,
#sidebar #loopedSlider ul.pagination li.active a { background-position: -28px -14px; }

#sidebar #loopedSlider a.previous, a.previous:visited { text-indent: -9999px; background: url('images/slidenav.gif') no-repeat 0 0; }
#sidebar #loopedSlider a.previous:hover, a.previous:active, a.previous:focus { background-position: 0 -14px; }
#sidebar #loopedSlider a.next, a.next:visited { text-indent: -9999px; background: url('images/slidenav.gif') no-repeat -14px 0; }
#sidebar #loopedSlider a.next:hover, a.next:active, a.next:focus { background-position: -14px -14px; }


#video-shell { position: relative; }
#ftube { position: relative; }
#blip { position: relative; display: none; }
#vid-bar {
	position: relative;
	margin: 0 21px 0 0;
	padding: 4px 6px;
	text-align: center;
	background: #fff;
	border: 1px solid #aaa;	
}
#vid-bar a {
	padding: 0 6px;
	color: #555;
}
#socialnet { position: relative; display: none; }
#embed { position: relative; display: none; }
	#embed input { 
		width: 200px; 
		height: 12px; 
		margin: 0; 
		padding: 7px 4px;
		border: none; 
		outline: none;
	}
#transcript { position: relative; display: none; }
#vid-latest {
	margin: 0 0 20px 0;
	height: 130px;
	list-style-type: none;
}
#vid-latest li {
	float: left;
	padding: 0 20px 0 0;
	text-align: center;
}