/* HEADER */
#header #title {
	height: 100px;
	float: left;
}

#header #title h1#logo {
	float: left;
	margin: 0; 
	padding: 0; 
	position: relative; 
	top: 31px;
	left: 10px;
	width: 197px;
	height: 48px;
	overflow: hidden; 
	font-size: 150%; 
	z-index: 1;
}

#header #title h1#logo span {
	display: block;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	left: 0;
	top: 0px;
	z-index: 1; 
	height: 48px;
	_cursor: hand; 
}

#header #title h1#logo span {
	background: url("../webapp/images/logo/logo.jpg") 0 0 no-repeat;
	width: 197px;
}

#header #star {
	float: right; 
	width: 60px; 
	height:60px;
	position: relative; 
	top: 78px;
	left:-10px;
	margin:0;
	background: url("../webapp/images/icons/star.gif") no-repeat;
}

/* SIDEBAR */
.sb-box {
	margin-bottom: 2.2em;
}

.sb-box h4 {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	color: #363636;
	padding: .4em 1em;
	margin-bottom: .5em;
/*	border-bottom: 4px solid #ac9f9a;*/
	background: #f3f2f1;
}

.sb-box ul {
	margin-left: 5px;
}

.sb-comment-item {
	margin: 0;
}

.sb-box .sb-comment-item dt.author,
.sb-box ul li {
	padding-left: 1em;
	background: url("../webapp/images/layout/sb-arrow.gif") left .7em no-repeat;
}

.sb-box .sb-comment-item dt.author a,
.sb-box .sb-comment-item dt.author a:active,
.sb-box .sb-comment-item dt.author a:visited,
.sb-box .sb-comment-item dt.author a:link,
.sb-box ul li a,
.sb-box ul li a:active,
.sb-box ul li a:visited,
.sb-box ul li a:link {
	color: #363636;
	text-decoration: none;
}

.links ul li a,
.links ul li a:active,
.links ul li a:visited,
.links ul li a:link {
	text-decoration: underline;
	color: #ac9f9a;
	padding-right: 1em;
	background: url("../webapp/images/icons/link-orange.gif") right .5em no-repeat;
}

.links ul li a:hover {
	color: #000000;
	text-decoration: none !important;
	padding-right: 1em;
	background: url("../webapp/images/icons/link-orange.gif") right .5em no-repeat;
}

.sb-box .sb-comment-item dt.author a:hover,
.sb-box ul li a:hover {
	text-decoration: underline;
}

.sb-box .sb-discuss-item a,
.sb-box .sb-discuss-item a:link, 
.sb-box .sb-discuss-item a:active,
.sb-box .sb-discuss-item a:visited {
	margin: 0;
	text-decoration: underline;
	color: #ac9f9a;
}

.sb-box .sb-discuss-item a:hover {
	text-decoration: none;
	color: #000000;
}

.sections ul li {
	border-bottom: 1px solid #f3f2f1;
	padding: .3em 0 .3em 1em;
	background: url("../webapp/images/layout/sb-arrow.gif") left center no-repeat;
}

.sb-box .sb-comment-item dd.article-name {
	color: #484848;
	padding-bottom: .3em;
	font-size: 90%;
	padding-left: 1em;
	margin: 0;
}

#search-box fieldset {
	padding: .5em;
	border: none;
	margin-bottom: 1.5em;
	display: none;
}

#search-box fieldset legend {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #363636;
	font-size: 95%;
	padding: 1em 0 0 0 ;
	margin: 0;
	visibility: hidden;
}

#search-box #standard-search-field {
	width: 98%;
}

#search-box #standard-search-submit {
	float: right;
	background-color: #db9f29;
	color: #ffffff;
	font-size: 80%;
	text-transform: uppercase;
	display: none;
}


/* CONTENT */
#content #text ul {
	padding: 0;
	margin: 0;
	margin-left: 20px;
	list-style-type: square;
}

#content .article-title {
	text-align: center;
}

#content #text {
	text-align: justify;
}

#content #text-content {
	padding: 0 10px;
}

#content #text-content {
	width: 93%;
	float: left;
}

#content #text #error-page {
	margin-top: .5em;
	border: 1px solid #484848;
	text-align: center;
	padding: .5em;
	color: #c34545;
}

#content #text #msg-page p,
#content #text #error-page p {
	text-align: center;
	padding: 0;
	text-indent: 0;
}

#content #text #msg-page {
	margin-top: .5em;
	border: 1px solid #484848;
	text-align: center;
	padding: 1em;
}

#content #text #canvas {
	/* blank */
}

#content #text #canvas p {
	margin: .7em 0;
	padding: 0;
	/* blank */
}

#content #text #pager {
	float: right;
	display: block;
}

#content #text .section {
	color: #484848;
	padding-top: .5em;
	font-size: 90%;
}

#content h2 a, 
#content h2 a:link,
#content h2 a:visited,
#content h2 a:active {
	color: #ac9f9a;
	text-decoration: none;
}

#content h2 a:hover {
	color: #ac9f9a;
	text-decoration: underline;
}

#content p.preamble {
	padding: 0 0 .5em 0;
}

/* begin of article definitions */
#content .article {
	margin-bottom: 2.5em;
}

#content .article-text {
	margin-bottom: 1em;
}

#content .article-text h4 {
	color: #ac9f9a;
	text-transform: none;
	font-size: 120%;
	letter-spacing: 0;
}

#content .article-complete p.preamble,
#content #article-complete p.preamble {
	background: #f3f2f1;
	padding: .8em 1em !important;
	margin: 1.2em 0 .8em 0 !important;

	font-style: oblique;
}

#content #text ul.article-possibilities {
	float: right;
	padding: 0;
	margin: 0;

	list-style: none;
}

