/* nuts.co.uk - jokes */ /* Section specific backgrounds */
#container,#content {
	background-color: #FFFFFF;
}
#joke_body{
	background:#ffffff;
	padding-bottom:15px;	
}
#joke_body h3{
	float:left;
	color:#800000;
	font-size:1.8em;
	padding:10px 10px 10px;
	clear:both;
	width:100%;
}
#joke_content
{
	padding: 0;
	background: #FFFFFF;
}
#joke_content div.heading
{
	width: 300px;
	float: right;
}

#joke_content .search{
	width:100%;
	height:98px;
	clear:both;
        color:#000000;
	
}
div.heading h2{
	overflow:hidden;
	background-image:url(/themes/jokes/background/jokes-header.gif);
	background-repeat:no-repeat;
	width:275px;
	height:60px;
	float:right;
	text-indent:-1000px;
	margin-top:8px;
}
p.jokes-intro{
	float:left;
	width:300px;
	padding:10px;
	color:#000000;
	font-size:14px;
}
a.jokesBreadcrumbs{
	color:#FFFFFF;
	text-decoration:underline;
}
form.joke_search{
	display:block;
	float:right;
	margin-top:5px;
	margin-right:15px;
	clear:right;
}
.joke_search .search_button,.joke_search .search_text{
	float:left;
	margin-left:5px;
}
#joke_content div.body
{
	text-align: center;
}
#joke_content img
{
	border: 2px solid #000000;
}
#joke_content div.copy
{
	width: 420px;
	float: left;
}
#joke_content div.copy p
{
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 0 0 10px 5px;
}
#joke_content div.copy p a
{
	color: #FFFFFF;
	text-decoration: underline;
}

div.pagination a {
	color: #000000;
}

/* feature and gallery layout */
div#jokes_prev_next {
	float: left;
}

div#jokes_prev,div#jokes_next {
	float: right;
	height: 12px;
}

div#jokes_prev a {
	color: #FFFFFF;
	padding: 0 0 0 14px;
	background: url(/themes/default/icon/prev-next-red.gif) left 1px
		no-repeat;
}

div#jokes_next a {
	color: #FFFFFF;
	padding: 0 14px 0 0;
	background: url(/themes/default/icon/prev-next-red.gif) right -14px
		no-repeat;
}

#jokes_feature {
	padding: 0 3px 10px 3px;
	background: #000000 url(/themes/jokes/background/gallery.jpg) top left
		repeat-x;
}

div#jokes_feature h2 {
	color: #FFFFFF;
	font-size: 1.4em;
	width: 450px;
	padding: 5px 0 10px 0;
	float: left;
}

div#jokes_heading {
	width: 420px;
	float: left;
}

div#jokes_heading h2 {
	font-size: 1.4em;
	padding: 5px 0 10px 7px;
	color: #FFFFFF;
}

#jokes_feature img {
	border: 2px solid #000000;
}

#jokes_feature div.copy {
	width: 420px;
	float: left;
}

div#jokes_feature div.copy p {
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 0 0 10px 5px;
}

div#jokes_feature div.copy p a {
	color: #FFFFFF;
	text-decoration: underline;
}



div.prev_next {
	height: 28px;
	padding: 5px 5px 0 5px;
	float: right;
	clear:right;
}

div.prev_next div.jokes_left,div.prev_next div.jokes_right {
	float: left;
	height: 28px;
	width: 9px;
	background-image: url(/themes/jokes/background/prev-next.gif);
	background-repeat: no-repeat;
}

div.prev_next div.jokes_left {
	background-position: 0px 0px;
}

div.prev_next div.jokes_right {
	background-position: -9px 0px;
}

div.prev_next div.jokes_prev_next, #joke_body div.links {
	float: left;
	height: 24px;
	border: solid #800;
	border-width: 2px 0 2px 0;
}

div.prev_next p {
	color: #800;
	font-size: 0.9em;
	font-weight: bold;
	padding: 4px 0 0 0;
	float: left;
}

div.prev_next div.left, div.prev_next div.right
{
	background-image:url(/themes/girls/background/prev-next-red.gif)
}

div.jokes_prev,div.jokes_next {
	float: left;
	height: 12px;
	padding: 4px 0 0 0;
}

div.prev_next a {
	color: #800;
	height: 12px;
	background-image: url(/themes/default/icon/prev-next-red.gif);
	background-repeat: no-repeat;
}

div.prev_next a.prev {
	padding: 0 0 0 14px;
	background-position: left 1px;
}

div.prev_next a.next {
	padding: 0 14px 0 0;
	background-position: right -14px;
}

#prev_next {
	height: 28px;
	padding: 5px 10px 0 10px;
	float: right;
}

#prev_next div#jokes_left,#prev_next div#jokes_right {
	float: left;
	height: 28px;
	width: 9px;
	background-image: url(/themes/jokes/background/prev-next.gif);
	background-repeat: no-repeat;
}

#prev_next div#jokes_left {
	background-position: 0px 0px;
}

#prev_next div#jokes_right {
	background-position: -9px 0px;
}

#prev_next div#jokes_prev_next {
	float: left;
	height: 24px;
	border: solid #FFFFFF;
	border-width: 2px 0 2px 0;
}

#prev_next p {
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	padding: 4px 0 0 0;
	float: left;
}

div#jokes_prev,div#jokes_next {
	float: left;
	height: 12px;
	padding: 4px 0 0 0;
}

#prev_next a {
	color: #FFFFFF;
	height: 12px;
	background-image: url(/themes/default/icon/prev-next-red.gif);
	background-repeat: no-repeat;
}

#prev_next a.prev {
	padding: 0 0 0 14px;
	background-position: left 1px;
}

#prev_next a.next {
	padding: 0 14px 0 0;
	background-position: right -14px;
}

div.joke_count
{
	padding: 5px 10px 10px 10px;
	float: right;
}
div.joke_count p
{
	color: #FFFFFF;
	font-size: 0.7em;
}

p.question, p.answer, p.punchline {
	color: #000000;
	font-size: 1.8em;
	padding: 5px 10px 10px 10px;
	font-weight:bold;
}

p.submitted_by{
	padding: 5px 10px 10px 10px;
	font-size:1.1em;
	font-weight:bold;
}
#joke_body ul{padding-left:10px}

#joke_body ul li{
	list-style:none;
	display:block;
	float:left;
	margin-right:5px;
	text-decoration:underline;
}
#joke_body ul li.label{
	text-decoration:none;
}

hr.joke-divide{
	margin:10px;
	height:1px;
	color:#800;
	background-color:#800;
	border:none;
}

p.submitted {
        color: #FFFFFF;
        font-size: 0.8em;
        padding: 5px 10px 10px 10px;
}

h2.no-result{
	text-align:center;
}

#formUpload label{
    width:150px;
    display:block;
    float:left;
    text-align:right;
    line-height:20px;
    margin-right:10px;
}

#formUpload label.error{
    color:red;
    width:auto;
    text-align:left;
    float:left;
    clear:both;
    margin-left:160px;
}

#formUpload input.checkbox{
    margin-top:5px;
}

#formUpload input.error{
    border:1px solid red;
}
#formUpload p{
    margin-bottom:5px;
    margin-left:40px;
}
#formUpload{
    margin-top:5px;
}
h2.jokes-upload{
    margin-left:10px;
}
img#uploadbanner{
    border:none;
    float:left;
}