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

html {
	/*overflow-y:scroll*/
	}
h3, h2 {
	text-align:center;
	}
body {
	margin:0;
	padding:0;
	background: url(images/bg.png) repeat;
	font-family:Georgia, Verdana, "Trebuchet MS";
	color:#676766;
	font-size:medium;
	text-align:center;
	}
body img{
	border:none;
	}
	
body a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
body a:hover {
	color:#cccccc;
	text-decoration:none;
	}

.clearer {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	}
	
#pagecontainer {
	margin: 0 auto;
	width:965px;
	text-align:center;
	}
	
#contentcontainer {
	margin:0;
	padding:0 0 100px 0;
	width:100%;
	float:left;
	background: url(images/content.png) repeat-y;
	}

#loginstatus {
	float:right;
	margin:0;
	padding:0;
	background:#ffffff;
	}
#loginstatus ul{
	margin:5px 0 0 0;
	padding:0;
	list-style:none;
	font-size:.8em;
	}
#loginstatus ul li {
	margin:0 0 0 10px;
	display:inline;
	}

#head {
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	width:864px;
	}

#head img {
	border:none;
	margin: 0 0 15px 0;
	padding:0;
	}
#head .dottedline {
	width:864px;
	height:1px;
	background:url(images/dottedline.png) repeat-x;
	margin:0;
	padding:0;
	}

#navigation {
	font-size:large;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	width:864px;
	}
#navigation ul {
	text-align:left;
	margin:0;
	padding:10px 0 10px 0;
	list-style:none;
	}
#navigation ul li {
	margin: 0 2px 0 2px;
	display:inline;
	}
#navigation .dottedline {
	width:100%;
	background:url(images/dottedline.png) repeat-x bottom;
	margin:0;
	padding:0;
	}


.ratingsNav {
	margin: 10px 10px 15px 10px;
}
	.ratingsNav .dottedline {
		width:100%;
		background:url(images/dottedline.png) transparent repeat-x 0 0;
		margin:0 0 3px 0;
		padding:0;
		height:1px;
		}
	.ratingsNav ul {
		font-size:medium;
		text-align:center;
		margin:0;
		padding:5px 0 5px 0;
		list-style:none;
		}
	.ratingsNav ul li {
		margin: 0 7px 0 7px;
		display:inline;
		}



#pagecontent {
	float:right;
	width:615px;
	text-align:left;
	margin:5px 20px 0 0;
	padding:0;
	}
#pagecontent h1 {
	text-align:center;
	margin:0;
	padding:0;
	}
#pagecontent h2 {
	text-align:center;
	margin:0;
	padding:0 0 10px 0;
	}
#pagecontent p {
	padding: 5px 0 5px 0;
	}
#pagecontent dl {
	margin:0 5px 0 5px;
	}
#pagecontent dl dd {
	padding:0 0 10px 0;
	}
	
#sidebarright {
	text-align:right;
	float:right;
	width:200px;
	padding: 10px 50px 0 30px;
	}	



.jokecontainer {
	clear:both;
	padding:0;
	margin:0;
	}

.joke {
	clear:both;
	background:url(images/jokecloud.png) no-repeat;
	font-size:1em;
	font-weight:bold;
	color:#000000;
	margin:5px 0 0 -15px;
	padding:5px 7px 0 20px;
	}
.joke p{
	margin:0;
	padding:0;
	}

.jokebottom {
	margin:-2px 0 3px -15px;
	padding:0;
	background: url(images/jokecloudbottom.png) no-repeat bottom left;
	height:9px;
}

.joke p a:hover {
	color:#ffffff;
	}

.tweetthis {
	float:left;
	height:15px;
	margin:0 5px 0 0;
	padding:0;
	width: 80px;
	background: url(images/tt.png) no-repeat 0 0 transparent;
	}
	.tweetthis a{
	text-indent:-9999px;
	display:block;
	width:80px;
	height:15px;
	}
.jokeinfo {
	float:right;
	font-size:.7em;
	padding:0;
	margin:0 10px 0 0;
	width:520px;
	text-align:right;
	}




.jokeinfo p {
	padding:0;
	margin:0;
	}


	
