body 
{
	overflow: -moz-scrollbars-vertical;
	background: #bcc4d2;
	font-family: Optima, 'Lucida Grande', Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: #bcc4d2 url('/_resources/interface/background_shadow.gif') 48px 0 repeat-y;
	min-width: 800px;
}

div#page
{
	display: block;
	width: 752px;
	height: 100%;
	margin: 0 0 0 32px;
	padding: 0 16px 0 16px;

}


div#content
{
}

div.content_in_foreground
{
	display: block;
	clear: both;
	width: 736px;
	margin: 0 auto 0 auto;
	padding: 180px 0 0 8px;
	background: #fff url('/_resources/interface/background_shadow.gif') top center repeat-y;
}

div.content_in_background
{
	display: none;
	visibility: hidden;
}


div#content h1
{
	margin: 0 80px 0 80px;
	padding: 0;
	font-size: 18px;
	text-align: center;
}

div#content p
{
	clear: both;
	margin: 4px 80px 4px 80px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}

div#content img.body
{
	margin: 4px 80px 4px 80px;
}

div#content div.preamble
{
	margin: 0 0 16px 0;
}

div#content div.postamble
{
	margin: 32px 0 0 0;
}



div#content p.intro
{
	font-size: 14px;
}


div#content p.cheer
{
	margin: 8px 80px 8px 80px;
	padding: 0;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #888;
	text-align: center;
	letter-spacing: 4px;
}


div#content form
{
	
}

div#content form span.label
{
	margin: 0 8px 0 440px;
	font-size: 11px;
	color: gray;
}

div#content form select
{
}


div.items
{
	margin: 8px 80px 8px 80px;
	padding: 0;
	border: 1px solid #BEC8D1;
}

div.item
{
	margin: 0;
	padding: 0;
}

table#items
{
	margin: 0;
	padding: 0;
	border: none;
}

table#items tbody
{
	margin: 0;
	padding: 0;
	border: none;
}

table#items tr
{
	margin: 0;
	padding: 0;
	border: none;
}

table#items td
{
	margin: 0;
	padding: 0;
	border: none;
}

table#items td.hidden
{
	display: none;
	font-size: 9px;
	color: gray;
}



h3.item_clicker 
{
	position: relative;
	background: #fff url('/_resources/interface/background_row_stack.jpg') top left repeat-x;
	margin: 0;
	padding: 0;
	height: 22px;
	width: 570px;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	clear: both;
}

h3.item_clicker:hover
{
	background-color: #fff;
	background-image:url('/_resources/interface/background_row_stack.jpg');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: #fff;
}


div.variant_sites h3.item_clicker:hover
{
	background-position: 0px -32px;
}

div.variant_blogs h3.item_clicker:hover
{
	background-position: 0px -64px;
}

div.variant_casts h3.item_clicker:hover
{
	background-position: 0px -96px;
}

div.variant_books h3.item_clicker:hover
{
	background-position: 0px -128px;
}

div.variant_lists h3.item_clicker:hover
{
	background-position: 0px -160px;
}

div.variant_code h3.item_clicker:hover
{
	background-position: 0px -192px;
}






h3.item_clicker a,
h3.item_clicker a:link, 
h3.item_clicker a:visited 
{
	display: inline-block;
	width: 224px;
	overflow: hidden;
	background: url('/_resources/interface/arrow_right.png') 4px 4px no-repeat;
	color: #fff;
	padding: 2px 8px 0 20px;
	margin: 0;
	-moz-outline-style: none;
	text-decoration: none;
}

h3.item_clicker span.blurb_start
{
	display: inline-block;
	width: 290px;
	overflow: hidden;
	font-size: 11px;
	color: #ccc;
	font-weight: normal;
}

h3.item_clicker a.feed_link
{
	position: absolute;
	top: 4px;
	left: 530px;
	margin: 0;
	padding: 0;
	background: url('/_resources/interface/feed.png') 0px 0px no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 16px;
}

h3.item_clicker a.web_link
{
	position: absolute;
	top: 4px;
	left: 550px;
	margin: 0;
	padding: 0;
	background: url('/_resources/interface/web.png') 0px 0px no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 16px;
}


