@charset "utf-8";
/*

	CopyRight - TheDailyJoke.co.uk, Chris Bull 2009, 2010

*/

/*
	RESET
*/

* 									{	margin: 0; padding: 0; }
.clear 								{	clear:both; }
body 								{	font-family: Verdana,Geneva,sans-serif; background: url(images/background.jpg) center top no-repeat #37c3f0; }
a									{	border-style: none; text-decoration: none; }
img									{	border-style: none; }
ul, li 								{	list-style-type: none; }

/*
	TYPOGRAPHY
*/

h1 /* 404 */						{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; }
h2 /* Past Joke HEader */			{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 28px; text-align: center; }
h3 /* Joke Title */					{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; text-decoration: underline; }
p.social-text-p						{	font-size: 18px; color: white; padding: 6px 0 0 10px; }
p#thejoke							{	font-size: 15px; text-align: justify; }
p.the-date							{	font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
p.joke-info-text					{	font-size: 11px; padding: 3px 2px; font-weight: bold; }
span.the-day						{	font-size: 24px; }
span.the-month						{	font-size: 18px; text-transform: uppercase; }
span.the-year						{	font-size: 18px; }
p.rater-sign						{	color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; 
										text-align: center; font-size: 18px; }
p.footer-text						{	color: #999999; font-size: 11px; text-transform: uppercase; text-align: center; }
a.footer-link						{	color: #CCC; font-size: 11px; text-transform: uppercase; text-align: center; }
a.footer-link:hover					{	color: #0F6; font-size: 11px; text-transform: uppercase; text-align: center; }
p.center							{	text-align: center; }
a.change-text						{	font-size: 11px; font-weight: bold; color: white}
a.change-text:hover					{	text-decoration: underline; }
span.change-texts					{	font-size: 11px; font-weight: bold; color: white; }

/*
	STRUCTURE
*/

div#page							{	background: url(images/main-back.png) center bottom no-repeat; width: 100%; behavior: url(scripts/css/iepngfix.htc); }
div#page-wrap 						{	width: 700px; margin: 0 auto; }
div#joke-filler						{	width: 700px; background: #f6fdc4; }
div#joke-holder						{	width: 660px; padding: 0 20px 0 20px; }
div#banner							{	width: 100%; background: url(images/banner.jpg) center top no-repeat; height: 251px; }
div#banner-wrap						{	width: 700px; margin: 0 auto; }
div#bottom-wrap						{	width: 900px; margin: 0 auto; }
div#bottom-color					{	background: #465843; }
div#bottom-page						{	width: 100%; background: #0f0e0e; }
div#footer							{	width: 900px; margin: 0 auto; }
div#error							{	width: 594px; padding: 20px 0 0 33px; }
div#joke-bottom						{	height: 125px; margin: 22px 0 0 116px; }
div.hidden							{	display: none; }

/*
	JOKE
*/

div#joke-info						{	float: left; margin-right: 10px; }
div#joke-title						{	float: left; margin-bottom: 10px; width: 579px; }
div#joke-date						{	width: 70px; text-align: center; padding-top: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: black; color: white; margin-top: 6px; 			                                        height: 77px; }
div#joke-cat						{	background: black; color: white; width: 70px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 4px 0 4px 0; }
div#joke-age						{	background: black; color: white; width: 70px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 4px 0 4px 0; }

/*
	NEXT & PREV
*/

div#change-joke, div#all-jokes		{	background: black; height: 18px; width: 70px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 4px 0 4px 0; 
										display: block; cursor: pointer; cursor: hand; padding-top: 3px; color: white; }
										
/*
	RATER
*/

div#joke-rater						{	width: 70px; height: 26px; background: black; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div#rater-plus						{	float: left; height: 26px; width: 35px; background: #1cc70e; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; display: block; cursor: pointer; cursor: hand; }
div#rater-minus						{	float: left; height: 26px; width: 35px; background: #f3330d; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; display: block; cursor: pointer; cursor: hand; }
img#rate-good						{	padding: 6px 0 0 6px; }
img#rate-bad						{	padding: 6px 0 0 6px; }

/*
	BANNER
*/

div#social-icons					{	padding-top: 28px; padding-bottom: 10px; }
a#social-mail						{	display: block; width: 89px; height: 89px; overflow: hidden; background: url(images/social-icons.jpg); background-position: 0px 0px; float: left; cursor: pointer; cursor: hand; }
a#social-rss						{	display: block; width: 89px; height: 89px; overflow: hidden; background: url(images/social-icons.jpg); background-position: -89px 0px; float: left; cursor: pointer; cursor: hand; }
a#social-twitter					{	display: block; width: 89px; height: 89px; overflow: hidden; background: url(images/social-icons.jpg); background-position: -177px 0px; float: left; cursor: pointer; cursor: hand; }
a#social-fb						{	display: block; width: 89px; height: 89px; overflow: hidden; background: url(images/social-icons.jpg); background-position: -267px 0px; float: left; cursor: pointer; cursor: hand; }
a#social-digg						{	display: block; width: 89px; height: 89px; overflow: hidden; background: url(images/social-icons.jpg); background-position: -355px 0px; float: left; cursor: pointer; cursor: hand; }
.social-padding						{	display: block; width: 43px; height: 10px; float: left; }
div#social-arrow-holder				{	width: 700px; height: 16px; }
div#social-text						{	width: 700px; height: 97px; background: url(images/social-base.jpg) top center no-repeat; }
img#social-arrow					{	padding-left: 75px; }


/*
	BOTTOM PAGE
*/

div#date-selector					{	padding: 30px 0 0 0; }
form#date-form						{	padding: 20px 0 0 309px; } 
form#date-form input				{	color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: bold;
										text-align: center; }
form#date-form input:hover			{	border: thin solid #C60; }
input.date-day						{	width: 25px; padding: 5px 0px; background: #333; border: #666 thin solid; }
input.date-month					{	width: 25px; padding: 5px 0px; background: #333; border: #666 thin solid; margin-left: 13px; }
input.date-month2					{	width: 25px; padding: 5px 0px; background: #333; border: #666 thin solid; }
input.date-year1					{	width: 25px; padding: 5px 0px; background: #333; border: #666 thin solid; margin-left: 13px; }
input.date-year						{	width: 25px; padding: 5px 0px; background: #333; border: #666 thin solid; }
input.form-submit					{	cursor: pointer; cursor: hand; margin: 10px 0 0 100px; background: #333; 
										border: #666 thin solid; }
/*
	MAIL CHIMP
*/

form#mc-embedded-subscribe-form		{	padding: 10px 0 0 10px; }
form#mc-embedded-subscribe-form	label {	font-size: 18px; color: white; }
input#mce-EMAIL						{	padding: 4px 0px; width: 300px; background: #4a0709; border: none; font-size: 15px; color:#FFF; }
#mc-embedded-subscribe				{	padding: 4px 0px; background: #4a0709; border: none; font-size: 15px; color:#FFF; cursor: pointer; cursor: hand;  }

/*
	Tipsy
*/

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }