*{
	font-size:100%;
}


body{
	font:75%/140% Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#545454;
}

dd{
	margin-right:0;
}

textarea {font: normal 100% Verdana;}

a {color: #006699;}

h1 {
	font: bold 150% Georgia, serif;
	color: #d60;
}

h2 {
	font-size: 120%;
	color: #d60;
	font-weight: bold;
	font-family: Georgia;
	margin: 15px 0;
	margin-bottom:5px;
	background-color: #fff;
	border-bottom: 1px solid #dedede;
}

h3 {font: normal 1.2em/1em helvetica, arial, sans-serif;
	color:#d60;
	margin-bottom: 5px;
	margin-top: 17px;
}

.bold
{
	font-weight:bold;
}

blockquote {
	border-left: 1px solid #ACC7A6;
	padding-left: 5px;
	font-family: Georgia, "Times New Roman", Times, serif
}


.hidden-navigation{
	width:1px;
	position:absolute;
	left:-9999px;
}

#wrap{
	border:1px solid #000;
	background:#FFF;
	width:770px;
	margin:0 auto;
	text-align:left;
}

#header {
	padding: 12px 12px 5px 12px;
	border-bottom: 1px solid #dedede;
	height:63px;
}

.dropdown {
/*	display:none; */
	position:relative;
}

#main-content{
	width:360px;
	display:inline;
	float:left;
	margin-left:185px;
	padding-top: 8px;
	background-color: #fff;
	font-family: verdana;
	color: #333;
}

#main-content ul {
	list-style: none;
}

#main-content ul li {
	margin-bottom:3px;
	list-style-image: url(images/sparklet.png);
}

#sub-content{
	width:158px;
	float:left;
	margin-left:10px;
	padding: 8px;
	background-color:#fff;
	border-left: 1px solid #ccc;
}

#sub-content ul {
	list-style: none;
	margin: 0px;
	padding-left: 5px;
}
#sub-content ul li {
	margin: 0;
	margin-bottom:3px;
	padding-left:12px;
	background:transparent url(images/bullet.gif) 0 5px no-repeat;
	line-height: 1.3em;
	padding: 0 0 0 0;
	font-size: 90%;

}

#navigations{
	width:170px;
	float:left;
	margin-left:-730px;
	padding-top: 10px;
	padding-left: 4px;
	border-right: 1px solid #ccc;
}

#foot{
	clear:both;
	text-align: center;
	font-size: 100%;
	padding-top: 10px;
}


#castvote {
	text-align: center;
	border: 1px solid #F6D5B9;
	font-size: 0.9em;
	background-color:#FCF3D6;
	}
#castvote td {background-color:#FCF3D6;}
/*Classes*/

.dropshadow1{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 350px;
}
.dropshadow1 p{
	position:relative;
	bottom:6px;
	right: 6px;
	padding:4px;
	font-size:150%;
	margin: 0px;
	color: #333;
	background:#FFF3DB url("images/bg_paper_mid.jpg")  repeat-y;
	line-height: 140%;
	font-family: Georgia, serif;
	text-align:center;
}

.credit {
	text-align:right;
	font-style:italic;
	font-size:12px;
	margin-right:10px;
}

.navText {
font-size: 90%;
}

/* Pun Categories */
#sub-content .smalllist {padding:0;}

#sub-content .smalllist li {
	float: left;
	width: 7.3em;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 90%;
	background: #fff;
	border: 0;
}

#sub-content .smalllist li a {
	/*display: inline;*/
	padding: 0;
	background: #fff url(images/bullet.gif) no-repeat 0px 4px;
	padding-left: 8px;
	width: 100%;
}

#sub-content .smallfunny {padding:0;}

#sub-content .smallfunny li {
	float: left;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 90%;
	background: #fff;
	border: 0;
}

#sub-content .smallfunny li a {
	/*display: inline;*/
	padding: 0;
	background: #fff url(../images/bullet.gif) no-repeat 0px 4px;
	padding-left: 8px;
	width: 100%;
}
/*--------------------*/

.hide
{
	padding:0;
	display:none;
}



.banner {
	background-color: #FBECDF;
	padding: 4px 8px 4px 8px;
	text-align:right; 
	font-size:90%;
}
	
