/*
Theme Name: Rocket Tube
Theme URI: http://www.graphicsunderglass.com 
Description: Tube Theme
Version: 1.5
Author: Rob Stover
Author URI: http://www.graphicsunderglass.com
Tags: tube, video

*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ol,ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
:focus{
	outline:0;
}
ins{
	text-decoration:none;
}
del{
	text-decoration:line-through;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
/* General Styles */
.skiplink{
	display:none;
}
.clear{
	clear:both;
}
label{
	cursor:pointer;
}
a{
	color:#333333;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:none;
}
body{ /*this contains the background color and image*/
	background:#eae7dd url(images/bgr_main.gif) repeat-x;
	color:#333333;
	font:62.5%/1 Verdana, Geneva, sans-serif;
}
.wrapper{
	margin:0 auto;
	width:960px;
	background:#000000;
}
/* mainmenu -- This contains the image for the background img on the nav bar*/
#mainmenu{
	width:100%;
	height:40px;
	background:url(images/bgr_menu_a.gif) repeat-x;
}
#mainmenu ul{
	float:left;
	background:url(images/bgr_menu_left.gif) no-repeat;
	padding:0 0 0 1px;
}
/*Top level list items*/
#mainmenu ul li{
	position: relative;
	display: inline;
	float: left;
	color:#fff;
	font-size:1.2em;
	line-height:1.1em;
	font-weight:bold;
}
#mainmenu ul li.first{
	padding:0;
	background:none;
}
/*Top level menu link items style*/
#mainmenu ul li a{
	display:block;
	color:#fff;
	background:url(images/bgr_menu_a.gif) repeat-x;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
