@charset "utf-8";
/* CSS Document */



/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	MAIN STRUCTURE	
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/




body, div, p, img, ul, li,form {
	margin:0px;
	padding:0px;
	border:0px;
}


body {
	background: #00060f;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#99a9bf;
	text-align:left;
}
ul{
	list-style: none;
}

p {
}



.centralContainer {
	width:970px; margin-left:auto; margin-right:auto;
	position:relative;
}



p.main {
	font-size: 1em;
	color: #99a9bf;
	line-height: 1.5em;
}
p.medium {
	font-size: 0.95em;
	color: #8291a5;
	line-height: 1.4em;
}

p.norm {
	font-size: 0.85em;
	color: #8291a5;
	line-height: 1.5em;
}

p.smallprint {
	font-size: 0.75em;
	color: #414c5a;
	line-height: 19px;
}

a {
	color: #84c529;
	text-decoration: none;
	border-bottom:1px dotted #42661c;
}
a:hover  { color: white; border-bottom: 1px dotted #aaa;}
a.white, a.white:hover {
	color: white; border-bottom:1px dotted #aaa;
}


p.smallprint a {
	color: #8291a5;
	border-bottom:1px dotted #435061;
}
p.smallprint a:hover {color: white; border-bottom:1px dotted #aaa;}



/*
a:visited{ color: #557e1b; border-bottom: 1px dotted #557e1b;}
*/

a.button, a.button:hover, a.button:visited {
	text-decoration:none;
	border-bottom: 0;
}

.white {
	color: white;
}



h1, h2, h3{
    font-family:Bebas;
    color:#fff;
}
h2{
    font-size:1.6em;
}
h3{
    font-size:1.4em;
}
h4 {
	font-weight: normal;
	font-size: 1.3em;
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
}





/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	PRESS
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/
.press{
	float:left;
	clear:both;
}

.press .header{
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
.press .header img{
	margin-left:350px;
}
.press .item{
	float:left;
	clear:both;
	padding-top:40px;
	padding-bottom:40px;
	border-top:1px dotted #1c2839;
}
.press .item:first-child{
	border-top:0;
	padding-top:0px;
}
.press h3{
	margin-top:3px;
	margin-bottom:3px;
	color:#fff;
}
.press h4{
	font-size:1em;
	margin-bottom:0px;
}

.press .date{
	font-size:0.8em;
	text-transform:uppercase;
	color:#24344b;
}
.press .release{
	float;left;
	clear:both;
	margin-top:20px;
}
.press .release p:first-child{
	padding-top:0px;
}
.press .release p{
	padding-top:20px;
}
.press .links{
	float;left;
	clear:both;
	margin-top:20px;
}
.press .links li{
	list-style:disc inside;
	float:left;
	clear:both;
}
.press .links li p{
	float:right;
}
.press .gallery{
	margin-top:20px;
	float:left;
	clear:both;
}
.press .gallery li{
	padding-bottom:20px;
	padding-right:20px;
	float:left;
}

/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	PARTY IDEAS
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/

.party .centralContainer.bg {
	background: url(../images/party_ideas_bg_90pc.jpg) no-repeat;
}


.party div.main {
	margin-left: 95px;
	margin-top: 61px;
	position:relative;
}


.party .top {
	width: 349px;
}
.party .top img.title {
	position:relative; left: -7px;
	margin-bottom: 13px;
}
.party .top p.main {
}
.party .top img.glasses {
	float: right;
}


.party img.cinema {
	position:absolute;
	left: 371px;
	top: -26px;
}


/* PARA 2 */

.party div.para2 {
	margin-top: 85px;
	clear:both;
}
.party .para2 img.title {
	float:left;
	position:relative; left: -9px;
	margin-bottom: 16px;
}
.party .para2 .col1 {
	clear:both;
	float:left;
	width:370px;
	margin-right: 50px;
}
.party .para2 .col2 {
	float:left;
	width:420px;
}

.party .para2 p.norm {
	line-height:23px;
}


/* PARA 3 */

.party div.para3wrapper {
	background: url(../images/have_a_wonderful_birthday2_80pc.jpg) no-repeat;
	position:relative;
	left: -136px;
	width:970px; height:488px;
}
.party div.para3 {
	margin-top: 104px;
	clear:both;
	width: 400px;
	position:relative; left: 556px;
}

.party .para3 img.title {

	position:relative; left: -9px;
	margin-bottom: 12px;
}

.party .para3 p.norm {
	line-height: 23px;
}

.party .para3 p.smallprint {
	margin-top: 10px;
}






/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	RECOMMENDED FILMS
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/





div.main.films {
	margin-left: 50px;
	margin-top: 28px;
        float:left;
        
}



.films .centralContainer.bg {
	background: url(../images/films_bg_90pc.jpg) no-repeat;
}



/* TABS */


.main.films .tabs {
	margin-left:174px;
        padding-top:30px;
	list-style: none;
        float:left;
}
.main.films .tabs li{
	float:left;
        background-image:url(../images/tabs_bg.png);
        background-repeat:repeat;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        -moz-border-top-left-radius:5px;
        -moz-border-top-right-radius:5px;
        margin-right:5px;
        padding:10px;
       
}
.main.films.available .tabs li.available{
    background-image:url(../images/tabs_bg_active.png);
}
.main.films.unavailable .tabs li.unavailable{
    background-image:url(../images/tabs_bg_active.png);
}
.main.films .tabs li .item {
	display:block;
	float:left;
	height:39px;
	background-image:url(../images/tabs.png);
        
	text-decoration:none;
}




.main.films .tabs .item.left{width:223px;}
.main.films.unavailable .tabs .item.left:hover{background-position:0 0px;}
.main.films.available .tabs .item.left{background-position:0 -39px;}
.main.films.available .tabs .item.left:hover{background-position:0 -39px;}


.main.films .tabs .item.right {width:291px;}
.main.films.available .tabs .item.right {width:291px;background-position:-223px 0px;}
.main.films.available .tabs .item.right:hover{background-position:-223px 0px;}
.main.films.unavailable .tabs .item.right{background-position:-223px -39px;}
.main.films.unavailable .tabs .item.right:hover{background-position:-223px -39px;}

/* MESSAGE PANELS */
.main.films .message {
    

}

.main.films .available.message {
	display: none;
        float:left;
        
}
.main.films .unavailable.message {
	display: none;
        float:left;
}

.main.films div.message div.top {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/films/neon_box_top_available.png) no-repeat;
	width: 874px; height:17px;
	margin-top: 9px;
	position:relative; left: -2px;
}
.main.films .message.unavailable div.top {
	background: url(../images/neon_box_top_unavailable.png) no-repeat;
}
.main.films .message .bottom {
	width: 874px;
        height:203px;
	position:relative;
        left: -2px;
        background-image:url(../images/tabs_bg_active.png);
        background-position:0 -40px;
        background-repeat:repeat;
        border-radius:5px;
        -moz-border-radius:5px;
}

.main.films .message .closemessage {
	margin-top: 3px;
	margin-right: 20px;
	float: right;
}
.main.films .message .col1 {
	padding-top: 33px; padding-left: 46px;
	float: left;
	width: 370px;
	margin-right: 51px;
}
.main.films .message .col2 {
	padding-top: 33px;
	float: left;
	width: 330px;
}

.main.films .message.unavailable .owl {
	position:absolute;
	left: 703px; top: 130px;
}











/* THEMES */

.main.films #themes {
	margin-top: 14px;
	clear: both;
}

.main.films #themes .item {
	float:left;
	height: 28px;
	background: #1f1d22;
	margin-right: 5px; margin-bottom: 5px;
	padding-left: 16px; padding-right: 16px; padding-top: 6px;
	/* this takes precedence over curvy-corners code */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer; cursor:hand;
}

