/*  
Theme Name: Jokeomania
Theme URI: http://joke.omania.de/
Description: blah blah.
Version: 1.0
Author: Karsten Schubart
Author URI: http://www.art10.net/

*/

/* 
**************    Body    ************** 
*/
body {
margin:                 0;
padding:                0;
border:                 0;
background:             #000 url("images/bgtop.jpg") repeat-x;
width:                  100%;
text-align: center;
}

html {
/* IE Horizontal scrollbar fix */
overflow-y: scroll;
/* force scrollbars in moz */
height: 100%;
margin-bottom: 1px;
}

html, body, p, ul, input {
font:                   12px 'Verdana', Helvetica, Arial, sans-serif;
color:                  #000;
}

body#home a#homenav, body#einsenden a#einsendennav, body#cloud a#cloudnav, body#beliebt a#beliebtnav, body#napp a#nappnav {
background:             #111 url(images/nav_active.gif);
color:                  #fff;
text-decoration:        none;
}

body#kategorie a#kategorienav {
background:             #c00;
color:                  #fff;
text-decoration:        none;
}

a {
color:                  #000;
text-decoration:        underline;
background:             transparent;
}

a:hover {
color:                  #39c;
text-decoration:        none;
background:             transparent;
}
	
images, a images, a:hover images {
border:                 none;
background:             transparent;
}


/* 
**************    Fonts    **************
*/
h1 {
font-size: 16px;
color:                  #c00;
text-transform:         uppercase;
margin:                 20px 0 0 0;	
}

h2 {
font-size:              16px;
color:                  #000;
text-transform:         uppercase;
margin:                 20px 0 0 0;
}

h3 {
margin:                 0;
}

h3, h4, h5, h6 {
font-size:              14px;
color:                  #000;
}

.small {
font:                   10px 'Arial', Verdana, Helvetica, sans-serif;
}


.red {
color:                  #f00;
}
.darkred {
color:                  #c00;
}

blockquote {
margin:                  15px 30px 0 10px;
padding:                 0 0 0 10px;
border-left:             4px solid #666;
color: #666;
}


/* 
**************    Forms    **************
*/
input[type=text], input[type=password], textarea, select {
font:                   11px 'Verdana', Helvetica, Arial, sans-serif;
font-weight:bold;
color:                  #000;
border:                 1px solid #000;
background:             #fff;
padding: 3px 2px 3px 2px;
}

input[type=submit], input[type=reset], input[type=button] {
	font: 11px 'Verdana', Helvetica, Arial, sans-serif;
	text-align: center;
	font-weight: bold;
		border: 1px solid #000;
	background: #000;
	color: #fff;
	text-decoration: none;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
	border: 1px solid #39c;
	background: #39c;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
background:              #f1f1f1;
color:                   #000;
border:                 1px solid #000;
}

label {
font-size: 12px;
}
label span {
font-weight:bold;
}
#s {
width: 134px;
margin: 20px 0 15px 10px;
	border: 1px solid #39c;
	background: #32C4F6;
	color: #fff;
}
#searchsubmit {
display: none;
}

#alertcontainer {
background:             #fff;
width:                  100%;
margin: 5px 0 20px 0;
padding: 0;
float: left;
clear: both;
}
.alert_success {
background: #9f3;
border-top: 1px solid #6c3;
border-bottom: 1px solid #6c3;
text-align: center;
margin: 0;
padding: 5px 20px;
}

.alert_error {
background: #f33;
border-top: 1px solid #c33;
border-bottom: 1px solid #c33;
text-align: center;
margin: 0;
padding: 5px 20px;
}

#wrapper {
background:             transparent;
width:                  730px;
padding:                0;
margin:                 0 auto;
text-align:             left;
position:               absolute;
left:                   50%;
margin:                 20px 0 0 -365px;
}
#wrapper b.rtop, #wrapper b.rbottom {
display:                block;
	background: transparent;
}
#wrapper b.rtop b, #wrapper b.rbottom b {
display:                block;
height:                 1px;
overflow:               hidden;
background:             #000;
}
#wrapper b.r1{
margin: 0 5px;
}
#wrapper b.r2{
margin: 0 3px;
}
#wrapper b.r3{
margin: 0 2px;
}
#wrapper b.rtop b.r4, #wrapper b.rbottom b.r4{
margin: 0 1px;
height: 2px;
}

#badge {
background:            transparent url("../../../badge/badge.jpg") no-repeat;
position: absolute;
left: -17px;
top: -10px;
width: 100px;
height: 100px;
margin:                0; 
padding:               0;
}

