/* 
design eightytwo
------------------------------------------------------

Reset
Variables - Customise me
Page Structure
Typography
Images
Links
Menu
Footer
Forms
Comments

------------------------------------------------------ */
/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0;
padding: 0;
}

/* Variables - Edit these selectors to customise Aleksandr */
body { /* Set your defaults for font, colour and background */
font: 12px/21px Georgia, Times, "Times New Roman", sans-serif;
color: #333;
}
#wrap { /* Fluid(%) or Fixed(px) */
width: 810px;
}
h2 { /* Article heading colour */
color: #111; 
}
h3 { /* Subheadings colour */ 
color: #000; 
}
h4 { /* Content subheadings colour */
color: #333;
}
.caption { /* Captions */
font-style: italic;
color: #aaa;
}
a { /* General links colour */ 
color: #FC7215; 
}
.recent_articles a { /* Recent article links colour */ 
color: #f66;
text-decoration: none;
}
.recent_articles a:hover { /* Recent article links colour */ 
color: #f33; 
}
#links { /* Base links border */
border-top: 2px solid #555;
}
#links ul { /* Base links inside border */
border-top: 1px solid #ccc;
}
#links ul li { /* Base links non-link colour */
color: #666;
}
#links li a { /* Base links colour */
color: #f33; 
}
#links li.title-links { /* Base links subheading */
border-right: 1px solid #ccc; 
}
#links li.title-links h3 { /* Base links subheading */
color: #555; 
}

/* That's it! If you can find your way around a stylesheet, feel free to make further changes. */

/* Page Structure */
body {
text-align: center;
}
#wrap {
margin: -120px auto 0 auto;
text-align: left;
height: 100%;
}
#wrap h1 {
font-size: 2.7em;
margin: 0;
padding: 0 0 10px 0;
color: #000;
line-height: 1.2em;
}
#wrap h2 {
font-size: 1.6em;
line-height: 22px;
margin: 0 0 40px 0;
color: #000;
}
#wrap h2 a {
text-decoration: underline;
}
#wrap h2 a:hover {
text-decoration: none;
}
#copy {
width: 100%;
float: left;
margin: 10px 0 20px 0;
border-top: 2px solid #666;
padding: 15px 0 0 0;
}
#sub {
width: 100%;
height: 500px;
text-align: left;
background: url(../images/bg-bottom.jpg) repeat-x left bottom;
margin: 0;
padding: 0;
}
#innersub {
margin: 0 auto 0 auto;
width: 810px;
padding: 50px 0 0 0;
}
#innersub a {
color: #fff;
text-decoration: underline;
}
#innersub a:hover {
text-decoration: none;
}
.article {
  width: 100%;
  float: left;
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
}
#blog-content .article h2 {
  font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
  padding: 0px 0 10px 0;
  text-align: left;
  margin: 0;
}
#blog-content .article h2 a {
  text-decoration: none;
  font-size: 1.1em;
  line-height: 1.5em;
}
#blog-content .article h2 a:hover {
  border-bottom: 1px solid orange;
  color: #000;
}
.article.static {
padding: 10px 0 0 0;
}
.left {
float: left;
width: 49%;
}
.right {
float: right;
width: 49%;
}
#cover {
text-align: left;
}
.realign {
text-align: left;
margin: 16px 0 0 0;
width: 50%;
float: right;
}
/* Typography */ 
p {
padding: 8px 0 10px 0; 
}
p.nextprev {
padding: 8px 0;
font-size: 11px;
color: #ccc;
}
p.shortabout {
float: left;
margin: 40px 0 20px 20px;
display: inline;
padding: 0;
width: 300px;
font: italic 11px/15px Georgia, Times, "Times New Roman", sans-serif;
color: #666;
}
sup {
font: italic 11px/15px Georgia, Times, "Times New Roman", sans-serif;
padding: 0 5px 0 0;
color: #777;
}
ul {
margin: 8px 10px;
list-style: none;
}
#recentcomments {
float: left;
width: 500px;
}
#recentcomments ul {
margin: 8px 0;
}
li {
padding: 0 0 5px 16px;
background: url(../images/arrow.gif) no-repeat 0 4px;
}
li p {
padding: 0 20px 8px 20px;
color: #666;
}
ul#details {
float: left;
display: inline;
margin: 0 0 8px 0;
width: 100%;
color: #888;
font-size: 11px;
}
ul#details li {
margin: 0 0 0 30px;
float: right;
display: inline;
padding: 4px 0 0 6px;
background: url(../images/details.gif) 0 0 no-repeat;
}
#list-categories li {
margin: 0 0 3px 0;
}
.recent_articles li {
border-bottom: 1px solid #ddd;
margin: 0 0 2px 0;
font-style: italic;
background: none;
padding: 0;
}
h1 span {
display: block;
overflow: hidden;
width: 0;
height: 0;
}
h1 {
margin: 0 0 10px 0;
}
h2 {
font-size: 25px;
line-height: 28px;
font-weight: normal;
margin: 6px 0 0 0;
}
h3 {
font-weight: bold;
font-size: 1.3em;
padding: 3px 0 0 0;
}
.realign h3 {
margin: 0 0 0 20px;
}
#recentcomments h3 {
margin: 0;
}
h4 {
margin: 8px 20px 0 20px;
font-size: 16px;
line-height: 16px;
font-weight: normal;
}
.caption span {
text-align: right;
display: block;
border-top: 1px solid #ccc;
}
/* Images */

