/*
Theme Name: Hip Hop Cultural Oddyssey
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 11.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
h1, h2, h3, h5, h4 {
	clear: both;
	font-weight: normal;
	color:black;
}
h6 {
	font-size:36px;
	font-family:"octin-prison-1","octin-prison-2", sans-serif;
	color:black;
	font-weight:normal;
	}
input.button-secondary {
	font-size:16px;
	background-color: black;
	width: 97px;
	height: 43px;
	border:none;
	padding:5px;
	color:white;
	margin-top:10px;
	text-transform: uppercase;
	font-family: "octin-prison-1","octin-prison-2";
	
}
a.slideshowlink {
	text-decoration: none;
	font-family: helvetica, sans-serif;
	color:grey;
	}

#twitter_time_line {
	text-align:left;
	font-family: helvetica, sans-serif;
	font-size: 12px;
	color:#ACACAC;
}
#twitter_time_line a {
	text-align:left;
	font-family: helvetica, sans-serif;
	font-size: 12px;
	color:#ACACAC;
	text-decoration:underline;
}
#twitter_time_line li {
	padding-bottom: 10px;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*** Style Definitions ***/

.inner #tickerheadline {
	width:220px;
	height: 50px;
	background: #EBEBEB;
	text-align: center;
	font-size: 18px;
	float: left;
	position: relative;
}

.inner #tickercontent {
	width: 700px;
	padding-left: 20px;
	text-align: right;
	height: 50px;
	background: white;
	float: left;
	position: relative;
}

.paypalbutton {
	margin-left: 10px;
margin-top: -5px;
}



html			{ font-family:Arial, Helvetica, sans-serif; background-color: white;}

h1 {
	color: #F0F0F0;
}

h2#thankyoutitle {
	color: #000000;
}

#wrapper h1 {
	font-size: 36px;
}
h2 {
	color: white;
	font: 125px "league-gothic-1","league-gothic-2";
}

.content h3 {
	font-size: 25px;
	color: grey;
	font-family: helvetica;
	font-weight:normal;
}

h3 {
 	font-family: "octin-prison-1","octin-prison-2";
 	font-size:  14;
}




#data {
background-color: #F6BC25; width: 640px; height: 420px; font-family: Helvetica; font-weight: bold; font-size: 45px; letter-spacing: -3px; text-align: center;
padding-top: 20px;
z-index: 3000;
}

#data table {
	font-size: 20px;
margin-left: 14px;
letter-spacing: -1.5px;
}
a.zoom img {
	margin-top: -5px;
	margin-left: 5px;
}
ul#regions {
	margin: auto;
	margin-top: 20px;
	position: relative;
	width: 520px;
}

ul#regions li {
	float: left;
	margin-right: 0.9px;
}



#beginnings h3 {
	color: #FA7121;
}

#revolution h3 {
	color: #F4BC33;
	
}

#goldenage h3 {
	
	color: #EDB423;
	
}

#roots h3 {
	color: #8CC63E;
}

#today h3 {
	color: #ADADAB;
	
	}

#title li{
	float: left;
}


h4 {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h5 {
	font-size: 16px;
	font-family: Helvetica, sans serif;
}

.gform_wrapper .top_label .gfield_label {
margin: 10px 0 4px 0;
font-weight: bold;
display: -moz-inline-stack;
display: inline-block;
line-height: 1.3em;
clear: both;
color: black;
font-size: 16px;
font-family: Helvetica, sans serif;
font-weight: lighter!important;
}

a#getitnowlink {
width: 210px;
height: 100px;
position: absolute;
float: left;
margin-top: -119px;
z-index: 2000;
}


/*** Clouds ***/
.clouds					{ position: fixed; width:100%; height:100%; overflow:hidden;}
#clouds-pattern			{ width:100%; height:100%; background:url(/wp-content/themes/twentyten/images/bg-tile.png) repeat; background-position: center;}

/*#cloud2					{ position:relative; top:-1100px; }
#clouds-big				{ width:4000px; height:100%; background:url(http:/.frontlinemarketing.net/wp-content/themes/twentyten/images/VINYL_1.1.png) no-repeat;}
#cloud3					{ position:relative; padding-left: 300px;top:-2200px; }
#clouds-bigger		{ width:5000px; height:100%; background:url(http:/.frontlinemarketing.net/wp-content/themes/twentyten/images/VINYL_1.2.png) no-repeat;}
#cloud4					{ position:relative; padding-left: 300px;top:-3300px; }
#clouds-biggest		{ width:6000px; height:100%; background:url(http:/.frontlinemarketing.net/wp-content/themes/twentyten/images/VINYL_1.3.png) no-repeat;}*/

/*** Timeline Clouds ***/
.timelineclouds					{ position: fixed; width:100%; height:700px; overflow:hidden; }
#timeline_background			{ width:2000px; height:100%; background:url(/wp-content/themes/twentyten/images/timeline_4elements_7.jpg) no-repeat;}
#timelinecloud1 {
	width: 100%;
}

#timeline_cityfar			{ width:2500px; height:100%; background:url(/wp-content/themes/twentyten/images/timeline_cityfarfar.png) no-repeat;}
#timelinecloud2 {
	width: 100%;
}

#timeline_city			{ width:3000px; height:100%; background:url(/wp-content/themes/twentyten/images/timeline_city.png) no-repeat;}
#timelinecloud3 {
	width: 100%;
}