.main.films #themes .item.over {
	background: #151517;
}

.main.films #themes .selected, .main.films #themes .over.selected {
	background: url(../images/theme_selected_bg.gif) repeat;
}

.main.films #themes .item a {
	font-size: 0.8em;
	font-weight: bold;
}



/* RESULTS */

.main.films #results {
	clear: both;
	margin-top: 25px;
	position:relative;
	min-height: 314px;
        float:left;
}

.main.films #results .item {
	float: left;
	/*font-size: 0px;*/
	margin-right: 2px; 
	padding-bottom: 20px; 
	display: none;
}
/* Items are only visible when they have the "on" class */
.main.films #results .item.on {
	display:inline;
}


.main.films #results .item a {
	border-bottom: none;
}

.main.films #results .item.under {
	visibility: hidden;
}

.main.films #results .item div.title {
	position:absolute;
	background: url(../images/black_80pc.png);

	width:215px;
}
.main.films #results .item div.title p {
	color: #fff;
	font-weight: normal;
	font-size: 0.85em;
        padding:7px 10px 7px 10px;
        text-shadow: 0 1px 1px #000000;
}
.main.films #results .item.over div.title {
	/* visibility: hidden; */
}

/* INFO ROLLOVERS */


.main.films #results .info {
	visibility: hidden;
}
.main.films #results .info.over {
	visibility: visible;
}



.main.films #results .info {
	position: absolute;
	left: 0px;
        top: 147px;
	width: 432px;
        height: 312px;
        
}

.main.films #results .info div.pic {
	position:absolute; left: 0px; top: 0px;
	width: 215px; height: 145px;
}
.main.films #results .info div.pic img {
	width: 215px; height: 145px;
}

.main.films #results .info div.heading {
	width: 189px;
}

.main.films #results .info h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin:0px;
	margin-top:0px;margin-left: 16px;
}
.main.films #results .info.bottom h4, .main.films #results .info.bottomright h4 {
	margin-top:20px;
}
.main.films #results .info .subheading {
	font-size: 0.8em;
	line-height: 15px;
	margin-left:18px; margin-top: 4px;
	color: #8291A5;
}
.main.films #results .info .buy {
	margin-left: 8px; margin-top: 8px;
}
.main.films #results .info .buy a img {
	opacity:0.4;
}
.main.films #results .info .buy a img:hover {
	opacity:1;
}
.main.films #results .info p.blurb {
	margin-left: 14px;
	margin-top:14px;
	margin-right: 18px;
	font-size: 0.85em;
	line-height: 1.5em;
}