.jokedivider {
	background:url(images/dottedline.png) repeat-x;
	height:1px;
	width:635px;
	margin:0 5px 5px 0;
	padding:0;
	clear:both;
	}

.jokeContext {
	background-color:#CCCCCC;
	color:#000000; 
	padding:5px 20px 5px 20px;
	}

.jokeContext p {
margin: 0;
padding: 0;
}



#pagenavigation {
	width:635px;
	}
#pagenavigation ul {
	text-align:center;
	padding:10px 0 25px 0;
	list-style:none;
	}
#pagenavigation ul li {
	margin: 0 5px 0 5px;
	float:left;
	}

#lastpage {
	margin-bottom:5px;
	}
.underpages {
	background:url(images/dottedline.png) repeat-x;
	height:1px;
	width:635px;
	margin:0;
	padding:0;
	clear:both;
	}

#examplelist {
	margin:0;
	}
#examplelist ul {
	margin:0;
	}
#examplelist ul li {
	margin:10px 0 10px 0;
	}




#footer {
	color:#000000;
	font-size:small;
	background:url(images/footer.png) repeat-x; 
	padding:100px 0 50px 0;
	position:relative;
	margin:-70px 0 0 0;
	min-width:965px;
	width:100% !important;
	/*height:100px !important;*/
	}
#footercontent {
	width:947px;
	margin:0 auto;
	}
#footer a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:none;
	color:#cc0000;
	}
#footer p {
	margin:5px 0 5px 0;
	padding:0;
	}

#footer {
	color:#000000;
	font-size:small;
	background:url(images/footer.png) repeat-x; 
	padding:125px 0 50px 0;
	position:relative;
	margin:-70px 0 0 0;
	min-width:965px;
	width:100% !important;
	}
#footercontent {
	width:947px;
	margin:0 auto;
	}

#footer h2{
	text-decoration:underline;
	}

#footer a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:none;
	color:#cc0000;
	}
#footer p {
	margin:5px 0 5px 0;
	padding:0;
	}
	
#topContrib{
	text-align:left;
	margin:0;
	padding:0 10px 10px 10px;
	width:250px;
	height:350px;
	float:left;
	border-right:1px #CCCCCC dashed;
	}	
#topjokes {
	text-align:left;
	margin:0;
	padding:0 10px 10px 10px;
	width:384px;
	height:350px;
	float:left;
	border-right:1px #CCCCCC dashed;
}
#socialicons {
	margin:0;
	padding:0 10px 10px 10px;
	width:251px;
	float:left;
	height:350px;
}

#topContrib ol li, #topjokes ol li {
	padding:3px;
	font-size:medium;
	}
#socialicons{
	text-align:center;
	}
#socialicons img {
	margin:10px;
	}
	
#webstandards {
	float:left;
	width:100%;
	}
#webstandards ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	}
#webstandards ul li {
	margin:5px 0 5px 0;
	display:inline;
	}
#footertext {
clear:both;
	margin-top:20px;
	}

/*Register Page styles */

form {
	margin:20px 0 20px 30px;
	}

#haveTwitter div.bottom {
height:1px;
background-image:url(images/dottedline.png);
background-repeat:repeat-x;
}

#haveTwitter h3 {
	text-align:left;
	margin:0 0 5px 0;
	}
#haveTwitter span {
	margin: 0 10px 0 5px;
	}

#formErrorContainer {
	margin: 5px 0 10px 0;
	}

input {
	margin:5px 0 10px 0;
	}
.formError {
	color:#CC0000;
	font-size:.8em;
	padding:0;
	margin:0;
	}
.formInfo {
	font-size:.65em;
	color:#0066FF;
	padding:0;
	margin:0;
	font-weight:normal;
	}

form#submitJoke label {
	font-weight:bold;
	}

form#submitJoke fieldset {
	margin:0;
	padding:0;
	border:none;
	}
form#leavecomment fieldset {
	margin:0;
	padding:0;
	border:none;
	}
form#leavecomment label {
	font-weight:bold;
	}

form#leavecomment fieldset.error span.status {
	color:#ff0000;
	font-weight:bold;
	}