#cover img {
border: 1px solid #ccc;
margin: 14px 0 0 0;
padding: 1px;
}
/* Links */
a {
text-decoration: underline;
font-weight: normal;
}
a:hover, a:active {
text-decoration: none;
}
a img {
border: none;
}
#logo {
float: left;
width: 300px;
padding: 20px 0 0 0;
}
.readon {
float: right;
margin: 0;
font-size: 11px;
}
h2 a {
text-decoration: none;
}
h2 a:hover {
text-decoration: underline;
}
#links {
width: 98%;
float: left;
padding: 1%;
}
#links ul {
margin: 0;
width: 100%;
float: left;
}
#links li {
float: left;
width: 14%;
margin: 1% 2% 0 1%;
padding: 0 0 1% 0;
line-height: 18px;
font-size: 11px;
background: none;
}
#links li a {
display: block;
}
#links li.title-links {
width: 7%;
padding: 1% 0 0 2%;
margin: 0 1% 0 0;
}
#links li.title-links a {
margin: 2px 0 0 0;
}
#links h3 {
margin: 0;
border: 0;
font-size: 15px;
line-height: 15px;
}

/* Footer */
#footer {
width: 100%;
clear: both;
text-align: left;
color: #fff;
font-size: 11px;
margin: 40px 0 0 0;
border-top: 1px solid #333;
}
#footer p {
margin: 1px 0 0 0;
padding: 10px 0 10px 10px;
}
#footer a {
color: #fff;
}
/* Forms */
legend {
display: none;
}
label {
margin: 0 5px 2px 0;
float: left;
color: #fff;
}
.help {
margin: 0 0 0 10px;
font-size: 11px;
}
#zemContactForm {
float: left;
margin: 0 20px;
display: inline;
}
#zemContactForm p {
padding: 8px 0;
}
fieldset {
border: 0;
}
input.zemRequired, select#thema {
width: 180px;
padding: 2px;
border: 1px solid #ccc;
border-top-width: 1px;
font: 12px/20px Georgia, Times, "Times New Roman", sans-serif;
float: right;
}
#enquirydetails {
float: left;
}
#enquirysubmit {
float: left;
width: 260px;
}
.vcard {
margin: 8px 0;
}
.vcard-frontpage {
margin: 8px 0;
padding: 0 0 0 10px;
border-left: 1px solid #333;
}
select#thema {
width: 186px;
padding: 2px;
float: right;
}
textarea#anfrage {
padding: 5px;
width: 345px;
border: 1px solid #ccc;
border-top-width: 2px;
font: 12px/20px Georgia, Times, "Times New Roman", sans-serif;
}
#zemSubmit {
margin: 0;
font: 12px/20px Georgia, Times, "Times New Roman", sans-serif;
}
/* Comments */
.comments_error {
width: 100%;
clear: both;
margin: 20px;
}
.comment_name_input, .comment_email_input, .comment_web_input, .txpCommentInputMessage  {
width: 200px;
padding: 5px;
border: 1px solid #ccc;
border-top-width: 2px;
font: 12px/20px Georgia, Times, "Times New Roman", sans-serif;
}
input.comments_error, textarea.comments_error {
background: #f66;
margin: 0;
padding: 0;
width: 200px;
padding: 5px;
}
p.commentsubmit {
  padding: 0 20px;
  text-align: right;
  width: 200px;
}
.commentsubmit input {
  font: 12px/20px Georgia, Times, "Times New Roman", sans-serif;
}
.middot a {
margin: 0 5px;
text-decoration: none;
}

