/*   
Theme Name: ediths 2010
Theme URI: http://www.ingolinde.de
Description: ediths.at Relaunch 2010
Author: Tim Klinger (Gestaltung) & Ingo Linde (Realisation)
Version: 1.0
.
Copyright 2010. All rights reserved.
.
*/

/*****************************************************************/
/*****************************************************************/

/**************
   Reset
****************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****************************************************************/
/*****************************************************************/

/**************
   Grundlegendes
****************/

body {
	background-color: #fff;
	background-image: url('images/background.gif');
	background-position: top left;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 100.01%;
/*	line-height:1.125em; /* 16×1.125=18 */
	color: #000;
}

/**************
   Struktur 
****************/

div#page {
	font-size: 0.75em; /* 16pt * 0.75 = 12pt */
	line-height:125%;
	min-height: 600px;
	background-color: #fff;
	margin:20px auto;
	width: 940px;
}

div#pagecontainer {
	padding:20px;
}

div#main  {
	margin-left: 260px;
	width: 640px;
}

div#left {
	margin-right: 20px;
	float: left;
	width: 240px;
}

div#impressum {
	padding-top: 16px;
	padding-left: 20px;
	color: #999;
	line-height: 1.6em;
}
div#impressum p {
	margin-bottom: 20px;
}
div#impressum p:last-child{
	margin-bottom: 0;
}

div#web2bar {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

div#web2bar img {
    margin-right: 10px;
}

div.zweispaltig {
}


/**************
   Allgemeines
****************/
h1 {
	font-size: 5em; /* 5 * 12pt = 60pt */
	line-height: 1.25em;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 4px;
}

div#post h1 ,
div#homepage h1 {
	margin-bottom: 0px;
}

div#fotopage h1 {
	margin-bottom: 0px;
}

h2 {
	font-size: 3em; /* 3 * 12pt = 36pt */
	line-height: 1.25em;
	font-weight: normal;
	margin-top: 27px;
	margin-bottom: 8px;
}

.excerpt {
	font-size: 1.5em; /* 1.5 * 12pt  = 18pt */
	line-height: 1.25em;
	font-weight: normal;
	margin-bottom: 24px;
}

h3 {
	font-size: 1.17em; /* 1.17 * 12pt  = 14pt */
	line-height: 1.25em;
	font-weight: bold;
	margin-bottom: 8px;
}

img {
    border: 0;
}

a, a:link, a:visited {
    color: #666;
	text-decoration: none;
}

a:focus, a:hover, a:active {
    color: #000;
	text-decoration: none;
}

hr {
	margin: 0;
	height: 1px;
	border: 0 none transparent;
	background-image: url('images/pixellinie.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

/**************
   Allg. Klassen
****************/
.fakehr {
	margin: 0;
	padding: 0;
	height: 1px;
	border: 0 none transparent;
	background-image: url('images/pixellinie.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

.hinweis {
	color: #999;
}

.doppelpfeil {
	background-image: url('images/doppelpfeil.gif');
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 16px;
}
.pfeil {
	background-image: url('images/pfeil.gif');
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.clearall {
	clear: both;
}


/**************
   Navigation
****************/
ul#navigation {
	background-image: url('images/pixellinie.gif');
	background-position: top left;
	background-repeat: repeat-x;
	padding-top:1px;
	margin-top: 20px;
	line-height: 1.6em;
}
ul#navigation ul {
	background-image: url('images/pixellinie.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

ul#navigation li {
	background-image: url('images/pixellinie.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
/*	height: 19px;*/
	padding-bottom:1px;
}
ul#navigation ul li {
	background-image: none;
	background-position: bottom left;
	background-repeat: repeat-x;
}

ul#navigation li a
{
	padding-left: 20px;
	color: #666;
	text-decoration: none;
}
ul#navigation li a,
ul#navigation li a:link, 
ul#navigation li a:visited {
	font-weight: normal;
}
ul#navigation li a:focus, 
ul#navigation li a:hover, 
ul#navigation li a:active {
	font-weight: bold;
	background-image: url('images/pfeil.gif');
	background-position: 10px 5px;
	background-repeat: no-repeat;
}
ul#navigation li.current_page_ancestor > a,
ul#navigation li.current_page_parent > a,
ul#navigation li.current_page_item > a {
	font-weight: bold;
}
ul#navigation li.current_page_item > a {
	background-image: url('images/pfeil.gif');
	background-position: 10px 5px;
	background-repeat: no-repeat;
}
ul#navigation ul {
	padding-left:15px;
}

