/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { }
html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }
p { font-size: 15px; margin: 0 0 20px 0; }
#page-wrap { width: 440px; margin: 80px auto; }
h1 { font: bold 40px Sans-Serif; margin: 0 0 20px 0; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#video_category {
	padding: 10px;
	margin: 0 0 20px 0;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
}

#video_category .nav { overflow: hidden; margin: 0 0 0 0; }
#video_category .nav li {float: left; margin: 0 3px 0 0; }
#video_category .nav li.last { margin-right: 0; }
#video_category .nav li a { display: block; padding: 10px 15px; background: #444; color: white; font-size: 14px; text-align: center; border: 0;
border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
 }
#video_category .nav li a:hover { background-color: #959290; }

#video_category .list-wrap{
	 border-top:1px #666 solid;
}

#video_category ul { list-style: none;}
/*#video_category ul li a { display: block; padding: 6px; color: #fff; }*/
#video_category ul li.v_li{ float:left; font-size:12px; text-align:left; margin:15px 15px 0 15px; }

#video_category ul li.v_li .text{ position:relative; height:35px; }
#video_category ul li a:hover {color: white; }
#video_category ul li:last-child a { border: none; }
#video_category a:link #preview{ border:3px #fff solid; }
#video_category a:hover #preview{ border:3px #009bd1 solid; }
#video_category a:visited #preview{ border:3px #009bd1 solid; }

#video_category ul li.nav-one a.current, #video_category ul.featured li a:hover { 
	background-color: #03406a; 
	border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	color: white; 
}
#video_category ul li.nav-two a.current, #video_category ul.core li a:hover { background-color: #d30000; color: white; }
#video_category ul li.nav-three a.current, #video_category ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#video_category ul li.nav-four a.current, #video_category ul.classics li a:hover { background-color: #FE4902; color: white; }