/* Funny People Styling */
img.funnypeople {
	float:right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.peopleheading {
	font: bold 120% "Trebuchet MS",Georgia, serif;
	color: #fff;
	text-align: center;
	background-color: #d60;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.peoplenav {
	font: normal 0.9em Arial;
	text-align: center;
	background-color: #FEF9F4;
	padding: 4px
}

/* Pun Display Styling */

.recentpuns {
	background:#FFF3DB url("images/bg_paper_mid.jpg")  repeat-y;
	font-family: Georgia, Verdana, serif;
	padding: 0px 8px;}

.punnavigate {
	text-align: center;
	margin-top: 8px;
}

.containernav {
	padding-top:20px;
	text-align:center;
}

.containernav a {
	text-decoration:none;
}

.containerComment {
	text-align:center;
	text-decoration:none;
}

.containerComment a {
	text-decoration:none;
}

.backcon {
    float:left;
    width:45%;
}

.nextcon {
    float:right;
    width:45%;
}

.solocon {
}

.solonav {
    padding: 7px 10px; 
    background: #98CBDD;
    border-radius: 10px;
	text-align:center;
	!important;margin: 0 auto;	
}

.soloComment {
    padding: 7px 10px; 
    background: #98CBDD;
    width: 56px;
    border-radius: 10px;
	text-align:center;
	!important;margin: 10px auto;
	color:#000;
	font-weight:bold;
}

.nextnav {
    padding: 7px 10px; 
    background: #98CBDD;
    width: 50px;
    border-radius: 10px;
	color:#000;
	text-align:center;
	!important;margin: 0 auto;	
	float:left;
	text-decoration:inherit;
}

.backnav {
    padding: 7px 10px; 
    background: #98CBDD;
    width: 50px;
    border-radius: 10px;
	color:#000;
	text-align:center;
	!important;margin: 0 auto;	
	float:right;
	text-decoration:inherit;
}

.leftComment {
    padding: 7px 10px; 
    background: #98CBDD;
    border-radius: 10px;
	text-align:center;
	!important;margin: 0 auto;	
	float:left;
}

.subcategories {
	text-align: left;
	background-color: #FFFFFF;
	font-size: 90%;
	font-family: arial;
	padding-bottom: 8px;
}

.subCurrent {
	background-color: #FFF3DB;
	font-weight: bold;
	}
	
table.pundisplay {
    border-spacing: 0px;
/*    border-collapse: collapse; */
	background:#FFF3DB url("images/bg_paper_mid.jpg")  repeat-y;
    border: 0em solid #E9E9F3;
	font-size: 110%;
	font-family: "Georgia", serif;
}
table.pundisplay th {
    text-align: left;

    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #9999AA;
}
table.pundisplay td {
    text-align: left;
    vertical-align: top;
    border: 0px;
    border-bottom: 1px solid #9999AA;
    padding: 0.5em 0.5em;
}
table.pundisplay thead th {
    text-align: center;
    font-weight: bold;
    color: #6C6C9A;
    border-left: 1px solid #9999AA;
}

.toppun {
	font-weight:bold;
}




/* For list below potd  PROTOTYPE*/
.homelist{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	font:11px arial;
	color: #666;
		width: 100%;
	/*display: table;
table-layout: fixed;*/
}
.homelist td {vertical-align:top;
padding: 0 3px;text-align: center;}

#userOptions {
	width: 100%;
	padding-top:10px;
}

#userOptions div {
	text-align:center;
}


.emailit {
	background: url(images/email.gif) no-repeat;
	text-decoration:none;
}

.homelist .emailit:hover {
	background-position: 0 0px;
}

.w25 .we25 {
	width:25%;
}

.w33 .we33 {
	width:33%;
}

.subText {
	font-style:italic;
	color:#999;
}

.mobile-nav {
	display:none;
}

.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: rgb(0,0,0);
	z-index: 99;
}

.responsive-menu{
	display: none;
}

.responsive-menu ul {
	list-style-type: none;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.responsive-menu li {
	display: block;
	border-top:1px #CCC solid;
}

.responsive-menu a {
	padding:10px;
	display: block;
	font-size:1.5em;
	text-align:center;
	text-decoration:none;
}

.expand {
	display: block !important; 
}

.punTextArea {
	width: 320px;
}

/* New rating system css */

#starContainer {
    width: 180px;
	margin:0 auto;	
}