/* The different L-shaped layouts for the info panels */

.main.films #results .info div.pic {
	position:absolute; left: 0px; top: 0px;
}
.main.films #results .info div.heading {
	position:absolute; left: 217px; top:0px
}
.main.films #results .info div.content {
	position:absolute; left:0px; top: 147px;
	height: 160px; overflow: hidden;
}
.main.films #results .info div.content div.scrollpane {
	height: 160px;
}


.main.films #results .info.right div.pic {
	position:absolute; left: 217px; top:0px;
}
.main.films #results .info.right div.heading {
	position:absolute; left: 0px; top:0px;
}
.main.films #results .info.right div.content {
	position:absolute; left:0px; top: 147px;
}

.main.films #results .info.bottom div.pic {
	position:absolute; left: 0px; top:147px;
}
.main.films #results .info.bottom div.heading {
	position:absolute; left: 217px; top:147px;
}
.main.films #results .info.bottom div.content {
	position:absolute; left:0px; top: 0px;
}

.main.films #results .info.bottomright div.pic {
	position:absolute; left: 217px; top:147px;
}
.main.films #results .info.bottomright div.heading {
	position:absolute; left: 0px; top:147px;
}
.main.films #results .info.bottomright div.content {
	position:absolute; left:0px; top: 0px;
}












/* PAGING */

.main.films #paging {
	clear: both;
	margin-top: 28px;
	margin-bottom: 20px;
	text-align: center;
	width: 866px;
        float:left;
}

/* The finest way to center a div of unknown width */
.main.films #paging .centered {
	margin-left: auto;
	margin-right: auto;
	display: table;
	display: inline-block;
}

.main.films #paging .pagelinks {
	float: left;
}

.main.films #paging .item {
	float: left;
	height: 31px;
	background: #15151a;
	margin-right: 3px;
	padding-left: 14px; padding-right: 14px; padding-top: 9px;
	cursor:pointer; cursor: hand;
}

.main.films #paging .item.over {
	background: #0b0b0b;
}

.main.films #paging .selected, .main.films #paging .over.selected {
	background: #401a3f;
}

.main.films #paging .item a {
	font-size: 0.95em;
	font-weight: bold;
	color: white;
	border-bottom: none;
}

.main.films #paging .arrow {
	float: left;
	margin-top: 6px;
}
.main.films #paging .arrow.left {
	margin-right: 14px;
}
.main.films #paging .arrow.right {
	margin-left: 8px;
}
.main.films #paging .arrow a{
    cursor:pointer;
}

.main.films #paging .arrow.disabled a{
    cursor:inherit;
}





/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	ABOUT
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/




div.main.about {
	margin-left: 84px;
	margin-top: 28px;
	position:relative;
}

div.main.about .title {
	position: absolute;
	top: 33px;
	left: 204px;
}

.main.about p{
    padding-bottom:1em;
}

.main.about p.first{
   color:#fff;
   font-size:1.1em;
   line-height:1.5em;
}





/* ABOUT HOME */

.abouthome .centralContainer.bg {
	background: url(../images/about_bg_80pc.jpg) no-repeat;
	height:663px;
}
.abouthome div.main.about .title {
	top: 30px;
	left: 203px;
}
.abouthome div.content {
	position:absolute; left: 210px; top: 91px;
	width: 573px; height: 432px;
	padding-left:50px; padding-top:35px; padding-right:50px;
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/black_50pc.png) repeat;
}




.abouthome .topcol1 {
	float: left;
	margin-right: 10px;
}
.abouthome .topcol2 {
	float: left;
}
.abouthome .topcol1 .image, .abouthome .topcol2 .image {
	float: left;
	margin-right: 6px;
}
.abouthome .topcol1 .blurb {
	float: left;
	width: 185px;
}
.abouthome .topcol1 .blurb p.main, .abouthome .topcol2 .blurb p.main {
	padding-bottom:0.5em;
}
.abouthome .topcol2 .blurb {
	float: left;
	width: 175px;
}



.abouthome p.mid {
	float:both;
	margin-top: 20px;
	margin-bottom:10px;
}

.abouthome p.description {
	float: left;
	clear: both;
}
.abouthome p.last {
	float: left;
	clear: both;
	margin-top: 10px;
}

/* HELP */

.help .centralContainer.bg {
	background: url(../images/about_bg_80pc.jpg) no-repeat;
	height:800px;
}

.help div.content {
	position:absolute; left: 210px; top: 91px;
	width: 550px; height: 432px;
	padding-left:50px; padding-top:35px; padding-right:50px;
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/black_50pc.png) repeat;
}



.help div.content p.main.second {
	margin-bottom: 15px;
}
.help div.content p.norm {
}
.help div.content .col1 {
	float:left;
        margin-top:20px;
	/*width:280px;*/
}
.help div.content .col2 {
	float:left;
	/*width:270px;*/
	/*margin-left:15px;*/
}
.help div.content .delighted {
	color: white;
}

