@charset "UTF-8";
/*

Theme Name: Lidia Baich Custom Theme
Description: lidiabaich.com customized theme
Version: 0.11
Author:	Wolf-Dieter Grabner
Author URI:	http://theflow.cc

*/
/* CHECK
- skiplinks
- link colors
*/
@media all
{
/*--- browser setup ---*/
* { padding: 0; margin: 0; border: 0; font-size: 100.01%; line-height: 1; font-family: inherit; text-align: left; }
* html body * { overflow: visible }
* html iframe, * html frame { overflow: auto }
html * { font-size: 100.01% }
html { overflow: scroll; height: 100%; }
body { min-height: 101%; text-align: left; } /* CHECK min-width: 727px; width: 100%; */

/*--- floats ---*/
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: block; }
.floatbox { overflow: hidden; }
#ie_clearfix { display: none }
.f_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;  }
.f_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0.5em auto }

/*--- global elements ---*/
hr { display: none; }
fieldset, img, a img, :link img, :visited img { border: 0 solid; }
a, a:hover { color: #2a3546; text-decoration: none; outline: none; background: transparent url('') no-repeat 0 0; } 
a:visited { color: #5a8ab4; text-decoration: none; outline: none; }
a[href^="http://www.lidiabaich.com/"] {  }

/*--- core layout elements ---*/
body { background: #c9c9c9 url('http://media.melaoproject.org/img/p-bg20071028.png') repeat-x fixed top; color: #0f181e; font: 100% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, Helvetica, Sans-Serif; text-align: center; height: 100%; min-height: 101%; }
#beta { position:absolute; width: 116px; height: 126px; top: 13px; right: 0px; z-index: 10; background: transparent url('http://media.melaoproject.org/img/beta20071028.gif') center no-repeat; overflow: hidden; }
#page-bg { width: 794px; padding-top: 13px; margin: 0 auto 0 auto; background: #812157 url('http://media.melaoproject.org/img/temp-bg.png') bottom center repeat-x; min-height: 100%; } /* CHECK name */
#standalone #page-bg-g2 { width: 794px; padding-top: 13px; margin: 0 auto 0 auto; background: #812157 url('http://media.melaoproject.org/img/temp-bg.png') bottom center repeat-x; min-height: 100%; z-index:1; position: relative; } /* CHECK name */

#page { width: 742px; margin: 0 auto 0 auto; padding: 0; position: relative; text-align: left; }

.content { position: relative; padding: 0; clear: both; }

#primary { width: 461px; background: #eee no-repeat center bottom; border-left:3px solid #fff; padding-top: 2em; border-right:3px solid #fff; }





#wide-container { width: 600px; margin: 30px auto 0 auto; background: #044; }
#container { width: 900px; margin: 34px auto 0 auto; }
#content_box { width: 900px; padding: 30px 0 0 0; background: #fff; text-align: left; float: left; clear: both; }

#sidebar { width: 300px; float: left; }

#header-1 { text-align: left; }
#header-2 { padding: 0 0 20px 0;  position: relative; }
#nav-l1 { font-size: 0.85em; margin: 0; width: 100%; background: transparent; }
#nav-l1 ul { white-space: nowrap; line-height: 1em; margin: 3px 0 0 47px; background: transparent; list-style: none; }
#nav-l1 li { float: left; padding: 0px 10px 0px 0px; margin: 0; border-left: 1px solid #aaa; font-size: 1em; letter-spacing: 0; text-transform: none; }

#nav-l1 a { float: left; display: block; color: #bbb; background: transparent url('img/nav-l1-dots.png') no-repeat bottom left;
  padding: 3px 0px 4px 9px; text-decoration: none; font-weight: normal; width: auto; /* nur IE 5.x */ width/**/:/**/ .1em; /* für IE 6.0 */ }
#nav-l1 a.first { }
#nav-l1 > ul a { width: auto; }  /* für alle anderen Browser */
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav-l1 a { float: none; }
/* End IE5-Mac hack */
#nav-l1 li:hover {  }
#nav-l1 li:hover a { color: #ddd; }
#nav-l1 .active a { font-weight: bold; }
#nav-l1 .is_parent:hover { }
#nav-l1 .active, #nav-l1 .active:hover {   }
#nav-l1 .iefix, #nav-l1 .iefix:hover {   }
#nav-l1 li.last {  }

/*--- content styles ---*/
h1, h2, h3, h4 { font-weight: bold; margin: 0 0 0.25em 0;  padding: 0 18px 0 18px; }
h1 { font-size: 140% }			/* 24px */
h2 { font-size: 140%; }		/* 20px */
h3 { font-size: 110% }			/* 18px */
h4 { font-size: 110% }		/* 16px */
p  { font-size: 0.75em; line-height: 1.75em; margin: 0 0 1.75em 0; color: #484e55; }	/* 12,5px/21px */
.podPress_content { font-size: 0.65em; line-height: 1.75em; margin: 0 18px 1.75em 18px !important; color: #484e55;  }
em { font-style: italic; line-height: 1.75em; letter-spacing: 0.01em; }
strong { font-weight: bold; line-height: 1.75em; color: #555c63; }
strong em { color: #484e55; letter-spacing: 0; }

/*--- entry style ---*/
.hentry { padding-bottom: 0.5em; margin: 0 auto 0 auto; }
.entry-head {display: none; }
.entry-content, .comments { padding-top: 20px; } 
.entry-content p, .comments p { padding: 0 18px 0 18px; text-align: justify; }
.entry-content a, .comments a { color: #b40069; }
.entry-content a:visited, .comments a:visited  { color: #55314c; background: #fbf0f6; }
.entry-content a:hover, .comments a:hover { color: #b66793; }
.ImageFrame_none { padding: 0 18px 0 18px; padding-bottom: 1em; }
.vvqbox { padding-bottom: 1em; }
/*--- text-formatting ---*/



pre, code { font-family: Courier, Monospace; font-size: 1.1em; }
abbr, acronym { font-size: 0.9em; border-bottom: none; letter-spacing: 1px; cursor: help; }

blockquote:before, blockquote:after { content: ""; }
blockquote { border-top: 1px solid #92a3b4; border-bottom: 2px solid #98abbe; clear: both; margin-bottom: 1.1em; padding: 1em 0 0em 45px; font-size: 1em; width: auto; background: url('http://media.melaoproject.org/img/blockquote20071104.png') left bottom no-repeat; }
.entry-content blockquote p { color: #59728d; padding-left: 5px; }
blockquote p strong { color: #59728d; }
blockquote p strong em { color: #4b6178; }
blockquote p a { color: #0061d1 !important; }
blockquote p a:visited { color: #074b83 !important; background: #f1f7fc !important; }
blockquote p a:hover { color: #498fdd !important; }


/* form elements */
#commentform input { font: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.1em !important; line-height: 1.4em !important; padding: 1px; border: solid 1px #bbb; }
#commentform textarea { font: courier; padding: 2px; width: 423px; border: solid 1px #bbb; }

/*--- list styles ---*/
ol, ul { list-style: none; }
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }
dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/*--- form styles ---*/
option { padding-left: 0.4em }

/*--- table styles ---*/
table { width: auto; border-collapse: collapse; border-spacing: 0; margin-bottom: 0.5em; }
th, td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }

hr { color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #000 solid; }

/*--- footer styles ---*/
#footer { clear: both; margin: 0 auto; padding: 0.7em 47px 2em 47px;  }
#footer p { font-size: 0.75em; color: #999; }
#footer a { color: #aaa; font-weight: normal; text-decoration: none; }
#footer a:hover { border: none; text-decoration: none; color: #bbb; }

/*--- lightbox support ---*/
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#outerImageContainer { position: relative; background: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 36px 15px 16px 15px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink, #nextLink { background: transparent url("http://media.melaoproject.org/img/0.gif") no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url("http://media.melaoproject.org/img/lb-left01.png") left 70px no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("http://media.melaoproject.org/img/lb-right01.png") right 70px no-repeat; }
#imageDataContainer { background: #fff; margin: 0 auto; line-height: 1.75em; overflow: auto; width: 100% }
#imageData { font-size: 0.75em; color: #484e55; padding: 0 15px; }
#imageData #imageDetails { width: 55%; float: left; text-align: left; padding-top: 1px; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { color: #555c63; clear: left; padding-bottom: 0.2em;	}
#imageData #bottomNavClose { width: 133px; height: 17px; text-align: right; float: right; padding-bottom: 15px; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background: #08101e; }

/*--- rolling archives ---*/
#pagetrack #dragHelper { overflow: visible !important; }
#rollingarchives { position: absolute; padding: 20px 0; display: block; width: 500px; top: 0; } /* CHECK */
#rollingarchives a:hover { text-decoration: underline; } /* CHECK */
#rollnavigation { position: relative; }
#rollnavigation a:active, #rollnavigation a:focus { outline: none; }
#rollprevious, #rollnext, #rollload, #rollhome, #rollpages, #rolldates { position: absolute; top: 3px; }
#rollprevious:hover, #rollnext:hover, #rollhome:hover { text-decoration: underline; cursor: pointer; }
#rollhome { display: none; left: 54px; background: url('http://media.melaoproject.org/img/k2-house01.png') no-repeat center center; width: 16px; height: 16px; } /* check */
#rollload { background: url('http://media.melaoproject.org/img/k2-spinner01.gif') no-repeat center center; top: 1px; left: 50%; margin-left: -8px; width: 16px; height: 16px; }
#rollload span, #rollhome span { display: none; }
#rollnext, #rollprevious { color: #666; font-weight: bold; }
#rollpages { top: 3px; left: 55px; color: #aaa; }
#rollhover { position: absolute; top: 7px; left: -47px; z-index: 100; height: 45px; background: url('http://media.melaoproject.org/img/k2-rollhover01.png') no-repeat center top; }
#rollhover, #rolldates { width: 100px; margin-left: 5px; }
#rollhover { top: 11px; }
#rolldates { position: absolute; color: #999; text-align: center; font-size: .9em; top: 22px; margin: 0; }
#rollprevious { left: 0; text-align: left; }
#rollnext { right: 0; text-align: right; }
.emptypage #rollnavigation { visibility: hidden; }
.firstpage #rollprevious { visibility: visible; }
.firstpage #rollnext, .firstpage #rollhome { visibility: hidden; }
.nthpage #rollnext, .nthpage #rollprevious, .nthpage #rollhome { visibility: visible; }
.lastpage #rollnext, .lastpage #rollhome { visibility: visible; }
.lastpage #rollprevious { visibility: hidden; }
#pagetrackwrap { position: absolute; top: 6px; left: 130px; width: 240px; padding-right: 9px; background: url('http://media.melaoproject.org/img/k2-sliderbgright01.png') no-repeat right center; }
#pagetrack { height: 7px; background: url('http://media.melaoproject.org/img/k2-sliderbgleft01.png') no-repeat left center; }
#pagehandle { top: -5px; width: 17px; height: 17px; background: url('http://media.melaoproject.org/img/k2-sliderhandle01.png') no-repeat center center; cursor: col-resize; }
#primarycontent { clear: both; }
div.trimmed .hentry { background: #f5f5f5; }
div.trimmed .hentry.alt { background: transparent; }
#texttrimmer { position: absolute; width: 55px; height: 15px; top: 10px; right: 55px; }
.firstpage #texttrimmer, .firstpage #pagetrackwrap { visibility: hidden; }
.nthpage #texttrimmer, .nthpage #pagetrackwrap, .lastpage #texttrimmer, .lastpage #pagetrackwrap { visibility: visible; }
#trimmertrackwrap { background: url('http://media.melaoproject.org/img/k2-sliderbgright01.png') no-repeat right center; height: 7px; width: 50px; top: 6px; padding-right: 4px; position: absolute; display: none; }
#trimmertrack { background: url('http://media.melaoproject.org/img/k2-sliderbgleft01.png') no-repeat left center; height: 7px; }
#trimmerhandle { width: 7px; height: 7px; background: red url('http://media.melaoproject.org/img/k2-sliderhandle01.png') no-repeat center center; cursor: col-resize; }
#trimmermore, #trimmerless { display: none; position: absolute; top: 0; height: 16px; width: 16px; }
#trimmermore span, #trimmerless span { display: none; }
#trimmermore:hover, #trimmerless:hover { cursor: pointer; }
#trimmermore { right: 0; background: url('http://media.melaoproject.org/img/k2-trim_more01.png'); }
#trimmerless { left: 0; background: url('http://media.melaoproject.org/img/k2-trim_less01.png'); }
#trimmertrim:hover, #trimmeruntrim:hover { text-decoration: underline; }
#trimmertrim, #trimmeruntrim { cursor: pointer; position: absolute; top: 13px; width: 50px; text-align: center; color: #999; }
.trimmed #trimmertrim { display: none; }
#trimmeruntrim { display: none; }
.trimmed #trimmeruntrim { display: block; }
body.fixraposition #rollingarchives { position: fixed; top: 0px; background: #fff; border-bottom: 1px solid #eee; width: 500px; z-index: 10; padding-top: 10px; padding-bottom: 30px; }
body.fixraposition #trimmertrim, body.fixraposition #trimmeruntrim { top: 3px; }
#dynamic-content { padding-top: 40px; }
body.fixraposition #dynamic-content { padding-top: 40px; }

}

/*--- sifr3 ---*/
@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-active h2 { visibility: hidden; }
.sIFR-active h3 { visibility: hidden; }
.sIFR-active h4 { visibility: hidden; }
}

@media print {
.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
.sIFR-alternate { visibility: visible !important;display: block !important; position: static !important; left: auto !important; top: auto !important; }
}