/*css reset*/
@import url(reset.css);

/* general styling */
body{color:#949494; font-size: 62.5%; font-family: Georgia, "Times New Roman", serif;}

p{font-size:1.8em; line-height: 1.4em;}

a{color:#676767; text-decoration: underline;}
a:hover{color:#999999; text-decoration:none;}

/* header */

#header {background:#B9CE38; background-image: url(images/header_bottom.gif); background-position: bottom; background-repeat: repeat-x; height:120px; }
	#header h1{background-image: url(images/logo.gif); width:260px; height:45px; text-indent: -9999px; padding:45px 0 0 0; margin:0 0 0px 30px; background-repeat: no-repeat; background-position: bottom;}
	#header h1 a{display: block; width:260px; height:45px;}

#nav {position: absolute; top:48px; left:310px; width: 317px; height: 45px; font-size:2em; background: url(images/menu.gif);}
	#nav li{ text-indent:-9999px; position: absolute; top: 0;}
	#nav li, #nav a {height: 45px; display: block;}
	#rp_btn {left: 0; 		width: 105px;}
	#tp_btn {left: 106px; 	width: 95px;}
	#sp_btn {left: 201px; 	width: 104px;}

	#rp_btn a:hover {background: transparent url(images/menu.gif) 0px	 -48px no-repeat;}
	#tp_btn a:hover {background: transparent url(images/menu.gif) -106px -48px no-repeat;}
	#sp_btn a:hover {background: transparent url(images/menu.gif) -201px -48px no-repeat;}

/* content */

#content {font-size:1em; color: #949494;}
	#content li{background-image:url(images/lines/line01.gif); background-position: bottom; background-repeat: repeat-x;  position: relative; overflow:hidden; padding:4em 4em;}
		#content li p{width:65%;}
		
	
	.stats{float:right; text-align:right; height:64px; position: relative; top:-12px;}
	.statswrapper{width:100%;}
	.rating{position:relative;}
	.ratenumber{color:#B9CE38; float:left; width:auto; font-size:5em; margin:0 0 0 0; padding:0 0 0 0; position: relative; text-align:right;}
	
	#content .pun-id{display: none;}
	#content .pun-meta-data{font-size:1.1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
	
	.voting{display:block; width:259px; text-align: left; overflow:hidden; }
	.vote-up{background-image:url(images/punderful.gif); background-repeat: no-repeat; background-position: center; display: block; width: 85px; height: 64px; text-indent: -9999px; float:left;}
	.vote-down{background-image:url(images/punish.gif); background-repeat: no-repeat; background-position: left; display:block; width: 63px; height: 64px; text-indent: -9999px; float:left;}
	.inappropriate{background-image:url(images/inappropriate.gif); background-repeat: no-repeat; background-position: right; border-left:1px solid #B9CE38; display:block; width: 110px; height: 64px; text-indent: -9999px; float:left;}
		
/* alerts */
	#alert{display: none;}
	#content li.pun-info, #alert{background-color:#b9ce38; background-image: url(images/positive.gif); background-position:.2em center; background-repeat:no-repeat; color:#ffffff; height:auto; padding:3em 4em;}
	#content li.pun-info p, #alert p{}

/*footer */

#footer{background-color:#B9CE38; background-image:url(images/footer_top.gif); background-position: top; background-repeat:repeat-x; padding:3em; margin-top:3em; overflow:hidden;}
	#footer p{color:#ffffff; float:left; width:30%; padding-left:1%; line-height: 1.5em; font-size:1.1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
	#footer p:first-child{padding-left:0;}
#footer-bottom{background-color:#B9CE38; background-image:url(images/header_bottom.gif); background-position: bottom; background-repeat:repeat-x; height:10px;}

/*pagination*/
#pagination{font-size:3.8em; color: #B9CE38; text-align: right; margin:0 2em 0 0;}
	#pagination a{color:#949494; text-decoration: none;}
	#pagination img{position: relative; top:10px;}
	
.loading{background-image:url(images/loading.gif); background-repeat: no-repeat; background-position: center left; padding-left:20px;}
.vote-loading{background-image:url(images/loading.gif); width:45px; height:45px;}

/*facebook*/
#fb-wrapper{position: absolute; top:1em; right:1em; text-align:right; width:250px;}
	/*this is the profile picture*/
	.fb_profile_pic_rendered{float:right; padding-left:.5em;}
	#fb-user{color:#ffffff; font-size:1.2em;}
	
/*google ads*/
.google_ad{text-align:center; padding:1em; background-color: #bcbec0;}

/*form styling */
#submitPun{background-color:#bcbec0; position: relative; display: none;}
#punform{padding:0 0 3em 0;}
.button{width:112px; height:37px; border:none;}
	#submit{background-image:url(images/submit.gif); text-indent:-9999px; position:absolute; left:48em; top:22em;}
	#submit:hover{background-position: 0px -37px;}
#punform label{font-size: 1.2em; display: none;}
.punFieldForm{font-size:2em; padding:1em; line-height:1.8em; font-family:Georgia, "Times New Roman", serif; color:#aaaaaa; border:1px solid #cdcdcd;}
	#punField{width:30em; height:7em; margin:1em 0 1em 3em; }
	#nameField{width:20em; height:1.8em; display: block; margin:0em 0em 0em 3em;  }
#close{background-image:url(images/close.gif); display: block; width:207px; height:29px; text-indent:-9999px; position: absolute; top:1.3em; right:1em;}