#timeline_artistfar			{ width:3500px; height:100%; background:url(/wp-content/themes/twentyten/images/timeline_artistfar.png) no-repeat;}
#timelinecloud4 {
	width: 100%;
}

#timeline_artistmid			{ width:4000px; height:100%; background:url(/wp-content/themes/twentyten/images/timeline_artistmid.png) no-repeat;}
#timelinecloud5 {
	width: 100%;
}

#timeline_artistnear			{ width:4500px; height:100%; background:url(/wp-content/themes/twentyten/images/timeline_artistbig.png) no-repeat;}
#timelinecloud6 {
	width: 100%;
}

/*** Header ***/
#hiphop a				{ font-size: 24px; font-family: "octin-prison-1","octin-prison-2"; color: #F0F0F0; background: rgba(0, 0, 0, 0.8); text-decoration: none; padding-bottom: 10px; padding-top: 10px; 
						 position:relative; z-index: 5; margin-right: 0;}
#hiphop {
	width: 300px; position: relative; margin-right: 0;
}

#beginnings {
	color: white;
}

#home {
	height: 1200px;
}

#home {
	height: 100%;
}

#home1 {
	height: 320px;
	width: 100%;
	float: left;
	background: #F7D912;

}

#home1logo {
	float: left;
	margin-left: 100px;
}

#home1content {
	float: left;
	margin-left: 134px;
	width: 300px; 
}

#home1content h2{
	margin-bottom: -30px;
}

#home2 h2 {
	margin-left: 105px;
	margin-top: 30px;
}

#home3 h2 {
	margin-left: 105px;
	margin-top: 30px;
}

#home1content h3 {
	margin-bottom: 10px;
}

#home1content2 {
	float: left;
	margin-top: 20px;
	width: 265px;
}

#home2 {
	height: 320px;
	width: 100%;
	float: left;
	background: #BFA600;
	
	
	-moz-box-shadow:inset 1px 2px 14px #000000;
-webkit-box-shadow:inset 1px 2px 14px #000000;
box-shadow:inset 1px 2px 14px #000000;
/*Inner elements should not cover inner shadows*/
/*IE DOES NOT SUPPORT INSET SHADOWS*/
}

#home3 {
	height: 320px;
	width: 100%;
	float: left;
	background: #BFA600;
	
	
	-moz-box-shadow:inset 1px 2px 14px #000000;
-webkit-box-shadow:inset 1px 2px 14px #000000;
box-shadow:inset 1px 2px 14px #000000;
/*Inner elements should not cover inner shadows*/
/*IE DOES NOT SUPPORT INSET SHADOWS*/
}

#social li {
	float: left;
	margin-left: 10px;
}

#social li.partnership {
	margin-top: 5px;
}
#social {
	 margin-top: -40px;
	 margin-right: 20px;
	 float: right;
}

#social a.partnership{
	font-family: Helvetica;
	font-weight: bold;
	text-decoration: none;
	color: black;
	margin-top: 10px;
}

#trivia {
	background-color: white;
}

#triviaanswers {
	background-color: white;
	float: left;
	position: relative;
	width: 940px;
	height: 100%;
	margin-bottom: 40px;
	margin-top:20px;
	padding:20px 0px 20px 0px;
	border-top: 1px solid #F7D912;
	text-align: center;
}
#triviaanswers a {
	text-decoration:none;
	color:grey;
	font-family: helvetica, sans-serif;
	}

#triviaanswers h1 {
	color: black;
}
#triviaanswers h2 {
	color: black;
	font-family: helvetica;
	font-weight: bold;
	font-size:20px;
}

.wpst_question {
	background-color: white;
	margin-top: 20px;
	border-top: 1px solid #F7D912;
	padding: 15px;
	color: black;
	font-weight: lighter;
	line-height: 21px;
	font-size: 16px;
	font-family: Helvetica;
}

.inactive {
	height: 320px;
	width: 100%;
	float: left;
	background: #BFA600;
	
	
	-moz-box-shadow:inset 1px 2px 14px #000000;
-webkit-box-shadow:inset 1px 2px 14px #000000;
box-shadow:inset 1px 2px 14px #000000;
/*Inner elements should not cover inner shadows*/
/*IE DOES NOT SUPPORT INSET SHADOWS*/
}

.active {
	height: 320px;
	width: 100%;
	float: left;
	background: #F7D912;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item a {
	color: #EDB423;
}


#menu				{ margin:auto;padding-top: 18px; padding-bottom: 20px; padding-left: 10px;position: relative; top: 35px; z-index: 10; width: 410px;}

a.timeline				{   font-size: 20px;font-family: "octin-prison-1","octin-prison-2"; color:#F0F0F0; text-decoration:none; padding:10px;
						margin-right:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
						-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						}
				
a.timeline:hover		{ color:#EDB423; text-decoration:none;
						-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						}

.menu-item.menu-item-type-post_type.menu-item-object-page a				{   font-size: 20px;font-family: "octin-prison-1","octin-prison-2"; color:#F0F0F0; text-decoration:none; padding:10px;
						margin-right:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
						-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						}
				
.menu-item.menu-item-type-post_type.menu-item-object-page a:hover		{ color:#EDB423; text-decoration:none;
						-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						}