/*Top level menu link items style*/
#mainmenu ul li a span{
	display:block;
	padding:8px 15px 0 15px;
	height:30px;
	cursor:pointer;
	background:url(images/bgr_menu_left.gif) no-repeat right top;
}
* html #mainmenu ul li a span{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #mainmenu ul li ul li a span{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
	text-decoration:none;
}
#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{
	background:url(images/bgr_menu_a_hover.gif) repeat-x;
	text-decoration:none;
	color:#fff;
}
/*1st sub level menu*/
#mainmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin:-1px 0 0 1px;
	padding:0;
	background:#eaeaea;
	border:0;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
	display: list-item;
	float: none;
	font-size:1.0em;
	background:none;
	padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
	top: 0;
	margin:0;
}
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{
	width: 160px;
	height:auto;
	padding: 10px 10px 10px 10px;
	margin: 0;
	border-bottom: 1px solid #dfdddd;
	background:#eaeaea;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	color:#000;
}
#mainmenu ul li ul li a:hover{ /*sub menus hover style*/
	text-decoration:none;
	background:#eeeeee;
	color:#000;
}
#mainmenu ul li ul li a span{ /*sub menus hover style*/
	background:none;
	height:auto;
	padding:0;
}
/* header */
#header{
background:#000000; background:transparent url(images/header-bg.png) repeat-x scroll 0 0;
	width:100%;
	height:90px;
	overflow:hidden;
}
/*header_logo*/
#header_logo{
background:transparent url(images/logo.png) no-repeat scroll 0 0;
display:block;
height:85px;
margin-top:6px;
width:542px;
}
#header_logo a{
	font-size:2.6em;
	color:#036;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:none
}
#header_logo a:hover{
	color:#039;
	text-decoration:none;
}
/*header_search*/
#header_search{
	float:right;
	padding:34px 0 0 0;
}
#header_search fieldset{
	float:left;
	width:195px;
	height:25px;
	border:1px solid #737373;
	padding:0 0 0 5px;
}
#main_search_val{
	float:left;
	border:0;
	background:#fff;
	color:#b9b9b9;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	padding:5px;
	margin:0 6px 0 0;
	width:155px;
}
#main_search_sub{
	float:left;
	margin:5px 0 0 0;
}
/*body*/
#body{
	width:958px;
	overflow:hidden;
	padding:20px 0 20px 0;
	border:1px solid #631368;
	background:#fff url(images/body-bg.png) repeat-y scroll center 0;
	border-top:0;
}
#content{
	float:left;
	width:600px;
	padding:0 0 0 10px;
	background:#fff;
}
#sidebar{
	float:right;
	width:310px;
	padding:0 10px 0 0;
}
/*post*/
.post{
	width:100%;
	margin:0 0 35px 0;
}
.post .title{
	font-size:1.9em;
	line-height:1.3em;
	color:#631368;
	border-bottom:2px solid #631368;
	padding:0 0 8px 0;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.post .title a{
	color:#631368;
}
.post .entry{
	font-size:1.2em;
	line-height:1.3em;
	padding:10px 0 5px 0;
	background:#fff;
}
/*controls the bolded fonts in the post*/
.post .entry strong{
	color:#333333;
	font-size:1.0em;
	line-height:1.7em;
}
.post .entry a{
	color:#0248e6;
	text-decoration:underline;
}
.post .entry a:hover{
	text-decoration:none;
}
.post .entry p{
	margin:0 0 15px 0;
}
.post .entry p img{
	border:3px solid #ccc;
	padding:0;
}
.post .entry ul {
	margin:0 0 15px 35px;
}
.post .entry ul li{
	margin: 0;
	padding:0;
	list-style:disc;
}
.post .entry ol {
	padding: 0 0 0 35px;
	margin:0 0 15px 0;
	list-style:decimal;
}
.post .entry ol li {
	margin: 0;
	padding: 0;
}
.postmetadata{
	width:100%;
	overflow:hidden;
	background:#666666;
	font-size:1.1em;
	line-height:1.5em;
	color:#fff;
	font-weight:bold;
}
.postmetadata a{
	color:#fff;
	padding:3px 18px 3px 18px;
	border-left:4px solid #fff;
	float:right;
	background:#a6a5a5;
}
.postmetadata .post_comment a{
	background:#7e7e7e;
	padding:3px 10px 3px 10px;
}
/*entry_info*/
.post .entry_info p, .post .entry_info .rating{
	margin:0 0 5px 0;
	font-size:1.1em;
	font-weight:bold;
	width:100%;
	overflow:hidden;
}
.post .entry_info p strong{
	font-size:1.0em;
}
.post .entry_info p.tags a{
	color:#333333;
	text-decoration:none;
}
.post .entry_info p.tags a:hover{
	text-decoration:underline;
}
.post .entry_info p.paysite a{
	font-weight:normal;
}
.post .entry_info .post-ratings{
	display:inline;
	position:relative;
	top:2px;
}
.post .video_code{
	padding:0 0 20px 0;
}
/*home page*/
.main_title{
    background:transparent url('images/videos_header_image.gif') no-repeat scroll 0 0;
    height:43px;
	font-size:1.0em;
	line-height:1.0em;
	color:#000;
	padding:0 0 2px 0;
	margin:0 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
}
/*Categories and Archive pages*/
.catmain_title{
	font-size:1.8em;
	line-height:1.4em;
	color:#000;
	padding:0 0 2px 0;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
/*totalvideos*/ /*this controls the box for the stats on index page*/
.vidstats{
   width:90%;
   padding:10px;
   border:5px solid #d6d1c0;
   margin:10px; 
   background-color:#f6f4ef;
}
.totalvideosright
{
float:right;
width:90%;
background-color:#b0e0e6;
}
/*vidstats*/ /*this controls the fonts in the stats on index page*/
.vidstats{
	font-size:1.5em;
	line-height:1.3em;
	color:#333333;
	padding:5px 5px 5px 8px;
	margin:0 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#videos{
	width:100%;
	overflow:hidden;
}
.video{
	width:160px;
	float:left;
	padding:0 20px 20px 10px;
}
.video_last{
	padding:0 20px 20px 10px;
}
.video h2{
	font-size:1.2em;
	line-height:1.3em;
	color:#333333;
	margin:0 0 4px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.video h2 a{
	color:#333333;
}
.video .thumb{
	width:156px;
	height:103px;
	border:5px solid #d6d1c0;
	margin:0 0 5px 0;
	overflow:hidden;
}
.video .thumb img{
	width:100%;
	height:100%;
	float:left;
}
.info{
	width:100%;
	line-height:1.3em;
	overflow:hidden;
}
.info a{
	color:#631368;
}
.info_left{
	float:left;
	width:49.9%;
}
.info_right{
	float:right;
	width:50%;
}
.info .duration{
	color:#333333;
	font-size:1.0em;
	font-weight:bold;
}
.info .author{
	color:#333333;
}
.info_right .rating{
	text-align:right;
}
/*sidebar*/ /*this controls the fonts in the sidebar*/
.sidebar_widgets{
	width:100%;
	overflow:hidden;
	font-size:1.1em;
	line-height:1.0em;
	color:#990000;
}
.sidebar_widgets a{
	color:#333333;
}
/*this controls the widget title images in the sidebar*/
.sidebar_widgets .widgettitle{
    background-image: url('images/categories_header_image.gif');
    height:43px;
    width:280px;
    border-bottom:2px solid #631368;
	padding:0 0 0px 3px;
	margin:0 0 10px 0;
	display: block;
}
/*this controls the categories title image in the sidebar*/
.sidebar_widgets .categorytitle{
    background-image: url('images/categories_header_image.gif');
    height:43px;
    width:280px;
    border-bottom:2px solid #631368;
	padding:0 0 0px 3px;
	margin:0 0 10px 0;
	display: block;
}
/* this is the code for the side by side cat columns*/
.right {
float:left;
width:140px;
}

.left {
float:left;
width:140px;
}

/*this controls the top ten videos title images in the sidebar*/
.sidebar_widgets .toptenvideotitle, .widget_topten{
    background:transparent url('images/topten_header_image.gif') no-repeat scroll 0 0;
	clear:both;
    height:43px;
    width:280px;
	border-bottom:2px solid #631368;
	padding:0 0 0px 3px;
	margin:0 0 10px 0;
	display: block;
}
/*this controls the most viewed videos title images in the sidebar*/
.sidebar_widgets .mostviewedvideotitle{
    background-image: url('images/mostviewed_header_image.gif');
    height:43px;
    width:280px;
    border-bottom:2px solid #631368;
	padding:0 0 0px 3px;
	margin:0 0 10px 0;
	display: block;
}

.sidebar_widgets .widget_recent_comments a.url{
	color:#631368;
}
.sidebar_widgets ul{
}
.sidebar_widgets ul li{
padding:5px 3px 3px 6px;
}
.sidebar_widgets ul ul{

}
.sidebar_widgets ul li ul li{
	background:none;
	border-bottom:1px solid #DDDDDD;
	padding:5px 10px 5px 2px;
	margin:0;
}
.sidebar_widgets ul ul ul{
	margin:0 0 0 5px;
}
.sidebar_widgets ul li ul li ul li{
	border:0;
}
.widget_tag_cloud a, .widget_text .textwidget{
	padding:5px 0 5px 0;
	line-height:1.3em;
}
.widget_advertisements p{
	text-align:center;
	padding:5px 0 0px 0;
}
/* this controls the Category and widget ordered lists in the sidebar*/

.sidebar_widgets ol {
	padding: 0 5px 0 25px;
	margin:0 0 5px 0;
	list-style:decimal;
}
.sidebar_widgets ol li{
	margin: 0;
	padding: 0;
}
.sidebar_widgets ol ol{

}
.sidebar_widgets ol li ol li{
	background:none;
	border-bottom:1px solid #DDDDDD;
	padding:5px 10px 5px 5px;
	margin:0;
}
.sidebar_widgets ol ol ol{
	margin:0 0 0 5px;
}
.sidebar_widgets ol li ol li ol li{
	border:0;
}
.bullet_categories a{
	background:url(images/bullet.gif) no-repeat left 6px;
	padding:0 0 0 13px;
	display:block;
}
.bullet_categories a{
	display:inline;
	background:url(images/bullet.gif) no-repeat left 5px;
}
/*footer*/
#footer{
	width:100%;
	background:#eae7dd; 
	overflow:hidden;
	padding:10px 0 20px 0px;
	text-align:left;
}
#footer ul{
}
#footer li{
	display:inline;
	font-size:1.0em;
	line-height:1.0em;
	color:#631368;
	font-weight:bold;
	padding:0 10px 0 5px;
}
#footer li.first{
	background:none;
	padding:10px;
}
#footer li a{
	color:#631368;
}
#footer .copyrights{
	color:#333333;
	padding:5px 0 0 10px;
	font-size:1.1em;
	line-height:1.5em;
}
#footer .copyrights a{
	color:#333333;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Form Elements */
