/* 
Theme Name: whiteboard
Theme URL: http://whiteboard.plainbeta.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.0

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
/*

/*
Here is a list of all the <DIV>s in Whiteboard.
*/
body{
	text-align:center;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#333;
		padding:0;
		margin:0;
	
}
a{
	text-decoration:none;
	color:#06F;
}
#searchsubmit
{
	
	border:none;
	margin-top:16px;
}
#quick-nav{
	float:left;
	width:100%;
	height:0px;
	overflow:hidden;
	text-align:left;
	background-image:url(nav-bg.png);
	background-color:#CCC;
	
	
}


   
#dock {
	float:left;
position:absolute;
 background:#ccc;  
 height:50px;  
 z-index:100;  
 width:100%;  
}  

#s{
	
	height:15px;
	width:180px;
	border:none;
	background-color:none;
	margin-top:15px;
	margin-left:30px;
	
}

img{
	border:none;
	
} 

#container{
	width:985px;
	text-align:left;
	margin:auto;
	overflow:hidden;


	}

	#logo{
		float:left;
		width:231px;
		height:89px;
		background-image:url(logo.png);
		
			margin-top:20px;
	}
	
	#home-links{
	float:left;
	width:750px;
	height:89px;
	margin-top:20px;
	
	text-align:right;
		
	}
	
	#home-links a{
margin-top:15px;
		width:150px;
		float:right;
		margin-left:5px;
		
		
		
	}
	
/*home tabs begin*/
	
#home-tab-content{
	float:left;
	width:100%;
}

#one{
	float:left;
	width:557px;

	position:absolute;
	z-index:2;
	font-size:24px;
	background:#fff;
}

#two{
	float:left;
	width:557px;

	position:absolute;
	z-index:1;
	font-size:24px;
	background-color:#fff;
}
#three{
	float:left;
	position:absolute;
	width:557px;

	z-index:0;
	font-size:24px;
	background:#fff;
}


#home-tabs{
	float:left;
	width:557px;
	height:30px;
	overflow:hidden;
    background-image:url(news-header.png);

	list-style:none;
	list-style-type:none;
	margin:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	padding-top:0;


}

#home-tabs li{
	float:left;
	list-style:none;
	list-style-type:none;
	width:100px;
	height:30px;
	margin:0;
	padding:5px;
	display:inline;
	text-align:center;
	cursor:pointer;
	font-size:13px;
	line-height:18px;

}
#tab-title{
	float:left;
	width:155px;
	padding:5px;
}
#home-tabs li.active{
	float:left;
	border:0px;

	background-image:url(tabactive.png);

	background-color:#036;
}
#home-tabs li.rss{
	float:left;
	width:50px;
	border:0px;
}






/*home tabs end*/
	
	#twitter_update_list{
		list-style:none;
		list-style-type:none;
		font-size:11px;
	
	}
	
	#twitter{
		float:left;

		
	}
	
	#twitter-top{
			float:left;
		width:472px;
		height:10px;
		background-image:url(twitter-top.png);
	}
	
	
	#twitter-bottom{
	float:left;
		width:472px;
		height:10px;
			background-image:url(twitter-bottom.png);
		}
	
	#spike{
			float:left;
		width:472px;
		height:10px;
		background-image:url(spike.png);
	}
	
	#nav {
		float:left;
	width: 985px;
	
	height:70px;
	
	}
	
	
	
	#nav li{
	
float:left;
	
width:100px;
		height:50px;
	text-align:center;
	display:inline-block;
    }
	
	
	#nav ul {
		float:left;
		width:985px;
	 margin:0;
	 padding-top:10px;
	 padding-bottom:10px;
	 padding-left:0px;
	 padding-right:0px;
	list-style-type: none; 
	list-style-image: none; 
	}

#nav ul li a {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
		padding-top:15px;
	
		text-align:center;
		background-image:url(button-up.png);
		float:left;
		width:100px;
		height:35px;
	
	}
#nav ul li a:active {
	float:left;
	background-image:url(button-down.png);
	
	}
	