#header {
margin:                0; 
padding:               0;
}
	
#header a {
background:            #000 url("images/header.jpg") no-repeat;
display:               block;
height:                107px;
width:                 730px;
text-decoration:       none;
text-indent:           -1000px;
border:                none;
margin: 0;
}

#navcontainer {
font-size:                  11px;
float:                 left;
margin:                0;
padding:               0;
display:               block;
width:                 100%;
color:                 #fff;
background:             #111 url(images/nav.gif);
border-bottom:          1px solid #111;
border-top:          1px solid #111;
}

#navcontainer div {
text-align: right;
float: right;
margin: 0;
padding: 5px 15px;
color: #fff;
}

#nav {
font-size:                  11px;
float:                 left;
margin:                0;
padding:               0;
}

#nav a, #nav a:visited {
float:                  left;
margin:                 0;
padding:                5px 15px;
color:                  #fff;
text-decoration:        none;
background:             #111 url(images/nav.gif);
border-right:           1px solid #111;
}

#nav li a:hover {
background:             #111 url(images/nav_on.gif);
color:                  #fff;
text-decoration:        none;
}

#nav li, #nav ul {
margin:                 0;
display:                inline;
list-style-type:        none;
}

#container {
float: left;
background: transparent url("images/bgcontainer.jpg") repeat;
width: 730px;
margin: 0;
padding: 0;
}
#container_top {
float: left;
background: transparent url("images/bgcontainer_top.jpg") no-repeat;
width: 730px;
height: 6px;
margin: 0;
padding: 0;
}
#container_bottom {
float: left;
background: transparent url("images/bgcontainer_bottom.jpg") no-repeat;
width: 730px;
height: 6px;
margin: 0;
padding: 0;
}

#content {
font-size:				13px;
line-height:			24px;
text-align:             left;
margin:                 0;
padding:                0;
width:                  570px;
float:                  left;
background:             #fff;
}

.article {
text-align:             left;
margin:                 0 0 20px 0;
padding:                0 20px 0 20px;
width:                  530px;
background:             transparent;
clear: both;
}
.article p {
line-height:			18px;
}
.article ul {
line-height:			18px;
margin:                 0;
padding:                0;
list-style-type: none;
}

.articlebox {
text-align:             left;
margin:                 0;
padding:                0;
width:                  530px;
background:             transparent;
clear: both;
background: #fff;
}
.articlebox p {
line-height:			11px;
font-size:				11px;
padding: 0;
margin: 0;
}

#mvscontainer {
width: 530px;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
}
#mvscontainer td {
margin: 0;
padding: 8px 0 8px 0;
}
#mvscontainer td span {
padding: 0 8px 0 0;
}



.boxlook {
	background : #ffffff; 
	border : #996633; 
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-right-width : 1px; 
	border-style : dotted; 
	border-top-width : 1px;  
	color : #996633; 
	font-family : verdana,arial; 
	font-size : 10px; 
}

#mainmenu {
list-style-type:        none;
padding: 0 10px 0 10px;
margin: 0 0 35px 0;
}
#mainmenu li a {
	background : transparent;
	text-decoration: none;
	border-bottom : 1px dotted #fff;
	color : #fff;  
	display : block;
	font-size : 11px; 
	font-weight : bold; 
	line-height: 20px;
	margin: 0; 
	padding: 2px 0 2px 10px; 
}
#mainmenu li a:hover {
	background : #39c;
	color : #fff; 
	text-decoration: none;
		margin: 0; 
	padding: 2px 0 2px 10px; 
}

.alt1 {
	background : #eee;
	color: #000;
}

.alt2 {
	background : #eee;
	color: #000;
	padding: 0 10px 0 10px;
}
.alt2:hover {
	background : #f1f1f1;
	cursor: pointer;
}

.alt3 {
	background : #FFF6BF;
	color: #000;
}

#sidebar {
float: left;
margin: 0;
padding: 0;
width: 160px;
	background : #3cf;
	color : #fff;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	line-height : 20px;
/*	border-right:           1px solid #333; */
}

#sidebar p {
color: #fff;
padding: 10px 20px 10px 20px;
margin: 0;
}

.sidelist {
list-style-type:        none;
padding: 0 10px 20px 10px;
margin: 0;
}
.sidelist a {
text-decoration: underline;
	color : #fff;
	font-size : 11px; 
	font-weight : bold; 
	line-height: 20px;
	margin: 0; 
	padding: 2px 0 2px 10px; 
}
.sidelist a:hover {
text-decoration: none;
	margin: 0; 
	padding: 2px 0 2px 10px; 
}