#menu a.selected	{ color:#EDB423; text-decoration:none;}
#menu a.logo {
	padding-right: 10px;
	padding-left: 10px;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

#menu li {
	float: left;padding: 1px 1px 1px 1px;
}

#menu .buy {
	color: black;
	padding-left: 16px;
	
}

#menu .buy:hover {
	color: white;
}

#menu li.logo {
	padding-right: 5px;
}


#navbar {
	width: 940px;	
	margin: auto; 
	padding-right: 2px;
	position: relative;
	z-index: 10;
	background:url(/wp-content/themes/twentyten/images/bg-tile.png) repeat; background-position: center;
}

#navbarimages {
	width: 940px;	
	margin: auto; 
	padding-top: 10px;
	height: 160px;
	position: relative;
	padding-right: 2px;
	z-index: 10;
	}

#navleft {
	background:url('/wp-content/themes/twentyten/images/navleft.png') no-repeat;
	float: left;
	width: 410px;
	height: 144px;
}

#navcenter {
	background:url('/wp-content/themes/twentyten/images/navcenter.png') no-repeat;
	background-position: center; 
	float: left;
	width: 120px;
	height: 144px;
}

#navright {
	background:url(/wp-content/themes/twentyten/images/navright.png) no-repeat; 
	float: left;
	width: 410px;
	height: 144px;
}
#nav {
	float: left;
}
span#inside {
	z-index: 0;
}

/* Timeline CSS */

#time_line {
	height: 2px;
	width: 100%;
	color: #EDB423;
}


#timelinemenu				{ height: 20px;margin:auto;padding-top: 30px; padding-bottom: 29px; position: relative; top: 0px; z-index: 10; width: 1000px;}

#timelinelabels 			{ 
height: 20px;
margin: auto;
padding-top: 15px;
padding-bottom: 29px;
position: relative;
top: 0px;
z-index: 10;
width: 1000px;}						
				
