* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
}

a, a:visited {text-decoration: none; outline: none;}
a:hover {text-decoration: underline; outline: none;}
ul li a[target=_blank] {
	background: url(images/new-window.png) no-repeat right center;
	padding: 0 22px 0 0;
}
form input[type=hidden] {display: none; visibility: hidden;}

body {
	text-align: center;
	color: #7F7772;
	font-size: 13px;
	background: url(images/background.jpg) repeat left top;
}

#jokes {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: url(images/header-bg.jpg) no-repeat center top;
}

#header {
	width: 900px; height: 128px;
}

#logo a {
	color: #AAFF00;
	float: left;
	font-size: 2.6em;
	margin: 40px 0 0 40px;
	font-weight: bold;
}
#logo small {
	color: #AAAA00;
	float: left; clear: left;
	font-size: 1em;
	margin: -3px 0 0 50px;
}

#google {
	float: right;
	width: 380px;
	margin: 90px -60px 0 0;
}
#google form {margin: 0;}
#google form input {
	display: inline;
	margin: 0;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	color: #fff;
}

h1 {
	font-size: 2.5em;
	letter-spacing: -3px;
	color: #AAFF00;
}

/* Menu */
#menu {
	width: 950px;
	height: 60px;
	margin: 0 auto;
	background: #6AA2FD url(images/menu.gif);
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	display: inline;
	text-transform: uppercase;
}
#menu a {
	display: block;
	height: 30px; line-height: 30px;
	float: left;
	background: url(images/menu-a-bg.gif) no-repeat right 15px;
	padding: 18px 30px 0 30px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}
#menu a:hover {
	background: url(images/menu-a-bg-hover.gif) repeat-x right 15px;
	color: #000000;
}
#menu .first {}
#menu .first a {color: #FFFFFF;}

#main {clear: both;}

.sidebar {
	width: 180px;
}
.sidebar-left {
	margin: 15px 10px 0 0;
	float: left;
}
.sidebar-left .adsense-ogl-1 {
	border: 1px solid black;
	width: 180px; height: 90px;
}
.sidebar-right {
	margin: 15px 0 0 10px;
	float: right;
}
.sidebar-right .adsense {
	width: 160px; height: 600px;
	border: 1px solid black;
	margin: 20px auto;
}
.sidebar-left .adsense {
	width: 120px; height: 240px;
	border: 1px solid black;
	margin: 20px auto;
}

.content {
	float: left;
	margin: 15px 0 0 0;
	width: 563px;
}

.footer-adsense, .footer-end {
	clear: both;
	padding: 6px 0 0 0;
	background: #0c0c0b url(images/footer.gif) no-repeat left top;
	text-align: center;
}
.footer-end {
	padding: 20px 0 30px 0;
	background: transparent url(images/footer.gif) no-repeat left top;
}

.footer-end a {
	color: #7F7772;
}

.sidebar h4 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font-size: 1.5em;
	padding: 5px 8px;
	color: #fff;
	font-weight: normal;
}

.sidebar ul {
	list-style-position: inside;
	margin: 7px;
}
.sidebar ul li {
	color: #aaff00;
	font-size: 14px;
	line-height: 150%;
}
.sidebar ul li a {color: inherit;}

.joke, .comment p {
	border: 1px solid #000;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000;
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	padding: 20px;
	margin: 10px 0;
}

.joke ul li cite {
	color: #fff;
	font-family: "Courier New", helvetica, sans-serif;
	padding-right: 5px;
	font-style: normal;
	font-size: 11px;
}
.joke ul.short-info {
	list-style-type: none;
	float: right;
	margin-top: 4px;
}
.joke ul.short-info li {
	float: left;
	padding: 0 15px 0 22px;
}

.comment {}
.comment strong {
	float: left;
	clear: left;
	margin: 20px 0 0 10px;
	width: 120px;
	color: #aaff00;
	text-align: right;
}
.comment small {
	float: left;
	clear: left;
	margin: 10px 0 0 10px;
	width: 120px;
	text-align: right;
}
.comment p {
	float: right;
	width: 375px;
}

.joke p {
	font-size: 1.1em;
	line-height: 170%;
}

.comment p {
	font-size: 1em;
	line-height: 140%;
}

.joke h2 {margin: 0 0 15px 0;}
.joke h2.single {margin: 0;}
.joke h2 a {color: #AAFF00;}
.joke ul {list-style-position: inside;}
.joke ul li,
.joke ul li a {color: #aaff00;}
.joke .adsense {
	width: 336px; height: 280px;
	float: right;
}

.adsense-size468x60 {
	width: 468px; height: 60px;
	border: 1px solid black;
	margin: 20px auto;
}

.joke ul.stats {
	width: 165px;
	list-style-type: none;
	margin-bottom: 15px;
}
.joke ul.stats li {
	padding: 0 0 0 22px;
	line-height: 200%;
}

.comment h2 {margin: 0;}


ul li.comments {background: url(images/comments.png) no-repeat left center;}
ul li.rating {background: url(images/rating.png) no-repeat left center;}
ul li.hits {background: url(images/hits.png) no-repeat left center;}
ul li.permalink {background: url(images/permalink.png) no-repeat left center;}

.pagination {
	text-align: center;
	color: #aaff00;
	font-size: 1.1em;
}
.pagination a, .pagination span {
	padding: 5px;
	margin: 2px;
	border: 1px solid #000;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.pagination a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
}
.pagination span {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	color: #aaff00;
}

form {margin: 30px}
form label {display: block; margin: 20px 0 5px 0; color: #aaff00;}
form input, form select, form textarea {
	border: 1px solid #000;
	background-color: #fff;
	font-size: 14px;
	padding: 4px;
	color: #000;
	display: block;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}
form input[type=submit] {margin: 20px 0 0 0;}

.notice {
	border: 6px solid red;
	padding: 30px 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #560000;
	color: #fff;
	
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
	display: none;
	width: 300px;
	position: fixed;
	top: 40%;
	left: 50%; margin-left: -150px;
}

.add-comment {
	border: 4px solid #808080;
	padding: 30px 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background: #000;
	color: #fff;
	
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	
	display: none;
	width: 490px;
	position: fixed;
	top: 20%;
	left: 50%; margin-left: -245px;
}
.add-comment input, .add-comment textarea {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000;
}
.add-comment input[type=text], .add-comment textarea {width: 98%;}
.add-comment input.button {display: inline;}
.add-comment input[type=submit] {
	padding: 5px 5px 5px 22px;
	background: #fff url(images/comment-add.png) no-repeat 4px 6px;
}
.add-comment input[type=button] {
	padding: 5px 5px 5px 22px;
	background: #fff url(images/cancel.png) no-repeat 4px 7px;
}

.rating a {
	padding: 5px;
	margin: 2px;
	border: none;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #101010;
}
.rating a:hover {
	text-decoration: none;
	background-color: #303030;
}

#firefox {
	display: block;
	text-align: center;
	margin-top: 10px;
}
#firefox-big {
	display: block;
	margin: 0 0 20px 0;
	text-align: center;
}
#firefox-big span {
	color: red;
	display: block;
	margin: 0 0 10px 0;
}
#fiuhost {
	margin: 5px 0 0 9px;
	border: 1px solid black;
}

/* fix */
.clear {
	clear: both;
	font-size: 1px;
}