/* misc */
#container {
width: 800px;
padding: 0;
margin: 0;
background: #252525 url(../images/pattern_130.gif) repeat;
color: #fff;
border: 10px solid #ccc;
}
#container h2 {
color: #fff;
}
#container-left {
width: 200px;
float: left;
text-align: right;
padding: 5px 10px 5px 0;
}
#container-right {
width: 650px;
float: right;
height: 100px;
position: relative;
overflow: hidden;
padding: 0 20px 0 0;
}
#container-right h2 {
font-size: 1.5em;
position: absolute;
top: 25%;
vertical-align: middle;
}
#intro {
float: right;
width: 550px;
font-size: 1.5em;
line-height: 1.4em;
}
#intro h2 {
text-align: left;
font-size: 2em;
line-height: 1.1em;
padding: 0 0 0 20px;
}
#intro p {
margin: 20px 0 0 0;
}
#contactdata {
float: left;
width: 49%;
color: #fff;
}
#contactdata h2 {
  color: #fff;
  padding: 0 0 10px 0;
}
#sidebar {
width: 49%;
float: right;
}

































































#sidebar h2 {
font-size: 1.5em;
margin: 20px 0 10px 0;
}
#sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#sidebar li {
background: #fff;
border-bottom: 1px solid #dbdbdb;
padding: 2px 0 2px 2px;
margin: 0 0 0 3px;
}
#quote {
padding: 0 0 20px 0;
border: 7px solid #dbdbdb;
}
blockquote {
font-style: italic;
background: url(../images/open-quote.gif) no-repeat left top;
margin: 20px 0 0 15px;
}
blockquote:first-child {
text-indent: 22px;
}
blockquote p {
padding: 0 10px 0 0;
margin: 0;
}
.quote-lastword {
background: url(../images/close-quote.gif) no-repeat right top;
padding: 0 22px 0 0;
}
.posted {
color: #ccc;
text-align: center;
}
#news {
float: left;
width: 500px;
}
#news h1 {
text-align: center;
font-size: 1.5em;
padding: 0 0 0 40px;
}
#morenews {
background: transparent url(../images/stripes.gif) repeat;
margin: 0 0 0 20px;
border-top: 1px solid #ccc;
width: 100%;
}
.more {
width: 150px;
text-align: right;
margin: 0;
padding: 3px;
float: right
}
.news-rss{
background: url(../images/rss.png) left center no-repeat;
width: 150px;
float: left;
margin: 0 0 0 10px;
padding: 3px 0 3px 20px;
}
.clear {
clear: both;
}
#inflickrbox {
  padding: 10px 0 7px 10px;
}
.flickrimg {
border:0;
margin:1px;
text-decoration:none;
}
#inflickrbox a:hover img {
border:1px solid #c2c2c2;
}
#inflickrbox img {
border:1px solid #ccc;
padding:3px;
margin: 2px;
}
#inflickrbox a img:hover {
border:1px solid #C2C2C2;
}
#about {
width: 500px;
float: left;
}
.people img {
float: left;
padding: 5px;
border: 1px solid #ccc;
margin: 10px 20px 10px 20px;
}
.people h3 {
font-size: 1.4em;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
margin: 0 0 0 250px;
}
.people h4 {
font-style: italic;
font-size: 1.1em;
}
.personal {
background: transparent url(../images/stripes.gif) repeat;
border-top: 1px solid #ccc;
margin: 0 20px 0 20px;
font-weight: bold;
}
/*********************************************
Lifestream
*********************************************/
#stream {
background: transparent url(../images/streambg.gif) no-repeat left top;
margin: -18px 0 0 0;
}
#stream h2 {
padding: 20px 0 0 20px;
}
#innerstream {
background: transparent url(../images/streambgbottom.gif) no-repeat left bottom;
}
#stream p {
padding: 10px 10px 10px 10px;
color: #666;
}
#stream ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#stream ul li {
padding: 0 0 0 25px;
margin: 0 5px 0 5px;
font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size: 1.0em;
border-top: 1px solid #fff;
border-bottom: 0px solid #fff;
background: transparent;
}
#stream ul li img {
margin: 1px 5px 1px -20px;
border: 1px solid #ccc;
height: 16px;
width: 16px;
float: left;
}
#stream ul li a {
text-decoration: none;
padding: 0.5em 10px 0.5em 0;
display: block;
}
#stream ul li a:hover {
text-decoration: none;
color: #000;
}
#aboutintro {
margin: 0 0 20px 0;
}
#newsarchive {
float: left;
width: 500px;
}
#newsarchive h3 {
text-align: center;
font-size: 1.7em;
padding: 0 0 15px 40px;
border: none;
}
#headerwrapper {
background: transparent url(../images/headerwrapper.gif) repeat-x;
z-index: 1;
}

