body 		{background-image:url(/images/bbhbl_background.png); background-repeat:repeat-y; background-position: top left; font-family: Arial; color: #333;}
h2			{font-size:1.5em;}
a 			{color: #000;}

fieldset	{margin:0; padding:0; border:none;}
textarea	{padding:3px; font-size:85%; font-family:Arial, sans-serif;}
input 		{padding:1px 3px; color:#000000; font-family:Arial,sans-serif; font-size:100%; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:-1px; line-height:normal;}

.clearer 	{clear: both;}
/* Floatholder fix */
.floatholder:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.floatholder	{display:inline-block;} /* Fix for IE7 */

/* LAYOUT */
#outer 			{width: 737px; position: relative; top: 30px; left: 100px;}
#masthead 		{height: 56px; width: 760px; border-top-style: solid; border-color: #ccc; border-bottom-style: solid; border-width: 1px;}
#content 		{width: 737px; margin-left: 34px; margin-top: 31px;  border-bottom:1px solid #ccc;}
#home_content 	{width: 760px; margin-left:0; margin-top: 0px; border-bottom:1px solid #ccc;}

#cnt_left 	{position: relative; padding-bottom:20px; width: 440px; float: left;}
#cnt_right 	{width: 234px; left: 63px; position: relative; float: left; line-height: 1em;}
#home_left 	{position: relative; width: 440px; float: left;}
#home_right {padding:0; width: 234px; left: 59px; position: relative; float: left; line-height: 1em;}

/* MASTHEAD */
#name {position: relative; left: 34px; float: left; margin-top: 15px;}

#userLinks		{position:relative; left:255px; float:left;}
#userLinks p	{margin:20px 0 0 0; padding:0; color:#999;}

#logo 			{position: relative; left: 280px; float: left; margin-top: 15px;}
#name img 		{border-width: 0;}
#links 			{position:relative; left:295px; float:left; margin-top:7px;}

/* FOOTER */
#footer 		{padding-bottom:20px;}
#footer #links	{position:relative; left:37px; margin-top:0px;}
#footer #flash	{position:relative; left:367px; top:-25px; margin:0; padding:0; width:113px; height:33px;}
#footer #digg	{position:relative; left:513px; top:-25px; margin:0; width:101px; height:20px;}

/* COMMON CLASSES */
.important 	{color: #ff0000;}
.person a  	{font-weight: bold; font-size: 18px;}
.small 		{font-size: 70%;}
.countdown 	{font-size: 70%; text-align:right;}

.form_text 		{background:#F3F3F3 none repeat scroll 0%; border-color:#BBBBBB rgb(187, 187, 187) rgb(221, 221, 221); border-style:solid; border-width:2px 1px 1px; width: 365px;}
.form_text_area {background:#F3F3F3 none repeat scroll 0%; border-color:#BBBBBB rgb(187, 187, 187) rgb(221, 221, 221); border-style:solid; border-width:2px 1px 1px; width: 365px;}
.form_select 	{background:#F3F3F3 none repeat scroll 0%; border-color:#BBBBBB rgb(187, 187, 187) rgb(221, 221, 221); border-style:solid; border-width:2px 1px 1px;}
.form_checkbox 	{background:#F3F3F3 none repeat scroll 0%; border-color:#BBBBBB rgb(187, 187, 187) rgb(221, 221, 221); margin: 0px 5px 0px 0px;}

.arrowLeft			{display:block; padding:4px 0 4px 30px; background:transparent url(../images/btnArrowLeft.gif) 0 50% no-repeat; color:#ff0000; font-size:90%; text-decoration:none;}
.arrowLeft:hover	{text-decoration:underline;}

.fieldWithErrors 	{color: red; font-size: 70%;}

#left_bbh {float: right;}
#thingsliked_text {position:relative; top:28em;}
#moment_text {position:relative; top:32em;}
#links_text {position:relative; top:42em;}

#btnSubmit		{display:block; margin:2px 0 15px 0; background:transparent url(../images/bbhbl_btn_submit.gif) top left no-repeat; width:74px; height:23px; border:none; text-indent:-3000em; font-size:1px; color:#fff; padding-top:30px;}
#btnRegister	{display:block; margin:2px 0 15px 15px; background:transparent url(../images/bbhbl_btn_register.gif) top left no-repeat; width:74px; height:23px; border:none; text-indent:-3000em; font-size:1px; color:#fff; padding-top:30px;}

/* LEFT COL */
#home_left h2			{margin-left:37px; color:#000;}
#home_left h2.mTop		{margin-top:48px;}
#home_left h3			{margin-left:37px; color:#000; font-size:100%;}
#home_left ol			{margin-left:20px;}
#home_left p			{margin:0 0 18px 38px; line-height:1.4em;}
#home_left fieldset		{margin:0; padding:0 0 20px 37px;}
#home_left label		{margin:0 0 4px 0; padding:0; font-size:80%; color:#666;}
#home_left .form_text 	{display:block; margin:0 0 10px 0;}
#home_left .form_text_area	{margin:0 0 10px 0;}

#home_left #home_enter			{margin:18px 0 0 31px; padding:0; width:446px;}
#home_left #home_enter .inner	{margin:0; padding:0;}
#home_left #home_enter p		{margin:0;}
#home_left #home_enter a		{display:block; width:446px; height:446px; background:transparent url(../images/clickHere.gif) 0 50% no-repeat;}
#home_left #home_enter a span	{position:absolute; left:-3000em;}

#home_left #inviteButton a		{display:block; margin:26px 0 60px 0; background:transparent url(../images/btnInviteSomeone.gif) 0 50% no-repeat; width:322px; height:52px; text-indent:-3000em; overflow:hidden;}

#cnt_left #steps 			{margin:0 0 50px 0; font-size:90%;}
#cnt_left #steps h2 		{margin:0 0 14px 0; padding:0; background:transparent url(../images/threeQuickAndSimple.gif) top left no-repeat; width:269px; height:14px;}
#cnt_left #steps h2	span	{position:absolute; left:-3000em;}
#cnt_left #steps ul 		{margin:0; padding:0; list-style-type:none;}
#cnt_left #steps li 		{float:left; margin:0 13px 0 0; width:133px; height:133px; text-indent:-3000em;}
#cnt_left #steps #oneOn	 	{background:transparent url(../images/stepOneOn.gif) top left no-repeat;}
#cnt_left #steps #oneOff 	{background:transparent url(../images/stepOneOff.gif) top left no-repeat;}
#cnt_left #steps #twoOn 	{background:transparent url(../images/stepTwoOn.gif) top left no-repeat;}
#cnt_left #steps #twoOff 	{background:transparent url(../images/stepTwoOff.gif) top left no-repeat;}
#cnt_left #steps #threeOn 	{background:transparent url(../images/stepThreeOn.gif) top left no-repeat;}
#cnt_left #steps #threeOff 	{background:transparent url(../images/stepThreeOff.gif) top left no-repeat;}

#terms li				{margin:0 0 15px 0;}

/* RIGHT COL */
#home_right h3		{margin-left:15px; font-size:100%; color:#000;}
#home_right p		{line-height:1.4em;}

#home_right .ico		{margin:0 0 0 15px; padding:4px 0 4px 30px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif; color:#ff0000; text-decoration:none;}
#home_right .ico:hover	{text-decoration:underline;}

#home_right .boxGradient			{margin:0 0 20px 15px; width:247px; border:1px solid #E5E5E5; background:transparent url(../images/bgGreyGradient.gif) top right repeat-y; font-family: Arial, sans-serif;}
#home_right .boxGradient .inner 	{padding:10px 15px 13px 20px;}
#home_right .boxGradient h1			{position:relative; margin:0; padding:0; line-height:1.2em; font-size:1.6em; font-weight:normal;}
#home_right .boxGradient a			{display:block; background:transparent url(../images/inviteSomeone.gif) 0 50% no-repeat; width:171px; height:50px;}
#home_right .boxGradient a span		{position:absolute; left:-3000em;}
#home_right .boxGradient p			{margin:5px 0 0 2px; padding:0; font-size:0.75em; color:#666;}

#home_right .boxGrey				{margin:0; padding:0 0 86px 0; width:262px; background-color:#F9F9F9;}
#home_right .boxGrey .inner			{margin:0; padding:0;}
#home_right .boxGrey h3				{margin:0; padding:16px 0 15px 15px;}
#home_right .boxGrey fieldset		{margin:0 15px 6px 0; padding:0 0 0 15px; border:none; border-bottom:1px solid #E1E1E1;}
#home_right .boxGrey label			{margin:0 0 4px 0; padding:0; font-size:80%; color:#666;}
#home_right .boxGrey .form_text 	{margin:0 0 10px 0; width:220px;}
#home_right .boxGrey p				{margin:0 0 15px 15px; font-size:80%; color:#000;}
#home_right .boxGrey p.important	{margin:0 0 5px 15px; color:#ff0000;}
#home_right .boxGrey fieldset p		{margin:0 0 23px 0;}
#home_right .boxGrey #btnRegister	{}

#home_right h2			{margin:0 0 10px 15px; padding:0; width:110%; line-height:1.2em; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size:90%; font-weight:normal; letter-spacing:0.05em;}
#home_right p#about		{margin:15px 0 13px 15px; padding:0;}
#home_right p#about a	{display:block; background:transparent url(../images/whatIsTheBlacklist.gif) 0 50% no-repeat; width:176px; height:26px;}
#home_right p#about span{position:absolute; left:-3000em;}

#home_right h2#quotes		{background:transparent url(../images/latestQuotes.gif) 0 50% no-repeat; width:211px; height:15px;}
#home_right h2#quotes span	{position:absolute; left:-3000em;}

#cnt_right #demo 	{margin:29px 0 48px 0;}
#cnt_right #demo a	{display:block; background:transparent url(../images/clickHereToLaunch.gif) top left no-repeat; width:155px; height:155px; text-indent:-3000em; overflow:hidden;}
#cnt_right p.small	{width:220px;}

/* TICKERTAPE STYLES */
/* The basicTickerTape styles are required */
div.basicTickerTape 	{position:relative; overflow:hidden;}
div.basicTickerTape ul 	{position:absolute; top:0; /*bottom: 0;*/ left:0; margin:0;}
/* The basicTickerTape styles are required */

div.styledTickerTape 				{margin:0 0 40px -5px; padding-top:0px; width:300px; height:300px; font-family:Arial, sans-serif; font-size:75%; color:#666;}
div.styledTickerTape ul 			{position:static; padding:0; width:258px; list-style:none;}
div.styledTickerTape ul li 			{margin:0 10px 15px 10px; height:73px;}
div.styledTickerTape ul li ul		{padding:0; margin:0; width:258px; height:73px;}
div.styledTickerTape ul li ul li	{margin:0; padding:0 0 0 8px; width:258px; background:transparent url(/images/speechBubbleTop.gif) top left no-repeat;}
div.styledTickerTape ul li p 		{margin:0; padding:12px 15px 5px 28px; height:30px; /*background:transparent url(/images/quoteLeft.gif) 28px 9px no-repeat;*/ overflow:hidden; line-height:1.3em; font-size:100%; /*text-indent:25px;*/}
div.styledTickerTape ul li p.name 	{padding:3px 35px 8px 28px; height:auto; background:transparent url(/images/speechBubbleBottom.gif) 1px bottom no-repeat; color:#000; font-weight:bold; font-size:95%; text-indent:0;}

div.styledTickerTape ul li.alt			{background-image:url(/images/speechBubbleTopAlt.gif); background-position:top right;}
div.styledTickerTape ul li.alt p.name	{background-position:bottom left;}

div.styledTickerTape a 				{color:blue;}