div.item_content
{
	display: block;
	background: url('/_resources/interface/item_content_gradient.jpg') top right repeat-y;
	width: 570px;
	margin: 0 0 1px 0;	
	padding: 0;
	height:  0;
	overflow: hidden;
}

div.item_content div.image
{
	display: block;
	float: left;
	width: 240px;
	height: 184px;
	margin: 0 0 0 8px;
	background: url('/_resources/interface/screenshot_orange.jpg') top left no-repeat;
}

div.variant_sites div.item_content div.image
{
	background: url('/_resources/interface/screenshot_orange.jpg') top left no-repeat;
}

div.variant_blogs div.item_content div.image
{
	background: url('/_resources/interface/screenshot_purple.jpg') top left no-repeat;
}

div.variant_casts div.item_content div.image
{
	background: url('/_resources/interface/screenshot_yellow.jpg') top left no-repeat;
}

div.variant_books div.item_content div.image
{
	background: url('/_resources/interface/screenshot_green.jpg') top left no-repeat;
}

div.variant_lists div.item_content div.image
{
	background: url('/_resources/interface/screenshot_blue.jpg') top left no-repeat;
}

div.variant_code div.item_content div.image
{
	background: url('/_resources/interface/screenshot_red.jpg') top left no-repeat;
}



div.item_content div.image img.screenshot
{
	margin: 18px 35px 18px 35px;
}




div.item_content div.description
{
	display: block;
	float: right;
	width: 320px;

}

div#content div.item_content div.description h1
{
	margin: 6px 0 6px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: left;
}

div#content div.item_content div.description p
{
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}


div.description p.url:before
{
	display: block;
	float: left;
	width: 60px;
	content: "website: ";
	text-align: right;
	padding: 0 8px 0 0;
}

div.description p.url
{
	padding: 2px 0 0 0;
}

div.description a
{
	color: #333;
	text-decoration: none;
}

div.description a:hover
{
	text-decoration: underline;
}

div#content div#search_query
{
	margin: 8px 80px 8px 80px;
}

/* @group floating_search */


div#floating_search_panel
{
	visibility: hidden;
	display: block;
	clear: both;
	width: 736px;
	margin: 0 auto 0 auto;
	padding: 140px 0 120px 16px;
//	background: #2f2e2e url('/_resources/interface/background_shadow.gif') repeat-y center;
}


div#x_floating_search_panel
{
	visibility: hidden;
	width: 720px;
	height: 256px;
	z-index: 10;
	margin: 0 16px 0 16px;
	bottom: 99px;
	background: #000 url('/_resources/interface/search_bar_orange.jpg') repeat-x;
}

div#floating_search_results
{
	position: relative;
	width: 720px;
	margin: 32px 0 0 0;
	padding: 0 0 32px 0;
	background: #2f2e2e url('/_resources/interface/search_background.jpg') repeat-x bottom left;
	
}

div#floating_search_results ul
{
	background-color: #3f3e3e;
	margin: -110px 0 0 74px;
	padding: 0;
	width: 580px;
	list-style: none inside none;
	border: 1px solid white;
	z-index: 2;
}

div#floating_search_results li
{
	padding: 0 0 16px 0;
	margin: 0;
}

div#floating_search_results h1
{
	display: block;
	width: 80px;
	height: 146px;
	text-align: center;
	color: #fff;
	text-shadow: #000 2px 2px 2px;
	font-size: 13px;
	margin: 0 2px 0 20px;
	padding: 2px 0 0 0;
	background: url('/_resources/interface/search_scoreboard.png') top left no-repeat;
}

div#floating_search_results h2
{
	position: relative;
	height: 19px;
	font-size: 11px;
//	margin: 2px 2px 1px 2px;
	margin: 0;
	padding: 2px 0 0 0;
	background: url('/_resources/interface/background_row_stack.jpg') top left repeat-x;
	color: #fff;
}

div#floating_search_results a.feed_link
{
	position: absolute;
	top: 4px;
	left: 540px;
	margin: 0;
	padding: 0;
	background: url('/_resources/interface/feed.png') 0px 0px no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 16px;
}