.help div.content .col1 p, .help div.content .col2 p{
	margin-bottom:15px;

}
.help div.content p.main.last {
	clear: left; float:left;
	margin-top: 20px;
}




/* THANKS */

.thanks .centralContainer.bg {
	background: url(../images/about_bg_80pc.jpg) no-repeat;
	height:643px;
}

.thanks div.content {
	position:absolute; left: 210px; top: 91px;
	width: 573px; height: 332px;
	padding-left:50px; padding-top:35px; padding-right:50px;
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/black_50pc.png) repeat;
}
.thanks div.content p.main.first {
	font-size:1.1em;
        line-height: 1.5em;
	letter-spacing: -0.01em;
	color: white;

}

.thanks div.content p.norm {
	line-height: 24px;
}



/* PEOPLE */

.people .centralContainer.bg {
	background: url(../images/about_bg_80pc.jpg) no-repeat;
	height:643px;
}

.people div.content {
	position:absolute; left: 210px; top: 91px;
	width: 573px; height: 432px;
	padding-left:50px; padding-top:35px; padding-right:50px;
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/black_50pc.png) repeat;
}
.people div.content p.main {
	line-height: 1.5em;
	letter-spacing: -0.01em;
}
.people div.content h4 {
	color: white;
	margin-top:52px;
	margin-bottom:20px;
}


.people div.content p.norm {
	line-height: 24px;
}
.people div.content .col1 {
	float:left;
	width:280px;
}
.people div.content .col2 {
	float:left;
	width:270px;
	margin-left:15px;
}


/* MANIFESTO */

.manifesto .centralContainer.bg {
	background: url(../images/about_bg_80pc.jpg) no-repeat;
	height:1416px;
}

.manifesto .paper {
	position: absolute; top: 69px; left: 210px;
	color: #401a3f;
}
.manifesto .paper .top {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/about/manifesto/paper_top.png)  no-repeat;
	width: 676px; height:92px;
}

.manifesto .paper .middle {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/about/manifesto/paper_tile_90pc.jpg) #e8e3de repeat;
	width: 675px; height:900px;
	position:relative; left: 1px;
}
.manifesto .paper .middle .content {
	padding-left:60px; padding-right:47px;
}

.manifesto .paper .middle .content h4 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0px; padding-top: 14px; padding-bottom:11px;
}

.manifesto .paper .middle .content p {
    font-size:0.85em;
    line-height:1.5em


}
.manifesto .paper .middle .content p a {
    color: #54860e; border-bottom: 1px dotted #54860e;
}
.manifesto .paper .middle .content p a:hover {
    color: #2c4509; border-bottom: 1px dotted #2c4509;
}

.manifesto .paper .bottom {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/about/manifesto/paper_bottom.png)  no-repeat;
	width: 675px; height:150px;
	position:relative; left: 1px;
}

.manifesto div.smallprint {
	position:absolute; left: -253px; top: 1000px;
	width: 233px;
	text-align: right;
}

.manifesto div.smallprint p {
	color: #8291a5;
	letter-spacing: -0.01em;
}






/* SUBNAV */

.about .subnav {
	margin-left:0px; padding-top:34px; height:107px;
}