#timelinelabels li {
	float: right;
	width: 40px;
	height: 40px;
}				
#timelinemenu a:hover		{ color:#EDB423; text-decoration:none;
						/*-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						/*-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						}

#timelinemenu a.linktimelineroots.timelineselected	{ background-position:  0px 1px; }
#timelinemenu a.linktimelinebeginning.timelineselected	{ background-position:  0px 1px; }
#timelinemenu a.linktimelinebreakingout.timelineselected	{ background-position:  0px 1px; }
#timelinemenu a.linktimelinegoldenage.timelineselected	{ background-position:  0px 1px; }
#timelinemenu a.linktimelinetoday.timelineselected	{ background-position:  0px 1px; }




.timelineselected {
	background-position: 0px 1px;
}



#timelinemenu a {
	font-size: 14px;	
	height: 34px;
	width: 110px;
	text-decoration: none;
	font-family: "octin-prison-1","octin-prison-2";
	padding-right: 12px;
	color: white;
	text-align: left;
	padding-top: 10px;
	padding-left: 36px;
}
#timelinemenu li {
	float: right;
}


#timelinemenu li.logo {
	padding-right: 5px;
}

#timelineheader {
	margin: 0 auto;
	width: 100%;
	height: 0px;
	}
	
#previousbutton {
	width: 60px;
	float: left;
	position: relative;
	height: 50px;
}

#era {
	width: 865px;
	float: left;
	position: relative;
	height: 340px;
	overflow: hidden;
}

#dateroots
{
	width: 122px;
	margin-right: 20px;
	border-right: 1px solid #8CC63E;
}
#yearcontent {
	width: 757px;
	margin-top: 20px;
}
#nextbutton {
	width: 60px;
	float: left;
	position: relative;
	padding-top: 35px;
	height: 50px;
	z-index: 40;
}


#previousbutton {
	width: 60px;
	float: left;
	position: relative;
	padding-top: 35px;
	height: 50px;
	z-index: 40;
	padding-left: 10px;
}

a.previousbutton {
	height: 50px;
	width: 50px;
	padding-top: 32px;
}
a.nextbutton {
	height: 50px;
	width: 50px;
	padding-top: 32px;
}


#rootsyears {
	list-style: none;
	padding-top: 42px;
}

#rootsyears li{
	float: left;
	margin-right: 14px;
	height: 65px;
	padding-top: 13px;
	width: 34px;
	text-align: center;
	list-style: none;
}

#rootsyears a{
	background: url(../twentyten/images/green_hor.png) no-repeat;
	background-position: 1px 0px;
	text-decoration: none;
	padding-right: 35px;
	padding-top: 78px;
	
	
}

#rootsyears a.timelineyears.selected	{ background-position:  -33px 0px;
padding-right: 35px;
	padding-top: 78px;
	color: white;

}

#rootsyears a.timelineyears.selected h3 {
	color: white;
}


#rootsyears a:hover h3 {
	color: white;
}

#rootsyears a.timelineyears:hover {
	background-position: -33px 0px;
}

#rootsyears li:hover{
	background-position: 0px 1px;
	height: 15px;
}

#rootsyears h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: -19px;
	
}


#beginningsyears {
	text-align: justify;
	list-style: none;
	padding-top: 42px;
}

#beginningsyears li{
	float: left;
	margin-right: 110px;
	height: 65px;
	padding-top: 13px;
	width: 34px;
	text-align: center;
	list-style: none;
	
}

#beginningsyears a {
	background: url(../twentyten/images/orange_hor.png) no-repeat;
	background-position: 1px 0px;
	text-decoration: none;
	padding-right: 35px;
	padding-top: 78px;
}

#beginningsyears a.timelineyears.selected	{ background-position:  -33px 0px;
padding-right: 35px;
	padding-top: 78px;

}

#beginningsyears a.timelineyears.selected h3 {
	color: white;
}


#beginningsyears a:hover h3 {
	color: white;
}

#beginningsyears a.timelineyears:hover {
	background-position: -33px 0px;
}

#beginningsyears li:hover{
	background-position: 0px 1px;
	height: 15px;
}

#beginningsyears h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: -19px;
	
}

#revolutionyears {
	text-align: justify;
	list-style: none;
	padding-top: 42px;
}

#revolutionyears li{
	float: left;
	margin-right: 27px;
	height: 65px;
	padding-top: 13px;
	width: 34px;
	text-align: center;
	list-style: none;
	
}

#revolutionyears a {
	background: url(../twentyten/images/yellow_hor.png) no-repeat;
	background-position: 1px 0px;
	text-decoration: none;
	padding-right: 35px;
	padding-top: 78px;
}

#revolutionyears a.timelineyears.selected	{ background-position:  -33px 0px;
padding-right: 35px;
	padding-top: 78px;

}

#revolutionyears a.timelineyears.selected h3 {
	color: white;
}


#revolutionyears a:hover h3 {
	color: white;
}

#revolutionyears a.timelineyears:hover {
	background-position: -33px 0px;
}

#revolutionyears li:hover{
	background-position: 0px 1px;
	height: 15px;
}


#revolutionyears h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: -19px;
	
}

#breakingoutyears {
	text-align: justify;
	list-style: none;
	padding-top: 42px;
}

#breakingoutyears li{
	float: left;
	margin-right: 89px;
	height: 65px;
	padding-top: 13px;
	width: 34px;
	text-align: center;
	list-style: none;
}

#breakingoutyears a {
	background: url(../twentyten/images/blue_hor.png) no-repeat;
	background-position: 1px 0px;
	text-decoration: none;
	padding-right: 35px;
	padding-top: 78px;
	}
	
	#breakingoutyears a.timelineyears.selected	{ background-position:  -33px 0px;
padding-right: 35px;
	padding-top: 78px;
	color: white;

}

#breakingoutyears a.timelineyears:hover {
	background-position: -33px 0px;
}

#breakingoutyears li:hover{
	background-position: 0px 1px;
	height: 15px;
}

	
#breakingoutyears li:hover{
	background-position: 0px 1px;
	height: 15px;
}

#breakingoutyears h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: -19px;
	color: #73D0F4;
}

#breakingoutyears a.timelineyears.selected h3 {
	color: white;
}


#breakingoutyears a:hover h3 {
	color: white;
}

#breakingout h3 {
	color: #73D0F4;
}

#newmilleniumyears {
	text-align: justify;
	list-style: none;
	padding-top: 42px;
}

#newmilleniumyears h3{
	color: #ACACAC;
}

#newmillenium h3 {
	color: #ACACAC;
}

#newmilleniumyears li{
	float: left;
	margin-right: 44px;
	height: 65px;
	padding-top: 13px;
	width: 34px;
	text-align: center;
	list-style: none;
	
}

#newmilleniumyears a {
	background: url(../twentyten/images/grey_hor.png) no-repeat;
	background-position: 1px 0px;
	text-decoration: none;
	padding-right: 35px;
	padding-top: 78px;
}
#newmilleniumyears li:hover{
	background-position: 0px 1px;
	height: 15px;
}

#newmilleniumyears h3 {
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: -19px;
	
}

#newmilleniumyears a.timelineyears.selected	{ background-position:  -33px 0px;
padding-right: 35px;
	padding-top: 78px;

}

#newmilleniumyears a.timelineyears.selected h3 {
	color: white;
}


#newmilleniumyears a:hover h3 {
	color: white;
}

#newmilleniumyears a.timelineyears:hover {
	background-position: -33px 0px;
}

#newmilleniumyears li:hover{
	background-position: 0px 1px;
	height: 15px;
}


#dateroots {
	float: left;
	position: relative;
	height: 208px;
	width: 98px;
	border-right: 1px solid white;
}



#yearcolumn {
	float: left;
	position: relative;
	padding-right: 20px;
	width: 180px;
	height: 208px;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
}



#timelinemenu a.linktimelineroots {
	background:url(../twentyten/images/green.png) no-repeat;
	background-position: 0px -33px;
	width: 34px;
	height: 34px;
	padding-bottom: 10px;
}

#timelinemenu a.linktimelineroots:hover {
	background-position:  0px 1px;
}

#timelinemenu a.linktimelinebeginning {
	background:url(../twentyten/images/orange.png) no-repeat;
	background-position: 0px -33px;
	padding-bottom: 10px;
}

#timelinemenu a.linktimelinebeginning:hover {
	background-position:  0px 1px;
}
#timelinemenu a.linktimelinebreakingout {
	background:url(../twentyten/images/blue.png) no-repeat;
	background-position: 0px -33px;
	padding-bottom: 10px;
}

#timelinemenu a.linktimelinebreakingout:hover {
	background-position:  0px 1px;
}

#timelinemenu a.linktimelinegoldenage {
	background:url(../twentyten/images/yellow.png) no-repeat;
	background-position: 0px -33px;
	padding-bottom: 10px;
	}

#timelinemenu a.linktimelinegoldenage:hover {
	background-position:  0px 1px;
}

#timelinemenu a.linktimelinetoday {
	background:url(../twentyten/images/grey.png) no-repeat;
	background-position: 0px -33px;
	padding-bottom: 10px;
}

#timelinemenu a.linktimelinetoday:hover {
	background-position:  0px 1px;
}

li#labelmargin {
	width: 920px;
}
li#rootslabel {
	font-family: "octin-prison-1","octin-prison-2";
	padding-right: 125px;
	top: -111px;
	position: relative;
}

li#beginninglabel {
	
	font-family: "octin-prison-1","octin-prison-2";
	display: none;
	padding-right: 135px;
	top: -111px;
	position: relative;
}

li#breakingoutlabel {

	font-family: "octin-prison-1","octin-prison-2";
	display: none;
	padding-right: 145px;
	top: -111px;
	position: relative;
}

li#goldenagelabel {
	
	font-family: "octin-prison-1","octin-prison-2";
	display: none;
	padding-right: 155px;
	top: -111px;
	position: relative;
}

li#todaylabel {
	font-family: "octin-prison-1","octin-prison-2";
	display: none;
	padding-right: 165px;
	top: -111px;
	position: relative;
}

#title li#titleyears {
	padding-top: 4px;
	padding-left:7px;
}

.yearselected {
	display: block;
}

.yearnotselected {
	display: none;	
}

#nav {
	float: left;
}

#content {
	width: 580px;
	height: auto;
}


/*** Body Content ***/