#content #text ul.article-possibilities li {
	display: inline;
	padding-left: 1em;
}

#content #article-complete ol,
#content #article-complete ul {
	margin-left: 3em;
	padding: 0;
}

#content #article-complete blockquote {
	margin: 0;
	min-height: 3em;
	margin-left: 5px;
	height: auto;
	_height: 3em;
}

#content #article-complete blockquote p {
	background: url("../webapp/images/icons/quote.gif") .6em .6em no-repeat;

	padding: 1em 0 1em 1em !important;
	text-indent: 2em;
	font-style: oblique;
}

#content #article-complete #share {
}

#content #article-complete #share A {
	padding: .3em 0 .3em 22px;
	float: left;
	display: block;
	width: 14em;
	margin-left: 10px;
}

#content #article-complete #share A#reddit {
	background: url("../webapp/images/icons/share-reddit.gif") left .4em no-repeat;	
}

#content #article-complete #share A#facebook {
	background: url("../webapp/images/icons/share-facebook.gif") left .4em no-repeat;	
}

#content #article-complete #share A#digg {
	background: url("../webapp/images/icons/share-digg.gif") left .4em no-repeat;	
}

#content #article-complete #share A#delicious {
	background: url("../webapp/images/icons/share-delicious.gif") left .4em no-repeat;	
}

#content #article-complete #share A#google {
	background: url("../webapp/images/icons/share-google.gif") left .4em no-repeat;	
}

#content #article-complete #share A#vybrali {
	background: url("../webapp/images/icons/share-vybrali.gif") left .4em no-repeat;	
}

#content #article-complete #share A#myspace {
	background: url("../webapp/images/icons/share-myspace.gif") left .4em no-repeat;	
}

#content #article-complete #share A#jagg {
	background: url("../webapp/images/icons/share-jagg.gif") left .4em no-repeat;	
}

#content #article-complete #share A#linkuj {
	background: url("../webapp/images/icons/share-linkuj.gif") left .4em no-repeat;	
}



/* end of article definitions */

#content #comments {
	margin-top: 2em;
}

#content #comments .comment-item {
	margin: 1.6em 0 0em 0;
}

#content #comments .comment-item a.id  {
	color: #636363;
	text-decoration: none;
}

#content #comments p.comment {
	margin-left: 63px !important;

}

#content #comments .comment-item a.id:hover {
	text-decoration: underline;
}

#content #comments .comment-item .id {
	background: url("../webapp/images/icons/comment-bubble.gif") left .4em no-repeat;
	height: 36px;
	width: 51px;
	float: left;
	font-weight: bold;
	font-size: 110%;
	margin-right: 10px;
	text-align: center;
	padding: 9px 0 0 .2em;
}

#content #contact-form,
#content #comments #comment-form {
	margin-top: 1em;
	border-top: 5px solid #636363;
	background: #f3f2f1;
	margin-top: 2em;
}

#content #contact-form fieldset,
#content #comments #comment-form fieldset {
	border: none;
	padding: 1em;
}

#content #contact-form fieldset legend,
#content #comments #comment-form fieldset legend {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	letter-spacing: .2em;
	color: #363636;
	padding: .6em 0 ;
	font-weight: bold;
}

#content #contact-form .comment-input-types,
#content #comments #comment-form .comment-input-types {
	border: 1px inset #ffffff;
}

#content #contact-form .submit-input,
#content #comments #comment-form .submit-input {
	margin-top: 15px;
	width: 67px;
	height: 21px;
}

#content #recommended-links {
	padding-bottom: .1em;
}

#content #recommended-links ul {
	padding: .4em 0;
	list-style: none;
	margin: 0;	
}

#content #recommended-links ul li a {
	background: url("../webapp/images/icons/link-orange.gif") right .5em no-repeat;
	padding-right: 1em;
}

#content .gallery-selection ul {
	margin: 0 !important;
	padding: 0;
}

#content .gallery-selection ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#content .gallery-selection ul li.item a,
#content .gallery-selection ul li.item a:link,
#content .gallery-selection ul li.item a:active,
#content .gallery-selection ul li.item a:visited {
	display: block;
	width: 192px;
	text-align: center;
	text-decoration: none;
	color: #636363;
	margin: 10px 0;
}

#content .gallery-selection ul li.item a:hover {
	color: #202020;
}

#content .gallery-selection ul li.item a:hover img {
	border: 1px solid #c0c0c0;
}

#content .gallery-selection ul li.item img {
	padding: 4px;
	border: 1px solid #f3f2f1;
	height: 128px;
	background: #ffffff;
}


/* FOOTER */
#footer #footer-menu {
	float: left;		
	width: 285px;

	text-transform: lowercase;
}

#footer #footer-menu ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#footer #footer-menu ul li {
	float: left;
	padding-left: .5em;
}

#footer #footer-menu ul li.tilde-bg {
	background: url('../webapp/images/layout/bg-tilde.gif') center right no-repeat;
	padding-right: 1em;
}

#footer #footer-copyright {
	float: right;
	text-align: right;
	width: 450px;
}

#footer #footer-copyright #copy {
	margin-right: 10px;
}

/* LIGHTBOX */
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none; 
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {	
	left: 0;
}

#hoverNav a { 
	outline: none;
}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("../webapp/images/lightbox/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink {
	right: 0; 
	float: right;
}

#prevLink:hover, 
#prevLink:visited:hover {
	background: url("../webapp/images/lightbox/prevlabel.gif") left 15% no-repeat; 
}

#nextLink:hover, 
#nextLink:visited:hover {
	background: url("../webapp/images/lightbox/nextlabel.gif") right 15% no-repeat; 
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding:0 10px;
}

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
}

#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em;
}
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}