.about .subnav ul{
	list-style: none;
		width:156px;

}
.about .subnav li{
	width:156px;

}
.about .subnav li .item {
	display:block;
	height:24px;
	background-image:url(/web/20230803070717im_/https://eightandahalf.org/pics/about/subnav.png);
	text-decoration:none;
	width:156px;
}
.about .subnav li .item.manifesto {height: 28px;}
.about .subnav li .item.help {height: 31px;}


.about .subnav li .item.abouthome{width:156px;}
.about .subnav li .item.abouthome:hover{background-position:-156px 0px;}
.abouthome .about .subnav .item.abouthome{background-position:-312px 0px;}
.abouthome .about .subnav .item.abouthome:hover{background-position:-312px 0px;}



.about .subnav li .item.manifesto{width:156px;background-position:0px -28px;}
.about .subnav li .item.manifesto:hover{background-position:-156px -28px;}
.manifesto .about .subnav .item.manifesto{background-position:-312px -28px;}
.manifesto .about .subnav .item.manifesto:hover{background-position:-312px -28px;}


.about .subnav li .item.people {width:156px;background-position:0px -52px;}
.about .subnav li .item.people:hover{background-position:-156px -52px;}
.people .about .subnav .item.people{background-position:-312px -52px;}
.people .about .subnav .item.people:hover{background-position:-312px -52px;}

.about .subnav li .item.thanks{width:156px;background-position:0px -76px;}
.about .subnav li .item.thanks:hover{background-position:-156px -76px;}
.thanks .about .subnav .item.thanks{background-position:-312px -76px;}
.thanks .about .subnav .item.thanks:hover{background-position:-312px -76px;}

.about .subnav li .item.help{width:156px;background-position:0px -101px;}
.about .subnav li .item.help:hover{background-position:-156px -101px;}
.help .about .subnav .item.help{background-position:-312px -101px;}
.help .about .subnav .item.help:hover{background-position:-312px -101px;}




/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	GET INVOLVED
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/

.involved .centralContainer.bg {
	/*
        background: url(/web/20230803070717im_/https://eightandahalf.org/pics/get_involved/get_involved_bg_85pc.jpg) no-repeat;
	height:1035px;
	background-position:0 40px;
        */
}


.involved div.main {
	margin-left: 95px;
	margin-top: 69px;
	position:relative;
}


.involved div.want {
	width: 390px;
	position:relative; top:-8px;
}
.involved div.want .title {
	position:relative; left:-7px;
}
.involved div.want p {
	margin-top:13px;
}



.involved div.howcol1 {
	position:absolute;
	top: 210px;
	width: 370px;
}

.involved div.howcol1 .title {
	position:relative; left:-9px; top: -1px;
}

.involved div.howcol1 p.first {
	margin-top:21px;
}


.involved div.howcol2 {
	position:absolute;
	top: 271px; left: 420px;
	width: 360px;
}








.involved div.postcol1 {
	position:absolute;
	top: 594px;
	width: 380px;
}
.involved div.postcol1 p.postnorm, .involved div.postcol2 p.postnorm, .involved div.postcol2 ul {
	font-size: 0.85em;
	color: white;
	line-height: 19px;
	letter-spacing: -0.025em;
}
.involved div.postcol2 ul {
	line-height: 17px;

}
.involved div.postcol1 p.postaddress {
	margin-top: 20px;
	color: #6a5170;
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0em;
}
.involved div.postcol1 p.postaddress .half {
	font-size: 0.8em;
}
.involved div.postcol1 p.postaddress a:hover {
	border-bottom: 1px dotted #84c529;
}




.involved div.postcol2 {
	position:absolute;
	top: 594px; left: 420px;
	width: 380px;
}

.involved div.postcol2 ul{
	margin-top: 20px; margin-left: 10px;
	list-style: inside url(../images/bullet.png);
}
.involved div.postcol2 li {
	margin-bottom: 7px;
}
.involved div.postcol2 .tinsel {
	margin-top:6px;
	margin-left:135px;
}

.involved div.smallprint {
	position:absolute;
	top: 867px;
}



	
.involved .centralContainer.bg {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/get_involved/get_involved_bg_85pc.jpg) no-repeat;
	height:1275px;
	background-position:0 270px;
}

.involved div.howcol1 {
	position:absolute;
	top: 410px;
	width: 370px;
}

.involved div.gift{
    left: 400px;
    position: absolute;
    top: 0;
}


.involved div.howcol2 {
	position:absolute;
	top: 471px; left: 420px;
	width: 360px;
}

.involved div.postcol1 {
	position:absolute;
	top: 794px;
	width: 380px;
}

.involved div.postcol2 {
	position:absolute;
	top: 794px; left: 420px;
	width: 380px;
}

.involved div.smallprint {
	position:absolute;
	top: 1087px;
}



