/*created by safetygoat*/

body{
	background: url(/images/asphalt.jpg) repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Rockwell, Georgia, Times New Roman, Serif;
	min-width: 700px;
}

a{color: #c00023; text-decoration: none;}
a:hover{ color: #640002 }
.fLeft{float: left;}

#barbie{
	background: url(/images/barbie.jpg) no-repeat;
	width: 371px;
	height: 738px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.glasses{
	background: url(../images/glasses.png) no-repeat;
	width: 28px;
	height: 13px;
	position: absolute;
	top: 103px;
	right: 82px;
	z-index: 3;
	display: block;
	text-indent: -9999px;
}

a.goNerdy:hover{background-position: 0 -73px;}


a.noNerdy, a.allNerdy{
	background: url(/images/no_nerdy.png) no-repeat;
	width: 63px;
	height: 44px;
	display: block;
	text-indent: -99999px;
	z-index: 10;
	position: absolute;
	top: -10px;
	left: 285px;
	cursor: pointer;
}

a.allNerdy{
	background-image:url(/images/all_nerdy.png);
	top: 12px;
}

a.noNerdy:hover, a.allNerdy:hover{background-position: 0 -37px;}


h1 a{
	background: url(/images/logo.png) no-repeat 0 0;
	width: 287px;
	height: 159px;
	display: block;
	text-indent: -9999px;
	margin-top: 0px;
}

*html h1 a{background-image: url(/images/logo.gif);}

h2{font-size: 1.85em; text-align: center;}
h3{text-align: center;}

#speechBubble{
	background: url(/images/speech.png) no-repeat 0 0;
	width: 330px;
	height: 332px;
	padding: 50px 90px 50px 60px;
	position: absolute;
	top: 130px;
	right: 350px;
	z-index: 3;
}

*html #speechBubble{background-image: url(/images/speech.gif);}

.actions{
	position: absolute;
	bottom: 40px;
	left: 86px;
}

#menu{
	background: url(/images/dark.png) repeat;
	height: 17px;
	margin: 0 ;
	padding: 0 0 20px 0;
	position: absolute;
	z-index: 4;
	width: 100%;
	font-size: 0.9em;	
}

#menu li{
	float: left;
	list-style-type: none;
}

#menu li.about{
margin-left: 240px;
}

#menu li a{
	padding: 10px 15px 9px;
	text-decoration: none;
	color: #fff;
	display: block;
	border-right: 1px solid #000;
	background: url(images/dark.png);

}
#menu li a.current{
background-color: #640002;
}

#menu li a:hover{
	background-color: #bf0023; 
	padding-right: 15px;
}

.grassTop{
	background: url(/images/grasstop.png) repeat-x;
	height: 33px;
	display: block;
	position: absolute;
	width: 100%;
	top: 700px;
	z-index: 3;
}

*html .grassTop{background-image: url(/images/grasstop.gif);}

.grass{
	background: url(/images/grass.jpg) repeat-x;
	height: 465px;
	display: block;
	position: absolute;
	width: 100%;
	top: 733px;
	z-index: 3;
}

*html .grass{background-image: url(/images/grass.gif);}

.grassBottom{
	background: url(/images/grassbottom.png) repeat-x;
	height: 35px;
	display: block;
	position: absolute;
	top: 1198px;
	width: 100%;
	z-index: 3;
}

*html .grassBottom{background-image: url(/images/grassbottom.gif);}

a.addAPickup{
	background: url(/images/add_a_pickup.png) no-repeat;
	width: 271px;
	height: 137px;
	display: block;
	text-indent: -99999px;
	position:absolute;
	top: -55px;
	right: 0;
	z-index: 4;
}

*html a.addAPickup{background-image: url(/images/add_a_pickup.gif);}

a.downloadBigButton{
	background: url(/images/download_big_button.png) no-repeat;
	width: 271px;
	height: 137px;
	display: block;
	text-indent: -99999px;
	margin: 0 auto;
}

*html a.downloadBigButton{background-image: url(/images/download_big_button.gif);}


a.addAPickup:hover{top: -45px;}

a.addAPickup:hover, a.downloadBigButton:hover{
	background-position: 0 -136px;
}

a.favoriteButton, a.spamButton, a.nextButton, a.addButton, a.backButton,
a.nextSmallButton, a.prevSmallButton, a.favouriteButtonThanks, a.spamButtonThanks{
	background: url(/images/favorite_button.png) no-repeat 0 0;
	width: 145px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	position: relative;
	z-index: 10;
	top: 0;
	left: 0;
	cursor: pointer;
	float: left;
	margin-right: 7px;
}

*html a.favoriteButton{background-image: url(/images/favorite_button.gif);}

a.favouriteButtonThanks {background-image: url(/images/vote_saved.png);}
*html a.favouriteButtonThanks {background-image: url(/images/vote_saved.gif);}