.youtube-playlist-home {
	border-top: 1px solid #F7D912;
	padding: 10px 130px 10px 10px;
	background: white;
	width: 640px;
	float: left;
}

.tubepress_container {
	float: left;
	position: relative;
	width: 100%;
	background: white;

}

#tickerheadline h1 {
	color: black;
	padding: 12px;
	font-size: 20px;

}


#header {
	margin: 0 auto;
	width: 100%;
	height: 190px;
	z-index: 10;
	overflow-y: scroll;
		}
		
#homepage {
	width:940px; margin:180px auto 0 auto; height:auto; min-height: 1150px; margin-bottom: 300px;
}

#bookpage {
	width:940px; margin:180px auto 0 auto; height:auto; min-height: 2250px; margin-bottom: 300px;
}

#triviapage {
	width:940px;height:auto; min-height: 2040px; margin-bottom: 80px; position: relative; float: left;
}

#partnershippage {
	width:940px;height:auto; min-height: 700px; margin-bottom: 80px; position: relative; float: left;
}

#homepageholder {
	width: 940px;
	margin: 180px auto 0 auto;
	height: auto;
	position: relative;
}

#triviapageholder {
	width: 940px;
	height: auto;
	float: left;
	position: relative;
}

#wrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}

#scroller		{ width:100%; height: 100%; position:relative; overflow: auto; overflow-x: hidden;}

.box		{ width:940px; margin:180px auto 0 auto; height:100%;}

#timelinewrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; margin-bottom: -300px;}

#timelinemask		{ width:500%; height:100%; position:relative;}

.timelinebox		{ width:20%; height:100%; float:left; }

.timelinecontent	{ width:1000px; height:350px; top:20px; margin: 0 auto; position:relative;
				 z-index: 7; overflow: hidden;
				 scrollbar-arrow-color: #000000;
scrollbar-base-color: #00CCFF;
scrollbar-face-color: rgba(0, 0, 0, 0.8);
scrollbar-highlight-color: #00CCFF;
scrollbar-shadow-color: #00CCFF;
scrollbar-3dlight-color: #00CCFF;
scrollbar-track-color: #00CCFF;
scrollbar-darkshadow-color: #00CCFF;
				 }
				
.timelineinner		{ color: white;width:auto; height:295px; top:5px; position:relative; z-index:8;}

.timelineinner h2 {
	color: white;
}

/*.content	{ width:100%; height:100%; margin:0px auto 0px auto; position:relative;z-index: 7;overflow: auto;}*/
.contenttransition	{ width:100%; height:100%; margin:0px auto 0px auto; position:relative;z-index: 7;overflow: hidden;}
				
/*.inner		{ width:940px; padding: 0px 0px 0px 0px; height:auto; margin:180px auto 0px auto; top:0px; position:relative; z-index:8;background:none}*/

#facebookwidget
{
	float: left;
	position: relative;
	width: 160px;
	margin-top: 20px;
	background: white;
	
	}

#facebookcontainer {
	float: left;
	width: 160px;
}
	
#tubepresscontainer {
	
	background-color: white;
	float: left;
	position: relative;
	width: 770px;
	height: 370px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912; 
}
	
/*** The Book ***/

#booktop {
	background:url(../twentyten/images/bookhero.jpg) no-repeat;
	float: left;
	position: relative;
	width: 940px;
	height: 474px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912;
}

#booktopholiday {
	background:url(../twentyten/images/holiday_bookhero.jpg) no-repeat;
	float: left;
	position: relative;
	width: 940px;
	height: 474px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912;
}

