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

/* By Elevator www.elevatordesign.co.uk */

/*Global */
* 
{

margin: 0px;
padding:0px;
border:none;
}





body{

background-color:#000;
background-image:url(file:///Studio%20Spare%20HD/Users/studiospare/Desktop/s0nkite%20Spiderman%20pattern.pat)

}

#main{
width:100%;
margin:0px;
}

.framer{
position:relative;
margin: 0px auto;

}


/*Divisions----------------------------------------------------------------------------------------*/


#headerwrap{

height:160px;

margin:0px;
}


#header{
display:block;
margin-top:50px;
width:800px;
height:452px;
background:url(images/bebo/header.jpg) no-repeat bottom;
padding:0px 0px 0px 0px;
border:#FFFFFF 8px solid;

}


#footer{

width:989px;
height:20px;
display:block;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
background: no-repeat top url(images/bebo/foot.jpg);
font-size:10px;
color:#F177AE;
text-align:left;
padding:30px 0px 0px 0px;



}


#window{
width:969px;
height:515px;
background:#000;
padding:10px 10px 0px 10px;
margin-top:0px;

}

#whitedrop{
padding:15px 10px 0px 10px;
background: url(images/bebo/round_whitetop.jpg) no-repeat top #fff;
width:949px;
height:500px;

}



#maincol{
padding:135px 0px 0px 0px;
width:520px;
float:left;
background: url(images/bebo/new.jpg) no-repeat top #000000;
}



#maincolfoot{
height:60px;
width:480px;
clear:left;
float:left;
background:url(images/bebo/termsfoot.jpg) no-repeat bottom #000000;
padding: 20px 20px 20px 20px;
}


#maingalcol{
width:545px;
float:left;
}


#infocol{
width:380px;
float:left;
padding:0px 0px 0px 20px;
}


#gallerycol{
width:150px;
height:600px;
float:right;
border-left:1px #F9C5DB solid;
padding:0px 0px 0px 20px;
}


#section{
float:left;
width:440px;
height: 80px;
display:block;
clear:both;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
color:#666;
line-height:16px;
font-size:11.5px;
font-weight:lighter;
padding:5px 5px 5px 5px;
margin:10px 0px 0px 0px;
border: #f9c5db 0.5px dotted;
background:#fce7f0;
}





/*Typography----------------------------------------------------------------------------------------*/


.line{
font-size:1px;
line-height:4px;
}

.intro{

font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11.5px;
color:#F177AE;
padding:0px;
margin:0px;
text-align:left;

line-height:16px;
}


.body{
float:left;
width:230px;
font-family: Arial;
font-size:0.7em;
color:#fff;
text-align:left;
padding:10px 10px 10px 20px;
line-height:12px;
}


.terms{
	position:absolute;
	width:276px;
	font-family: Arial;
	font-size:9px;
	color:#000;
	text-align:left;
	left: 129px;
	top: 457px;
}

.bodyc2{
float:left;
width:230px;
font-family: Arial;
font-size:0.7em;
color:#fff;
text-align:left;
padding:10px 10px 10px 10px;
line-height:16px;
}

.body2{

font-family: Arial;
font-size:10.5px;
color:#000;
text-align:left;
padding:10px 0px 0px 0px;
line-height:16px;
}


.bodycopy{

font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11.5px;
color:#666;
text-align:left;
padding:0px 0px 0px 0px;
line-height:16px;
}



.sider{

font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11.5px;
color:#666666;
text-align:left;
padding:0px 0px 0px 0px;
line-height:16px;
width:200px;
}


.siderin{
float:left;
width:145px;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11.5px;
color:#666666;
text-align:left;
padding:0px 0px 0px 5px;
line-height:16px;

}

.quote{

font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11.5px;
font-style:italic;
font-weight:bold;
color:#666666;
text-align:left;
padding:10px 0px 0px 0px;
line-height:16px;
}



/*Headers hidden----------------------------------------------------------------------------------------*/

.invis{
float:right;
width:1px;
height:1px;
text-indent:-10000px;
margin:0px;
padding:0px 0px 0px 0px;
}

