@CHARSET "UTF-8";

html, body {
	background-color: #ffdc00;
	color: #fff;
	font-family: "Verdana","Helvetica",sans-serif;
    font-size: 12px;
}
body {
	background: #ffdc00 url( "../img/bg_main.png" ) 0 0 repeat-x;
}

.skip {
    text-indent: -1000em;
    display: block;
    height: 1px;
    clear: none;
}
a {
    text-decoration: none;
    color: #ceb67b;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	overflow: hidden;
}
    a img {
        opacity: 0.7;
    }
    a:hover img {
        opacity: 1;
    }

p {
	line-height: 1.5em;
	padding-bottom: 0.5em;
}

h1, h2, h3, h4, legend {
    font-family: "Times New Roman", serif;
    color: #2a5500;
    font-variant: small-caps;
    text-align: left;
    font-weight: bold;
}
    h1 a, h2 a, h3 a, h4 a {
        font-size: inherit;
	}
h1 {
	font-size: 2em;
    text-align: center;
}
h2 {
	font-size: 1.6em;
}
h3,
.map-info-header,
a.map-header-link {
	font-size: 1.4em;
}
h4 {
    font-size: 1.2em;
}
#content h2, #content h3, #content h4 {
	margin: 0.5em 0;
}

#content a, #breadcrumbs a {
	color: #ffdc00;
}
#content table {
	min-width: 600px;
}

#wrapper-main {
    width: 1007px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
	background: #57a909 url( "../img/bg_middle.gif" ) 0 450px repeat-y;
}
	header {
		width: 1007px;
		height: 450px;
		margin: 0 auto;
		display: block;
		background: transparent url( "../img/bg_top.jpg" ) 0 0 no-repeat;
	}
		header h1 {
			position: absolute;
			width: 694px;
			height: 60px;
			top: 83px;
			right: 65px;
		}
			header h1 a {
				display: block;
				width: 694px;
				height: 60px;
				text-indent: -1000em;
			}
		header h2 {
			display: block;
			width: 100px;
			height: 129px;
			position: absolute;
			top: 50px;
			left: 77px;
			background: transparent url( "http://magazyn.heroes.net.pl/common/logo_jb.png" ) 0 0 no-repeat;
		}
			header h2 a {
				display: block;
				width: 100px;
				height: 129px;
				text-indent: -1000em;
			}
    #breadcrumbs {
        overflow: hidden;
        position: absolute;
        top: 455px;
        left: 230px;
        width: 600px;
        height:16px;
        line-height: 16px;
        font-size: 12px;
		z-index: 100;
    }
        #breadcrumbs li {
            float: left;
            height: 16px;
            font-size: inherit;
            max-width: 20em;
            overflow: hidden;
            text-overflow: elipsis;
        }
		#breadcrumbs li:before {
			content: " ";
			display: block;
			width: 16px;
			height: 16px;
			background: transparent url( "../themes/south-street/images/ui-icons_8dc262_256x240.png" ) -32px -32px no-repeat;
			float: left;
		}
		#breadcrumbs li.first:before {
			display: none;
		}
            #breadcrumbs li a {
                font-size: inherit;
				display: block;
				height: 20px;
				float: left;
            }
    #menu {
        width: 820px;
		height: 38px;
        position: absolute;
        top: 408px;
        left: 10px;
        line-height: 1em;
    }
		#menu ul {
			width: 820px;
			height: 38px;
		}
        #menu li {
            float: left;
            width: 138px;
        }
		#menu li:nth-child(5) {
			width: 138px;
		}
		#menu li:nth-child(1) {
			width: 127px;
		}
		#menu li:nth-child(2) {
			width: 117px;
		}
		#menu li:nth-child(3) {
			width: 101px;
		}
		#menu li:nth-child(4) {
			width: 113px;
		}
		#menu li:nth-child(6) {
			width: 131px;
		}
		#menu li:nth-child(7) {
			width: 93px;
		}
			#menu li a,
			#menu li strong {
				text-indent: -1000em;
				display: block;
				height: 38px;
				margin-right: 1px;
			}
			#menu li strong {
				background: #000;
				opacity: 0.2;
			}
			#menu li a:hover {
				background: #fff;
				opacity: 0.2;
			}
    #menu:after {
		position: absolute;
		top: -70px;
		right: -178px;
		content: " ";
		width: 188px;
		height: 220px;
		display: block;
		background: transparent url( "../img/deco_photo_tower.png" ) 0 0 no-repeat;
	}
	#content {
		margin-top: 25px;
		float: right;
		width: 715px;
		padding-right: 20px;
	}
		#content > p:before,
		#content .news p:before,
		#content .xtext p:before {
			width: 180px;
			height: 50px;
			float: right;
			display: block;
			content: " ";
		}
		#content > p + p:before,
		#content .news p + p:before,
		#content .xtext p + p:before,
		#content .news h2 + em + p:before {
			display: none;
		}
	#sidebar {
		position: relative;
		width: 242px;
		min-height: 764px;
		float: right;
		background: transparent url( "../img/bg_sidebar.png" ) 0 0 no-repeat;
	}
		#sidebar > ul {
			padding: 25px 20px 185px 60px;
		}
			#sidebar li {
				height: 48px;
			}
			#sidebar > ul > li:nth-child(3) {
				height: 55px;
			}
			#sidebar > ul > li:nth-child(8) {
				height: 155px;
			}
			#sidebar > ul > li:nth-child(9) {
				height: 55px;
			}
				#sidebar li a,
				#sidebar li strong {
					display: block;
					line-height: 46px;
					text-shadow: 0 0 7px #c4ba89;
				}	
				#sidebar > ul > li:nth-child(3) a,
				#sidebar > ul > li:nth-child(3) strong {
					line-height: 55px;
				}
				#sidebar > ul > li:nth-child(8) a,
				#sidebar > ul > li:nth-child(8) strong {
					line-height: 22px;
				}
				#sidebar li strong {
					padding-top: 5px;
				}
			#sidebar ul ul {
				padding-left: 20px;
			}
			#sidebar ul ul li {
				height: auto;
			}
				#sidebar ul ul li a,
				#sidebar ul ul li strong {
					line-height: 16px;
				}
	#sidebar > ul:after {
		width: 261px;
		height: 220px;
		display: block;
		content: " ";
		position: absolute;
		left: -30px;
		bottom: -35px;
		background: transparent url( "../img/deco_photo_campfire.png" ) 0 0 no-repeat;
	}

    /* JB menu (top) */
	#jb-menu {
		z-index: 200;
	}
	
    /* footer */
    footer {
        display: block;
        height: 53px;
        width: 1007px;
        padding: 0;
		clear: both;
		background: transparent url( "../img/bg_footer.png" ) 0 0 no-repeat;
    }
		footer a {
			color: #ff4601;
		}
        footer p {
            float: left;
            padding: 0;
            font-size: 0.8em;
            line-height: 3em;
            text-align: right;
			color: #000;
        }
		footer p#copyright {
            width: 580px;
		}
		footer p#project {
            width: 400px;
        }
            #footer p a {
                font-size: inherit;
            }

