/*---------------------------------------
Lenka
Template Style Sheet


author:    Christian Huber
email:     info@btg-huber.com
website:   http://btg-huber.com
---------------------------------------*/

/* Background Gradient */
body
{
background: #fff url(/lenka_img/gradient.jpg) repeat-x;
}

/* Link-Arrow */
#content p a, #content ul a, #content ol a, .footer-right p a
{
/*	background: url(/lenka_img/link_1_a.gif) no-repeat 2px 50%; */
}

/* RSS-Icon */
#rss a
{
background: url(/lenka_img/rss.png) 0 0 
}
#rss a:hover
{
background: url(/lenka_img/rss.png) 0 16px
}

/*--------------------------------------------------------
--------------------------------------------------------*/

/*   Global reset etc.   */
* {font-size: 100.01%; margin: 0; padding: 0; border: 0}
html {font-size: 62.5%;}
a {text-decoration: none}
body {
	font-size: 1em; 
	line-height: 1em;
	border-top: 3em solid #333
	}

/*   Right Side (Content, Comments, Contact Form)   */
#content p, #content ul, #content ol, .search, input, textarea, label, .footer-right p
{font: 1.1em/1.6em Verdana, Geneva, "Lucida Grande", Lucida, sans-serif; color: #666}

#content {width: 45em; float: right; padding: 0 0 2em 0}
#content p {margin: 1em 0}
#content p strong {color: #666; font-weight: normal}
#content p code {font: 1em/1em "Courier New", Courier, mono}
#content abbr, #content acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
#content blockquote {
	padding: 0 0 0 2em; margin: 0 2em 0 0;
	border-left: 1px solid #ccc}
#content ul, #content ol {
	list-style-position: inside;
	margin: .5em 1em
	}
	#content ul {list-style-type: circle}
#content li{ padding-bottom: 1.2em; line-height: 1.4em}
#content h3 {
	font: 1.4em/1em Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	padding: 2.5em 0 0 0;
	color: #666;
	clear: both;
	}
#content .article h3 {
	font: 1.2em/1em Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	padding: 1.5em 0 0 0;
	color: #666;
	}
#content .article h3 a {
	font: 1.5em/1em Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	padding: 2.5em 0 0 0;
	color: #666
	}
#content h4 {
	font: 1.4em/1em Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	padding: 1.5em 0 0 0;
	color: #666
	}	
	#content h2 a, h3 a, a:visited {color: #666}
	#content h3 a:hover, a:active {color: #111}
#content a, .footer-right p a {
	color: #69c;
	padding: 0; /*0 0 12px;*/
	border-bottom: 1px dotted #fff
	}
	#content p a:hover, .footer-right p a:hover {color: #369; border-bottom: 1px dotted #369}
.article {padding: 0 0 2em 0}
.single-article {padding: 2.5em 0 0 0}
.comment {padding: 1em 0 0 0}
#content p.info {font: 1.1em/1.1em Arial, Helvetica, Geneva, sans-serif; color: #666; padding: 0 0 .5em 0}

#content .single-article img, #content .article img {
border: 1px solid #ddd;
}

#content img.left, #content iframe.left  {
float: left;
margin: 20px 20px 20px 0;
}

#content img.right, #content iframe.right{
float: right;
margin: 20px 0 20px 20px;
}


/*   Container And Head  */
#container {margin: 0 auto; width: 69em}
#head {padding: 12em 0 0 0}
#head h1, h2 {
	font: 2em/1.2em Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	padding: .7em 0
}
#head h1 a, a:hover, a:active, a:visited {color: #333}
.tagline {color: #999; width: 45em; float: right}


/*   Left Side (Title, RSS, Menu, Sidebar)   */
#sidebar
{width: 19em; text-align: right; float: left; padding: 0 0 5em 0}

.sitename
{width: 19em; text-align: right; float: left}
#rss a {
width: 16px; height: 16px;
display: table;
margin: 0 0 1em 0;
float: right
}

#menu {padding: 0 0 2em 0; clear: both}
.section_list ul {}
.section_list li {
list-style-type: none;
font: 1.6em/1.4em Arial, Helvetica, Geneva, sans-serif;
padding: .3em 0
}
	.section_list a {color: #ccc}
	.section_list a:visited {color: #ccc}
	.section_list a:hover {color: #999}
	.section_list a:active {color: #999}
#menu a.active {color: #333}
#listst {}
#lists strong {
font: 1.1em/1.4em Arial, Helvetica, Geneva, sans-serif;
color: #666;
display: block;
font-weight: normal;
padding: 2.5em 0 .5em 0
}
#lists ul {}
#lists li {
list-style-type: none;
font: 1.1em/1.1em Arial, Helvetica, Geneva, sans-serif
}
	#lists li a, #lists li a:visited {
	color: #999;
	padding: .3em 0;
	display: block
	}
	#lists li a:hover {color: #666; background-color: #f9f9f9}
	#lists li a:active {color: #333}

/*   The footer   */
#footer {
	background-color: #fff;
	padding: 2em 0 13em 0;
	clear: both;
	background: #f6f6f6;
	border-top: 1px solid #ddd;
	}

#footer-wrap {
	margin: 0 auto; width: 69em
	}

.footer-left {
	width: 19em; float: left; text-align: right
	}

.footer-right {
	width: 45em; float: right
	}

.older-newer {
	font: 1.6em/1.4em Arial, Helvetica, Geneva, sans-serif;
}
	.older-newer a {color: #ccc}
	.older-newer a:visited {color: #ccc}
	.older-newer a:hover {color: #999}
	.older-newer a:active {color: #666}

/*   Input Fields, Form Fields   */
.search,
input,
textarea {
width: 66%;
background-color: #f6f6f6;
border-top: 2px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;
padding: .2em 0
}
	input:focus,
	textarea:focus {
	color: #666;
	background-color: #fff;
	border-top: 2px solid #888
	}
.zemSubmit, .button {
width: 23%;
border: 2px outset #999;
background-color: #f6f6f6
}
label {
margin: 1em 0 .2em 0;
display: block
}
#txpCommentInputForm {padding: 2em 0 0 0}
#content table {
	font: 1.1em/1.6em Verdana, Geneva, "Lucida Grande", Lucida, sans-serif; color: #666
}

#content th {
	background-color: #E4F2FD;
	font-weight: normal;
	padding: 0.3em;
}

#content table td {
	border-bottom: 1px solid #eee;
	padding: 0.3em;
}

#content sup {
	font-size: 0.6em;
	color:#999;
	color: rgba(1,1,1,0.25);
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5 [de]
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 104px; 
	float: right;
	padding-bottom: 0.7em;	
}