#platinumbanner {
	background:url(../twentyten/images/platinumbannersmall.jpg) no-repeat;
	float: left;
	position: relative;
	width: 940px;
	height: 200px;
	margin-bottom: 20px;
}
#platinumbutton {
	position: absolute;
	width: 135px;
	height: 51px;
	margin: auto;
	margin-bottom: 40px;
	bottom: 0;
	right: 240px;
}

#bannerpaypal {
	position: absolute;
	width: 135px;
	height: 51px;
	margin: auto;
	margin-bottom: 30px;
	bottom: 0;
	right: 30px;
}

#learnmoreplatinum {
	background:url(../twentyten/images/learnmore.png) no-repeat;
	position: absolute;
	width: 135px;
	height: 51px;
	margin: auto;
	margin-bottom: 30px;
	bottom: 0;
	right: 180px;
}

#booktopplatinum {
	background:url(../twentyten/images/HHCO_PlatinumBannerLarge_FPO.jpg) no-repeat;
	float: left;
	position: relative;
	width: 940px;
	height: 474px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912;
}
#booktop h1 {
	font-size: 128px;
}

#bookcolumns h1 {
	color: black;
	font-size: 26px;
	margin-bottom: 20px;
	
}

#bookcolumns h5 {
	color: #949494;
	line-height: 21px;
	font-size: 14px;
}

#threecolumns {
	width: 940px;
	margin-top: 20px;
	padding-left: 40px;
}
#threecolumns li {
	float: left;
	width: 260px;
	padding-right: 40px;
}

#booktop h3 {
	color: white;
	font-size: 48px;
	font-family: "octin-prison-1","octin-prison-2";
}

#booksnippet h5 {
	color: black;
	display: block;
	padding-top: 20px;
}

#bookmediumcontent h1 {
	color: black;
}

#bookmediumcontent h5 {
	color: #949494;
	line-height: 28px;
	margin-top: 20px;
}

#bookmediumcontent {
	margin-top: 80px;
	text-align: left;
	margin-left: 465px;
	width: 420px;

}

#getitnow {
	padding-top: 20px;
	margin-left: 156px;	
}



#booktop span h3 {
	color: black;
	padding-top: 20px;
}

#getitnow h3 {
	color: white;
	font-size: 17px;
	padding-top: 11px;
}

#getitnow li {
	float: left;
}

#booktopcontent {
	padding-left: 420px;
	padding-top: 80px;
	text-align: center;
}

#bookmedium	{
	background: url(../twentyten/images/bookholder.jpg) no-repeat;
	background-color: white;
	float: left;
	position: relative;
	width: 940px;
	height: 458px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912; 
}

#platinummedium	{
	background: url(../twentyten/images/Platinum2.jpg) no-repeat;
	background-position: left center;
	background-color: white;
	float: left;
	position: relative;
	width: 940px;
	height: 500px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912; 
}

#bookcolumns {
	background-color: white;
	float: left;
	position: relative;
	width: 940px;
	height: 222px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912;
}

#bookflip {
	background-color: white;
	float: left;
	position: relative;
	width: 940px;
	height: 731px;
	margin-bottom: 20px;
	border-top: 1px solid #F7D912;
	text-align: center;
}

#bookcover {
	background: url("../twentyten/images/bookbackground.jpg") no-repeat;
	width: 896px;
	height: 619px;
	margin: auto;
	margin-top: 20px;
}

#bookflip h1 {
	color: black;
	padding-top: 20px;
}

h5#thecontentposted a {
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
	color: black;
	text-decoration: none;
	text-transform: none;
}

h5#thecontentposted a:hover {
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
	color: #AEAEAE;
	text-decoration: none;
	text-transform: none;
}


h1.entry-title {
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
	font-size: 36px;
	color: black;
	padding: 10px 0px 10px 30px;
	line-height: 30px;
	text-decoration: none;
	text-transform: none;
}

h1.entry-title a{
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	font-size: 36px;
	color: black;

	line-height: 30px;
	text-decoration: none;
	text-transform: none;
}

h1.entry-title a:hover {
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
        
        
        	font-size: 36px;
	color: #AEAEAE;

	line-height: 25px;
	text-decoration: none;
	text-transform: none;
}

h5#thecontent a {
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
	text-decoration: none;
	text-transform: none;
	color: black;
}

h5#thecontent a:hover {
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
	color: #AEAEAE;
}




#mybook {
	position: relative;
	top: 19px;
}

.navigation {
	padding: 10px 0px 10px 30px
}
#pages section {
	background: url("../twentyten/images/page.png") no-repeat;
	display: block;
	width: 420px;
	height: 580px;
	position: absolute;
	left: 448px;
	top: 5px;
	overflow: hidden;
}
	#pages section>div {
		display: block;
		width: 400px;
		height: 250px;
		font-size: 12px;
	}
	#pages section p,
	#pages section h2 {
		padding: 3px 35px;
		line-height: 1.4em;
		text-align: justify;
	}
	#pages section h2{
		margin: 15px 0 10px;
	}

#pageflip-canvas {
	position: absolute;
	z-index: 100;
}



/** Comments **/
#comments {
	padding: 20px 10px 20px 30px;
	font-size: 14px;
    font-family: Helvetica;
    font-weight: lighter;
    margin-top: 20px;
    border-top: 1px solid #F7D912;
}