div#floating_search_results a.web_link
{
	position: absolute;
	top: 4px;
	left: 560px;
	margin: 0;
	padding: 0;
	background: url('/_resources/interface/web.png') 0px 0px no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 16px;
}



div#floating_search_results p
{
	text-align: left;
	color: #fff;
	font-size: 11px;
	line-height: 16px;	
	margin: 0 20px 4px 40px;
}

div#floating_search_results strong
{
	background-color: orange;
	font-weight: bold;
	color: #000;
//	border: 1px solid #fff;
	padding: 1px 1px 1px 1px;
	
}

div#floating_search_results a
{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 2px 8px 0 20px;
}


/* @end */

/* @group search */




div#content div#search_results
{
	margin: 8px 80px 8px 80px;
	border: 1px solid #BEC8D1;
}

div#content div#search_results h1
{
	text-align: center;
	color: #333;
	font-size: 14px;
	margin: 0;
}

div#content div#search_results p
{
	text-align: left;
	color: #333;
	font-size: 12px;	
}

div#content div#search_results strong
{
	background-color: #fc9007;
	font-weight: bold;
	color: #fff;
	border: 1px solid #ddd;
	padding: 1px 3px 1px 3px;
}

div#content div#search_results ul
{
	list-style: none inside none;
	margin: 0;
	padding: 0;
}

div#content div#search_results h2
{
	background: #fff url('/_resources/interface/background_row_stack.jpg') top left repeat-x;
	height: 22px;
	font-size: 12px;
	margin-bottom: 1px;
}

div#content div#search_results a
{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 2px 8px 0 20px;

}

/* @end */

a.control
{
	border: 1px solid white;
	color: yellow;
}




/* @group section_logos */

div.header
{	
	position: fixed;
	display: block;
	width: 752px;
	height: 174px;
	background:  #bcc4d2 url('/_resources/interface/top_shadow.gif') 0px 55px no-repeat;
	z-index: 8;
}

div.section_logo
{
	position: absolute;
}

div.section_logo div
{
	position: relative;
	display: block;
	left: 232px;
	width: 288px;
	height: 190px;
}

div.section_logo div.variant_default
{
	background: url('/_resources/interface/logo_gradients.png') 0px 0px repeat-x;
}

div.section_logo div.variant_sites
{
	background: url('/_resources/interface/logo_gradients.png') 0px -200px repeat-x;
}

div.section_logo div.variant_blogs
{
	background: url('/_resources/interface/logo_gradients.png') 0px -400px repeat-x;
}

div.section_logo div.variant_casts
{
	background: url('/_resources/interface/logo_gradients.png') 0px -600px repeat-x;
}

div.section_logo div.variant_books
{
	background: url('/_resources/interface/logo_gradients.png') 0px -800px repeat-x;
}

div.section_logo div.variant_lists
{
	background: url('/_resources/interface/logo_gradients.png') 0px -1000px repeat-x;
}

div.section_logo div.variant_code
{
	background: url('/_resources/interface/logo_gradients.png') 0px -1200px repeat-x;
}

div.section_logo div h1
{
	background: url('/_resources/interface/logo_cheerleaders.png') 0px 0px no-repeat;
	margin: 0;
	padding: 154px 0 20px 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 4px;
	word-spacing: 4px;
}

/* @end */

/* @group cheer_position */

div#content div.cheer_position
{
	clear: both;
	margin: 0 80px 0 80px;
	min-height: 80px;
	background-color: rgba(188,195,210,0.25);
	border: 1px solid #bec8d1;
}

div#content div.cheer_position img
{
	float: left;
	margin: 0;
}

