/*
Theme Name: Helge2006
Description: New Theme for Helge.at
Version: 1.0
Author: Design by Smeidu, Produced by Juergen Koller
*/
/*CSS File V1.0 for Helge.at | Produced by Juergen Koller - www.kollermedia.at*/


* {margin:0px; padding:0px;}
body {font:11px/15px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif; background-color:#ffffff; }


/*START HEADER*/
.header {height:95px; background: #5e3c19 url(images/header/bg.gif) repeat-x; padding-right:40px; font-size:11px/18px;}
/*Header - RSS Button+Link*/
.header .rss  {padding:7px 0px 0px 8px;}
.header .rss img  {margin-right:5px; float:left;}
.header .rss a  {color:#c2b3a5; text-decoration:none; }
.header .rss a:hover  {color:#c2b3a5; text-decoration:underline;}
/*Header - Searcharea*/
.searcharea {width:270px; float:right; color:#c2b3a5; padding:5px 0px 0px 0px;}
.searcharea form {padding-top:3px;}
.searcharea input.searchfield {width:190px; float:left; font-size:12px; padding:1px; margin-right:5px;}
*html .searcharea input.searchfield {margin-right:2px;}
/*END HEADER*/


/*START NAVIGATION*/
.navigation {height:28px; position:absolute; left:250px; top:66px; border-left:4px solid #5b3c1b; font-size:14px; font-weight:bold; }
.navigation ul {margin:0; padding:5px 0px 0px 2px; list-style:none;}
.navigation li {display:inline; margin:0; padding:0;}
.navigation a { float:left; background:url("images/header/navileft.gif") no-repeat left top; margin-right:3px; padding:0 0 0 4px;
text-decoration:none;}
.navigation a span {float:left; display:block; background:url("images/header/naviright.gif") no-repeat right top; padding:5px 12px 4px 8px; color:#FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navigation a span {float:none;}
/* End IE5-Mac hack */
.navigation a:hover span, .navigation a.active span {color:#000;}
.navigation a:hover, .navigation a.active {background-position:0% -42px;}
.navigation a:hover span , .navigation a.active span {background-position:100% -42px;}  
/*END NAVIGATION*/


/*Linkstyles*/
a img {border:0px;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
.sidebar a {color:#684420;}
.maincontent a {color:#C92800;}
.maincontent a:hover {color:#fff; background-color:#f33a0c;}
.maincontent .comments a {color:#684420;}
.footer a {color:#684420;}


/*START SIDEBAR*/
.sidebar {float:left; width:250px; background-color:#ededed; font:11px/15px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif; color:#000;}
/*Sidebar Boxes*/
.sideboxhelge {height:35px; background: #ededed url(images/sidebar/aboutbg.gif) repeat-x; padding:4px 0px 0px 10px;}
.sidebox {border-top:1px solid #ffffff; border-bottom:1px solid #d4d4d3; padding:10px 5px 8px 10px; clear:both;}
.sidebox p {margin-bottom:3px;}
.sidebox h2 {font-size:14px; line-height:17px; margin-bottom:4px; font-weight:bold;}
.sidebox img {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px; margin:5px 0px;}
.sidebox .zensidebarimages {clear:both; display:block; margin-top:5px;}
.sidebox .zensidebarimages img {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px; margin:0px 5px 5px 0px;}
/*Individual Sidbar Boxes - Style each Box individual (if you want)*/
.sidebar .about {}
.sidebar .gallery {}
.sidebar .posts {}
.sidebar .categories {}
.sidebar .tags {}
/*END SIDEBAR*/


/*START MAINCONTENT*/
.content {position:absolute; left:250px; background: #ffffff url(images/main/contentbg.gif) repeat-y;}
.maincontent{background: #ffffff url(images/main/contentbg.gif) repeat-y; max-width:1100px ; padding:0px 20px 20px 20px; font:1.4em/20px "Georgia",serif; color:#333333;
/*max width for IE*/
width:expression(document.body.clientWidth > 1100? "1100px": "auto"); margin:0px;}
/*Maincontent - Post Title+Datum*/
.maincontent .posttitle {margin:30px 0px 20px -14px; line-height:24px; clear:both;}
/*.maincontent h1 a {padding:0px 5px 0px 14px; font-size:20px; background-color:#e1e1e1; color:#000000; text-decoration:none; float:left; margin-right:10px;}*/
.maincontent h1 a {padding:0px 5px 0px 14px; font-family: "Lobster", "Lucida Sans Unicode","Lucida Sans","Lucida Grande",verdana,arial,helvetica,sans-serif; font-size:30px; font-weight:normal; background-color:#e1e1e1; color:#000000; text-decoration:none; float:left; margin-right:10px;}
.maincontent h1.page {padding:0px 5px 0px 14px; font-size:20px; background-color:#e1e1e1; color:#000000; text-decoration:none; float:left; margin-bottom:20px;}
.maincontent .posttitle span {color:#ced2d2; font-size:16px; font-weight:bold;}
.contentloop {clear:both; float:left;}
.contentloop img {border:1px solid #a3a3a3; padding:4px; margin:0px; display: block; margin-left: auto; margin-right: auto }
.contentloop img.nostyle {border:0px; padding:0px; margin:0px; display: inline; margin-left: auto; margin-right: auto }
/*Maincontent - Post Textstyles h2, p, blockquote*/
.maincontent h2 a {padding:0px 5px 0px 14px; font-family: "Lobster", "Lucida Sans Unicode","Lucida Sans","Lucida Grande",verdana,arial,helvetica,sans-serif; font-size:30px; font-weight:normal; background-color:#e1e1e1; color:#000000; text-decoration:none; float:left; margin-right:10px;}
.maincontent p {margin-bottom:10px;}
blockquote {background: transparent url(images/icons/blockquote.gif) left top no-repeat; margin:15px 0px; width:65%; padding-left:30px; font-size:15px; color:#949494; line-height:18px;}
/*Maincontent - Liststyles*/
.maincontent ul li {background:url(images/icons/list.gif) 0 0.4em no-repeat; padding: 0 0 0.2em 20px; margin-left: 2%; display:block;line-height:20px;}
.maincontent ol li {padding: 0 0 0 0; margin-left: 40px; xdisplay:block;line-height:20px;}
/*Maincontent - Imagestyles*/
.maincontent img.right {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px; margin:0px 0px 10px 10px;  float:right !important;}
.maincontent img.left {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px;margin:0px 10px 10px 0px;  float:left !important;}
.maincontent img.nostyle {border:0px;}
/*.maincontent img.center {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px; margin:0px; } */
/*Maincontent - Post Metadata like Comments, Tags, Backlinks*/
.maincontent .postmeta {border-left:2px solid #e3e3e3; padding-left:5px; margin:20px 0px 40px 0px;  clear:left; float:none;}
/*Maincontent - Post Navigation (previous Post - next Post)*/
.maincontent .postnavigation {font-size:12px; clear:both; padding:20px 0px 20px 0px; text-align:center;}
.maincontent .navileft {text-align:left; float:left; display:inline;}
.maincontent .naviright {text-align:right;  float:right;  display:inline; margin-top:-16px;}
.maincontent .navicenter {text-align:center; padding-right:40px;}
/*Contentfooter - Round Bottom Border*/
.contentfooter {background-image:url(images/main/footerbg.gif);  background-repeat:x; height:8px; clear:both;}
/*END MAINCONTENT*/


/*START COMMENTTEXT*/
.comments .commentcount {color:#ced2d2; font-size:20px; padding:0px 0px 30px 0px; font-weight:bold; clear:both;}
.comments .commentheader {line-height:30px;}
.comments .commentheader span {color:#f33a0c;}
.comments .comment  {width:500px; background-color:#ededed; margin-bottom:20px;}
.comments .comment p {padding:3px 10px; font-size:11px;}
.comments .comment img {display:block;}
/*AVATARE*/
.comments .avatar {position:absolute; margin-left:510px; background: #ffffff url(images/comments/avatar.gif) no-repeat; width:42px; height:42px;}
/*Avatar - Official User*/
.comments .avatarOfficialUser {position:absolute; margin-left:510px; background: #ffffff url(images/comments/avatar.gif) no-repeat; width:42px; height:42px;}
/*END COMMENTTEXT*/


/*START COMMENTFORM & CONTACTFORM */
.commentformheader {color:#ced2d2; font-size:20px; padding:30px 0px 5px 0px; font-weight:bold; clear:both;}
.contactformheader {color:#ced2d2; font-size:20px; padding:0px 0px 5px 0px; font-weight:bold; clear:both;}
.commentform, .contactform { background-color:#ededed; border-top:1px solid #cacaca;}
.commentform {width:500px;}
.contactform {width:90%;}
.commentform form, .contactform form {border-top:3px solid #e1e1e1; padding:10px 20px;}
.commentform input, .commentform label, .commentform textarea, .contactform input, .contactform label, .contactform textarea {display:block; width:65%; font-size:13px;}
.commentform label, .contactform label {}
.commentform input, .commentform textarea, .contactform input, .contactform textarea {margin-bottom:5px;}
.commentform textarea, .contactform textarea {width:80%;}
.commentform .sayit, .contactform .sayit {width:auto;}
.subscribe-to-comments {clear:none !important;}
/*END COMMENTFORM*/


/*START PLUGIN STYLES*/
/*Archive*/
ul.postspermonth {clear:both; margin:10px 0 15px 10px;}
/*END PLUGIN STYLES*/


/*START ZEN GALLERY*/
/*Index*/
.galleryindex {float:left; width:120px; text-align:center; padding-right:20px; }
.galleryindex img {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px;}
/*Album*/
.galleryalbum img {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px; margin:0px 10px 10px 0px; float:left;}
/*Image*/
.galleryimage { margin:0px auto 30px auto;}
.galleryimage img {border:1px solid #a3a3a3; background-color:#ffffff; padding:4px; margin:0px auto; text-align:center;}
.galleryimage .imagedescription {text-align:center;}
/*STOP ZEN GALLERY*/

/*START TABLES FOR BLOG POSTS*/
.maincontent table
{
	border-collapse: collapse;
	border-spacing: 0px
}

.maincontent td
{
	background-color: #ededed;
	padding: 7px;
	text-align: left;
	border: 2px #ffffff solid;
}
/*END TABLES*/

/*START DEFINITION LISTS AS TABLES*/

dl.table-display
{
width: 51.1em;
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

.table-display dt
{
width: 25em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 24em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}

/*END DEFINITION LISTS AS TABLES*/