.comment-meta a{
	font-size: 10px;
	font-weight: normal;
	color: #ACACAC;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Helvetica, Sans Serif;
	
}

.reply a{
	color: black;
	font-size: 12px;
	font-family: Helvetica, Sans Serif;
	font-weight: lighter;
	text-decoration: underline;
	text-transform: none;
	
}

cite.fn {
	font-weight: bold;
}


div.comment-body {
	padding-top: 10px;
}

div.reply {
	padding-top: 10px;
	padding-bottom: 10px;
}
#comments h3 {
	font-size: 36px;
	font-family: "octin-prison-1","octin-prison-2";
	color: black;
	padding-right: 20px;
}



li.comment {
	border-bottom: 1px solid #F7D912;
	margin-bottom: 10px;
	margin-top: 10px;
}
/*** News ***/

.entry-summary a{
	color: black;
	font-family: Helvetica;
	text-decoration: none;
	text-transform: none;
}

#sidebar {
	float: left;
	position: relative;
	width: 160px;
	height: auto;
}

#homepage #sidebar {
	float: right;
}

#blogroll {
	float: left;
	position: relative;
	width: 580px;
	height: auto;
	border-top: 1px solid #F7D912;
	min-height: 850px;
	margin-bottom: 40px;
}

#blogrollcontent {
	float: left;
	position: relative;
	width: 580px;
	height: auto;
	margin-right: 20px;
	margin-left: 20px;
	min-height: 850px;
	
	
	
}

#blogroll2 {
	float: left;
	position: relative;
	width: 940px;
	height: auto;
 	margin: auto;

}

#blogroll2 h2 {
	color: black;
}

#blogroll h5 {
	font-size: 14px;
	color:#949494;
	padding: 20px 30px 30px 30px;
	line-height: 25px;
	font-family:helvetica, sans-serif;
}

#blogroll p {
	padding-bottom: 20px;
}

#content a {
	color: gray;
}


h1.entry-utility {
	color: black;
	font-size: 12px;

}

.entry-utility a {
	font-family: Helvetica;
	color: black;
	font-weight: black;
}

.post {
	background-color: white;
	margin-bottom: 20px;
}

h5#date {
	font-size: 10px;
	font-weight: normal;
	color: #ACACAC;
	text-transform: uppercase;
	padding: 10px 0px 10px 30px;
}



h5#content {
	font-size: 14px;
	color: black;
	font-weight: lighter;
	padding: 0px 30px 30px 30px;
	line-height: 25px;
	margin: 20px 0px 0px 0px;
}

h5#thecontentposted {
	font-size: 14px;
	color: black;
	font-weight: lighter;
	padding: 10px 10px 10px 30px;
	line-height: 25px;
}

.navigation a {
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
	color: black;
	text-transform:  none;
	text-decoration: none;
	font-family: Helvetica;
	font-weight: lighter;
}

.navigation a:hover {
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
	color: #AEAEAE;
}

#respond a {
	font-family: Helvetica;
	font-weight: bold;
	color: black;
}
a.rmrh-show-more{
	text-decoration: none;
	color: black;
}

#blogline {
	width: 520px;
	background-color: black;
	margin-left: 30px;
	margin-top: 20px;
	height: 1px;
}

.widget-container2 {
	background-color: white;
	
	float: left;
	width: 160px;
	height: 100%;
	padding: 0px;
	margin-bottom:20px;
	
}

.widget-container3 {
	background-color: white;
	float: left;
	width: 160px;
	height: 410px;
	padding-right: 10px;
	border-top: 1px solid #F7D912;
	
	
}

.widget-container {
	background-color: white;
	border-top: 1px solid #F7D912;
	padding: 10px;
	margin-bottom: 20px;
}

.advanced-recent-posts a {
	text-decoration: none;
	color: #ACACAC;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	}

.widget-container li {
	padding-bottom:10px;
}
h3.widget-title {
	font-size: 16px;
	font-family: "octin-prison-1","octin-prison-2";
    color: black;
    padding-bottom: 10px;
}

li.cat-item {
	font-size: 12px;
	text-decoration: none;
	text-transform: none;
	font-family: Helvetica, sans serif;
	color: black;
}

li#recent-posts-3.widget-container.widget_advancedrecentposts  {
	font-size: 12px;
	text-transform: none;
	font-family: Helvetica, sans serif;
	text-decoration: none;
	color: black;
}

li#recent-posts-3.widget-container.widget_advancedrecentposts a {
	text-decoration: none;
	color: #ACACAC;
	font-size: 12px;
	font-family: Helvetica, sans serif;
	}

li#categories-2.widget-container.widget_categories a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	font-family: Helvetica, sans serif;
}

#singlecontent {
	background-color: white;
	border-top: 1px solid #F7D912;
}

h3#comments-title {
	font-size: 16px;
	font-family: Helvetica;
	font-weight: bold;
	padding-bottom: 10px;
}

h3#reply-title {
	padding: 10px 0px 10px 0px;
	font-size: 20px;
}

div.comment-author.vcard {
	padding-bottom: 10px;
}

li.comment, a {
	font-family: helvetica; !IMPORTANT!
	
}


/*** Timeline ***/

#timeline 
{
	height: 700px;
	width: auto;
	display: none;
}