/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	HOME
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/
.home .centralContainer.bg {
	/*
        background: url(/web/20230803070717im_/https://eightandahalf.org/pics/home/home_bg_95pc.jpg) no-repeat;
        
        */
        background: url(/web/20230803070717im_/https://eightandahalf.org/pics/home/bg.jpg) no-repeat;
	height:1000px;
}


.home div.main {
	margin-left: 50px;
	top: 110px;
	position:absolute;
}



/*******************************************
* HOMEPAGE MAIN CAROUSEL
********************************************/

.home .carousel{
    float:left;
    width:870px;
    
}

.home .carousel .framesContainer{
    position:relative;
    float:left;
    width:868px;
    height:334px;
    overflow:hidden;
    /*border: 1px solid #29172E;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    background-image:url(/web/20230803070717im_/https://eightandahalf.org/pics/home/carousel_frame_bg.png);
    background-repeat:repeat;
}

.home .carousel .frames{
    position:absolute;
    width:3000px;
    height:334px;   
}
.home .carousel .frames li.frame{
    float:left;
    width:868px;
    height:334px;
}

/* CAROUSEL NAV */
.home .carousel .nav{
    float:left;
    width:870px;
    height:97px;
   
}
.home .carousel .nav li{
    float:left;
    height:97px;
    width:334px;
    background-image:url(/web/20230803070717im_/https://eightandahalf.org/pics/home/carousel_nav.png);
    background-repeat:no-repeat;
    cursor:pointer;
}
.home .carousel .nav li.active{
    cursor:default;
}

.home .carousel .nav .nav1{
    width:221px;
    background-position:0 0;
}
.home .carousel .nav .nav1:hover, .home .carousel .nav .nav1.active{
    background-position:0 -97px;
}

.home .carousel .nav .nav2{
    width:215px;
    background-position:-221px 0;
}
.home .carousel .nav .nav2:hover, .home .carousel .nav .nav2.active{
    background-position:-221px -97px;
}
.home .carousel .nav .nav3{
    width:214px;
    background-position:-436px 0;
}
.home .carousel .nav .nav3:hover, .home .carousel .nav .nav3.active{
    background-position:-436px -97px;
}
.home .carousel .nav .nav4{
    width:220px;
    background-position:-650px 0;
}
.home .carousel .nav .nav4:hover, .home .carousel .nav .nav4.active{
    background-position:-650px -97px;
}

/*-------------------------------
* Carousel Frame structure
*/
.home .carousel .left-col{
    float:left;
    width:465px;
}
.home .carousel .right-col{
    float:left;
    width:350px;
}

/*-------------------------------
* Carousel Typographic
*/
.home .carousel .star-list{
    float:left;
    clear:both;
}
.home .carousel .star-list li{
    list-style: none outside none;
    vertical-align: middle;
    padding-left: 20px;
    background: url("/web/20230803070717im_/https://eightandahalf.org/pics/home/star-bullet.png") no-repeat scroll 0 4px transparent;
    float:left;
    clear:both;
    padding-bottom:0.2em;
}
.home .carousel .line{
    float:left;
    clear:both;
    font-size:1.1em;
    line-height:1.5em;
    color:#9b7ca2;
}

.home .carousel .line .half{
    font-size:.8em;
    letter-spacing:-0.1em;
    padding:0 0.1em 0.1em 0.1em;
}

.home .carousel .line.new-paragraph{
    margin-top:10px
}
.home .carousel .line.large{
    font-size:1.5em;
    line-height:1.3em;
}
.home .carouse .line.large.new-paragraph{
   margin-top:10px;
}

.home .carousel .line .highlight{
    color:#f2d3f9;
}
.home .carousel .line a.highlight{
    text-decoration:none;
    border-bottom:2px solid #f2d3f9;
}
.home .carousel .line a.highlight:hover{
    text-decoration:none;
    border-bottom:2px solid #fff;
}

.home .carousel .line a.highlight:hover{
    text-decoration:none;
    color:#84C529;
    border-bottom:2px solid #84C529;
}


.home .carousel .line.small{
    font-size:0.85em;
    colour:#a89aac;
}

/*-------------------------------
* Carousel Buttons
*/
.home .carousel .but{
    margin-top:10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #FFFFFF;
    float: left;
    font-size: 0.85em;
    font-weight: normal;
    letter-spacing: 0.03em;
    padding: 10px;
    text-shadow: 1px 1px 0 #345a01;
    background-image: linear-gradient(bottom, rgb(109,167,0) 3%, rgb(84,133,0) 76%);
    background-image: -o-linear-gradient(bottom, rgb(109,167,0) 3%, rgb(84,133,0) 76%);
    background-image: -moz-linear-gradient(bottom, rgb(109,167,0) 3%, rgb(84,133,0) 76%);
    background-image: -webkit-linear-gradient(bottom, rgb(109,167,0) 3%, rgb(84,133,0) 76%);
    background-image: -ms-linear-gradient(bottom, rgb(109,167,0) 3%, rgb(84,133,0) 76%);
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.03, rgb(109,167,0)),
        color-stop(0.76, rgb(84,133,0))
    );
}
.home .carousel .but:hover{
    background-image: linear-gradient(bottom, rgb(127,217,0) 10%, rgb(84,174,0) 76%);
    background-image: -o-linear-gradient(bottom, rgb(127,217,0) 10%, rgb(84,174,0) 76%);
    background-image: -moz-linear-gradient(bottom, rgb(127,217,0) 10%, rgb(84,174,0) 76%);
    background-image: -webkit-linear-gradient(bottom, rgb(127,217,0) 10%, rgb(84,174,0) 76%);
    background-image: -ms-linear-gradient(bottom, rgb(127,217,0) 10%, rgb(84,174,0) 76%);
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.1, rgb(127,217,0)),
        color-stop(0.76, rgb(84,174,0))
    );
}
/*-------------------------------
* Carousel Frame 1
*/
.home .frame1 .hometoyContainer {
    margin-left:0px;
}
.home .frame1 .right-col{
    position:absolute;
    top:50px;
    left:465px;
}



/*-------------------------------
* Carousel Frame 2
*/

.home .frame2 .right-col{
    margin-top:50px;
    margin-left:10px;
}

/*-------------------------------
* Carousel Frame 3
*/

.home .frame3 .right-col{
    margin-left:10px;
    margin-top:50px;
    width:330px;
}


/*-------------------------------
* Carousel Frame 4
*/

.home .frame4 .right-col{
    margin-top:50px;
    margin-left:10px;
    width:330px;
}