.welcome{
display:block;
clear:none;
height:50px;
background: url(images/headers/welcome.png) no-repeat #FFF;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}


.rec{
display:block;
clear:none;
height:50px;
background: url(images/headers/rec.jpg) no-repeat #FFF;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}



.upcoming{
display:block;
clear:none;
height:50px;
background: url(images/headers/upcoming.png) no-repeat #FFF;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}


.super4{
display:block;
clear:none;
height:50px;
background: url(images/headers/super4.png) no-repeat #FFF;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}


.gallery{
display:block;
clear:none;
height:50px;
background:url(images/headers/gallery.png) no-repeat #FFF;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}


.sponsors{
display:block;
clear:none;
height:50px;
background:url(images/headers/sponsors.png) no-repeat;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}


.press{
display:block;
clear:none;
height:50px;
background:url(images/headers/press.png) no-repeat;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}

.contact{
display:block;
clear:none;
height:50px;
background:url(images/headers/contact.png) no-repeat;
text-indent:-10000px;
margin:0px;
padding:0px 0px 10px 0px;
}


/*Headers ----------------------------------------------------------------------------------------*/

.pinkie{
display:block;
clear:both;
font-family: Arial;
color:#e73031;
font-size:20px;
font-weight:bold;
padding:0px 0px 5px 0px;
margin:0px;
}




.bodypink{
display:block;
clear:both;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
color:#EC008C;
font-size:18px;
font-weight:lighter;
padding:0px 0px 5px 0px;
margin:0px;
}


.pinkiethumb{

display:block;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
color:#F177AE;
font-size:16px;
font-weight:lighter;
padding:0px 0px 5px 0px;
}



/*lists----------------------------------------------------------------------------------------*/

#bulletlist li 

{
display:block;
text-decoration: none;
font-size:10.5px;
font-family:  Arial, Sans-Serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
list-style:none;
margin:5px 0px 0px 0px;
color: #000;
padding:0px 0px 0px 15px;
background-color: transparent;
background-image:url(images/elements/bullet.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;


}




/*Images----------------------------------------------------------------------------------------*/



.right{
	float:right;
	margin:0px;
	padding:0px;
	position:absolute;
	left: 425px;
	top: 443px;
}






/*Links----------------------------------------------------------------------------------------*/







.logo:link{
display:inline;
margin-top:20px;
float:left;
width:163px;
height:19px;
padding:20 0px 0px 0px;
background-image:url(images/bebo/act.jpg);
background-repeat:no-repeat;
text-indent:-10000px;




}

.logo:visited{
float:left;
width:163px;
height:19px;
display:inline;
margin-top:20px;
margin:0px;
padding:20 0px 0px 0px;
background-image:url(images/bebo/act.jpg);
background-repeat:no-repeat;
text-indent:-10000px;



}

.logo:hover{
float:left;
width:163px;
height:19px;
padding:20 0px 0px 0px;
margin:0px;
display:inline;
margin-top:20px;
background-image:url(images/bebo/actov.jpg);
background-repeat:no-repeat;
text-indent:-10000px;


}









.side:link{



padding:0px;
margin:0px;
color:#EC008C;
padding:0px 0px 0px 0px;
font-family: Arial, Sans-Serif;
font-size:10.5px;
text-decoration:underline;




}

.side:visited{
padding:0px;
margin:0px;
color:#EC008C;
padding:0px 0px 0px 0px;
font-family:  Arial, Sans-Serif;
font-size:10.5px;
text-decoration:none;



}

.side:hover{

padding:0px;
margin:0px;
color:#000;
padding:0px 0px 0px 0px;
font-family: Arial, Sans-Serif;
font-size:10.5px;
text-decoration:underline;




}







.sidelist:link{



padding:0px;
margin:0px;
color:#e73031;
padding:0px 0px 0px 0px;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11px;
text-decoration:underline;




}

.sidelist:visited{
padding:0px;
margin:0px;
color:#e73031;
padding:0px 0px 0px 0px;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11px;
text-decoration:underline;



}

.sidelist:hover{

padding:0px;
margin:0px;
color:#fff;
padding:0px 0px 0px 0px;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:11px;
text-decoration:none;




}




.small:link{



padding:0px;
margin:0px;
color:#F177AE;
padding:0px 0px 0px 0px;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:10px;
text-decoration:none;




}

.small:visited{
padding:0px;
margin:0px;
color:#F177AE;
padding:0px 0px 0px 0px;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:10px;
text-decoration:none;



}

.small:hover{

padding:0px;
margin:0px;
color:#000;
padding:0px 0px 0px 0px;
font-family:'Lucida Sans', Verdana, Arial, Sans-Serif;
font-size:10px;
text-decoration:none;




}








/* End */