#respond{
	margin:20px 0 20px 0;
	width:100%;
	overflow:hidden;
	color:#5f6963;
}
#respond a{
	color:#5f6963;
}
/*controls the comments response title*/
#respond h3{
	font-size:1.6em;
	line-height:1.3em;
	color:#631368;
	border-bottom:1px solid #000;
	padding:0 0 8px 0;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.cancel-comment-reply{
	font-size:1.2em;
}
.cancel-comment-reply a, .cancel-comment-reply a:visited{
	text-decoration:underline;
}
.cancel-comment-reply a:hover{
	text-decoration:none;
}
#commentform p{
	font-size:1.2em;
	line-height:1.6em;
	width:100%;
	overflow:hidden;
}
#commentform p a, #commentform p a:visited{
	text-decoration:underline;
}
#commentform p a:hover{
	text-decoration:none;
}
#commentform p input{
	float:left;
}
#commentform p label{
	float:left;
	padding:10px 0 0 5px;
}
#searchform{
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}

#commentform input{
	width: 170px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#666;
}

#commentform{
	margin: 5px 10px 0 0;
}
#commentform textarea{
	width: 97%;
	padding: 5px;
	overflow:auto;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	margin:5px 0 0 0;
	color:#666;
}
#commentform #submit{
	font-size:1.2em;
	line-height:1.6em;
	color:#fff;
	background:#a249a7;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	border:0;
	margin:5px 0 0 0;
	cursor:pointer;
}
/* End Form Elements */



