/**
 * Main layout rules
 *
 * $Id: main.css 116 2009-04-30 08:43:05Z svoby $
 */

body { padding: 0; margin: 0; background: #444041; color: white; text-align: center; }
h1 { padding: 0.8em 0 0em 40px; background-color: white; }
hr { display: none; }
.spc:after, .cols:after, .books:after, #menu-main:after, #menu-sub:after, #perex:after, .crossroad div:after, #images:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }	/* auto break */

/* Mother */
#mother { width: 980px; margin: 0 auto; text-align: left; }

/* Header */
#header { background: url(/layout/img/header-klub.jpg?3) no-repeat 0 0; color: white; height: 360px; }
#header #logo { margin: 0; padding-left: 25px; height: 90px; line-height: 90px; font-size: 25px; display:none; }
#header #logo a { display: block; width: 20em; text-decoration: none; color: white; text-indent: -9999px; }
#header h1 { margin: 0; font-size: 25px; width: 195px; height: 40px; }
.casefan #header { background-image: url(/layout/img/header-fan.jpg); }

/* Main menu */
#menu-main { width: 100%; background: #9C0E26 url(/layout/img/menu.png) repeat-x 0 0; color: white; text-transform: uppercase; }
#menu-main a, #menu-main span { display: block; float: left; padding: 1.2em 5px; text-decoration: none; color: white; _height: 1px; font-weight: bold; }
#menu-main span { background: #800000; color: white; font-weight: bold; cursor: default; }
#menu-main a:hover, #menu-main a:active, #menu-main a:focus { color: white; text-decoration: underline; }
#menu-main a { padding-left: 19px; }
#menu-main li { float: left; }
#menu-main li.active { background: #167FD1; }
#menu-main li.active a { color: white; padding-left: 30px; text-decoration: none; }
#menu-main li.active li a, #menu-main li li a { color: #264A96; }
#menu-main li.active li a:hover, #menu-main li li a:hover { color: black; text-decoration: underline; }
#menu-main li li.active a:hover { color: white; }
#menu-main li li { background: none; font-size: 92%; border: none; }
#menu-main .last a, #menu-main .last span { border: none; }
#menu-main ul { list-style: none; margin: 0; padding: 0; }
#menu-main ul ul { background: #D1D9DF; }
#menu-main ul ul a, #menu-main ul ul span { padding-left: 30px; border: none; }

/* Sub menu */
#menu-sub { padding: 7px 10px 0; background: #888; color: white; font-weight: bold; }
#menu-sub ul { margin: 0; padding: 0; list-style: none; }
#menu-sub li { float: left; }
#menu-sub li.active a { color: black; }
#menu-sub a { float: left; padding: 0.5em 1em; color: white; text-decoration: none; }

/* Bread crumbs */
#menu-crumbs { margin: 0.5em 40px 1.5em; font-size: 92%; text-transform: uppercase; color: #666;  }
#menu-crumbs a { color: #D24F65; }
#menu-crumbs a:hover { color: black; }

/* Content */
#content { min-height: 200px; background: #E3E3E3 url(/layout/img/content.gif) repeat-y 0 0; }
#content hr { display: block; border: none; border-bottom: 1px dashed #888; height: 1px; margin: 2em 0; }
#content table { border: none; border-collapse: collapse; width: 100%; }
#content th, #content td { border: 1px solid white; }
#content table.table { border: 1px solid  #aaa; border-collapse: separate; }
#content table.table th { background: #A20E28; color: white; font-weight: bold; border: 1px solid #6F0719; border-top: 1px solid #FF6F89; border-left: 1px solid #FF6F89; }
#content table.table td { background: #efefef; border-top: 1px solid white; border-left: 1px solid white; }
#content table.table tr.service td { background: #aaa; color: white; }

/* Forum */
.forum-title { margin-bottom: 0.5em; border-bottom: 2px solid #C3122E; }
.forum-title span { display: block; width: 75%; }
.item { margin-bottom: 1.5em; border-bottom: 1px dashed #ddd; }
.info { font-size: 92%; color: #666; }

/* Service menu */
#service { float: right; margin-top: -3em; }

/* News */
#news { margin: 0 40px 1.5em; }
#news p, #news h4 { margin-bottom: 0.4em; }
#news h2 { margin-bottom: 0.5em; }
#news h3 { font-size: 120%; }
#news h4 { font-size: 100%; }
#news p { line-height: 1.4em; }
#news p.more { text-align: left; }
#news .date { color: #aaa; font-size: 92%; margin: -0.5em 0 1em 0; }

/* Perex */
#perex { font-weight: bold; padding: 1.6em 40px; border-bottom: 1px dashed #ddd; }
#perex p { margin: 0; padding: 0; }
#perex #gallery-author { float: right; margin-left: 5em; _display: inline; }
#perex #gallery-author span { font-weight: normal; }

/* Poll */
#pollform { padding: 0 0 3em 19px; font-size: 92%; }
#pollform h3 { margin-bottom: 0.35em; padding: 0.3em 0; color: #888; font-size: 100%; }
#pollform img { border: none; vertical-align: middle; }
#pollform table, #pollform td { border: none; background: #eee; } 
#pollform ul { margin: 0; padding: 0; list-style: none; }
#pollform li { margin-bottom: 4px; }
#pollform a { color: #616161; text-decoration: none; display: block; margin-bottom: -4px; }
#pollform a:hover { color: black; text-decoration: underline; }

/* Footer */
#footer { font-size: 92%; text-align: right; color: white; border-top: 3px solid #333; _height: 1px; }
#footer p { margin: 0; }
#footer a { color: white; }
#footer img { border: none; }
#footer a:hover { color: #167FD1; }
#footer span { margin: 0 0 0 2.5em; }
#footer .l { padding: 2em 0; width: 70%; text-align: left; }
#footer .r { padding: 1em 0; }
#footer .r a { text-decoration: none; }

/* Columns */
#col-l { width: 739px; min-height: 500px; _height: 500px; float: left;  background: white; color: #333; }
#col-r { width: 241px; float: right; background: #E3E3E3; color: black; }
#col-l .spc { padding: 20px 40px 25px; }
#col-r { _overflow-x: hidden; }
#col-r .spc { padding: 20px; _height: 1px; }
#col-r h2 { margin: 0 -20px 20px; padding: 0.6em 20px; font-size: 120%; background: #A20E28; color: white; }
#col-r img { border: none; }
#col-r .error, #col-r .success, #col-r .notice { margin: 0 0 10px; }
#col-cont-l { width: 475px; float: right; }
#col-cont-r { width: 265px; float: left; }
#col-cont-r h2 { background-color: #E6E6E6; color: #797979; margin: 12px 10px 0 10px; padding: 18px 6px; }

/* Crossroad */
.crossroad { margin-bottom: 2em; }
.crossroad img { float: left; margin: 0 20px 20px 0; }
.crossroad .no-image { padding-left: 178px; }
.crossroad .news { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #ddd; _height: 1px; min-height: 1px; }
.crossroad .more { margin: 0; }
.crossroad h3 span { display: block; float: left; width: 221px; }

/* Gallery */
#gallery { margin-right: -25px; _height: 1px; min-height: 1px; }
#gallery a { display: block; width: 170px; padding: 4px; height: 148px; float: left; margin: 25px; margin-top: 0; font-size: 92%; text-decoration: none; border: 1px solid #ddd; text-align: center; _display: inline; }
#gallery img { display: block; margin: 0 auto 3px auto; border: none; }

/* Map */
#map { border: none; }

/* Comments */
#comments { padding-top: 1.6em; border-top: 1px dashed #ccc; }

/* Books + jQuery UI tabs */
.books { width: 100%; margin: 0 0 20px; padding: 0; font-size: 12px; list-style: none; border-bottom: 1px solid #ddd; }
.books li { float: left; }
.books a, .books span { margin-right: 5px; padding: 7px 1.1em; float: left; background: #fafafa; color: black; color: #47748F; border: 1px solid #ddd; border-bottom: none; text-decoration: none; white-space: nowrap;} 
.books a:hover { color: black; }
.books span, .books .ui-tabs-selected a  { margin-bottom: -1px; padding: 7px 0.9em; padding-bottom: 8px; background: white; color: black; font-weight: bold; position: relative; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* User */
#user { margin-bottom: -20px; }
#user h2 { margin-top: -20px; }
#user .profile-foto { margin-right: 10px; border: 1px solid white; }
.caseklub #user h2 { margin: 0 0 10px; }
.caseklub #user, .caseklub #user h2 { padding: 0; background: #333; color: white; font-weight: bold; }
.caseklub #user h4 { color: white; font-size: 110%; }
.caseklub #user a { color: white; }
#points strong { font-size: 200%; }

/* Misc */
.profile-foto { border: 1px solid #888; }
.spc-l { margin-left: 46px; }
.break { clear: both; width: 100%; height: 1px; font-size: 1px; line-height: 1px; margin-bottom: -1px; }
.no-screen { position: absolute; left: -2000px; top: -2000px; }
.files { margin: 0 0 1.6em 0; padding: 0; list-style: none; }
table.th-right th { text-align: right; }
ul p.center img { margin-top: 1.5em; }
.error, .notice, .success { margin: 25px 40px; }
.spc .error, .spc .notice, .spc .success { margin: 25px 0; }
.ui-datepicker-trigger { cursor: pointer; }

/* IE only */
.crossroad div, #perex, #images, #menu-sub { _height: 1px; min-height: 1px; }

div#p-flash {
	padding-top:49px;
}

div#p-flash p {
	margin:0; padding:0;
}