#time_line1 {
	width: 100%;
	border-top: 1px solid #8CC63E;
	z-index: 40;
	position: relative;
	top: 60px;
	
}
#time_line2 {
width: 100%;
	border-top: 1px solid #FA7121;
	z-index: 40;
	position: relative;
	top: 60px;
	
}
#time_line3 {
	width: 100%;
	border-top: 1px solid #62CFF0;
	z-index: 40;
	position: relative;
	top: 60px;

}
#time_line4 {
	width: 100%;
	border-top: 1px solid #F4BC33;
	z-index: 40;
	position: relative;
	top: 60px;
}
#time_line5 {
	width: 100%;
	border-top: 1px solid #ADADAB;
	z-index: 40;
	position: relative;
	top: 60px;
}

#title h1 {
	font-size: 25px;
}

#box4 h1 {
	color: black;
}
  
#footer 
{
	margin: 0 auto;
	width: 920px;
	float: left;
	position: absolute;
	bottom: 0;
	height: 40px;
	padding:30px 0px 0px 20px;
	background-color: #F6BC25;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family:helvetica,sans-serif;
	font-weight:bold;
	margin-top:80px;
	margin-left: -180px;
	
}

#footerholder 
{
	width: 100%;

}

#footerhome 
{
	margin: 0 auto;
	width: 920px;
	float: left;
	position: absolute;
	bottom: 0;
	height: 40px;
	padding:30px 0px 0px 20px;
	background-color: #F6BC25;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family:helvetica,sans-serif;
	font-weight:bold;

	
}

#footertrivia
{
	margin: 0 auto;
	width: 920px;
	float: left;
	position: relative;
	height: 40px;
	padding:30px 0px 0px 20px;
	background-color: #F6BC25;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family:helvetica,sans-serif;
	font-weight:bold;

	
}
#footerholderhome 
{
	width: 100%;

}

#footerholdertrivia 
{
	width: 100%;
	float: left;
	position: relative;

}

#site-info {
	background-color:#ADADAB;
	width: 100%;
	height: 30px;
	
}	

#menufooter				{ padding-top: 20px; padding-bottom: 20px; background: rgba( 0, 0, 0, 0.8); position: relative; bottom: 20px; z-index: 10; width: 960px;}

#menufooter a				{   font-family: "octin-prison-1","octin-prison-2"; color:#F0F0F0; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
						-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						}
				
#menufooter a:hover		{ color:#EDB423; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
						-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						
						-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
						        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
						}

#menufooter a.selected	{ color:#EDB423; text-decoration:none; padding:10px;
						margin-right:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#menufooter a.logo {
	padding-right: 145px;
	padding-left: 145px;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

#menufooter li {
	float: left;
}

#menufooter li.logo {
	padding-right: 5px;
}
/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
  width: 900px; /* default, this is overridden by script settings */
  border: 5px solid #ccc;
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  box-shadow: inset 0 0 10px #888;
  -moz-box-shadow: inset 0 0 10px #888;
  -webkit-box-shadow: inset 0 0 10px #888;
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;

  /***(>'-')> Control Panel Font size here <('-'<)***/
  font-size: 18px;
}

/* active slider border highlight */
.mb-active-slider {
  border-color: #999bff;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
  width: 350px;  /* default, this is overridden by script settings */
  margin: 5px 0;
  padding: 5px;
  cursor: pointer;
  float: left;
  list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
 cursor: auto;
}

/*** Inside the panel ***/
.mb-inside {
  padding: 10px;
  border: 1px solid #999;
}

.mb-inside img {
  display: block;
  border: 1px solid #666;
  margin: 0 auto;
  width: 100%;
}

.mb-inside h2 {
  font-weight: normal;
  color: #000;
  font-size: 140%; /* Adjust panel header font size using em or % */
  margin: 0 0 8px 0;
}

.mb-inside p {
  font-size: 100%; /* Adjust panel text font size using em or % */
  color: #444;
}

.mb-inside a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

.mb-inside a:hover {
  border-bottom: 1px solid #999;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
  display: block;
  width: 45px;
  height: 58px;
  background: transparent url(../images/arrows.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
}
a.mb-scrollButtons.mb-left {
  background-position: left top;
  left: -45px;
}
a.mb-scrollButtons.mb-right {
  background-position: right top;
  right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
  background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
  background-position: right bottom;
}

/*** Controls added below the panels ***/
.mb-controls {
  margin: 0 auto;
  text-align: center;
  background: #ccc;
  position: relative;
  z-index: 100;
}
.mb-controls a {
  color: #444;
  font: 12px Georgia, Serif;
  display: inline-block;
  text-decoration: none;
  padding: 2px;
  height: 18px;
  margin: 0 5px 0 0;
  text-align: center;
  outline: 0;
}
.mb-controls a.current, .mb-controls a:hover {
  color: #fff;
}
.mb-active-slider .mb-controls {
  background: #999bff;
}

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
#scroller{
  overflow: hidden!important;
  height: auto;
}
#header{
  overflow-y: hidden;
}
}

/*------------------------------------*\
	IPAD
\*------------------------------------*/
@media screen and (max-device-width: 1024px){
#scroller{
  overflow: hidden!important;
  height: auto;
}
#header{
  overflow-y: hidden;
}
}