form#submitJoke fieldset.error span.status {
	color:#ff0000;
	font-weight:bold;
	}
.verifyNum {
	font-weight:bold;
	font-size: 1.2em;
	color:#CC0000;
	}

/* 404 page styles */
#fourohfourcontainer {
	margin: 50px 0 0 0;
	}

#fourohfourcontainer img {
	float:left;
	margin:0;
	padding:0;
	}
#errormessage {
	float:left;
	margin:30px 0 5px 0;
	padding:0;
	background: url(images/cloud.png) no-repeat;
	width:345px;
	font-weight:bold;
	color:#ffffff;
	}
#errormessage p{
	text-align:left;
	font-size:large;
	padding:0 5px 0 30px;
	margin: 5px 0 0 0;
	}
#errormessage h3 {
	text-align:left;
	font-size:medium;
	padding:3px 5px 0 30px;
	}

#errorlinks ul {
	margin:30px 0 10px 0;
	text-align:center;
	list-style:none;
	}
#errorlinks ul li {
	margin: 0 10px 0 10px;
	display:inline;
	}
#errormessagebottom {
	background:url(images/cloudbottom.png) no-repeat bottom center;
	padding:0;
	margin:0;
	height:7px;
	width:345px;
	}
	
/*COMMENT STLYES*/
	
.commentinfo {
	text-align:right;
	font-size:.7em;
	padding:0;
	margin:0 15px 0 0;
	color:#000000;
	width:492px;
	}
.commentContainer {
	clear:both;
	padding:0;
	margin:0;
	float:right;
	}
.comment {
	background:url(images/commentBack.png) no-repeat;
	font-size:1em;
	font-weight:bold;
	color:#000000;
	margin:10px 0 0 0;
	padding:5px 20px 0 10px;
	width:500px;
	}
.comment p{
	margin:0;
	padding:0;
	}

.commentBottom {
	margin:-1px 0 0 0;
	padding:0;
	background: url(images/commentBottom.png) no-repeat bottom right;
	height:8px;
	width:500px;
}
#commentSuccess {
	display:none;
	}
	

/*VOTING STYLES*/
.vote {
	padding:0;
	float:left;
	width:380px;
	}
.vote ul {
	list-style:none;
	margin:3px 0 3px 0;
	padding:0;
	font-size:.7em;
}
.vote ul li {
	display:inline;
	}
.vote span {
margin:0;
padding:0;
	}
	
.vote span.link a {
	color: #000000;
	text-decoration:none;
}

a.votingUp, a.votingDown {
	display:inline-block;
	background-position:bottom;
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	margin-left:4px;
	text-indent:-900%;
	
}

a.votingUp {
	background:url("voting/images/thumb_up.png");
}
a.votingUp:hover {
	background:url("voting/images/thumb_uphover.png");
	}

a.votingDown {
	background:url("voting/images/thumb_down.png");
}
a.votingDown:hover {
	background:url("voting/images/thumb_downhover.png");
	}
	
	
	
.weightedRating {
	font-weight:bold;
	color:#3333FF;
	float:left;
	width:200px;
	text-align:right;
	margin:0 0 7px 0;
	font-size:small;
}





/*----------------------Twitter Badge Styles ------------------------------- */

#twitterbadge {
	width:595px;
	border:dashed 1px #dddddd;
	padding:10px;
	margin-bottom:15px;
	line-height:130%;
}

	#twitterbadge h3 {
		text-align:left;
		margin:0 0 10px 0;
	}

	#twitterinformation {
		float:left;
		width: 595px;
	}
		#twitterinformation div#twitinfoleft {
			width: 425px;
			float:left;
		}
		#twitterinformation div#twitinforight {
			width:170px;
			float:left;
			text-align:right;
		}
	
	#twitteravatar {
		width:170px;
	}
		#twitteravatar img {
			border:3px #000000 solid;
			padding:0;
			margin:0;
			width:73px;
			height:73px;
			float:right;
		}
	





.contest {
	font-weight:bold;
	margin: 10px 0 10px 0;
}
.contest a {
	color:#FF0000;
}