.star{
    width: 180px;
    height: 36px;
    background: url(/images/stars.png) 0 0 repeat-x;
    position: relative;
}

.star .rating{
    height: 36px;
    background: url(/images/stars.png) 0 -36px repeat-x;
}

.star input{
    display: none;
}

.star label{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 180px;
    cursor: pointer;
}
.star:hover label{
    display: block;
}
.star label:hover{
    background: url(/images/stars.png) 0 -72px repeat-x;
}

.star label + input + label{width: 144px;}
.star label + input + label + input + label{width: 108px;}
.star label + input + label + input + label + input + label{width: 72px;}
.star label + input + label + input + label + input + label + input + label{width: 36px;}

.star input:checked + label{
    display: block;
    background: url(/images/stars.png) 0 -72px repeat-x;
}

#ad {
	display:none;
}

#disqus_thread {
	max-height:0px;
	overflow:hidden;
}

.hlightIt {
	font-size:larger;
}

#punMeta {
	text-align:right;
	font-style:italic;
	font-size:smaller;
	margin-right:5px;
	margin-bottom:10px;
}

@media only screen and (max-device-width: 790px) {
	
	#navigations{
		width:95%;
/*		float:left; */
		margin-left:0px;
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 4px;
		border: 0px;
/*		border-right: none;*/
		}
		
	#main-content{
/*		width:300px;
		display:inline;
		float:left; */
		margin-left:10px;
/*		padding-top: 8px;
		background-color: #fff;
		font-family: verdana;
		color: #333; */
	}

	#wrap{
/*		border:1px solid #000;
		background:#FFF;
		width:770px;
		margin:0 auto;
		text-align:left;*/
		width:560px;
	}		

	#ad {
		display:table-row;
	}

	#adtd {
		padding:0.5em 0;
		text-align:-moz-center;
	}

}

@media only screen and (max-device-width: 560px) {
	
	body {
		margin:0px;
	}
	
	#header {
	/*	padding: 12px 12px 5px 12px;*/
		border-bottom:none;
		height:100%;
	}

	#main-content{
		width:296px;
/*		display:inline;
		float:left; */
		margin-left:0px;
		padding-top:0px;
/*		background-color: #fff;
		font-family: verdana;
		color: #333; */
		padding-left:12px;
		padding-right:12px;
	}
	
	#sub-content {
		/*width:158px;
		float:left;
		margin-left:10px;
		padding: 8px;
		background-color:#fff;
		border-left: 1px solid #ccc; */
		margin-left:8px;
		border-left: none;
	}
	
	#wrap{
/*		border:1px solid #000;
		background:#FFF;
		width:770px;
		margin:0 auto;
		text-align:left;*/
		width:320px;
	}		
	
	#logo {
	}
	
	.dropdown {
		display:block;
	}
	
	.mobile-nav {
		display:block;
	}
	
	.responsive-menu {
		border-bottom: 1px solid #ccc;
	}
	
	.menu-btn {
		padding-bottom:5px;
	}

	nav[role="full-horizontal"] {
    	ul > li {width: 100%;}
  	}

	.dropshadow1{
/*		float:left;
		clear:left;
		background: url(images/shadowAlpha.png) no-repeat bottom right !important;
		background: url(images/shadow.gif) no-repeat bottom right;
		margin: 10px 0 10px 10px !important;
		margin: 10px 0 10px 5px; */
		width: 290px;
	}
	
	#punMeta {
		margin-right:0px;
	}
	
		#navigations{
		width:100%;
/*		float:left; 
		margin-left:0px;
		padding-top: 10px;
		padding-left: 4px; 
		border: 1px solid #ccc;
		border-right: none;*/
		padding-left:0px;
		border: 0px;
		}

		#foot {
			padding-left:12px;
			padding-right:12px;
		}

	.we25 {
		width:15%;
	}
	
	.w25 {
		width:30%;	
	}
	
	.punTextArea {
		width: 250px;	
	}
	
	table.pundisplay {
		left:-12px;
		position:relative;
		width:320px;
	}
	
}