div#content div.cheer_position h1
{
	padding-top: 15px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

div#content div.cheer_position p
{
	clear: none;
	font-size: 12px;
	color: #666;
}

div#content div.cheer_position p.signature
{
	clear: none;
	font-size: 12px;
	color: #666;
	font-style: italic;
}




/* @end */

/* @group navigation */



div.navigation
{
	display: block;
	position: relative;
	top: 55px;
	left: 0;
	width: 752px;
	height: 120px;
	padding: 0 16px 0 16px;
	overflow: hidden;
	z-index: 10; 
}


div.navigation ul.sections
{
	display: block;
//	position: absolute;
	list-style: none inside none;
	white-space: no-wrap; 
	width: 720px;
	height: 120px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 15;	
}

div.navigation ul.sections li
{
	display: block;
//	position: relative;
	margin: 0;
	padding: 0;
	width: 72px;
	height: 140px;
	marker-offset: 0;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 15;
	float: left;
}

div.navigation ul.sections li#sites
{
	top: 0;
	left: 0;
	background-image: url('/_resources/interface/menu_orange.gif');
}

div.navigation ul.sections li#blogs
{
	top: 0;
	left: 72px;
	background-image: url('/_resources/interface/menu_purple.gif');
}

div.navigation ul.sections li#casts
{
	top: 0;
	left: 144px;
	background-image: url('/_resources/interface/menu_yellow.gif');
}

div.navigation ul.sections li#books
{
	top: 0;
	left: 504px;
	margin-left: 288px;
	background-image: url('/_resources/interface/menu_green.gif');
}

div.navigation ul.sections li#lists
{
	top: 0;
	left: 576px;
	background-image: url('/_resources/interface/menu_blue.gif');
}

div.navigation ul.sections li#code
{
	top: 0;
	left: 648px;
	background-image: url('/_resources/interface/menu_red.gif');
}

div.navigation ul.sections li:hover,
div.navigation ul.sections li.selected
{
	background-position: 0px -160px;
}

div.navigation ul.sections a
{
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 100px 0 0 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

div.navigation ul.sections a:hover
{
	text-decoration: underline;
}

/* @end */

/* @group secondary_navigation */


div.secondary_navigation
{
	clear: both;
	margin: 0;
	padding: 0 16px 0 16px;
	background: url('/_resources/interface/background_shadow.gif') top left repeat-y;
}

div.secondary_navigation p
{
	color: #666;
	font-size: 12px;
}

div.secondary_navigation ul
{
	background: url('/_resources/interface/footer_bar.jpg') top left repeat-x;

}

div.secondary_navigation li
{
	list-style: none;	
}

div.secondary_navigation ul.site
{
	display: block;
	list-style: none inside none;
	white-space: no-wrap; 
	width: 720px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.secondary_navigation ul.site li
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 72px;
	height: 23px;
	marker-offset: 0;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.secondary_navigation ul.site li.search
{
	width: 144px;
	text-align: center;
}


div.secondary_navigation ul.site a
{
	display: block;
	color: #ddd;
	text-decoration: none;
	text-align: center;
	margin: 4px 0 0 0;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

div.secondary_navigation ul.site a:hover
{
	text-decoration: underline;
}

/* @end */

/* @group footer */

div.footer
{
	position: fixed;
	bottom: 0;
	display: block;
	width: 752px;
	margin: 0;

}


div.small_print
{
	padding: 4px 0 32px 0;
	background: url('/_resources/interface/bottom_shadow.gif') bottom left repeat-y;
}

div.small_print p
{
	margin: 0 auto 0 auto;	
	padding: 6px 0 6px 0;
	font-size: 9px;
	line-height: 14px;
	text-align: center;
	color: #ccc;
}

div.small_print a
{
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}

/* @end */


div.jumps
{
	position: absolute;
	height: 48px;
	overflow: hidden;
	margin-left: 16px;
	z-index: 16;
}

div.jumps a
{
	display: block;
	width: 144px;
	background-position: 40px 0px;
	background-repeat: no-repeat;
	color: white;
	font-size: 9px;
	font-weight: bold;
	padding-top: 30px;
	text-decoration: none;
	text-align: center;
}

div.jumps a.jump_site
{
	background-image: url('/_resources/interface/jump_site.png');
}

div.jumps a.jump_blog
{
	background-image: url('/_resources/interface/jump_blog.png');

}

div.jumps a:hover
{
	background-position: 40px -40px;
}