.home .main .titleContainer {
	float:left;
        margin-bottom:37px;
}
.home .main .titleContainer .title{
    margin:20px 0 10px 0;
}
.home .main .titleContainer .titleBorder {
	float:left;
        width:270px;
        height:1px;
        background-image:url(/web/20230803070717im_/https://eightandahalf.org/pics/common/border_dotted_pink_h.png);
        background-repeat:repeat-x;
}



/* LATEST NEWS */

.home .main .news {
        float:left;
	width:260px;
        margin-top:40px;
}

.home .main .news .headline {
	margin-top: 32px;
	color: white;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 19px;
}
.home .main .news .date {

}
.home .main .news .article {
	margin-top: 19px;
}



.home .main .news div.prevnext, .home .main .involved div.apply {
	position: absolute; top: 357px;
	width: 248px;
	padding:13px; padding-left:19px; padding-bottom:14px;
	background-color: #15151a;
	/* cursor: pointer; */
}
.home .main .news div.prevnext a, .home .main .involved div.apply a {
	color: white;
	font-size: 0.85em;
	font-weight: bold;
	border-bottom:0;
}
.home .main .news div.prevnext a:hover, .home .main .involved div.apply a:hover {
	border-bottom:1px dotted #aaa;
}
.home .main .news div.prevnext a.disabled, .home .main .news div.more a.disabled:hover {
	color: #888;
	border: 0;
	cursor: default;
}



.home .main .news .fbFeed{
	margin-top:0px;
	overflow:scroll;
	overflow-x:hidden;
	height:300px;
	width:260px;
	word-wrap:break-word;
	padding-right:15px;
	padding-bottom:20px;
}
.home .main .news .fbArticle{
	border-top:1px dotted #8291a5;
	float:left;width:250px;
	padding-top:10px;
	padding-bottom:10px;
}
.home .main .news .fbArticle:first-child{
	border:0;
	padding-top:0;
}
.home .main .news .fbArticle .videoContainer{
	float:left;
	position:relative;
	min-height:27px;
}
.home .main .news .fbArticle a.video{
	border:0;
}
.home .main .news .fbArticle a.video .playbut{
	position:absolute;
	top:0;
	left:0;
}

/* WANT TO GET INVOLVED? */

.home .main .involved {
        float:left;
	
	width:270px;
        margin-left:40px;
         margin-top:40px;
}
.home .main .involved .title {
	position:relative; left:-6px;
}
.home .main .involved p.norm {
	margin-top:32px;
}
.home .main .involved .scotland {
	float: right;
}



/* STAY IN TOUCH */

.home .main .stay {
	float:left;
	width:270px;
        margin-left:40px;
         margin-top:40px;
}

.home .main .stay .title {
	position:relative; left:-6px;
}
.home .main .stay form{
    clear:both;
    float:left;
    margin-bottom:10px;
}
.home .main .stay #stay_email_field {
	border-radius:5px;
        -moz-border-radius:5px;
	padding:1px 0 0 5px;
        margin-right:5px;
	width:150px;
        height:33px;
	font-weight: bold;
	font-size:0.75em;
	border:0px;
}

.home .main .stay #stay_submit_button {
	
	background: url(../images/button_join2.png) no-repeat 0 0;
	width: 54px; height: 35px;
	border: 0;
        cursor:pointer;
}

.home .main .stay #stay_submit_button:hover {
	background: url(../images/button_join2.png) no-repeat 0 -35px;
}



.home .main .stay #stay_response {
	font-size: 0.8em;
        float:left;
        clear:both;
	
}

.home .main .stay #stay_response .success {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/success.png) no-repeat 0px 0px;
	padding-left:20px;
	min-height:20px;
	color: white;
}
.home .main .stay #stay_response .error {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/error.png) no-repeat 0px 0px;
	min-height:20px;
	padding-left:20px;
	color:#E83365;
}




.home .main .stay p.norm {
	float:left;
}


/*------ RESPONSE ------*/
/* NOT DONE YET */
.home #mailing_response {
	font-size: 0.8em;
}

.home #mailing_response .success {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/home/mailing_response_success.png) no-repeat 0px 0px;
	padding-left:20px;
	min-height:20px;
}
.home #mailing_response .error {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/home/mailing_response_error.png) no-repeat 0px 0px;
	min-height:20px;
	padding-left:20px;
	color:#ab142f;
}




/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	HEADER
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/


#logo {
	position:absolute;
	top: 16px; left:94px;
	z-index: 1000;
}

#moon {
	position:absolute;
	top:0px; left: 801px;
}
#nav {
	margin-left:222px; padding-top:34px; height:37px;
}

#nav ul{
	list-style: none;
}
#nav li{
	float:left;
}
#nav li .item {
	float:left;
	height:37px;
	background-image:url(/web/20230803070717im_/https://eightandahalf.org/pics/header/nav_3_states.png);
	text-decoration:none;
}



#nav li .item.home{width:86px;}
#nav li .item.home:hover{background-position:0 -37px;}
.home #nav .item.home, .party #nav .item.home {background-position:0 -74px;}
.home #nav .item.home:hover, .party #nav .item.home:hover {background-position:0 -74px;}



#nav li .item.films {width:163px;background-position:-86px 0px;}
#nav li .item.films:hover{background-position:-86px -37px;}
.films #nav .item.films{background-position:-86px -74px;}
.films #nav .item.films:hover{background-position:-86px -74px;}

#nav li .item.about{width:85px;background-position:-249px 0px;}
#nav li .item.about:hover{background-position:-249px -37px;}
.about #nav .item.about{background-position:-249px -74px;}
.about #nav .item.about:hover{background-position:-249px 74px;}

