/*
Theme Name: HemingwayEx 1.5 mARTin Edition
Theme URI: http://nalinmakar.com/hemingwayex
Description: HemingwayEx is a simple weblog theme by Nalin Makar created by modifing the very popular Hemingway. If you'd like to learn more about HemingwayEx, head on over to my site.
Version: 1.5 Final
Author: Nalin Makar
Author URI: http://nalinmakar.com
CoAuthor: mARTin Bierschenk
CoAuthor URI: http://martin-bierschenk.de
*/
/*-----------------------------------------------------------------------------------------------*/
/* Global Styles */
/*-----------------------------------------------------------------------------------------------*/
* {
padding:0;
margin:0;
}
h2, h3, h4, h5, h6, pre, blockquote, label, ol, dl, fieldset, address { margin:1em 0; } /*Edited by mARTin (removed h1, p, ul,)*/
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; } /*Edited by mARTin Removed height:1px; font-size:1px; line-height:1px;*/
a img{ border:none; }
div { position:relative; }
/*-----------------------------------------------------------------------------------------------*/
/* Layout / Base Page Styling */
/*-----------------------------------------------------------------------------------------------*/
body{
background:#FFFFFF; /*Edited by mARTin*/
/* MIE Scrollbar Colors */ /*Added by mARTin*/
font-size:70%;
font-family:"Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
}
.title { /*Added by mARTin*/
color:#990000; /*Added by mARTin*/
font-weight:bold; /*Added by mARTin*/
} /*Added by mARTin*/
/* This class sets the width and position for all rows */
.inside{ /*Edited by mARTin*/
width:90%; /*breite der Seite*/ /*Edited by mARTin*/
min-width:832px; /*Edited by mARTin*/
/* max-width:85em; */ /*Edited by mARTin*/
margin:0 auto; /*Edited by mARTin*/
} /*Edited by mARTin*/
a{
color:#990000; /*Edited by mARTin*/
text-decoration:none;
/* removes the dotted line in Firefox*/ /*Added by mARTin*/
:-moz-any-link:focus {outline: none;} /*Added by mARTin*/
}
a:hover{
/* color:#FF0000; */ /*Removed by mARTin*/
text-decoration:underline;
cursor: pointer; /*Added by mARTin*/
}
h1{
color:#000000; /*Changed by mARTin*/
font-size:1.15em; /*Changed by mARTin*/
font-weight:normal;
/* margin:1.5em 0; */ /*Removed by mARTin*/
}
h1 a{
color:#000000; /*Changed by mARTin*/
}
h1 a:hover{
color:#FF0000; /*Changed by mARTin*/
text-decoration:underline overline; /*Changed by mARTin*/
}
h2 {
font-size:1.15em; /*Changed by mARTin*/
color:#FFF; /*Changed by mARTin*/
font-weight:normal;
}
h3 { /*Added by mARTin*/
font-size:2.25em; /*Added by mARTin*/
color:#000000; /*Added by mARTin*/
font-weight:normal; /*Added by mARTin*/
} /*Added by mARTin*/
h3 a{ /*Added by mARTin*/
}
p{
line-height:1.5em; /*Changed by mARTin*/
margin-bottom:0.5em; /*Added by mARTin - Space after Paragraph*/
}
ul li{
list-style-type:square;
margin:0.5em 0 0.5em 2em;
}
blockquote{
margin-left:1em;
padding-left:1em;
border-left:2px solid #CCC;
color:#CCC;
}
pre{
width:100%;
padding:1em 0;
overflow:auto;
border-top:1px dotted #333333;
border-bottom:1px dotted #333333;
}
table{
width:100%;
border-spacing:2px;
}
table th, table td{ padding:0.3em 0.75em }
table th{
background:#CCC;
color:#000;
text-align:left;
}
table td{
/* background:#333333; */ /*Removed by mARTin*/
/* color:#FFF; */ /*Removed by mARTin*/
}
table caption{
text-align:left;
color:#FFF;
margin-bottom:-1em;
margin-top:1em;
}
.rule{
border-top:1px solid #CCC;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0;
}
/*-----------------------------------------------------------------------------------------------*/
/* Header */
/*-----------------------------------------------------------------------------------------------*/
#header{
background:#FFFFFF; /*Edited by mARTin*/
height: 75px; /*Added by mARTin*/
}
#header .inside{
padding:2em 0;
}
#header h1{ /*Changed by mARTin*/
font-size:2.25em;
/* margin:0 0.5em 0 0; */ /*Removed by mARTin*/
/* padding:0 0.5em 0.25em 0; */ /*Removed by mARTin*/
border-right:0px solid #666666; /*Changed by mARTin*/
float:left;
color:#000000; /*Added by mARTin*/
font-family:"Century Gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif; /*Added by mARTin*/
}
#header h1 a{ /*Changed by mARTin*/
text-decoration:none;
color:#000000; /*Added by mARTin*/
}
div#header h1 a:hover{ /*Changed by mARTin*/
text-decoration:underline overline; /*Added by mARTin*/
color:#990000; /*Added by mARTin*/
} /*Added by mARTin*/
/*#header p{ */ /*Removed by mARTin*/
/* padding:1em 0; */ /*Removed by mARTin*/
/* margin:0; */ /*Removed by mARTin*/
/* line-height:1em; */ /*Removed by mARTin*/
/*} */ /*Removed by mARTin*/
/*-----------------------------------------------------------------------------------------------*/
/* Navigation All below is added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
#navigation {
background:#990000 url() top repeat-x; /*Edited by mARTin*/
display:block;
height:20px; /*Edited by mARTin*/
overflow:hidden;
border:0px solid #009900; /*Added by mARTin for Bugfixing Purposes*/
width:100%; /*Added by mARTin*/
}
#navigation ul{
list-style:none;
margin:0;
padding-left:0px;
text-transform:uppercase;
font-size:1em; /*Edited by mARTin*/
font-weight:normal;
font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
}
#navigation ul li {
float:left;
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
font-weight:bold;
}
#navigation ul li a {
padding:3px 10px 3px; /*Added by mARTin*/
display:block;
letter-spacing:1px;
border:0;
text-decoration:none;
color:#ffffff;
}
#navigation ul li a:hover,#navigation ul li a:active, #navigation li.current_page_item a
{
background-color:#FFFFFF;
color:#000000;
text-decoration:none;
height:20px;
}
#slidebar
{
/* zoom:1; */ /*Removed by mARTin*/
}
/*-----------------------------------------------------------------------------------------------*/
/* Open / Close Navigation button */
/*-----------------------------------------------------------------------------------------------*/
a.silderButtonNav{
display:block;
margin-top:1px; /*Edited by mARTin*/
padding:2px 25px 3px 5px;
font-size:.8em;
text-decoration:none;
background:#990000; /*Edited by mARTin*/
color:#FFFFFF; /*Edited by mARTin*/
/* border-top: 1px solid #333333; */ /*Removed by mARTin*/
/* border-left: 1px solid #333333; */ /*Removed by mARTin*/
/* border-right:1px solid #333333; */ /*Removed by mARTin*/
text-decoration:none;
background: url(http://www.martin-bierschenk.de/images/arrow_down.gif) no-repeat top right #990000;
display:block;
}
*html a.silderButtonNav {
width:80px;
text-decoration:none;
}
a.silderButtonNav:hover{
background:#FFFFFF; /*Edited by mARTin*/
color:#000000; /*Edited by mARTin*/
/* border-top: 1px solid #333333; */ /*Removed by mARTin*/
/* border-left: 1px solid #333333; */ /*Removed by mARTin*/
/* border-right:1px solid #333333; */ /*Removed by mARTin*/
text-decoration:none;
}
/*-----------------------------------------------------------------------------------------------*/
/* Primary Items */
/*-----------------------------------------------------------------------------------------------*/
#primary{
background:#FFFFFF; /*Edited by mARTin*/
padding:0.5em 0 2em 0; /*Edited by mARTin*/
color:#666666;
}
#primary strong{ /*Added by mARTin*/
color:#000000; /*Added by mARTin*/
}
.abt-this-page{
font-size:1.15em;
color:#CCC;
font-weight:normal;
}
#primary.onecol-stories .primary{
float:left;
width:100%; /*Edited by mARTin*/
}
#primary.onecol-stories .secondary{
float:left; /*Edited by mARTin*/
width:100%; /*Edited by mARTin*/
margin:0 0 0 10%;
}
#primary.twocol-stories .story{
float:left;
width:100%; /*Edited by mARTin*/
margin-top: 10px; /*Edited by mARTin*/
display:inline;
padding: 0pt; /*Added by mARTin*/
border: 0pt solid #990000; /*Added by mARTin*/
}
* html #primary.twocol-stories .story{
margin-left:2%;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
margin:0 0 0 0;
}
#primary.twocol-stories .first img, * html #primary.twocol-stories .first img, #primary.twocol-stories .story img, * html #primary.twocol-stories .story img{
/* max-width: 100%; Edited by mARTin*/
}
h2.toggler {
background-color: #990000; /*Added by mARTin*/
text-align: left; /*Added by mARTin*/
line-height: 1.25em; /*Added by mARTin*/
font-family:Verdana,Arial,sans-serif; /*Added by mARTin*/
color: #FFFFFF; /*Edited by mARTin*/
font-variant: small-caps; /*Added by mARTin*/
font-size: 1em; /*Edited by mARTin*/
cursor: pointer;
margin: 0 0 4px 0;
padding: 3px 5px 3px;
}
.story .details{
margin:1em 0;
text-align:left; /*Edited by mARTin*/
border-top:0px solid #990000; /*Edited by mARTin*/
padding:0.5em 0;
font-size:0.9em;
color:#666;
}
.read-on{
background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;
text-align:right;
display:block;
}
.read-on a {
font-style:italic;
color:#CCC;
text-decoration:none;
}
.story .details a{
color: #990000; /*Edited by mARTin*/
text-decoration:none;
}
.story .details a:hover{
color:#990000; /*Edited by mARTin*/
}
/* Single Post Styles */
#primary .primary{
float:left; /*Edited by mARTin*/
width:90%; /*breite der Seite*/ /*Edited by mARTin*/
min-width:832px; /*Edited by mARTin*/
/* max-width:85em; */ /*Edited by mARTin*/
margin:0 auto; /*Edited by mARTin*/
}
#primary .secondary{
float:left;
width:30%;
margin-right:3%;
padding-top:0.65em;
display:inline;
}
* html #primary .secondary{ margin-right:2%; }
.secondary .featured p{
border-bottom:1px solid #666666;
border-top: 1px solid #666666;
padding:0.5em 0 0.6em 0;
line-height:1.5em;
margin:1em 0 0 0;
}
#primary.twocol-stories .story img, .single-post img {
padding: 4px;
border: 1px solid #ddd;
background: #FFFFFF; /*Edited by mARTin*/
}
#primary.twocol-stories .story a img:hover, .single-post a img:hover {
padding: 4px;
border: 1px solid #ddd;
background: #990000; /*Edited by mARTin*/
}
.secondary .featured dl{
margin:0 0;
border-bottom:1px solid #666666;
padding:0.5em 0 0.6em 0;
}
.secondary .featured dl h2{
margin:0 0;
padding:0 0;
color:#999999;
font-size:1em;
}
.secondary dt{
display:inline;
margin:0;
padding:0;
color:#999999;
}
.secondary dd{
display:inline;
margin:0;
padding:0;
}
.secondary dd a{ color:#666666; }
.secondary dd a:hover{ color:#FFF; }
.secondary .related_post{
display:inline;
margin:0;
padding:0;
}
.secondary .related_post a{ color:#666666; }
.secondary .related_post a:hover{ color:#FFF; }
.single-post h1, .single-post h2{ margin-top:0; }
#primary code {
display:block;
border:1px solid #333333;
background:#272727;
color:#ffffff;
padding:0.2em 0.2em 0.2em 1em;
margin:1em 5% 0 5%;
}
#paging{
text-align:right;
margin-top:0.5em;
}
#paging a {
border:1px solid #333333;
padding:0.2em;
}
#paging a:hover {
text-decoration:none;
}
/*-----------------------------------------------------------------------------------------------*/
/* Secondary Items */
/*-----------------------------------------------------------------------------------------------*/
#secondary{
/* background:#000; */ /*Removed by mARTin*/
padding:1px 2em;
/* border-top:1px solid #1C1C1C; */ /*Removed by mARTin*/
}
.comment-head{
border-bottom:1px solid #1C1C1C;
padding:0.8em 2em 1.0em 2em;
}
.comment-head .num-comments{
font-size:1.5em;
margin:0;
color:#FFF;
}
.comment-head a{
text-decoration:none;
color:#868686;
}
.comment-head .details{
font-size:0.95em;
}
ol#comments{
list-style-type:none;
margin:2em 0;
}
ol#comments li{
list-style-type:none;
margin:2em 0;
}
#comments cite{
float:left;
width:31%;
font-style:normal;
text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
display:block;
}
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{
text-decoration:none;
}
#comments cite .admin-tools{
margin:5px 0;
}
#comments cite .admin-tools a{
float:right;
margin:0 5px;
padding:0px 3px 3px;
background:#666;
border:1px solid #999;
text-decoration:none;
}
#primary .secondary .admin-tools{ margin:1em 0; }
#preview{
margin:1em 0;
padding:0.5em;
border:1px solid #333333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#990000; font-weight:bold; }
#comments cite.pingback {
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}
#comments .content{
float:left;
width:60%;
margin-left:1.9%;
border-left:1px solid #999999;
min-height:72px;
height:auto !important;
height:72px;
overflow:hidden;
}
#comments .mycontent{
float:left;
width:60%;
margin-left:1.9%;
border-left:1px solid #999999;
background-color: #666666;
color: #000000;
min-height:72px;
height:auto !important;
height:72px;
overflow:hidden;
}
#comments .commentbody {
padding: 2% 0 0 2%;
}
#comments .counter {
position: absolute;
top:-14px;
right:-3px;
font: lighter 72px 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
color: #272727;
text-align: right;
padding:0;
}
#comments .mycontent .counter {
position: absolute;
top:-14px;
right:-3px;
font: normal 72px 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
color: #666;
text-align: right;
padding:0;
}
#comments .content p{
margin:0 0 1em 0;
}
#comments .content h3{
margin:0;
font-size:1em;
}
#comments .mycontent p{
margin:0 0 1em 0;
}
#comments .mycontent h3{
margin:0;
font-size:1em;
}
#comment-form{
margin:5em 0 5em 35.4%;
width:36em;
}
.formhead {
font-size:1.15em;
margin:0;
color:#FFF;
}
input.textfield{
width: 15em;
margin:5px 0;
}
textarea.commentbox{
width:28em;
height:10em;
padding:0.25em;
margin:5px 0;
font-size:1.2em;
font-family:"Century Gothic","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
}
label.text{
position:relative;
left:0.5em;
top:-0.5em;
}
.formactions input.submit{
cursor:pointer;
float:right;
margin:.5em 0 0 0;
padding:0.25em 0.5em;
display:block;
border:1px solid #3D3D3D;
background:#272727;
color:#CCC
}
.formactions input.submit:hover{
background:#CCC;
color:#272727
}
*html .formactions input.submit{
padding:0;
}
.formactions .spinner{
float:right;
margin:-8px -20px 0 0;
}
/*-----------------------------------------------------------------------------------------------*/
/* Ancillary Items */
/*-----------------------------------------------------------------------------------------------*/
widget a{
/* color:#999999; /*Added by mARTin*/
text-decoration:none; /*Added by mARTin*/
/* removes the dotted line in Firefox*/ /*Added by mARTin*/
:-moz-any-link:focus {outline: none;} /*Added by mARTin*/
}
widget a:hover{
* color:#FFFFFF; /*Added by mARTin*/
}
.ancillary{
background:#990000 url() top repeat-x; /*Edited by mARTin*/
padding:2em 0 2em 0;
margin-top:-2px; /*Added by mARTin*/
}
.ancillary .sidebar{
float:left;
padding: 1%;
width: 28%;
margin:0 0 0 2.5%;
background: transparent url(images/transparent_bg.png) repeat left top;
}
* html .ancillary .sidebar{
background:none;
}
.ancillary .twice-length{ width:65%; }
.ancillary .thrice-length{ width:100%; }
.ancillary .first {
clear:both;
margin:0 0 0 2.4%;
}
* html .ancillary .first {
clear:both;
margin:0;
}
.ancillary .block-separator{
clear:both;
height:2.5em;
}
.ancillary .sidebar h2, .ancillary .sidebar h2{
margin:0 0 2em 0;
color: #FFFFFF; /*Edited by mARTin*/
}
.divider {
border-bottom:1px solid #666666; /*Edited by mARTin*/
}
ul.sidebar li {
list-style-type:none;
margin:0;
}
ul.dates, ul.counts, ul.blogroll ul, ul.pages, ul.sidebar li.widget ul{
list-style-type:none;
margin:1.5em 0 2em 0;
border-top:1px solid #666666; /*Edited by mARTin*/
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li, ul.sidebar li.widget ul li{
list-style-type:none;
margin:0;
padding:0.5em 0;
border-bottom:1px solid #666666; /*Edited by mARTin*/
}
ul.dates .date{
color:#858585;
padding:0 1.5em 0 0;
}
ul.counts .count{
float:right;
color:#858585;
}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a, ul.sidebar li.widget ul a{
color:#999999;
text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover, ul.sidebar li.widget ul a:hover{
color:#FFF;
}
ul.blogroll{ margin-top:0; }
ul.blogroll li{
list-style-type:none;
margin:0;
}
ul.pages ul{
margin:0;
}
ul.pages ul li{
border:none;
margin-left:2em;
list-style-type:square;
}
/*block items*/
ul.recent-comments li a{
color: #FF9900;
}
/*-----------------------------------------------------------------------------------------------*/
/* Foooter */
/*-----------------------------------------------------------------------------------------------*/
#footer{
clear:both;
color:#999999;
margin:1.5em 0 3em 0;
background:url(images/footer_thick.gif) 50% 0 repeat-x; /*Added by mARTin*/
}
#footer .inside{
padding:1em 0;
}
#footer p{
margin:0;
font-size:0.9em;
}
#footer p a{
text-decoration:none;
color:#666666;
}
#footer p a:hover{
color:#990000;
}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
/*-----------------------------------------------------------------------------------------------*/
/* Utilities */
/*-----------------------------------------------------------------------------------------------*/
#utilities{
float:right;
width:150px;
text-align:right;
position:relative;
}
/*-----------------------------------------------------------------------------------------------*/
/* Text Size */
/*-----------------------------------------------------------------------------------------------*/
#textsize{
margin:.25em 0 0 0;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:.40;
}
#textsize:hover{
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.00;
}
#textsize a {
text-decoration:none;
}
/*-----------------------------------------------------------------------------------------------*/
/* Search */
/*-----------------------------------------------------------------------------------------------*/
#search{
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:.40;
}
#search:hover{
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.00;
}
#search .searchimg{
float:left;
width:14px;
height:13px;
background:url(images/search.gif) 0 0 no-repeat; /*Edited by mARTin*/
position:relative;
top:4px;
}
#search input{
width:175px;
font-size: 0.9em;
background:#CCC;
margin-top:2px;
}
#search input:focus{
background:#FFF;
}
#searchform{
margin-top:4px; /*Edited by mARTin*/
}
#searchform #s{
/* background:#222; */ /*Removed by mARTin*/
border:none;
border-bottom:1px solid #333333;
margin-bottom:4px;
width:98%;
color:#666666;
padding:0.25em;
}
#searchform #searchsubmit{
background:#000;
color:#666;
border:none;
font-size:0.9em;
text-transform:uppercase;
letter-spacing:0.25em;
}
/* Legacy Typo CSS */
#search-results{
width:30%;
background:#333333;
padding:0 0 0 0;
float:right;
-moz-opacity:0.9;
filter:alpha(opacity=90);
opacity:.90;
border-top:1em solid #000;
}
#search-results h2{
font-weight:bold;
text-align:left;
margin:0;
padding:0 0 1em 0;
background:#000;
}
#search-results small{
display:block;
text-align:left;
font-size:0.9em;
padding:0.5em 1em 0.7em 1em;
border-top:1px solid #666;
border-bottom:1px solid #555;
}
#search-results small a{
color:#CCC;
}
#search-results ul li{
list-style-type:none;
padding:0 1em 0.5em 1em;
margin:0.5em 0;
}
#search-results ul li:hover{
background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
text-decoration:none;
border-bottom:1px dotted #CCC;
}
#search img.archives-icon{
margin:0 7px 0 0;
top:1px;
}
.right{ /*Added by mARTin*/
text-align: right; /*Added by mARTin*/
vertical-align: top; /*Added by mARTin*/
} /*Added by mARTin*/
.livesearch{ /*Added by mARTin*/
text-align: right; /*Added by mARTin*/
vertical-align: top; /*Added by mARTin*/
} /*Added by mARTin*/
/*-----------------------------------------------------------------------------------------------*/
/* Portfolio All below is added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
.portfolio_content{
border:0px solid #000099;
text-align: left;
vertical-align: top;
padding-top:10px;
padding-left:20px;
float:left;
}
.stripes_l{
border:0px solid #990000;
height:400px;
width: 20px;
text-align: center;
vertical-align: top;
margin-top:20px;
margin-bottom:0px;
margin-left:20px;
margin-right:0px;
padding-top:20px;
padding-left:0px;
float:left;
background:url(http://www.martin-bierschenk.de/images/stripe.png) top repeat;
}
.stripes_r{
border:0px solid #990000;
height:400px;
width: 20px;
text-align: center;
vertical-align: top;
margin-top:20px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-top:20px;
padding-left:0px;
float:left;
background:url(http://www.martin-bierschenk.de/images/stripe.png) top repeat;
}
.making_of{
background:url(http://www.martin-bierschenk.de/images/makingof.png) no-repeat 0px 0px;
border:0px solid #009900;
height:400px;
width: 20px;
margin-top:20px;
text-align: center;
vertical-align: middle;
float:left;
}
.portfolio_scroll_right{
position: absolute;
bottom:0px;
left:20px;
border: solid 0px 009900;
text-decoration:blink;
color:#990000;
}
/*-----------------------------------------------------------------------------------------------*/
/* Curriculum Vitae All below is added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
table.cv{
table-layout: auto;
width:850px;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:3px solid #666666;
border-bottom:4px solid #666666;
padding-top:20px;
padding-left:80px;
padding-right:80px;
padding-bottom:20px;
margin-top: 0px;
border-spacing: 0px;
border-collapse: separate;
}
table.cv tbody{
padding:0px;
margin:0px;
}
table.cv th {
}
.cv_headline{
border-bottom:1px solid #990000;
color:#990000;
font-weight:bold;
width:200px;
text-align: left;
vertical-align: top;
padding-top:12px;
}
.cv_headline_middle {
border-bottom:1px solid #990000;
width:20px;
vertical-align: top;
padding:0px;
}
.cv_left {
width:200px;
text-align: right;
vertical-align: top;
padding-top:6px;
}
.cv_middle {
width:20px;
vertical-align: top;
padding:0px;
}
.cv_right {
text-align: left;
vertical-align: top;
padding-top:6px;
}
.cv a {
color:#990000;
font-size:10px;
}
/*-----------------------------------------------------------------------------------------------*/
/* Topbar added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
#topbar{ /*The first line with the Blogtitle, Tagline and description*/
background: none;
width:650px;
position:relative;
}
h1.blog-title { /* H1 is the title in the header */
/* font-variant:small-caps; */
color:#000000;
text-align: left;
font-size:2.25em;
font-weight:normal;
letter-spacing: 0px;
border:0px solid #990099; /* Bugfixing purpouse */
display:block;
float:left;
text-indent:20px;
margin-left:-20px;
}
h1.blog-title a{
color:#000000;
text-decoration:none;
}
h1.blog-title a:hover {
color:#990000;
margin-left:-20px;
padding-left:20px;
background:url(http://www.martin-bierschenk.de/images/icons/home13.png) no-repeat -16px 13px;
}
.description { /* Description in header */
text-decoration: none;
border-left:1px solid #999999;
margin-left: 10px;
padding-left: 10px;
color:#666666;
font-size: 1.1em;
line-height: 3em;
width: 200px;
float: left;
}
.phone_and_mail { /* Phone and Mail in header */
text-decoration: none;
border: 0px solid #000099; /* Bugfixing purpouse */
color:#666666;
line-height: 1.65em;
float:left;
}
.language_and_search { /* Language and Search Bar in header */
text-decoration: none;
border: 0px solid #000099; /* Bugfixing purpouse */
color:#666666;
width: 150px;
float:right;
text-align:right;
}
/*-----------------------------------------------------------------------------------------------*/
/* Buttons Classes added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
.no_icon{
background:none;
text-indent:20px;
display:block;
}
.pdf{
background:url(http://www.martin-bierschenk.de/images/icons/silk/page_white_acrobat.png) no-repeat 20px 2px;
text-indent:30px;
display:block;
}
.acrobat{
background:url(http://www.martin-bierschenk.de/images/icons/mini/file_acrobat.gif) no-repeat 0px 0px;
text-indent:20px;
display:block;
}
.download{
background:url(http://www.martin-bierschenk.de/images/icons/silk/disk.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.attatchment{
background:url(http://www.martin-bierschenk.de/images/icons/silk/attach.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.link_new_window{
background:url(http://www.martin-bierschenk.de/images/icons/silk/page_link.png) no-repeat 0px 2px;
text-indent:25px;
display:block;
}
.phone{
background:url(http://www.martin-bierschenk.de/images/icons/grey/mobile.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.ipod{
background:url( http://www.martin-bierschenk.de/wp-content/plugins/quicktime-embed/ipod.png) no-repeat 0px 2px;
text-indent:20px;
display:block;
}
.de {
background:url(http://www.martin-bierschenk.de/images/icons/flag/de.png) no-repeat 0px 4px;
text-indent:20px;
display:block;
}
.en {
background:url(http://www.martin-bierschenk.de/images/icons/flag/gb.png) no-repeat 0px 4px;
text-indent:20px;
display:block;
}
.email{
background:url(http://www.martin-bierschenk.de/images/icons/grey/mail.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.adress{
background:url(http://www.martin-bierschenk.de/images/icons/grey/mail.png) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.link{
background:url(http://www.martin-bierschenk.de/images/icons/grey/external.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.house{
background:url(http://www.martin-bierschenk.de/images/icons/grey/home2.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.im{
background:url(http://www.martin-bierschenk.de/images/icons/grey/happy.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.skype{
background:url(http://www.martin-bierschenk.de/images/icons/im-icons/icons10/skypeunknown.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.icq{
background:url(http://www.martin-bierschenk.de/images/icons/im-icons/icons10/icqunknown.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.msn{
background:url(http://www.martin-bierschenk.de/images/icons/im-icons/icons10/msnunknown.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.aim{
background:url(http://www.martin-bierschenk.de/images/icons/im-icons/icons10/aimunknown.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.yahoo{
background:url(http://www.martin-bierschenk.de/images/icons/im-icons/icons10/yahoounknown.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.google{
background:url(http://www.martin-bierschenk.de/images/icons/grey/happy.gif) no-repeat 0px 5px;
text-indent:20px;
display:block;
}
.email a{
color:#990000;
}
#search .searchimg{
float:left;
width:14px;
height:13px;
background:url(images/search.gif) 0 0 no-repeat;
position:relative;
top:4px;
}
/*-----------------------------------------------------------------------------------------------*/
/* Titel Classes added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
.post .word0, .post .word6, .post .word8 {
color: #333333;
padding: 0 10px;
}
.post .word1, .post .word4, .post .word9 {
background:#bbb;
color: #fff;
padding: 0 10px;
}
.post .word2, .post .word5, .post .word10 {
color: #76BAFC;
padding: 0 10px;
}
/*-----------------------------------------------------------------------------------------------*/
/* Accordions added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
.accordion_toggle {
display: block;
height: 20px;
padding-left: 10px;
padding-right: 10px;
font-weight: normal;
font-variant: small-caps; /*Added by mARTin*/
outline: none;
font-size: 12px;
cursor: pointer;
margin:0;
}
.accordion_toggle_active {
background: url(http://www.martin-bierschenk.de/images/arrow_active.png) no-repeat top right;
color: #ffffff;
border-bottom: 1px solid #FFFFFF;
}
.accordion_content {
background-color: transparent;
overflow:auto;
width:100%; /*breite der Seite*/ /*Edited by mARTin*/
min-width:832px; /*Edited by mARTin*/
/* max-width:85em; */ /*Edited by mARTin*/
margin:0 auto; /*Edited by mARTin*/
border:0px solid #990000;
float:left;
}
.accordion_content a {
color:#990000;
}
.accordion_content a:hover {
text-decoration:underline;
color:#990000;
}
.accordion_content a:img {
border:none;
}
.vertical_accordion_toggle {
display: block;
height: 20px;
background: url(http://www.martin-bierschenk.de/images/arrow_down.gif) no-repeat top right #990000;
padding-left: 10px;
padding-right: 10px;
line-height: 20px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
border-bottom: 1px solid #FFFFFF;
cursor: pointer;
margin: 0;
}
.vertical_accordion_toggle_active {
background: url(http://www.martin-bierschenk.de/images/arrow_active.png) no-repeat top right #990000;
color: #ffffff;
border-bottom: 1px solid #FFFFFF;
}
.vertical_accordion_content {
background-color: #ffffff;
color: #444444;
overflow:auto;
}
.vertical_accordion_content h2 {
margin: 15px 0 5px 10px;
color: #0099FF;
}
.vertical_accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}
/*
Horizontal Accordion
*/
.horizontal_accordion_toggle {
/* REQUIRED */
float: left; /* This make sure it stays horizontal */
/* REQUIRED */
display: block;
height: 100px;
width: 30px;
background: url(http://www.martin-bierschenk.de/images/arrow_left.gif) no-repeat top right #990000;
color: #ffffff;
text-decoration: none;
outline: none;
border-right: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
}
.horizontal_accordion_toggle_active {
background: url(http://www.martin-bierschenk.de/images/arrow_active.png) no-repeat top left #e0542f;
border-right: 1px solid #f68263;
}
.horizontal_accordion_content {
/* REQUIRED */
height: 100px; /* We need to define a height for the accordion as it stretches the width */
float: left; /* This make sure it stays horizontal */
/* REQUIRED */
overflow:auto;
background-color: #ffffff;
color: #444444;
}
.horizontal_accordion_content p {
width: 450px;
line-height: 150%;
padding: 5px 10px 15px 10px;
}
/* Container styling*/
#horizontal_container {
margin: 20px auto 20px auto;
width: 680px;
height: 100px;
}
#vertical_nested_container {
margin: 20px auto 20px auto;
width: 620px;
}
/*-----------------------------------------------------------------------------------------------*/
/* qTranslate added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
.qtrans_language_chooser { float:right; margin-bottom:2px }
.qtrans_language_chooser { list-style-type:none }
/*-----------------------------------------------------------------------------------------------*/
/* HR and Corners added by mARTin */
/*-----------------------------------------------------------------------------------------------*/
.tl{
background:url(http://www.martin-bierschenk.de/images/corners/tl.gif) no-repeat 0px 0px;
height:10px;
width:60px;
margin-left:-20px;
padding-left:20px;
display:block;
float:left;
}
.bl{
background:url(http://www.martin-bierschenk.de/images/corners/bl.gif) no-repeat 0px 0px;
height:10px;
width:60px;
margin-left:-20px;
padding-left:20px;
display:block;
float:left;
}
.tr{
background:url(http://www.martin-bierschenk.de/images/corners/tr.gif) no-repeat 10px 0px;
height:10px;
width:20px;
margin-right:-20px;
display:block;
float:right;
}
.br{
background:url(http://www.martin-bierschenk.de/images/corners/br.gif) no-repeat 10px 0px;
height:10px;
width:20px;
margin-right:-20px;
float:right;
display:block;
}
/*-----------------------------------------------------------------------------------------------*/
/* Flexcroll */
/*-----------------------------------------------------------------------------------------------*/
/* hesido: changed the classname so fleXcroll did not auto-execute */
.flexcroll_target{
/* percentage width without the MIE6 fix*/
height: 470px; /* Hight of every Post !!! ADDED BY mARTin*/
width: 100%;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #F4F4F4;
outline: none; /* Fixes Bug in Firefox */
/* margin: 0px auto; */
/* padding: 15px; */
}
#mycustomscroll {
/* percentage width without the MIE6 fix*/
/* height: 470px; /* Hight of every Post !!! ADDED BY mARTin*/
/* width: 100%; */
/* overflow: auto; */
/* IE overflow fix, position must be relative or absolute */
/* position: relative; */
/* background-color: #E7EADE; */
/* margin: 0px auto; */
/* padding: 15px; */
}
#mycustomscrollfix {
/*percantage width: make it 100% to match container*/
width: auto;
height: 470px; /* Hight of every Post !!! ADDED BY mARTin*/
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0.3em auto 0.3em -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 20px;
}
/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
width: 80%;
margin: 0 auto;
padding: 10px;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
/*
Your custom scrollbar images do not need to have the same size as in example images, but the
placement of the images with respect to eachother in the image may play an important role
as some elements are auto-sized by fleXcroll. You do not need to define images for
all elements, you may want to have some transparency, or simply a filled color without
using an image. The example images in this archive is optimized for the least number of http calls,
only 2 images are needed for full operation, but you may have separate images
for each element or make different group combinations in the images, or simply have a color
defined for horizontal scrollbar and horizontal scrollbase, and get away with a single image
for vertical bar if you will only use vertical scrollbars.
*/
/* Basic styling with no images starts here */
/* IMPORTANT:
Note that, even if you are not expecting to use horizontal scrollbars,
you should at least define colors for it, e.g. you never know what font size
your users will force on the page
*/
/* .scrollgeneric is required for proper scrollbar display,
not for user customization, and is mandatory*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
/* For scrollbars, defining a color for background alongside with an image
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 10px;
background-color: #FFFFFF;
}
.vscrollerbar {
width: 10px;
background-color: #990000;
}
.hscrollerbase {
/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
height: 10px;
background-color: #FFFFFF;
}
.hscrollerbar {
height: 10px;
background-color: #990000;
}
/* basic style ends here, this was actually all that is required to run fleXcroll,
albeit without images, my advice is to have this basic style and build the rest
on top of this. */
/* styles for scrollbar images start here */
.hscrollerbar {
/* Main body of horizontal scrollbar */
height: 10px;
background: #990000 url(http://www.martin-bierschenk.de/images/horizontalbarbody_cornerjog4.png) 0px -20px repeat-x;
}
.vscrollerbar {
/* Main body of vertical scrollbar */
width: 10px;
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -10px 0px repeat-y;
}
.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 10px;
/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}
.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -30px -20px no-repeat;
width: 10px;
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
height: 10px !important;
}
.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -30px 0px no-repeat;
width: 10px;
height: 10px;
}
.hscrollerbarbeg {
/* Left image holder for horizontal scrollbar */
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -40px -10px no-repeat;
height: 10px;
/* Width of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
width: 10px !important;
}
.hscrollerbarend {
/* Right image holder for horizontal scrollbar */
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -20px -10px no-repeat;
height: 10px;
width: 10px;
}
.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
background: #990000 url(http://www.martin-bierschenk.de/images/horizontalbarbody_cornerjog.png) 0px 0px;
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
/* Following are for scrollbase images, may not always be required */
.vscrollerbase {
/* Vertical scrollbar's base body */
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) 0px 0px repeat-y;
}
.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -20px -20px no-repeat;
width: 10px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 10px !important; /* Safari BG repeat fix */
}
.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
background: url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -40px -20px no-repeat;
height: 10px;
width: 10px;
}
.hscrollerbase {
/* Horziontal scrollbar's base body */
background: #990000 url(http://www.martin-bierschenk.de/images/horizontalbarbody_cornerjog4.png) 0px -10px repeat-x;
}
.hscrollerbasebeg {
/* Horizontal scrollbar's left-cap */
/* This may be used for holding the left arrow */
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -40px 0px no-repeat;
height: 10px;
/* width of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
width: 10px !important; /* Safari BG repeat fix */
}
.hscrollerbaseend {
/* Horizontal scrollbar's right-cap */
/* This may be used for holding the right arrow */
height: 10px;
width: 10px;
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -20px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #990000 url(http://www.martin-bierschenk.de/images/basebarcaps_verticalbarbody4.png) -30px -10px;
}
/* Scroll Bar Master Styling Ends Here */
/* Shadow Box Styling Starts Here */
.shadow-box {
-moz-box-shadow:3px 3px 10px #808080;
float:left;
}
/* Shadow Box Styling Ends Here */
/*-----------------------------------------------------------------------------------------------*/
/* Post Style based on Category */
/*-----------------------------------------------------------------------------------------------*/
.model {
background: #000099 url(http://www.martin-bierschenk.de/images/arrow_down.gif) no-repeat top right;
color: #ffffff;
}
.layout {
background: #009900 url(http://www.martin-bierschenk.de/images/arrow_down.gif) no-repeat top right;
color: #ffffff;
}
.qa {
background: #009900 url(http://www.martin-bierschenk.de/images/arrow_down.gif) no-repeat top right;
color: #ffffff;
}
.video {
background: #990099 url(http://www.martin-bierschenk.de/images/arrow_down.gif) no-repeat top right;
color: #ffffff;
}
.webdesign {
background: #009999 url(http://www.martin-bierschenk.de/images/arrow_down.gif) no-repeat top right;
color: #ffffff;
}
.corporate-identity {
}
.design-management {
}
.kisd {
}
.game-design {
}