/** original design (c) Mike Yarmish
 * I made only a few changes, which are neccessary for my home webpages
 * koubel 2007
*/

/************* Global *************/
html,body {height:100%}

* {
margin: 0;
padding: 0;
}

body, input{
font-family:  Georgia, "Times New Roman", Times, serif;
text-align: left;
}

body {
 text-align: center;
}

a {
text-decoration: none;
color: #95ba46;
}

blockquote {
 background: #e7e7e7;
 padding: 15px;
 margin: 5px 0;
}

/************* Container *************/
#container {
 /*height: auto !important;*/
 min-height: 100%;
 padding-bottom: 15px;
 position: relative;
 background: #95ba46 url(../images/containerBg.gif) bottom left repeat-x fixed;
}

* html #container {
height: 100%;
}

/************* Header *************/
#headerWrap {
 height: 59px;
 background: url(../images/headerBg.gif);
}

#header {
 width: 900px;
 margin: 0 auto;
}

#header h1 a {
 font-size: 1em;
 letter-spacing: -1px;
 padding-top: 5px;
 float: left;
 color: #95ba47;
}

ul#navigation li {
 list-style-type: none;
 float: right;
}

ul#navigation li a {
 padding: 15px 7px 12px;
 display: block;
 font-size: 17px;
 color: #fff;
}

ul#navigation li a:hover, #footer a:hover {
 background: #5f6e42;
}

/************* Content *************/
#content {
 width: 900px;
 margin: 7px auto 0;
 background: #fff;
 position: relative;
 line-height: 150%;
}

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

#content a {
 text-decoration: underline;
}

#content a:hover {
 color:#1BA6B2;
}

#content .nohover img {
 border:none;
}

#content .nohover a:hover {
 background-color: transparent;
}

#contentHeader {
 margin: 0 auto;
 width: 900px;
 height: 162px;
 background: url(../images/huba.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 background-color: black;
 position: relative;
 text-align:left;
}

#siteDescription {
 margin: 0;
 position: absolute;
 top: 45%;
 left: 0;
 padding-left: 25px;
 color: white;
}

#content h2 {
 margin: 15px 0;
 border-bottom: 1px solid #96bb47;
}

#content h2 a {
 text-decoration: none;
 color: black;
}

#content ul,ol {
 padding: 10px 15px 10px 20px;
 margin-bottom: 0;
}

/* nested ul */
#content li ul {
 padding-top: 0px;
 padding-bottom: 0px;
}

/* nested ol */
#content li ol {
 padding-top: 0px;
 padding-bottom: 0px;
}


table.listtable {
 border-collapse: collapse;
}

.listtable td{
 border: 1px solid #F5822B;
 padding: 0.5em;
}

.listtable th {
  border: 1px solid #F5822B;
  padding: 0.3em;
  background-color: #DFE5ED;
  text-align: center;
}

/* navigation */
.navigation {
 display: block;
 text-align: center;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}

/* navigation - previous block */
.navigation .previous {
 float: left;
}

/* navigation - next block */
.navigation .next {
 float: right;
}

/************* Main *************/

#main {
 margin: 0 15px;
 width: 610px;
 float: left;
 text-align: left;
}

.post {
 text-align: left;
}

.post p {
 margin-top: 1em;
}

.post .info {
 margin: 1em 0;
 padding:0.2em;
 border-top:1px solid;
 border-bottom:1px solid;
 font-size:0.9em;
 border-color:#F3F4F4;
 background-color:#FAFAFA;
}

.post .info a {
 border-color:#949494;
}

.post a.more {
  padding-left:12px;
  background:url(../images/more.gif) center left no-repeat;
}

.post .info .date {
 padding-left:15px;
 background:url(../images/post.gif) center left no-repeat;
}

/** blockquote - text like a reply or comment.
 */
#container .post blockquote {
 margin: 0 0 0.5em 0;
 border-left: 2px solid black;
 padding: 0 0 0 3px;
 background: #fff; 
} 

/** comment like info
 */
div.no {
  display: inline;
  margin: 0;
  padding: 0;
} 

.post .info .author {
  padding-left:12px;
  background:url(../images/author.gif) center left no-repeat;
}

.post pre code {
 background:none;
 font-size:small;
}

.post pre {
 font-family:monospace;
 font-size:small;
 border:1px dashed #B4B4B4;
 width:95%;
 background-color:#F9F9F9;
 overflow:auto;
 _overflow-y:visible;
 padding:10px;
 margin:0.5em 0;
 line-height: 100%;
}

.post pre.codeOutput  {
 background:#F9F9F9 url("../images/code.gif") right bottom no-repeat;
}