#header {
width: 100%;
background: #000;
height: 110px;
padding: 10px 0 0 0;
margin: 69px 0 0 0;
}
#headercontent {
width: 810px;
margin: 0 auto;
background: transparent url(../images/headerbg.jpg) no-repeat;
height: 378px;
}
#preamble {
float: right;
width: 500px;
}
#preamble h2 {
font-size: 1.5em;
color: #fff;
text-align: left;
padding: 15px 0 0 25px;
}
#nav {
width: 810px;
text-align: center;
margin: 0 auto;
}
#nav ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
}
#nav ul li {
float: left;
margin: 0;
font-size: 1.2em;
text-transform: lowercase;
padding: 0 2px 0 0;
background: transparent;
}
#nav ul li a{
color: #000;
display: block;
text-decoration: none;
padding: 5px 15px 0 15px;
border-top: 5px solid #000;
}
#nav ul li a:hover {
border-top: 5px solid #FC7215;
}
#nav ul li a.active{
border-top: 5px solid #FC7215;
}
#content {
float: left;
width: 49%;
border-right: 1px solid #ccc;
padding: 0 10px 0 0;
}
#content ul {

padding: 0;

margin: 0 0 20px 0;

}

#content ul li {
padding: 0 0 0 16px;
margin: 0 0 0 10px;
background: url(../images/star.gif) no-repeat 0 6px;
}
#projects {
  background: #eee;
  padding: 10px;
}
#projects h2 {
background: #fff;
padding: 8px 0 3px 5px;
margin: -10px -10px 10px -10px;
font-size: 1.2em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
#projects h3 {
font-size: 1.0em;
}
#projects h3 a {
font-weight: bold;
}
#projects h3 span {
font-size: 0.9em;
color: #999;
}
#projects img {
float: left;
margin: 0pt 7px 20px 0pt;
}
#projects p {
padding: 0 0 10px 0;
line-height: 120%;
font-family: 'lucida grande','arial','trebuchet ms',sans-serif;
font-size: 0.9em;
}
#aboutsection {
}
#aboutsection h2 {
background: #fff;
padding: 10px 0 3px 5px;
margin: -10px -10px 15px 0px;
font-size: 1.2em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
font-weight: bold;
text-transform: uppercase;
}
#aboutsection h4 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 0 3px 0;
  margin: 0 0 0 0;
}
#aboutsection img {
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
  margin: 0 20px 0 0;
}
#aboutsection p {
  margin: 0;
  padding: 0 0 30px 0;
}
#recommended h2 {
padding: 10px 0 3px 3px;
margin: 0 0 10px 0;
font-size: 1.2em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
#flickrbox h2 {
padding: 10px 0 3px 3px;
margin: 0 0 0 0;
font-size: 1.2em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
.work {
  background: #eee;
  padding: 10px;
}
#wrap .work h2 {
background: #fff;
padding: 10px 0 3px 5px;
margin: -10px -10px 10px -10px;
font-size: 1.2em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
font-weight: bold;
text-transform: uppercase;
}
.work h3 {
font-size: 1.3em;
padding: 8px 0 10px 0;
}
.work p {
  border-bottom: 1px solid #ccc;
  padding: 0 0 8px 0;
}
#contact {
float: right;
width: 49%;
color: #fff;
}
.validate {
background: url(../images/bullet.gif) no-repeat 0 50%;
padding: 0 0 0 15px;
}
#impressum h2 {
padding: 30px 0 0 0;
margin: 0;
font-size: 1.8em;
}
#impressum h3 {
padding: 15px 0 0 0;
font-size: 1.1em;
}
#impressum p {
margin: 10px 0 0 0;
padding: 0;
}
.meta-comments {
  float: right;
  background: transparent url(../images/comments.gif) left 50% no-repeat;
  padding: 0 0 0 22px;
}
.meta-category {
  float: right;
  background: transparent url(../images/category.gif) left 50% no-repeat;
  padding: 0 0 0 20px;
}
.meta-author {
  background: transparent url(../images/author.gif) left 50% no-repeat;
  padding: 0 0 0 24px;
  margin: 0 0 0 15px;
}
.meta-date {
  background: transparent url(../images/calendar.gif) left 50% no-repeat;
  padding: 0 0 0 20px;
}
#blog-container {
  margin: 15px 0 20px 0;
}
#blog-content {
  width: 69%;
  float: left;
  padding: 0 15px 0 0;
  background: transparent url(../images/right-bg.gif) right top repeat-y;
}
#cleardash {
  background: transparent url(../images/bottom-bg.gif) right top repeat-x;
  height: 7px;
  clear: both;
  margin: 0 -14px 0 0;
}
#blog-sidebar {
  padding: 0 0 0 15px;
  width: 27%;
  float: right;
}
#blog-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#blog-sidebar ul li {
  background-image: none;
  margin: 0 0 20px 0;
  padding: 0;
}

