body {background-color: #ede7d0; margin: 0 0 10px 0;}
td, div, p, input, textarea, select {font-family: Verdana Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
input, textarea, select {color: #4B4339; border: solid 1px #505050;}
form {margin: 0;}

h1, h2, h3, h4 {margin-top: 0.1em; margin-bottom: 0.8em; color: #cd0707;}
h1 {margin-top: 0.5em; font-size: 18px;}
h2, h3 {font-size:16px;}

p {margin-top: 0.3em; margin-bottom: 1em;}

img {border: none;}

a {text-decoration: underline; color: #0c7dc4;}
a:hover {text-decoration: underline;}

.link, .linkprev, .linknext {height: 41px;}
.link a {float: right; background: url(/images/bg/link.gif) no-repeat; padding-left: 70px; height: 41px; line-height: 41px; font-weight: bold;}
.linkprev {float: left; background: url(/images/bg/link_prev.gif) left top no-repeat; padding-left: 70px; height: 41px; line-height: 41px; font-weight: bold;}
.linknext {float: right; background: url(/images/bg/link.gif) right top no-repeat; padding-right: 70px; height: 41px; text-align: right; line-height: 41px; font-weight: bold;}
.linkrandom {height: 31px;}
.linkrandom a {float: right; background: url(/images/bg/link_random.gif) no-repeat; padding-left: 40px; height: 31px; line-height: 31px; font-weight: bold;}

.clear {clear: both; height: 1px; line-height: 1px; font-size: 1px; margin: -1px 0 0 0; padding: 0;}
.hr {clear: both; background: url(/images/bg/hr.gif) repeat-x; height: 1px; font-size: 1px; margin: 12px 0;}

.site {width: 806px; margin: 0 auto 10px auto; background: url(/images/bg/site.jpg) no-repeat;}

/* general */
td.maincol {width: 600px; background: url(/images/bg/top.gif) 25px 0 no-repeat;}
td.maincol .content {position: relative; width: 440px; padding: 180px 25px 0 135px;}
.rightcol {width: 206px; padding-top: 251px; background: url(/images/bg/top.gif) top right no-repeat;}

td.maincol .dirtyswitcher {position: absolute; top: 10px; right: 10px; font-size: 16px; font-weight: bold;}
/* ============================= */

/* wide */
div.maincol {background: url(/images/bg/top.gif) 25px 0 no-repeat;}
div.maincol .content {position: relative; width: 671px; padding: 180px 0 0 135px;}

div.maincol .dirtyswitcher {position: absolute; top: 10px; right: 215px; font-size: 16px; font-weight: bold;}
/* ============================= */

.dirtyswitcher input {vertical-align: middle; margin-left: 10px; border: none;}

.logo {position: absolute; top: 72px; left: 135px;}

.date {font-size: 13px; color: #63572d;}

.votes-wrapper { margin: 14px 0; background: url('/images/bg/votes.png') no-repeat left 0px #E6DDBC; }
	.votes { height: 25px; margin: 0; padding: 6px 0 0 15px; position: relative; color: #63572D; background: url('/images/bg/votes.png') no-repeat right -31px; white-space: nowrap; }
		.rating-number { display: inline-block; width: 40px; height: 16px; vertical-align: middle; color: #cd0707; font-weight: bold; }
		.votes-number { display: inline-block; height: 16px; vertical-align: middle; }
		
		.rating-wrapper { display: inline-block; width: 54px; height: 16px; margin-right: 6px; vertical-align: middle; position: relative;  background: url('/images/e/rating.png') no-repeat left -16px #DE7606; }
		.rating { width: 0px; height: 16px; position: absolute; left: 0; top: 0; border-right: 1px solid black; background: url('/images/e/rating.png') no-repeat left -32px #F00000; }
		.rating-border { width: 54px; height: 16px; position: absolute; left: 0; top: 0; background: url('/images/e/rating.png') no-repeat left 0px; }
		
		.votes-buttons {  }
			.votes-buttons img { float: right; height: 56px; margin-left: 15px; }
			
.forward-to-friend { width: 170px; padding-top: 3px; float: right; }
	.forward-to-friend .caption { margin-left: 10px; line-height: 26px; font-weight: bolder; text-decoration: underline; }

.breadcrumbs {font-size: 16px; font-weight: bold; margin-bottom: 1em;}
.breadcrumbs .separator {vertical-align: middle; margin: 0 8px;}

.bottommenu {float: left; padding-left: 135px;}
.bottommenu a {}
.bottommenu_item {display: inline; white-space: nowrap;}

.copy {float: right; font-size: 11px; line-height: 18px;}

.pager {text-align: center; height: 54px;}
.pager img {vertical-align: middle;}
.pager .page, .pager .currentpage  {position: relative; display: inline; padding: 0 10px;}
.pager .currentpage {font-weight: bold;}
.pager .currentpage .pointer {position: absolute; top: 0; left: -5px; width: 40px; height: 54px; background: url(/images/bg/pager_currentpage.gif) center bottom no-repeat;}

.error {color: #ff0000; font-weight: bold;}

.sortingPane {font-weight: bold;}
.sortingPane .active {display: inline; color: #cd0707;}

.partner-links-wrapper { width: 205px; margin: 10px 0; background: url('/images/bg/partnerlinks_body.gif') repeat-y; }
	.partner-links-top { width: 205px; background: url('/images/bg/partnerlinks.gif') no-repeat 0px top; }
	.partner-links-bottom { width: 160px; padding: 15px 25px 15px 20px; overflow: hidden;  background: url('/images/bg/partnerlinks.gif') no-repeat -205px bottom; }
		.partner-links-item { margin-bottom: 15px; }
			.partner-links-item h4 { color: #D67B00; padding: 0; margin: 0 0 0.3em 0; }
		
.block {background-image: url(/images/bg/block_right.gif) right repeat-y; margin: 10px 0;}

.contacts table td { padding-bottom: 3px; }
.contacts table .form_tdtitle { padding-right: 50px; }
.contacts h2 { margin: 0 0 15px 0; padding: 0; font-size: 18px; color: #C12A29; }
.contacts label { color: #000000; }
.contacts input { padding: 2px 0; border: 1px solid #A5ACB2; }
.contacts textarea { width: 100%; height: 145px; padding: 2px 0; border: 1px solid #A5ACB2; }
.contacts .button { width: 223px; height: 38px; margin-top: 12px; line-height: 38px; text-align: center; font-weight: bolder; font-size: 16px; color: #FFFFFF; text-decoration: none; background: url('/images/b/modal_button.gif') no-repeat #F00000; border: 0; }

.send-joke textarea { width: 100%; height: 145px; padding: 2px 0; border: 1px solid #A5ACB2; }
.send-joke .button { width: 223px; height: 38px; margin-top: 12px; line-height: 38px; text-align: center; font-weight: bolder; font-size: 16px; color: #FFFFFF; text-decoration: none; background: url('/images/b/modal_button.gif') no-repeat #F00000; border: 0; cursor: pointer; }
.modal-content .send-joke { text-align: right; }

.text { width: 200px; }