/* interface */
.button-with-icon {
	position: relative;
	padding-left: 20px;
	display: block;
}
	.button-with-icon span.ui-icon {
	    left:0.2em;
	    margin:-8px 5px 0 0;
	    position:absolute;
	    top:50%;
	}

.flash-message-box {
    width: 30em;
    padding: 0.5em;
    margin: 0 auto;
}
    .flash-message-box ul {
        padding: 0.2em 0.5em;
    }
        .flash-message-box li {
            text-align: center;
        }
/* tabela */
table {
        margin: 30px 40px 0;
}
        table caption {
                color: #2a5500;
                font-variant: small-caps;
                font-weight: bold;
        }
        table th {
                font-weight: bold;
                padding: 5px;
        }
        table td {
                padding: 5px;
        }
        table tbody tr:hover td {
                background-color: #486a27;
        }


/* forms */
form input,
form textarea,
form select {
	background-color: #486a27;
	color: #fff;
    border: 1px solid #2f5a05;
}

form input:hover,
form textarea:hover,
form select:hover {
    border-color: #7bea0e;
}
form input:focus,
form textarea:focus,
form select:focus {
    border-color: #ffdc00;
}

.tablesorter-header-wrapper {
    display: block;
    position: relative;
    padding-right: 20px;
}
.tablesorter-header-wrapper .ui-icon {
    position: absolute;
    top: 0;
    right: 0;
}
form div.required {
	border-left-width: 0;
	padding-left: 9px;
}
form fieldset div p.desc, form fieldset div p.currentGfx {
	color: #ddd;
}