#nav li .item.involved{width:113px;background-position:-333px 0px;}
#nav li .item.involved:hover{background-position:-333px -37px;}
.involved #nav .item.involved{background-position:-333px -74px;}
.involved #nav .item.involved	:hover{background-position:-333px 74px;}

#nav li .item.beenupto{width:180px;background-position:-338px 0px;}
#nav li .item.beenupto:hover{background-position:-338px -37px;}
.involved #nav .item.beenupto{background-position:-338px -74px;}
.involved #nav .item.beenupto	:hover{background-position:-338px 74px;}


























/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	FOOTER
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/











#footerContainer {
	margin-top:7px;
        margin-bottom:100px;
	clear:both;
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/footer/get_involved_footer_bg_90pc.jpg) no-repeat;
	height: 172px;
	padding-top:132px;
}

.home #footerContainer {
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/footer/footer_bg_90pc.jpg) no-repeat;
	height: 160px;
	padding-top:171px;
}



#footer{
	position: relative;
	width:870px;
	height:160px;
	clear:both;
	margin-left:50px;
}

#footer .title {
	margin-bottom:21px;
}

#footer .col1 {
	float:left;
	width: 280px;
	margin-right:15px;
}
#footer .col1 .sponsors {
	margin-top: 16px;
	position:relative; left:-1px;
}

#footer .col2 {
	float:left;
	width: 280px;
	margin-right:15px;
}

#footer .col3 {
	float:left;
	width: 270px;
}


#footer div.shadows {
	position:absolute; left: 582px; top: 157px;
	background: url(../images/shadows.png) no-repeat;
	width: 211px; height:25px;
}

#footer .facebookBlurb {
	margin-bottom: 8px;
}
#footer #share {
	width: 280px;
	float:left;
}

#footer p a{
    color:#ccc;
}
#footer p a:hover{
    color:#fff;
}

/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	CUSTOM SCROLLBARS
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #140b25;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.jScrollPaneDrag {
	position: absolute;
	background: #4f1967;
	cursor: pointer;
	overflow: hidden;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}




/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	CAROUSEL
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/


.home .lightbox {
	width: 532px; height: 293px;
	margin: 0; padding: 0;
	padding-left: 50px; padding-top: 67px; padding-right: 50px;
	background: url(/web/20230803070717im_/https://eightandahalf.org/pics/home/lightbox_bg_no_glow.png) no-repeat;
}
#fancybox-close {
	border: 0;
}
.home .lightbox h4 {
	text-align: center;
	margin-bottom: 4px;
	color: white;
	font-size: 1.4em;
	letter-spacing: 0em;
}
.home .lightbox .subtitle {
	text-align: center;
	margin-bottom: 22px;
	color: white;
}

.home .lightbox div.scrollpane {
	width: 265px; height: 194px;
	float: left;
	margin-right: 22px;
}


.home .lightbox img.pic {
	margin-top:4px;
	float: right;
}









.jcarousel-skin-ie7 a {
	border: 0;
}
.jcarousel-skin-ie7 .jcarousel-container {

}

.jcarousel-skin-ie7 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 391px;
    padding: 0px 27px;
}


.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  391x;
    height: 235px;
}


.jcarousel-skin-ie7 .jcarousel-item {
    width: 391px;
    height: 235px;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {

}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}


.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 103px;
    right: -13px;
    width: 32px;
    height: 38px;
    cursor: pointer;
	border: 0;
    background: transparent url(/web/20230803070717im_/https://eightandahalf.org/pics/common/arrow_right_large_4states.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/arrow_left_large_4states.png);
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 104px;
    left: -7px;
    width: 32px;
    height: 38px;
    cursor: pointer;
	border: 0;
    background: transparent url(/web/20230803070717im_/https://eightandahalf.org/pics/common/arrow_left_large_4states.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/web/20230803070717im_/https://eightandahalf.org/pics/common/arrow_right_large_4states.png);
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	MISCELLANEOUS
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/



.strike{
	text-decoration:line-through;
}

/* Make a container div enwrap its contents */
.container {
	clear:both;
	overflow:hidden;
	zoom:1;
}

/* Html version of the float clearing hack. use <hr /> in yr markup to make the containing div enwrap its contents */
hr {
	display: block; clear: left; margin: -0.66em 0;
	visibility: hidden;
}

.invisible {
	visibility:hidden;
}
.nuke {
	display:none;
}



.centered {
	text-align:center;
}

/* Stop Firefox3 putting a dotted line around swfs */
object { outline:none; }

.displace {
	position: absolute;
	left: -5000px;
}



.inputNormal{
	color:#000000;
}
.inputFaint{
	color:#aaa;
}



/*
     FILE ARCHIVED ON 07:07:17 Aug 03, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:26:49 Aug 17, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.87
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.029
  esindex: 0.011
  cdx.remote: 29.321
  LoadShardBlock: 172.064 (3)
  PetaboxLoader3.datanode: 199.656 (5)
  load_resource: 91.425
  PetaboxLoader3.resolve: 49.307
  loaddict: 17.401
*/