#nav_button {
	
}
	#search{
		background-image:url(search.png);
		float:left;
		width:285px;
		height:50px;
		
	}
	
	#home-li a{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
		padding-top:15px;
	
		text-align:center;
		background-image:url(home-up.png);
		float:left;
		width:100px;
		height:35px;
	}
	
	#home-li a:active {
		background-image:url(home-down.png);
	
	}
	
	#leftbar{
		float:left;
		width:200px;
		margin-top:0px;
	}
	
	#leftbar h4{
		background-image:url(sidebar-header.png);
		line-height:35px;
		padding-left:15px;
	font-size:14px;
		color:#333;
		margin-top:10px;
		height:30px;
		margin-bottom:0;
	}
			#leftbar ul{
			
			list-style-type: none; margin:0; padding:0;float:left;
		}
		#leftbar ul li{
			display:block;
			width:100%;
			border-bottom:solid #666 1px;
			color:#333;
			float:left;
			
			}
			#leftbar ul li a{
				float:left;
				color:#333;
				width:200px;
				text-decoration:none;
			}
					#leftbar ul li a:hover{
				color:#FFF;
				text-decoration:none;
				background-color:#999;
				float:left;
			}
			
				

		
		
	
	
	
	#rightbar h4{
		background-image:url(sidebar-header.png);
		line-height:35px;
		padding-left:15px;
	font-size:14px;
		color:#333;
		margin-top:10px;
		height:30px;
		margin-bottom:0;
	}
	
	#rightbar {
		float:left;
		font-size:11px
		margin-top:0px;
		width:200px;
	}
	
			#rightbar ul{
			
			list-style-type: none; margin:0; padding:0;float:left;
		}
		#rightbar ul li{
			padding-bottom: 5px;
			margin-bottom: 5px;
			font-size: 12px;
			display:block;
			width:100%;
			border-bottom:solid #666 1px;
			color:#333;
			float:left;
			
			}
			#rightbar ul li a{
				color: #414067;
				width:200px;
				text-decoration:none;
			}
					#rightbar ul li a:hover{
				color: #0017bc;
				text-decoration:none;
				
			}
			
				
	#announcements{
	
		width:985px;
		height:150px;
		float:left;
		overflow:hidden;
	
	
		
	}
	
	
	#announcements ul{
		margin:0;
		padding:0;
		width:999px;
		float:left;
		height:150px;
		list-style:none;
		display:inline;
		list-style-image:none;
				overflow:hidden;
	
		
	
	}
	
	#announcements ul li{
			list-style:none;
		display:inline;
		list-style-image:none;
		float:left;
		margin-right:8px;
		height:150px;
		overflow:hidden;
		
	}
	
	
	
	#home_content {
		float:left;
		width:565px;
		margin:10px;
		
	
	}
	
	#main-content{
		
		float:left;
		width:770px;
		margin-right:10px;
		
	}
	
	#title-box{
			float:left;
	
			font-size:30px;
			margin-right:5px;
		
	}
	
	#share-box{
		float:left;
			width:300px;
		
	}
	
	#share-box img{
		float:left;
		margin-right:5px;
		margin-top:3px;
		
	}
	
	
	#content-box{
			float:left;
			width:770px;
			margin-top:5px;
		
		
	}
	#home-loop{
		width:530px;
		float:left;
		margin-left:10px;
		margin-top:10px;
		font-size:11px;
		
		
	}
	
	#home-title{
		width:100%;
		float:left;
		font-size:12px;
		font-weight:bold;
		
	}
	#home-thumb{
		width:50px;
		float:left;
		
	}
	
	
	#home-excerpt{
		text-decoration:none;
		width:400px;
		float:left;
		}
		
	
		
	
#events{
	float:left;
}

#footer{
	
	float:left;
	width:100%;
	text-align:center;
}

	
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}




/* ######### Script CSS ######### *//* ######### Script CSS ######### */
/* ######### Script CSS ######### *//* ######### Script CSS ######### */
/* ######### Script CSS ######### *//* ######### Script CSS ######### */
/* ######### Script CSS ######### *//* ######### Script CSS ######### */
/* ######### Script CSS ######### *//* ######### Script CSS ######### */
/* ######### Script CSS ######### *//* ######### Script CSS ######### */
/* ######### Script CSS ######### *//* ######### Script CSS ######### */




