* { padding: 0; margin: 0; }

.hiddenPic {
display: none;
}

.displayBlock {
display: block;
}

body {
margin-top: 0px;
margin-bottom: 0px;
background: #4E54AF url(../images/bgImageMid.jpg) center repeat-y;
font: normal 10pt/24px verdana, arial, tahoma, sans-serif;
text-align: center;
}

div.spacer {
margin-bottom: 10px;
}

hr.sideBarHR {
width: 85%;
text-align: center;
margin: 7px auto 7px auto;
}

table.commentTable {
width: 100%;
border-collapse: collapse;
font: normal 10pt/24px verdana, arial, tahoma, sans-serif;
}


table.commentTable td.noComments {
background-color: #4E54AF;
color: #ffffff;
}

table.commentTable tr.commentHead {
background-color: #4E54AF;
}

table.commentTable tr.commentBody {
background-color: #3A4565;
}

table.commentTable td {
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #ffffff;
}

table.commentTableForm {
width: 100%;
border-collapse: collapse;
font: normal 10pt/24px verdana, arial, tahoma, sans-serif;
}

table.commentTableForm td {
background-color: #3A4565;
color: #ffffff;
vertical-align: top;
padding: 5px 5px 5px 5px;
}

table.commentTableForm td.header {
background-color: #4E54AF;
color: #ffffff;
vertical-align: top;
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #ffffff;
}

/*========================= Main Wrapper ========================*/

#wrapperHeader {
margin: 0px;
height: 80px;
background: url(../images/bgImageTop.jpg) center no-repeat;
}

#wrapperMid {
margin-left: auto;
margin-right: auto; 
background: #ffffff;
width: 920px;
text-align: left;
}

#wrapperFooter {
margin: 0px;
height: 90px;
clear: both;
background: url(../images/bgImageBottom.jpg) center no-repeat;
}

/*================================ Menu / Header Row ================================*/

#headerWrapper {
position: relative;
z-index: 1;
height: 192px;
width: 100%;
margin-left: 10px;
margin-top: -33px;
}

	/*------------------- Header Image -------------------*/

	#headerImage {
	height: 192px;
	width: 740px;
	margin: 0px 10px 0px 0px;
	float: left;
	display: inline;
	background: url(../images/rotator/logo/logo.png);
	}

	/*------------------- Menu -------------------*/

	#leftMenu {
	width: 150px;
	margin: 0px 10px 0px 0px;
	float: left;
	display: inline;
	font: normal 10pt/24px verdana, arial, tahoma, sans-serif;
	padding:16px 0 0 0;
	background: url(../images/leftSideTop.jpg) top no-repeat;
	}

	#leftMenu ul {
	padding: 0 0 15px 0;
	background: url(../images/leftSideBottom.jpg) bottom no-repeat;
	list-style: none;
	}
	
	#leftMenu li a {
	height: 22px;
	padding: 0 0 0 8px;
	color: #ffffff;
	font: normal 10pt/22px verdana, arial, tahoma, sans-serif;
	text-transform: lowercase;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	background: #21293f;
	display: block;
	}

	#leftMenu li a:hover, #leftMenu ul li.current a:hover, #leftMenu ul li.current a {
	background: #3D4A6B url(../images/bullet.gif) no-repeat 100% 50%;
	}

/*================================ Title Row ================================*/

#titleWrapper {
height: 30px;
width: 100%;
}

	/*------------------- Page Title -------------------*/

	#pageTitle {
	height: 30px;
	width: 150px;
	margin: 0px 10px 0px 10px;
	float: left;
	display: inline;
	color: #ffffff;
	font: bold 14px/30px verdana, arial, tahoma, sans-serif;
	background: url(../images/pageTitleBG.png) top no-repeat;
	}
	
	#pageTitle p {
	padding-left: 10px;
	}

	/*------------------- Site Title -------------------*/

	#siteTitle {
	height: 30px;
	width: 740px;
	margin: 0px 10px 0px 0px;
	float: left;
	display: inline;
	color: #ffffff;
	font: bold 12pt/30px verdana, arial, tahoma, sans-serif;
	text-align: right;
	background: url(../images/siteTitleBG.png) top no-repeat;
	}

	#siteTitle p {
	padding-right: 15px;
	}
	
	#siteTitle a {
	color: #ffffff;
	text-decoration: none;
	}

/*============================ Page Content ======================*/
#mainWrapper {
height: auto;
width: 100%;
}

#pageContentWrapper {
width: 740px;
float: left;
display: inline;
color: #ffffff;
background: #21293f;
}

#pageContentTop {
height: 15px;
background: #21293f url(../images/contentTop.jpg) top no-repeat;
}

