/* CSS Document */
<style type="text/css">

/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
html { }
.hidden, .low {display:none;}



/* body
--------------------------------------------------*/
body {text-align:center; margin:0 auto; font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 150%; word-spacing: 1px; color:#555; background:#f3f3f3 url(../images/shootoff_jb_3.jpg) top no-repeat fixed;} 
body#commentspopup {padding:0; background:white;}


/* headings
--------------------------------------------------*/
h1, h1 a {font-size:1.3em; color:#fff;}
h1 a:hover {color:#fff;}
h2, h2 a, h3 a, h4 a {color:#80151a; margin:0 0 10px 0; font-size:1em;}
h2 a:hover, h3 a:hover, h4 a:hover {color:#900;}

/* You may have to adjust the positions of these header elements depending on how many navigation menu items
you have.  As they are right now is the artistic impression the theme was meant to have, but if you need to you can 
move the h1 to be bottom:30px; or so depending on how far up you want to move it.
*/
#header h1 {/*display:none;*/ position:absolute; right:1px; bottom:200px;}
#header h3 {/*display:none;*/ font-size:1.1em; position:absolute; left:5px; top:2px;}
#content h2 {font-size:1.6em; margin:10px 0 10px 0;}
#content h4 {margin:0;}
#content.archive h3 {font-size:1.3em; font-weight:normal; margin:10px 0 10px 0;}
#content.archive h5 {margin:0;}

/*logo
--------------------------------------------------*/
a img.logo {border:0px;}

/* links
--------------------------------------------------*/
a img {border: 1px solid #dededf;}
a {color:#C3A54D; text-decoration:none;}
a:hover {color:#700;}
a.commentlink {padding-left:15px; background:url(../images/comments.gif) center left no-repeat;}
a.more {padding-right:10px; background:url(../images/more.gif) center right no-repeat;}


/* paragraphs, lists, etc
--------------------------------------------------*/
p {margin:0; padding:10px 0 10px 0;}
ul {margin:0 0 0 1.4em; padding:0 0 15px 0;}
ul ul {padding:0;}
blockquote {color: #777; margin:0; padding:0 15px; border-left:10px #777 solid; font-style:italic;}
pre {overflow:auto; margin:0 0 15px 0; padding:4px; background-color:#FAF8F2; font-family:Courier, Monaco, monospace;}
kbr {color:#990; font-family:Courier, Monaco, monospace; padding:0 2px;}
abbr, acronym {font-size:0.9em; letter-spacing:1px;}
code {background-color:#EEE; font-family:Courier, Monaco, monospace; padding:0 2px;}


/* images
--------------------------------------------------*/
img.left {float:left; margin:0 12px 0 0;}
img.right {float:right; margin:0 0 0 12px;}
img.center {display: block; margin:0 auto;}


/* container
--------------------------------------------------*/
#container {position:relative; top:15px; width:740px; height:100%; margin:0 auto; background:#FFF; bottom:0;}
* html #container, * html #content, * html #main *html #footer, * html #floatLayer{
	height: 100%; /* for IE because it doesn't do min-height */
	}
* html #content *html #footer, 
* html #floatLayer{
	overflow: hidden; /* this way IE doesn't mess with our sizes */
}
#commentspopup #container {
  width:440px;
  padding:0 15px;}


/* header
--------------------------------------------------*/
#header {position:relative; height:250px; text-align:left; width:740px; border-color:#777 #555 #888 #555; border:0px solid; background:#ffffff url(../images/top9_visus.jpg) no-repeat;}


/* navigation
--------------------------------------------------*/
#navigation {position:relative; bottom:16px; line-height:1.4em; background:transparent; z-index:99;}
#navigation ul {padding:0; margin-left:9px;}
#navigation li {float:left; margin-left:3px; list-style-type:none; white-space:nowrap;}
#navigation li a {display:block; color: #000000; padding:0 8px; font-size:10px; text-transform:lowercase; letter-spacing:1px; border-top:#312867 1px solid; border-right: #312867 1px solid; border-bottom: 0; border-left:#312867 1px solid;}
#navigation li.selected a {background-color:#312867; color:#eee; border-bottom:none;}
#navigation a:hover {color:#000000; background:#dfcd86;}
#navigation li.selected a:hover {color:#c00; background-color:#dfcd86;}
#navigation li.aktiv a:hover {color:#900; background-color:#dfcd86;}
* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */




/* main
-------------------------------------------------*/
#main {
	position:relative;
	display:block;
	text-align:left;
	width:740px;
	border-top:#312867 6px solid;
	height: auto; /* pushing the footer below content when longer then window */
	min-height: 150%; /* for modern browsers, to push the footer down to the bottom of the window */
	background: #fff url(../images/shading.gif) top repeat-x;
	padding-top:10px;
}

/* content
--------------------------------------------------*/
#content {padding:20px 20px 20px 25px; float:left; position:relative; display:block; width:440px;}
#content ul, #content li {/*list-style:none;*/}
/* .singlecol #content {float:none; width:550px; margin:0 70px;} */
#commentspopup #content {float:none; padding-top:0;}


/* entry
--------------------------------------------------*/
.entry {padding-bottom:15px; margin-bottom:20px; font-size:95%; border-bottom: dotted 1px #eee; }
.entry .info {position:relative; padding:1px; border:1px solid; font-size:0.9em; border-color:#ddd; background-color:#f4f4f4; line-height:1.3em;}
.entry.single {clear:both;}
.entry .info a {margin-right:6px; padding-right:9px; border-right:1px solid; border-color:#949494;}
.entry .info em {padding-right:6px; font-style:normal;}
.entry .author,
.entry .editlink a {padding:0 0 0 5px; border-left:1px solid; border-right:none;}
.entry #filedunder {clear:both; padding:3px 0 0 0; font-size:0.9em;}
.entry a.more {padding-left:12px; background:url(../images/more.gif) center left no-repeat;}
.entry .info .date {padding-left:15px; background:url(../images/post.gif) center left no-repeat;}
.entry .info .author {padding-left:23px; border-color:#949494; background:url(../images/author.gif) 10px 2px no-repeat;}


/* comments
--------------------------------------------------*/
#comments {border:#ddd 1px solid; margin:10px; padding:10px;}
#comments h2 {margin-bottom:24px;}
#comments h2 a {margin-left:2px; padding-left:6px; border-left:1px solid; font-family:Arial,Helvetica,sans-serif; font-size:0.55em; color:#873;}
#comments ul {margin:0 0 0 20px;}
#comments li {position:relative; margin-bottom:18px;}
#comments li p {padding:0 0 10px 0;}
#comments .header {position:relative; min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0; padding:3px 6px; background-color:#eee;}
* html #comments .header {height:19px;} /* IEWin */
#comments .header strong {}
#comments .header .gravatar {position:absolute; top:1px; right:1px;}
#comments li.comment {list-style-image:url(../images/comments.gif);}
#comments li.trackback,#comments li.pingback {list-style-image:url(../images/pingtrackback.gif);}
#commentform {background-color:#eee;}
#comments .header.alt {background-color:#eee;}





/* archives
--------------------------------------------------*/
.archive .postspermonth {margin:0; list-style:none; color:#A0A0A0;}


/* search
--------------------------------------------------*/
#search {height:45px;}
#search form .searchfield {background: #fff; border: 1px solid #C3A54D;	color: #222; margin-left:15px; padding:0px 10px 0px 5px; height: 18px; width:110px;}
#search form .searchfield:hover {border: 1px solid #811; color: #dfcd86;}
#search form .submit {background: url(../images/search_submit.gif) no-repeat  0 0;	position:absolute; height: 20px; width: 41px; border: 0; margin-left: 2px;	text-indent: -9999px; cursor: pointer;}
#search form .submit:hover {background: url(../images/search_submit.gif) no-repeat 0 -20px; position:absolute;	height: 20px; width: 41px; border: 0; margin-left: 2px; cursor: pointer;}


/* content misc
--------------------------------------------------*/
.next a {float:right; padding-right:10px; background:url(../images/next.gif) center right no-repeat;}
.previous a {float:left; padding-left:10px; background:url(../images/previous.gif) center left no-repeat;}
#entrynavigation {overflow: auto; height:1%; margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid; font-size:0.9em; border-color:#F3F4F4;}
.editlink {position:absolute; height:14px; width:14px; right:2px; background:url(../images/edit.gif) 0 -14px;}
html>body .editlink {bottom:6px;}
.entry .info .editlink a,
.minientry .editlink a,
#comments li .editlink a {
  display:block; height:14px; width:14px; margin:0; padding:0; border:none;
  font-size:1px; /* IEWin */
  line-height:0px; /* IEWin */
  text-indent:-9999px; background:url(../images/edit.gif) 0 0;}
.entry .info .editlink a:hover,
.minientry .editlink a:hover,
#comments li .editlink a:hover
  {background:none;}


/* floatLayer
--------------------------------------------------*/
#subcontent {float:right; display:block; position:relative; width:200px; padding:10px; font-size:0.9em; background:url(../images/new_bg.gif); border:#ddd solid 1px; margin-right:-3px;/* <--- stupid IE overflow hack */ right:15px; margin-bottom:10px;}
#subcontent ul {margin:0 5px;}
#subcontent p {padding:10px; margin:5px 0 25px 0; text-align:center; background:#fff; border:#dadada 1px solid;}
#subcontent h2 {background:url(../images/bullet.gif) no-repeat; background-position:left; color: #80151a; font-size: 1.1em; margin: 10px 10px 0 10px; padding:0 0 0 20px; text-transform:uppercase;}
#subcontent h2 em {display:block; padding:5px 5px; font-style:normal;}
#subcontent ul li {margin: 5px 10px 2px 30px; padding: 0 2px 0 2px;}
#subcontent li a {display:block; padding:1px 0; height:1%; /* IE WIN */}
#subcontent ul.categories li ul {margin:0;}
#subcontent ul.categories li li {margin:0; padding:0 0 3px 0; border-bottom: none; list-style-image:url(../images/sub_categories.gif);}
#subcontent ul.categories li ul ul {margin:0 0 0 16px;}
#subcontent li a:hover {background-color:#fff;}
#subcontent ul.pages li {list-style-image:url(../images/post.gif);}
#subcontent ul.categories li,
#subcontent ul.months li {list-style-image:url(../images/categories.gif);}
#subcontent ul.links li {list-style-image:url(../images/external.gif);}
#subcontent ul.feeds li {list-style-image:url(../images/tv.gif);}
#subcontent ul.posts li {list-style-image:url(../images/post.gif);}
#subcontent ul.email li {list-style-image:url(../images/envelope_ver3.gif);}
#subcontent ul.im li {list-style-image:url(../images/pingtrackback.gif);}


/* calendar
--------------------------------------------------*/
#wp-calendar {display:inline-table; border-collapse:collapse; width:185px; margin:0 10px 20px 10px; text-align:center; color:#A0A0A0;}
#subcontent table caption {margin:-5px 10px 0 10px; padding-bottom:5px; border-bottom:1px solid;letter-spacing:0.1em; border-bottom-color:#F3F4F4;}
#subcontent table thead tr {border-bottom-color:#F3F4F4; color:#414141; border-bottom:1px solid;}
#subcontent table th {border-bottom:1px solid; border-bottom-color:#F3F4F4;}
#subcontent table td {width:200px; /* maximaize width; honestly, I don't know much about tables... */  padding:1px; font-size:0.9em;}
#subcontent table td#today {padding:0; border:1px solid; font-size:1em; font-weight:bold;  border-color:#F3F4F4; color:#414141;}
#subcontent table td a {display:block; border-bottom:1px solid; font-weight:bold; font-size:1.15em; border-bottom-color:#ddd; background-color:#ffc;}
#subcontent table td a:hover {background-color:#FFFFFF; color:#700;}
#subcontent table tfoot {border-top:1px solid; border-top-color:#F3F4F4;}
#subcontent table tfoot a {border:none; font-weight:bold; background:none;}
#subcontent table tfoot #prev a {text-align:left;}
#subcontent table tfoot #next a {text-align:right;}


/* footer
--------------------------------------------------*/
#footer {clear:both; text-align:center; position:relative; background-color: #ffffff; width: 740px; color:#aaa; /*bottom:15px;*/ margin-top:0px; font-weight:bold; font-size:x-small;}
#footer p {margin:4px; padding:4px;}

	
.warning p { /* Used on the search page (image will appear if no result is found) */
	background: url(../images/warning.gif) no-repeat left;	height: 160px; padding: 20px 0 0 90px; font-size: 1.5em; margin: 0 0 0 10px;}
.clr {clear:both; overflow:hidden; width:1px; height:1px; margin:0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0px;}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0px;}
* html .pkg { display:block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display:block; }
/* */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}