/* syntax highlighting code */
.codeOutput .br0  { color: #66cc66; }
.codeOutput .co1  { color: #808080; font-style: italic; }
.codeOutput .co2  { color: #808080; font-style: italic; }
.codeOutput .co3  { color: #808080; }
.codeOutput .coMULTI  { color: #808080; font-style: italic; }
.codeOutput .es0  { color: #000099; font-weight: bold; }
.codeOutput .kw1  { color: #b1b100; }
.codeOutput .kw2  { color: #000000; font-weight: bold; }
.codeOutput .kw3  { color: #000066; }
.codeOutput .kw4  { color: #993333; }
.codeOutput .kw5  { color: #0000ff; }
.codeOutput .me1  { color: #006600; }
.codeOutput .me2  { color: #006600; }
.codeOutput .nu0  { color: #cc66cc; }
.codeOutpute .re0  { color: #0000ff; }
.codeOutput .re1  { color: #0000ff; }
.codeOutput .re2  { color: #0000ff; }
.codeOutput .re3  { color:#ff3333; font-weight:bold; }
.codeOutput .re4  { color: #009999; }
.codeOutput .st0  { color: #ff0000; }
.codeOutput .sy0  { color: #66cc66; }
 
.post .allComments {
 margin: 1em 0;
}

.post .commentHeader {
 margin:0.5em 0;
 padding: 0.5em;
 background-color:#edf3de;
}

.post .commentBody {
 font-family: "Times New Roman", Times, serif;
 padding:0 0.2em;
 line-height: 100%;
}

/*
 heading for text in the content and post, must be with #content selector
 because
*/
#content .post h2.heading2 {
 font-size: 100%;
 padding: 0;
 border: none;
}

/*
 no hover change for <a name> inside h2, must be declared because
 #content a:hover is used before
*/
#content .post h2.heading2 a:hover {
 color: black;
}

/* external link */
.post a.urlextern {
  background: transparent url(../images/link_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* mail link */
.post a.mail {
  background: transparent url(../images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 18px;
}
 
.post a.interwiki {
 background: transparent url("../images/wikipediaicon.gif") 0px 1px no-repeat;
 padding-left: 16px;;
}
 
/* link to some embedded images */
.post a.media img {
 border: none;
}

/* image alignment */
.post .medialeft {
  float: left;
}
.post .mediaright {
  float: right;
}
.post .mediacenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
} 

/* inline tables */
.post table.inline {
 margin-top: 0.5em;
 border-spacing: 0px;
 border-collapse: collapse;
}

.post table.inline th {
 border: 1px solid #F5822B;
 padding: 0.3em;
 background-color: #DFE5ED;
 text-align: center;
}

.post table.inline td {
 border: 1px solid #F5822B;
 padding: 0.5em;
} 

/*footnote reference in the text*/ 
.post a.fn_top {
 vertical-align: super;
 font-size: 80%;
}

/*footnotes at the end of the page*/
.post div.footnotes {
 border-top: 1px solid #96bb47;
 padding-left: 1em;
 margin-top: 1em;
}

.post div.fn {
 font-size: 90%;
}

.post a.fn_bot {
  vertical-align: super;
  font-size: 80%;
  font-weight: bold;
}

/*normal underlined text*/
.post em.u {
  font-style: normal;
  text-decoration: underline;
}
/*italic underlined text*/
.post em em.u {
  font-style: italic;
}

a.commentlink {
 padding-left:16px;
 background:url(../images/comments.gif) center left no-repeat;
}

a.rss {
 padding-left:20px;
 background:url(../images/rss.gif) center left no-repeat;
}

/************* Secondary *************/
#secondary {
 width: 212px;
 margin: 0 0 1em 15px;
 padding: 0 1em 1em 1em;
 float: right;
 border-left: 1px solid #5f6e42;
 border-bottom: 1px solid #5f6e42;
 text-align: left;
}

#secondary #langSwitcher {
 font-size:small;
 margin-top:2px;
}

/************* Search *************/
#searchForm .submit {
padding: 0 2px;
text-align: center;
}

#searchForm fieldset {
 border: none;
}

/************* archive calendar *************/
table.calendar {
 border-collapse: collapse;
 margin-bottom: 1em;
 text-align: center;
}

.calendar td{
 padding: 1px 2px;
}

.calendar tr.dayhead{
 font-weight: bold;
 border: 1px solid black;
 border-left: none;
 border-right: none;
}

.calendar th {
 font-weight: normal;
 padding-bottom:0.5em;
}

/************* Footer *************/
#footer {
 padding: 0.5em 0;
 position: relative;
 clear: both;
 margin: 0 auto;
 background: #45444d;
 width: 900px;
 color: #fff;
 text-align: center;
}

#footer a img {
 border: none;
}

#footer a:hover {
 background-color: transparent;
}

/************* forms - dialogs *************/
fieldset.dialog
{
 margin:0;
 padding:1em;
 border:1px solid black;
}

.dialog div.formElement
{
 margin:0.3em 0;
}

.dialogButton {
padding: 0 2px;
text-align: center;
}