#pageContentBody {
width: 720px;
background: #21293f;
margin: 0px 10px 15px 10px;
color: #ffffff;
font: normal 10pt/20px verdana, arial, tahoma, sans-serif;
}

	#pageContentBody p {
	margin: 10px 0 10px 0;
	}
	
	#pageContentBody a {
	color: #C0C0C0;
	}

	#pageContentBody a:hover {
	color: #C0C0C0;
	text-decoration: underline overline;
	}

	#pageContentBody a:active {
	color: #C0C0C0;
	}

	#pageContentBody blockquote {
	margin:1em;
	padding:.5em;
	background-color:#3D4A6B;
	text-align:left;
	color: #ffffff;
	font: normal 10pt/24px verdana, arial, tahoma, sans-serif;
	}

	#pageContentBody p blockquote p {
	margin-bottom: 10px;
	margin-top: 10px;
	}

	div.date {
	float: left;
	display: inline;
	width: 90px;
	}

	div.update {
	float: left;
	display: inline;
	width: 630px;
	}

	div.pageHeader {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
	font: normal 18pt/48px verdana, arial, tahoma, sans-serif;
	}

	div.humorImage {
	float: left;
	display: inline;
	width: 60px;
	height: 50px;
	}

	div.humorTypeList {
	float: left;
	display: inline;
	width: 660px;
	font: normal 10pt/50px verdana, arial, tahoma, sans-serif;
	}

	div.humorCatList {
	width: 100%;
	margin-bottom: 25px;
	}

	div.humorImage a {
	display: block;
	}

	div.paginationPageNumber {
	width: 400px;
	text-align:center;
	float:left;
	display:inline;
	}

	div.paginationResultsNumber {
	width: 320px;
	text-align: center;
	float: left;
	display: inline;
	}

	div.humorFileWrapper {
	width: 100%;
	margin-bottom: 15px;
	overflow: auto;
	}

	div.humorThumbnail {
	width: 222px;
	float: left;
	display: inline;
	text-align: center;
	overflow: hidden;
	}
	
	div.humorDescription {
	width: 490px;
	float: left;
	display: inline;
	}
	
	div.humorFileDescription {
	width: 100%;
	margin-bottom: 15px;
	}
	
	div.downloadLink {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	text-align: center;
	}
	
	div.videoPlayer {
	width: 100%;
	text-align: center;
	}
	
	div.leftArrow {
	width: 180px;
	text-align: center;
	float: left;
	display: inline;
	}

	div.humorFileInformation {
	width: 360px;
	text-align: center;
	float: left;
	display: inline;
	}

	div.rightArrow {
	width: 180px;
	text-align: center;
	float: left;
	display: inline;
	}
	
	#ratingSystem
		{
		text-align: center;
		height: 170px;
		}
	#ratingSystem li
		{
		text-align: center;
		padding-right: 5px;
		padding-left: 5px;
		float: left;
		display: inline;
		}
	div.humorRating
		{
		height: auto;
		width: 245px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}

	
	a img {
	border: none;
	}
	
	div.sourceCode {
	background: #fff;
	height: 350px;
	border: solid 1px orange;
	padding: 20px;
	margin: 10px;
	overflow: auto;
	}

#pageContentBottom {
height: 15px;
background: url(../images/contentBottom.jpg) bottom no-repeat;
}

#footer {
margin-top: -20px;
text-align: center;
clear: both;
font: normal 10pt/20px verdana, arial, tahoma, sans-serif;
}

	#footer p {
	margin: 10px 0 10px 0;
	}
	
	#footer a {
	color: #C0C0C0;
	}

	#footer a:hover {
	color: #C0C0C0;
	text-decoration: underline overline;
	}

	#footer a:active {
	color: #C0C0C0;
	}

/*========================= Left Sidebar ============================*/

#leftWrapper{
width: 150px;
margin: 0px 10px 0px 10px;
float: left;
display: inline;
}



	/*============================== Ads ==========================*/
	div.sideBarTop {
	height: 15px;
	background: #21293f url(../images/leftSideTop.jpg) top no-repeat;
	}

	div.sideBarBody {
	min-height: 175px;
	height: auto !important;
	height: 175px;
	background: #21293f;
	}
	
	div.sideBarBody a, div.sideBarBody a:active {
	color: #C0C0C0;
	text-decoration: none;
	}

	div.sideBarBody a:hover {
	color: #C0C0C0;
	text-decoration: underline overline;
	}

	div.sideBarBody p {
	padding: 0px 5px 0px 5px;
	font: normal 12px/24px verdana, arial, tahoma, sans-serif;
	color: #ffffff;
	}
	
	div.sideBarBottom {
	height: 15px;
	background: url(../images/leftSideBottom.jpg) top no-repeat;
	}