ul#navigation ul li a:focus, 
ul#navigation ul li a:hover, 
ul#navigation ul li a:active {
	font-weight: bold;
	background-image: url('images/pfeil.gif');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
ul#navigation ul li.current_page_item > a {
	background-image: url('images/pfeil.gif');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
/**************
   Widgetbar
****************/

ul.widgetbar li {
	background-image: url('images/pixellinie.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 10px 20px 11px 20px;
}

div.widgettitle {
	color:#999;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: -3px;
}

/**************
   Seitenspezifisches
****************/

#share_button {
	margin-top: 12px;
	width: 120px;
}

.postnav {
	margin-top: 16px;
	float: right; 
}

div#homepage p ,
div#post p {
	margin-bottom: 20px;
	font-size: 1.17em;
	line-height: 1.25em;
	color: #666;
}
div#homepage .excerpt ,
div#post .excerpt {
	line-height: 1.25em;
	margin-bottom: 12px;
	color: #666;
}
div#homepage .excerpt p ,
div#post .excerpt p {
	margin-bottom:0px;
/*	font-weight: normal;*/
}

div.gallery .hinweis {
	font-weight: bold;
	font-size: 0.856em; /* 14pt * 0.85 = 12pt */
}

div.gallery {
	margin-top: 23px;
	margin-bottom: 16px;
}

div.gallery h3 {
	margin-bottom: 5px;
}

div.gallery img.galleryimg {
	margin-right: 10px;
	margin-bottom: 10px;
	height: 90px;
}

div.gallery img.lastinrow {
	margin-right: 0;
}

div#fotopage div#gallerylist {
	margin-top: -5px;
}

div#fotopage div.gallery {
	margin-top: 16px;
	margin-bottom: 10px;
}

div.teaser {
	margin-bottom: 20px;
	float: left;
	width: 310px;
	height: 90px;
	overflow: visible;
}
div.teaser.left {
	margin-right: 20px;
}
div.teaser h3 {
	margin-left: 130px;
	margin-bottom: 4px;
}
div.teaser p {
	margin-left: 130px;
	margin-bottom: 4px;
	width: 180px;
	line-height: 1.25em;
}
div.teaser div.teaserlink {
	margin-left: 130px;
	width: 180px;
	line-height: 1.25em;
}
div.teaser img.teaserimg {
	margin-right: 10px;
	vertical-align: top;
	float: left;
}

/*****************************************************************/
/*****************************************************************/
/**************
   Mailpress
****************/
div.MailPress div.mp-container, div.MailPress div.mp-formdiv {
	position:relative;
}

div.MailPress div.mp-loading, div.MailPress div.mp-message  {
	position:absolute;
	opacity:0;
}
// IE
div.MailPress div.mp-loading, div.MailPress div.mp-message {
	filter:alpha(opacity=0);
}

.mp-formdiv .MailPressFormEmail,
.mp-formdiv .MailPressFormName {
	vertical-align: top;
	margin: 0;
	padding: 2px;
	padding-top: 0;
	border: 1px solid #999;
	width: 154px; /* 160px - padding - border */
	height: 16px; /* 12px + padding + 2px autopadding */
	color:#999;
}
.mp-formdiv .MailPressFormName {
	margin-bottom: 5px;
}
.mp-formdiv .MailPressFormSubmit  {
	vertical-align: top;
	margin-left: 10px;
	margin-top: 1px;
}

.mp-formdiv input.MailPressFormName.inaktiv,
.mp-formdiv input.MailPressFormEmail.inaktiv {
	color: #999;
}

.mp-formdiv input.MailPressFormName.aktiv,
.mp-formdiv input.MailPressFormEmail.aktiv {
	color: #666;
}

div#postcontent input[name=mp_user_name] {
	margin-bottom: 10px;
}

/**************
   Colorbox
****************/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}