#blog-sidebar ul li h3 {
  background: #e5e5e5;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 5px;
  font-size: 1.0em;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
}
#blog-sidebar ul li p {
  margin: 0;
  padding: 0;
}
#blog-sidebar .category_list li {
  margin: 0 0 0 15px;
  padding: 0;
}
#comments-left {
  float: left;
}
#comments-left label {
  color: #222;
  display: block;
  width: 50px;
}
#comments-right {
  float: right;
  margin: 0 0 30px 0;
}
#comments-right textarea {
  width: 250px;
  height: 130px;
}
label#remember-details {
  color: #222;
  display: block;
  width: 120px;
}
.commentinfo dt {
  font-weight: bold;
}
#Kommentar {
  font-size: 1.2em;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
#article-navigation {
  margin: 0 0 50px 0;
}

#article-navigation a {
  color: #666;

}
#article-navigation a:hover {
  color: #666;

  text-decoration: none;
}
#prev-article {
  float: left;
  width: 49%;
}
#next-article {
  float: right;
  width: 49%;
  text-align: right;
}
#rss-icon {
  background: transparent url(../images/icon-rss.gif) no-repeat;
  padding: 0 0 1px 20px;
}
#commentslist {}
ul#commentslist li {
  padding: 0 0 7px 0;
  margin: 0;
}
.commenters {
  font-size: 0.9em;
  color: #999;
  padding: 0 0 0 5px;
}
.commenters a {
  color: #999;
  text-decoration: none;
}
.commenters a:hover {
  text-decoration: underline;
}
#blog-sidebar ul.linklist {
}
#blog-sidebar ul.linklist li {
  padding: 0;
  margin: 0 0 0 15px;
}
#blog-content dl.archivelist dt {
  font-size: 2.0em;
  padding: 0 0 10px 0;
  font-weight: bold;
}
#blog-content dl.archivelist dd {
  padding: 0 0 5px 0;
}
#search-results {
  border-bottom: 1px dotted #ccc;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
#search-results h3 {
  font-size: 1.6em;
}
#morearticle {
  margin: 0 0 10px 0;
}

#portfolio {
  padding: 0 10px 0px 10px;
  margin: 0 0 30px 0;
}

#portfolio ul {
list-style: none;
}

#portfolio ul li {
float: left;
width: 220px;
background: none;
padding: 0;
margin: 5px 30px 5px 0;
border: none;
display: inline;
position: relative;
height: 120px;
}

#portfolio ul li a {
display: inline;
float: left;
}

#portfolio .meta {
background: #333;
bottom: 20px;
clear: both;
padding: 0px 10px;
position: absolute;
right: -3px;
text-align: right;
}

#portfolio a.meta {
display: block;
text-decoration: none;
line-height: 1.3em;
}

#portfolio span.primary {
display: block;
font-weight: bold;
font-size: 1.0em;
color: #fff;
}

#portfolio span.secondary {
display: block;
color: #999;
font-style: italic;
font-size: 0.9em;
}

#wrap #portfolio h2 {
background: #fff;
padding: 10px 0 3px 5px;
margin: -10px -10px 15px -10px;
font-size: 1.3em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
font-weight: normal;
}

#portfolio img {
padding: 4px;
border: 1px solid #ccc;
background: #fff;
}

#portfolio a:hover img {
border:1px solid #c2c2c2;
}

#portfolio-relevantblogs img {
float: left;
padding: 3px;
border: 1px solid #ccc;
margin: 10px 20px 0 0;
}
#portfolio-relevantblogs h3 {
font-size: 3.0em;
border-bottom: 1px solid #ccc;
padding: 0 0 3px 0;
}