body {
	text-align:left; 
	font-family: Tahoma,Verdana, Helvetica, Arial;
	margin: 0px;
}

.content 
{
margin: 0 auto;
width:780px;
}

.header
{
margin-left:0px;
margin-right:0px;
font-size: 40px;
color: #474E5F;
text-align: center;
}
.header a
{
text-decoration: none;
}

.navigation
{
text-align: left;
margin:20px 0px 20px 0px;
}

.navigation a {
	color: #474E5F;
	text-decoration: none;
}

.navigation a:visited {
	color: #000000;
	text-decoration: none;
}

.navigation a:hover{
	color: #53586F;
	text-decoration: none;
}

.navigation a:active {
	color: #000000;
	text-decoration: none;
}

a{
color: #2B323F;
}

a:hover{
color: #67677F;
}

.menu{
text-align: center;
background: #EFF3FF;
position: relative;
}


.menu a{
color: #333;
padding-left:5px;
padding-right:5px;
text-decoration: none;
}

.menu a:hover{
background: #eee;
}

.menu .left{
float: left;

}

.menu .right{
float: right;
}

.menu .loginbox{
background: #EFF3FF;
z-index: 1000;
position: absolute;
right: 0px;
}

.debug{
margin: 0 auto;
padding: 10px;
background: #FFFFEF;
border: 1px solid red;
font-size: 10px;
width: 500px;
}

.main {
	text-align: left;
	postion: relative;
	padding: 10px;
}

.main h1 ,h2, h3 {
color:#4F617F;
}
	
.footer {
	font-size: 10px;; 
	text-align:center; 
	padding-top: 50px;
	width:780px;
}

.clear {
	clear: both;
}


textarea.addjoke{
width: 400px;
height: 100px;
border: 1px solid;

}

.message{
text-align: center;
}


/* live search */

#joke_search_input{
width: 300px;
}

.dontshow{display:none;}

#jokeupdate{
z-index:50;
}
#find_ul{
background:#FFF;
list-style:none;
margin:0px;
padding:0px;
padding-top:6px;
padding-bottom:6px;
border-left:1px solid #BDBDBD;
border-right:1px solid #BDBDBD;
border-bottom:1px solid #BDBDBD;
}
.find_li{
padding-top:3px;
padding-bottom:3px;
border-bottom:1px solid #EEEEEE;
padding-left:4px;
margin-left:10px;
margin-right:10px;
}
.find_li_last{
border-bottom:none;
}

.selected { background-color: #FFFAC6; }
.selected:hover { background-color: #FFF9B5; }
.dontshow{display:none;}


/* paging */

.keyword{
background: #99FF66;
}

.paging{
padding-top: 10px;
padding-bottom: 10px;
}

.paging{
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 10px;
background: #EFF3FF;
}

.paging .pagea, .paging .pageelipsa{
color: #555;
}

.paging .selected{
background: #BFD0FF;
}

.paging a{
text-decoration: none;
}

.paging .nextpage, .paging .prevpage{
color: #000;
}

.pagingLeft{
text-align: left;
float: left;
}
.pagingRight{
float: right;
}


/* joke layout */

.joke{
margin: 0 auto;
padding: 5px;
width: 600px;
margin-top: 10px;
margin-bottom: 10px;
}

.joke .head{
text-align: left;
font-size: 10px;
}

.joke .head{
color: #363B4F;
}

.joke .head a{
text-decoration: none;
color: #77829F;
}

.joke .head a:hover{
color: #363B4F;
}


.joke .text {
padding-top: 10px;
padding-bottom: 10px;
font-size: 17px;
}

.joke .bottom{
font-size: 10px;
position: relative;
}

.joke .bottom, .joke .bottom a{
text-decoration: none;
color: #77829F;
}

.joke .bottom a:hover{
color: #000;
}


.joke .bottom .rating{
position: relative;
width: 125px;
float: right;
}

.joke .bottom .tags{
position: relative;
width: 125px;
float: right;
}

/* jokes listing */

.jokes{
margin:5px;
}

.alt{
background: #eee;
}



/* styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(/images/alt_star.png) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/images/alt_star.png) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(/images/alt_star.png) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}