/* Begin Comments*/
#comments{
	font-size:1.4em;
	line-height:1.3em;
	color:#631368;
	border-bottom:1px solid #000;
	padding:0 0 8px 0;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.commentlist{
	padding: 0;
	text-align: justify;
	line-height:1.6em;
	color:#333333;
}
.commentlist a{
	color:#666666;
	text-decoration:none;
}
.commentlist a:hover{
	text-decoration:none;
}
.commentlist li{
	margin: 15px 0 10px;
	padding: 15px;
	list-style: none;
	border:1px solid #631368;
	background:#f1f1f1;

}
.commentlist .alt{
	margin: 10px 0 0 0;
	background:#fff;
}
.commentlist li ul li{ 
	margin-right: 15px;
	margin-left: 10px;
}
.commentlist p{
	margin: 10px 5px 10px 0;
	font-size:1.2em;
	line-height:1.5em;
}
.children{ padding: 0; }

#commentform p{
	margin: 5px 0;
}
.nocomments{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size:1.2em;
}
.commentmetadata{
	margin: 0;
	display: block;
	font-size:1.0em;
	line-height:1.2em;
}
.reply{
	text-align:right;
}
.reply a, .reply a:visited{
	font-size:1.2em;
	line-height:1.6em;
	color:#fff;
	background:#b9b9b9;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	text-decoration:none;
}
.reply a:hover{
	text-decoration:none;
	background:#c9c7c7;
}
.comment-author{
	font-size:1.3em;
	margin:0 0 5px 0;
}
.comment-author img{
	border:3px solid #e6e4e4;
}
.commentlist .fn{
	position:relative;
	top:-10px;
	text-transform:capitalize;
}
.commentlist .says{
	position:relative;
	top:-10px;
}
/* End Comments */



/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 1.1em;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	text-align: center;
	font-size:1.3em;
	font-weight:bold;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 95%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote blockquote{
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}
.nopost, .nocomments{
	text-align:center;
	color:#000;
	font-size:1.2em;
	line-height:1.5em;
}
/* End Various Tags & Classes*/