h2 span {
display:none;
}

#kategorien {
background: url("images/kategorie_stripe.gif") no-repeat;
width: 130px;
height: 35px;
margin: 10px 0 5px 10px;
}
#partner {
background: url("images/partner_stripe.gif") no-repeat;
width: 130px;
height: 35px;
margin: 10px 0 5px 10px;
}
#vote4us {
background: url("images/vote_stripe.gif") no-repeat;
width: 130px;
height: 35px;
margin: 10px 0 5px 10px;
}


.catbg {
	background : #fc3;
	color : #ffffff;
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-weight : bold;
	line-height : 18px;
}
.inside {
	background : #FFEAFF;
}
.menuright a {
	color : #7B763E;
}
.menuright a:hover {
	text-decoration : none;
}
.newsdate {
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
}
.newssubtitle {
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
}
.newstitle {
	color : #FF9000;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
}
.redalert {
	color : #ff0000;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 11px;
}
.textbox {
	background : #fff; 
	border : 1px solid #aaaaaa;
	color : #000000; 
	font-family : Verdana, Arial; 
	font-size : 10px; 
}
#footer {
	background : #fff; 
text-align: center;
float: left;
		margin: 0;
	padding: 20px 0 0 0;
	width: 730px;
}

#footer p {
	line-height : 14px;
	font: 10px 'Arial', Verdana, Helvetica, sans-serif;
	color: #666;
margin:                 30px 0 15px 0;
	padding: 0;
}
#footer b.rtop, #footer b.rbottom {
display:                block;
	background: #000;
}
#footer b.rtop b, #footer b.rbottom b {
display:                block;
height:                 1px;
overflow:               hidden;
background:             #fff;
}
#footer b.r1{
margin: 0 5px;
}
#footer b.r2{
margin: 0 3px;
}
#footer b.r3{
margin: 0 2px;
}
#footer b.rtop b.r4, #footer b.rbottom b.r4{
margin: 0 1px;
height: 2px;
}

.bottomtext {
width: 100%;
margin: 20px 0 20px 0;
padding: 0;
text-align: center;
}
.bottomtext p {
margin: 0;
padding: 0;
}

.pagebar {
text-align: center;
clear: both;
font-size: 10px;
   padding: 20px 0 0 0;
   margin: 0;
   background: transparent;
   text-decoration: none;
}

.pagebar a, .pageList .this-page {
   border: 1px solid #999;
   background: #eee;
   text-decoration: none;
margin:                 0 auto 0 auto;
padding:                2px 6px;
}

.pagebar .break {
   padding: 2px 6px;
   border: none;
   background: transparent;
   text-decoration: none;
}

.pagebar .this-page {
   border: 4px solid #39c;
margin:                 0 auto 0 auto;
padding:                2px 6px;
   font-weight: bold;
   background: #fff;
   color: #39c;
}

.pagebar a:hover {
color: #39c;
   background: #fff;
}

#tagcloud {
text-align: left;
margin: 0 0 30px 0;
padding:               0;
line-height: 22px;
text-transform: lowercase;
float: left;
}

#tagcloud a {
text-decoration: none;
border: none;
}

#tagcloud a:hover {
text-decoration: underline;
}



.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	.navigation {
height: 20px;
	display: block;
	text-align: center;
	margin: 20px 20px 0 20px;
width: 530px;
}

.postspace {
text-align: center;
	background: transparent url("images/postspace.gif") bottom no-repeat;
	width: 565px;
	height: 25px;
	margin: 15px 0 0 0;
	padding: 0;
	clear: both;
	}
	
	
	/* Ads */
.headerads {
margin:                 20px 0 20px 20px;
padding:                0;
width:                  530px;
text-align: center;
}
.headerads p {
margin:                 0;
padding:                0;
}

.articleads {
margin:                 20px 0 20px 0;
padding:                0;
width:                  530px;
text-align: center;
}
.articleads p {
margin:                 0;
padding:                0;
}

.loopads {
margin:                 10px 0 10px 0;
padding:                0;
width:                  570px;
text-align: center;
}
.loopads p {
margin:                 0;
padding:                0;
}

.footerads {
margin:                 30px 0 0 20px;
padding:                0;
width:                  530px;
text-align: center;
}
.footerads p {
margin:                 0;
padding:                0;
}
/* Ads end */