/*------------------------------------------------
           PLEASE DONT'S STEAL,
    JUST TAKE THE INSPIRATION!
------------------------------------------------- */

/*------------------------------------------------
CSS INFO
--------------------------------------------------
FILE: style.css
PROJECT: U Fika
AUTHOR: Jan Hommer (iam@janhommer.cz, www.janhommer.cz)
DATE: 08-2010
------------------------------------------------- */

/*------------------------------------------------
 STANDARD HTML TAG RESET 
------------------------------------------------- */
body,
h1, h2, h3, h4, h5,
p, ul, li, ol,
blockquote,
form {
	border: 0;
	margin: 0;
	padding: 0;
}

/*------------------------------------------------
STANDARD HTML TAG DEFINITION
------------------------------------------------- */

body,
form, input {
	font-family: 'Georgia', 'Times New Roman', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

body {
	background: #9A6A2A url(body.jpg) top center;
}

a:link, a:visited{
	color: #000;
}

a:hover {
	color: #DCD4C5;
}

p {
	text-align: justify;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

p.alleft {
	float: left;
}

p.alright {
	float: right;
}

img {
	border: none;
}

img.alleft {
	float: left;
	margin: 0 5px 5px 0;
}

img.alright {
	float: left;
	margin: 0 0 5px 5px;
}

hr.clear {
	clear: both;
	visibility: hidden;
	padding: 0;
	margin: 0;
	height: 0;
	font-size: 0;
}

/*------------------------------------------------
 WRAP
------------------------------------------------- */

#wrap {
	width: 770px;
	margin: 0 auto;
	background: url(wrap.jpg) top no-repeat;
	overflow: hidden;
}

/*------------------------------------------------
 LOGO
------------------------------------------------- */

#logo {
	height: 200px;
}

#logo h1, #logo h1 a {
	display: block;
	width: 520px;
	height: 200px;
	z-index: 0;
	top: 0;
	background: url(wrap.jpg) top left no-repeat;
}

#logo h1 a span, #logo p {
	display: none;
}

/*------------------------------------------------
 MENU
------------------------------------------------- */

#menu {
	float: left;
	width: 250px;
	padding: 0 0 20px 40px;
}

#menu ul {
	list-style: none;
}

#menu ul li a {
	display: block;
	width: 250px;
	background-image: url(menu.jpg);
}

#menu ul li a.one {
	height: 95px;
	background-position: 0 0;
}

#menu ul li a.one:hover, #menu ul li a.one.active {
	background-position: 250px 0;
}

#menu ul li a.two {
	height: 85px;
	background-position: 0 455px;
}

#menu ul li a.two:hover, #menu ul li a.two.active {
	background-position: 250px 455px;
}

#menu ul li a.three {
	height: 95px;
	background-position: 0 370px;
}

#menu ul li a.three:hover, #menu ul li a.three.active {
	background-position: 250px 370px;
}

#menu ul li a.four {
	height: 90px;
	background-position: 0 275px;
}

#menu ul li a.four:hover, #menu ul li a.four.active {
	background-position: 250px 275px;
}

#menu ul li a.five {
	height: 95px;
	background-position: 0 185px;
}

#menu ul li a.five:hover, #menu ul li a.five.active {
	background-position: 250px 185px;
}

#menu ul li a.six {
	height: 90px;
	background-position: 0 90px;
}

#menu ul li a.six:hover, #menu ul li a.six.active {
	background-position: 250px 90px;
}

#menu ul li a span {
	display: none;
}

/*------------------------------------------------
 CONTENT
------------------------------------------------- */

#content {
	float: right;
	width: 455px;
	padding: 100px 0 0;
}

#content .top, #content .bottom {
	clear: both;
	width: 455px;
	height: 10px;
	background: url(content_top_bottom.png) top;
	font-size: 0;
}

#content .top {
	height: 10px;
	background: url(content_top_bottom.png) top;
}

#content .middle {
	padding: 0 15px 0 5px;
	background: url(content.png);
	overflow: hidden;
}

#content .bottom {
	height: 20px;
	background: url(content_top_bottom.png) bottom;
}

#content h1 {
	padding: 0;
	margin: 10px;
	border-bottom: 1px solid #000;
	font-size: 18px;
}

#content h2 {
	padding: 0;
	margin: 20px 10px 10px;
	border-bottom: 1px solid #000;
	font-size: 16px;
}

#content p {
  padding: 0;
  margin: 10px;
  line-height: 140%;
}

#content ul {
	list-style: square;
	padding: 0 0 0 30px;
	line-height: 140%;
}

/* DISKUSE */

#content .comment {
	padding: 0 0 10px;
	margin: 20px 10px 0;
	border: 1px dotted #000;
}

#content .comment.sub {
	padding: 0 0 10px;
	margin: 10px 5px 0 20px;
}

#content .comment p.meta {
	padding: 5px;
	margin: 0 0 5px 0;
	border-bottom: 2px solid #dd0000;	
	background: #000;
	color: #fff;
}

#content .comment.sub p.meta {
	background: #333;
}

#content .comment p.meta span {
	float: right;
	margin: -16px 0 0;
}

#content .comment p.meta a {
	color: #fff;
}

#content .comment p {
	padding: 0;
	margin: 5px 10px 0;
	text-align: justify;
}

#content form#CMSform {
	padding: 10px 10px 0;
	margin: 10px;
	border: 1px dotted #000;
}

#content form#CMSform p {
	clear: both;
	padding: 0 0 10px;
}

#content form#CMSform p label{
	display: block;
	float: left;
	width: 80px;
	padding: 1px 5px 5px 0;
	text-align: right;
}

#content form#CMSform p sup {
	color: #fff;
	background: #dd0000;
}

#content form#CMSform p.status {
	padding: 5px;
	margin: 0 0 10px;
	background: #dd0000;
	color: #fff;
	font-weight: bold;
}

#content form#CMSform p.status a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#content form#CMSform p span.red, #content form p span.green {
	font-size: 10px;
	color: #fff;
	background: #dd0000;
}

#content form#CMSform p span.green {
	color: #00dd00;
}

#content form#CMSform p input {
	width: 280px;
	padding: 2px;
}

#content form#CMSform p input.submit {
	width: auto;
	cursor: hand;
	cursor: pointer;
	border: none;
	background: #000;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 4px;
}

#content form#CMSform p input.submit:focus, #content form#CMSform p input.submit:hover {
	background: #000;
	color: #fff;
}

#content form#CMSform p textarea {
	width: 280px;
	height: 100px;
	padding: 2px;
}

#content form#CMSform p input, #content form#CMSform p textarea {
	border: 1px dotted #ccc;
	background: #fff;
}

#content form#CMSform p input:focus, #content form#CMSform p textarea:focus {
	border: 1px solid #666;
}

#content form#CMSform p a, #content form#CMSform p a:hover, #content form#CMSform p a img {
	border: none;
}

/* GALERIE */

#content .CMSphoto {
	float: left;
	width: 130px;
	height: 95px;
	margin: 0 0 20px 10px;
	_margin: 0 0 10px 5px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
}

#content .CMSphoto img {
	border: none;
	width: 130px;
	height: 95px;
}

/*------------------------------------------------
 FOOTER
------------------------------------------------- */

#footer {
	clear: both;
	padding: 0 15px 10px 325px;
	overflow: hidden;
	color: #DCD4C5;
	font-size: 12px;
}

#footer a {
	color: #DCD4C5;
}

#footer a:hover {
	color: #fff;
}