/* carousel*//* carousel*//* carousel*//* carousel*//* carousel*//* carousel*//* carousel*//* carousel*/

.jcarousel-skin-tango .jcarousel-container {
	float:left;
	

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 900px;
	float:left;
	height:200px;
    padding: 0px 40px;
	margin-top:10px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: 250px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 250px;
	
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 33px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 75px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
	
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
 * video gallery
 */
#thumbs { overflow: auto; height: 305px; width: 300px; padding: 0; float: left; }
		#thumbs ul { list-style-type: none;
		float:left;
		margin:0px;
		padding-top:0px;
		padding-left:33px;
		
	}
		#thumbs ul li { 
		
		height: 90px;
		float:left;
		

		margin-bottom:15px;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		
		
		}
		
		.thumb { border: 0; float: left; width: 100px; height: 75px; background: url(http://bitcast.vimeo.com/vimeo/thumbnails/defaults/default.75x100.jpg); margin-right:5px; }
		
		#embed { background-color:#000; height: 305px; width: 504px; float: left; padding: 10px; text-align:center; }
		
		#portrait { float: left; max-width: 100px; }
		#stats { clear: both; margin-bottom: 20px; }
		
		


#thumbs a{
float:left;
display: block;
color:#666;
font-weight:lighter;
font-size:12px;
width: 220px;;
background-image:url(video.png);
background-repeat:no-repeat;
height:90px;
text-decoration: none;
font-weight: bold;
padding-top:7px;
padding-bottom:5px;
padding-left:5px;
margin:0px;

}
#video-container{
	margin-top:2px;
	width:985px;
	height:400px;
	float:left;
	background-image:url(video-bg.png);
	background-repeat:no-repeat;
	
	
}

#video-header{
	float:left;
	width:985px;
	height:40px;
}
#channel{
	float:left;
	width:745px;
	color:#333;
	padding-top:0px;
	font-size:40px
}

#channel-type{
	padding-left:15px;
	text-align:right;
	
	font-size:14px;
	padding-top:26px;
	
	float:left;
}

#channel-type a{
	color:#333;
	text-decoration:none;
}
#channel-type #active
{
	color:#06C;

}

#embed{
padding:0;
width:673px;
}



#thumbs a:hover{
	background-image:url(video-over.png);
}

		

/**
 * Dynamic content
 */
 .loader{
	 float:left;
	 top:300px;
	 left:35%;
	 
 }
#series-box{
float:left;
width:985px;

	background-image:url(podcast-bg.png);
text-align:center;
height:300px;


}
#throbber{
	position:absolute;
	z-index:100;
	float:left;
	
	background-image:url(podcast-bg.png);
width:985px;
text-align:center;
height:300px;


}

#throbber img{
	
	margin-top:125px;


}


#series-box a{

}

#series-box a:hover{
background-color: #FFFF80;
}

#series-box ul {margin: 0; padding: 0;
height:300px;
	list-style-type: none; list-style-image: none; }
#series-box li {display: inline; }


#player-box{
float:left;
width:985px;
color:#000;
min-height:400px;
background-color:#898989;
text-align:center;
}

#series{
float:left;
color:#000;
width:270px;
height:300px;
 text-align:center;
 margin-left:40px;
padding-top:20px;
background-image:url(series-bg-1.png);
background-repeat:no-repeat;

	
}
#series a{
padding: 3px 1px;
color:#000;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;

}




#series a:hover{
background-color:#CCC;
}


#player{
float:left;
width:643px;
text-align:center;
}


#podcast-description{
	float:left;
	width:643px;
	text-align:center;

	
}
#podcast-image{
	float:left;
	text-align:center;
	width:240px;
	padding:0px;
	margin-top:25px;
	
}
#player-container{
	float:left;
	width:645px;
	margin-top:50px;
	
}



* html #player-box{ /*IE only style*/
height: 400px;
}