/*
Theme Name: Design
Theme URI: http://aria-studio.cz/
Description: Téma pro web od Aria-studio.cz
Version: 1.0
Author: Aria-studio.cz
Template: twentyten
*/

@import url("null.css");

html, body {height: 100%;}
body {background: url('images/background.jpg') center 0 repeat #e6d3b5; color: #000; font: 12px sans-serif; position: relative;}
#background-repeat {width: 100%; height: 170px; position: absolute; top: 0; left: 0px; background: url('images/top_new3.jpg') center repeat-x;}
#background {width: 100%; height: 170px; position: absolute; top: 0; left: 0px; }

.accessibleHidden {position: absolute; top: -1000px; overflow: hidden;}

#page {width: 980px; min-height: 100%; margin: 0 auto;  position: relative; background: url('images/page-repeat-y.png') repeat-y #fbf1dc;}

/* Header */
.stuffing {height: 56px; background: url('images/top.jpg') center 0px no-repeat;}
#head {width: 100%; height: 253px; position:relative; background: url('images/headers/head.jpg') no-repeat #fbf1dc;}
#head  a#head-logo {width: 150px; height: 90px; display: block; position: absolute; top: 0; left: 50px;}
#head  a#head-logo span {display: none;}

#head #flags {width: 100px; height: 24px; position: absolute; top: 15px; left: 830px;}

/* Main menu */
#menu {width: 100%; height: 39px; text-align: center; background: url('images/menu-repeat-x.png') repeat-x; font-size: 115%;}
#menu ul {width: 964px; height: 39px; list-style-type: none; margin: 0 auto; padding: 0px;}
#menu ul li {height: 39px; display: inline; float: left; margin: 0; padding: 0; position: relative;}
#menu ul li a{height: 39px; line-height: 39px; padding: 0px 20px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; float: left;}
#menu ul li:hover > a, #menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li.current-menu-item a {color: #fff; background: url('images/menu-hover-repeat-x.png') repeat-x left;}
#menu ul li:hover > ul {display: block;}

#menu ul ul.sub-menu {width: 120px; display:none; position: absolute; top: 49px; left: 0px; z-index: 999; }
#menu ul ul.sub-menu li {height: 40px; display: block; float: left; border-bottom: solid 1px #333;}
#menu ul ul.sub-menu li a {width: 120px; height: 40px; line-height: 40px; background: #222;}
#menu ul ul.sub-menu li a:hover {background: url('images/menu-hover-repeat-x.png') 0px -4px repeat-x;}
#menu ul ul.sub-menu li:last-child {border-bottom: none;}


/* Main */
#main-line {width: 100%; height: 6px; position: relative; background: #225920;}
#main-line #arrow-left {width: 8px; height: 6px; background: url('images/arrows-left-top.png');}
#main-line #arrow-right {width: 8px; height: 6px; position: absolute; right: 0; top: 0; background: url('images/arrows-right-top.png');}

#main {width: 964px; margin: 0 auto; padding-bottom: 110px; clear: both; background: url('images/watermark.jpg') 103px 50px no-repeat;}

/* Content */

.page-title, .entry-title {font-size: 130%; color: #983300;  padding: 2px 0;}
.page-title {padding: 10px 0;}
#content {width: 644px; padding: 15px 25px 15px 15px; float: left; clear: both;}
#content-wide {width: 100%; padding: 15px; clear: both;}

#content .alignleft {display: inline; float: left; margin-right: 10px;}
#content .alignright {display: inline; float: right; margin-left: 10px;}

/* Entries */
.post {margin-bottom: 15px;}
.entry-meta {font-size: 90%; color: #555;}
.entry-utility {font-size: 90%; color: #555;}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #dacdb2;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Sidebar */

#sidebar {width: 250px; padding: 15px; float: right; /*color: #fff;*/ position: relative;}
#sidebar ul.sidebar-widgets {list-style-type: none;}
#sidebar .widget-container {width: 250px; margin: 0; margin-bottom: 10px;}
#sidebar .widget-container .widget-title {width: 100%; height: 27px; line-height: 27px; font-weight: bold; font-size: 110%; padding-left: 14px; color: #3d3733; background: url('images/h-arrows.png') 0 19px no-repeat;}
#sidebar a {}
#sidebar a:hover {}

#sidebar .cat-post-item>.post-title {font-weight: normal;}

/* Footer */

#foot {width: 934px; height: 65px; clear: both; padding: 15px; position: absolute; bottom: 25px; left: 8px; background: url('images/foot.jpg') center 0 no-repeat #232221; color: #fbf1dc;}
#foot p {text-align: left; padding: 0;}
#foot a {text-decoration: none; color: #fbf1dc;}
#foot #copy {text-align: left;}

#foot #footer-widget-area {padding: 0 20px;}
#foot #footer-widget-area .widget-area {width: 220px; min-height: 100px; float: left; padding: 40px 10px 20px 10px;}
#foot #footer-widget-area #first {padding-left: 0px;}
#foot #footer-widget-area #second {}
#foot #footer-widget-area #third {}
#foot #footer-widget-area #fourth {padding-right: 0px;}

#foot p {line-height: 140%;}
#foot ul {list-style-type: disc; list-style-position: inside;}
#foot ul.xoxo {list-style-type: none;}

#foot-bottom {width: 980px; height: 25px; clear: both; position: absolute; bottom: 0px; background: #232221;}


/* Front page */
hr.separator {width: 100%; border: none; border-top: dashed 2px #e1d5c5; }

/* Comments */
p.nocomments {display: none;}


/* Other stuff */ 
.cleaner {height: 1px; line-height: 1px; clear: both;}

ul {list-style-type: disc; margin-left: 2px;}
li {margin-left: 20px;}

h1 {font-size: 130%; font-weight: bold; padding: 15px 0 5px;}
h2 {font-size: 120%; font-weight: bold; padding: 10px 0 2px;}
h3 {font-size: 100%; font-weight: bold; padding: 10px 0 2px;}

p {text-align: justify; padding: 5px 0; line-height: 160%;}
table {margin: 10px; line-height: 160%;}
table td {padding-right: 3px;}

strong {font-weight: bold;}
.strong {font-weight: bold;}
.small {font-size: 75%;}

.left {width: 50%; float: left;}
.right {width: 50%; float: right;}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Links */

a {color: #235a21;}
a:hover {color: #c16638;}