/*navigation*/
.navigation{
	width:100%;
	overflow:hidden;
	text-align: center;
	padding:10px 0 30px 0;
	font-size:1.1em;
	line-height:1.8em;
}
.navigation a{
	color:#000;
}
#content .wp-pagenavi{
}
#content .wp-pagenavi a {
	padding: 4px; 
	margin: 2px;
	color:#000;
	background:#eee;
	border:1px solid #fff;
}
#content .wp-pagenavi a:hover{
	color:#000;
	border:1px solid #ccc;
}
#content .wp-pagenavi span.pages {
	padding: 4px; 
	margin: 2px;
	border:0;
	border:1px solid #fff;
}
#content .wp-pagenavi span.current {
	padding: 4px; 
	margin: 2px;
	background:#eee;
	color:#000;
	font-weight:bold;
	border:1px solid #ccc;
}
#content .wp-pagenavi span.extend {
	padding: 4px; 
	margin: 2px;
	background:#eee;
	border:1px solid #fff;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/*sidebar_twitter*/
#sidebar_twitter{
	width:100%;
	background:url(images/bgr_twitter.png) no-repeat;
	background-color:#fffcd9;
	border:1px solid #eeebbe;
	margin:0 0 20px 0;	
}
#sidebar_twitter_inner{
	padding:10px 0 10px 92px;
	display:block;
	height:74px;
	
}
#sidebar_twitter h2{
	color:#c43916;
	font-size:2.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0 0 5px 0;
}
#sidebar_twitter p{
	color:#ae7014;
	font-size:1.1em;
	padding:0 0 10px 5px;
}
#sidebar_twitter p a{
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	border:1px solid #e3510c;
	background:url(images/bgr_readmore.gif) repeat-x;
	display:block;
	height:20px;
	text-align:center;
	padding:5px 15px 0 15px;
	float:left;
}
/*
  First define a content are width and position, if needed. I'm centering
  the 623px wide shell
*/
#clb-shell {
  margin : auto;
  width : 600px;
}

/* 
  My main experiment sub-heading. Just setting color
*/
#clb-shell h2 {
	font-size:1.1em;
	font-weight:bold;
	line-height:1.1em;
    color : #631368;
	padding : 0 0 0 10px;
}

/*
  Now I'm resetting the paragraph padding (it was zeroed). I'm also clearing
  the p, but I don't really need this for the top one, only the bottom. The 
  top has no effect (it'll clear the heading by default), but it is needed 
  for the bottom (depending on the shell width versus the ul width). It may 
  not be needed at all. Your situation will determine.
*/
#clb-shell p {
  padding : 10px;
  clear : both;
}

/*
  I define the width of the ul, set the height (in ems!) align the text and
  remove list styles. The last may not be needed on most browsers
*/
ul#clb {
  width : 596px;
  height : 4em;
  text-align : center;
  list-style-type : none;
}

/*
  Now I style the individual boxes (li)
*/
ul#clb li {
  margin : 0 5px;
  border : 0px solid #666;
  width : 270px;
  height : auto;
  background : #ebebeb url(images/clb_li_back.jpg);
  float : left; 
  display : inline;
}

/*
  Style the li links
*/
#clb-shell a {
  color : #669900;
}
#clb-shell a:hover, #clb-shell a:focus, #clb-shell a:active {
  color : #000;
  text-decoration : none;
}
#clb-shell a:focus, #clb-shell a:active {
  background-color : #fff;
}

/*
  Style the h3 links
*/
#clb-shell ul#clb h3 a {
  color : #fff;
  display : block;
  width : 254px;
  padding : 5px 3px;
  background : #631368 url(images/clb_h3_back.jpg) repeat-x; 
  border:5px solid #d6d1c0;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size : 1.1em;
  text-decoration : none;
}
#clb-shell ul#clb h3 a:hover, #clb-shell ul#clb h3 a:focus, #clb-shell ul#clb h3 a:active {
  background : #a249a7 url(images/clb_h3_back_over.jpg) repeat-x;
  color : #fff;
}

/*
  This tyles the text p content within the li separately. The most important 
  thing here is to re-kill the padding and add the margin to create good gutters
*/
ul#clb p {
  font-size : 0.5em;
  padding : 0;
  margin : 3px;
}