a.spamButtonThanks {
	background-image: url(/images/thanks_spam.png);
	width: 198px;
	position: absolute;
	top: 410px;
	left: 130px;
}

*html a.spamButtonThanks {background-image: url(/images/thanks_spam.gif);}

a.spamButton{
	background-image: url(/images/spam_button.png);
	width: 198px;
	position: absolute;
	top: 410px;
	left: 130px;
}

*html a.spamButton{background-image: url(/images/spam_button.gif);}

a.nextButton{
	background-image: url(/images/next_button.png);
	width: 132px;
}

*html a.nextButton{background-image: url(/images/next_button.gif);}

a.addButton{
	background-image: url(/images/add_button.png);
	width: 70px;
	margin: 10px 0 0 120px;
}

*html a.addButton{background-image: url(/images/add_button.gif);}

a.backButton{
	background-image: url(/images/back_button.png);
	width: 75px;
	height: 27px;
	float: left;
	margin: 30px 0 0 10px;
}

*html a.backButton{background-image: url(/images/back_button.gif);}

a.nextSmallButton{
	background-image: url(/images/next_small_button.png);
	width: 70px;
	height: 27px;
	float: right;
	margin-right: 35px;
}

*html a.nextSmallButton{background-image: url(/images/next_small_button.gif);}

a.prevSmallButton{
	background-image: url(/images/prev_small_button.png);
	width: 70px;
	height: 27px;
	float: left;
	margin-left: 25px;
}

*html a.prevSmallButton{background-image: url(/images/prev_small_button.gif);}

a.favoriteButton:hover, a.spamButton:hover, a.nextButton:hover, a.addButton:hover{
	background-position: 0 -44px;
}

a.backButton:hover, a.nextSmallButton:hover, a.prevSmallButton:hover{background-position: 0 -27px;}

#footer{
	background-color: #000;
	position: absolute;
	top: 1200px;
	width: 100%;
	height: 500px;
	z-index: 2;
	padding-top: 40px;
	color: #fff;
}

.signInBox{
	padding: 20px;
	float: right;
	position: relative;
	z-index: 7;
	width: 400px;
}

.signInBox h4{
	font-size: 2em;
	margin: 0;
}

.signInBox p{
color: #bbb;
}
.createdBy{
	float: right;
	width: 340px;
	padding: 25px 60px 0 0;
	text-align: right;
}

.topLines, .topTruckers{
	float: right;
	height: 367px;
	padding: 60px 50px 50px 70px;
	color: #fff;
	font-size: 0.8em;
	margin-top: -10px;
}

.topLines li, .topTruckers li{
	margin-bottom: 6px;
}

.topLines span, .topTruckers span, .container span{
	color: #858585;
	margin-right: 7px;
}

.topLines a, .topTruckers a{color: #eaff00;}
.topLines a:hover, .topTruckers a:hover{color: #e1d841;}

.topTruckers h5 {font-size: 1.6em; margin-bottom: 0; margin-top: 10px;}
.topTruckers h5 a{color: #640002;}
.topTruckers h5 a:hover{color: #111;}

.topLines{
	background: url(/images/top_lines_container.png) no-repeat 0 0;
	width: 351px;
}

.topTruckers{
	background: url(/images/top_people_container.png) no-repeat 0 0;
	width: 233px;
	margin-right: 25px;
	padding-top: 60px;
	font-weight: normal;
}

label{
	width: 120px; 
	font-size: 0.9em; 
	float: left;
	color: #fff;
	margin-top: 7px;
	font-weight: normal;
	letter-spacing: 0.03em;
}

input{
	margin-bottom: 10px;
	padding: 3px 3px 2px;
	font-family: Rockwell, Georgia, Times New Roman, Serif;
}

input.short{width: 30px;}
input[type=checkbox]{margin-left: 120px;}

textarea{
	width: 200px;
	padding: 3px 3px 2px;
	margin-bottom: 10px;
	font-family: Rockwell, Georgia, Times New Roman, Serif;
}

/*user page*/

.containerTop, .container, .containerBottom{
	position: relative;
	z-index: 6;
	margin: 0 auto;
}
.containerTop{
	background: url(/images/container_top.png) no-repeat 0 0;
	width: 400px;
	height: 86px;
	margin: -100px auto 0;
	padding: 30px 20px 0 50px;
}

*html .containerTop{background-image: url(/images/container_top.gif);}
	
.container{
	background: url(/images/container.png) repeat-y 0 0;
	width: 350px;
	padding: 0 70px 0 50px;
	list-style-type: none;
}

*html .container{background-image: url(/images/container.gif);}

.container li{
	padding-bottom: 10px; 
	font-size: 0.9em;
}

.containerBottom{
	background: url(/images/container_bottom.png) no-repeat 0 0;
	width: 470px;
	height: 68px;
}

*html .containerBottom{background-image: url(/images/container_bottom.gif);