* {	margin: 0; padding: 0; border: 0; }
html { overflow: auto; }
li { display: inline; list-style-type: none; }
label { cursor: pointer; }
abbr, acronym { cursor: help; border-bottom: 1px dotted #000; }
html { background: #046da5; } 
body {
	background: #fff;
	width: 900px;
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
    line-height: 1.3em;
    margin: 20px auto;
}
br.clear { clear: both; }
a { text-decoration: none; font-weight: bold; }
p.error {
	height: 22px;
	line-height: 25px;
	padding: 0 0 0 25px;
	color: #f00;
	font-size: 9pt;
	font-weight: bold;
	margin: 5px 0;
	background: url('/img/input_error.png') no-repeat;
}
p.ok {
	height: 22px;
	line-height: 25px;
	padding: 0 0 0 25px;
	color: #6c0;
	font-size: 9pt;
	font-weight: bold;
	margin: 5px 0;
	background: url('/img/input_ok.png') no-repeat;
}
.red { color: #f00; }
/* ******** HEADERS ******** */
h1 {
	background: #fff url('/img/slaboo_logo.png') no-repeat;
	width: 300px;
	text-indent: -9999px;
	margin: 0 0 0 20px;
	float: left;
}
h1 a {
	width: 300px;
	height: 65px;
    font-size: 0;
    display: block;
}
/* *********  TOP  ********* */
div#top {
	background: #fff url('/img/top_bg.png') no-repeat;
	width: 900px;
	height: 80px;
	padding: 10px 0 0 0;
}
div#search {
	width: 555px;
	float: right;
	text-align: right;
	line-height: 80px;
	padding: 0 25px 0 0;
}
#fb { margin-left: 25px; }
#fb p { font-size: 11px; float: left; } 
hr.top {
	background: #046da5;
	width: 450px;
	height: 1px;
	color: #046da5;
	text-align: left;
	margin: 0 0 0 25px;
	border: 0;

}

/* ********* MENU ********** */
div#menu {
	background: #fff;
    width: 512px;
    float: right;
	margin: -1px 0 0 0;
	padding: 0 0 15px 0;
}
div#menu ul li { display: block; float: left; }
div#menu ul li a {
	background: url('/img/menu_button.png') no-repeat 0 -40px;
    width: 100px;
    height: 40px;
    font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 27px;
	display: block;
    float: left;
}
div#menu ul li a#add { background: #fff url('/img/menu_button2.png') no-repeat 0 -40px; }
div#menu ul li a:hover#add, #menu ul li a#add.active { background-position: 0 0; }
div#menu ul li a:hover, #menu ul li a.active { background-position: 0 0; } 

div#menu select#skin {
	width: 90px;
	margin: 0 0 0 2px;
	color: #046DA5;
	font-size: 8pt;
	border: 1px solid #046DA5;
}
/* ****** ADSENSE ***** */
div.adsense {
	width: 728px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
div.adsense_text {
	margin: 5px 0;
}
p.adsense_bottom {
	background-color: #F9FFDC;
	margin: 5px 0 0 0;

}
/* ******* JOKE ****** */
div.joke {
	width: 850px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	clear: both;
}
div.joke a {color:#560480; border-bottom: 1px dotted;}
div.joke a:hover { border-bottom: 1px solid;}
div.joke_top {
	background: url('/img/joke_top.png') no-repeat 0 0;
	height: 25px;
	font-weight: bold;
	color: #560480;
	line-height: 25px;
	padding: 0 10px;
}
div.joke_top p.id { float: left; }
div.joke_top p.date { float: right; }
div.joke_content {
	background: #f9ffdc;
	line-height: 1.5em; 
	padding: 10px;
}
div.joke_bottom {
	background: url('/img/joke_bottom.png') no-repeat 0 0;
	height: 25px;
	font-weight: bold;
	color: #560480;
	line-height: 25px;
	margin: 0 0 10px 0;
	padding: 0 10px;
}

/* ****** PAGINATION ****** */
div.pages {
	font-weight: bold;
	color: #560480;
	margin: 0 auto;
	padding: 5px 25px 10px 25px;
	float: left;
}
div.pages a {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 3px;
	float: left;
	line-height: 22px;
	text-align: center;
	font-size: 8pt; 
	color: #fff;
} 

div.pages a.active {
	background: #fff url('/img/page_a_bg.png') no-repeat;
	color: #560480;
}
div.pages a.deactive {
	background: #fff url('/img/page_d_bg.png') no-repeat;
} 
div.pages a.back, div.pages a.forward {
	background: #fff url('/img/page_n_bg.png') no-repeat;
}

/* ******* FOOTER ******** */
div#footer {
	background: #046DA5 url('/img/bottom_bg.png') no-repeat 0 0;
	width: 900px;
	height: 40px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 15px 0 0 0;
	clear: both;
}
div#footer a { color: #fff; }

div#stats {
	width: 850px;
	color: #000;
	font-size: 8pt;
	margin: 0 auto;
	text-align: right;
	clear: both;
}




div.add_joke {
	width: 350px;
	margin: 0 0 0 0;
	padding: 0 0 10px 90px;
	float: left;
}
div.joke_explain {
	float: left;
	width: 335px;
	margin: 15px 0 0 20px;
	text-align: justify;
}
div.joke_explain p.header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13pt; 
	font-weight: bold;
	color: #056FA8;
	margin: 0 0 5px 0;

}

div.joke_explain ul li {
	display: block;
	line-height: 1.7em;
}
/* ************* FORMS ************ */
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#056FA8;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}

.textarea {
	width:336px;
	height:125px;
	background:url(/img/textarea.png) no-repeat left bottom;
	border:none;
	padding:4px 8px;
	overflow-y: auto;
}

.buttonSubmit {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(/img/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}


