/*
Theme Name: newmedia
Theme URI: http://mediaevent.de/
Description: Basiert auf dem Drei-Spalten-Layout "Holy Grail" von alistapart.com 
Description: ohne jeglichen Hack :-) 
Version: 1
Author: Ulrike Haessler  */

body { background: lavender; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.82em; line-height: 150%; min-width: 1020px; padding-left: 2%; padding-right: 2%; }

object { border: 0px solid transparent; }

a { text-decoration: none; color: rgb(110,50,110); }
a:hover { color: navy; }
a img { border: none; }

dd, dt { max-width: 40em; }

del { display: none; }
hr { clear: both; visibility: hidden; }

pre { font-family: "Lucida Console", Monaco, mono-serif; font-size: 0.92em; line-height: 1.4em; color: navy;  }

pre span { color: rgb(50,50,60); }

code { font-family: Monaco, "Lucida Console", mono-serif; color: navy; }

strong { color: rgb(80,80,80); font-family: Tahoma, Arial, Helvetica, sans-serif;  }

table { font-family: Tahoma, Helvetica, Arial, sans-serif; border-collapse: collapse;  }
td, th { vertical-align: top; text-align: left; }
caption { font-size: 0.8em; color: rgb(60,60,60); caption-side: bottom; }

#header { height: 60px; }
#header h1 { font: 2.4em/120% Tahoma, sans-serif; letter-spacing: 1px; margin: 0.1em; }
#header a { text-decoration: none; color: ghostwhite;}
#header p { color:dimgray; margin:0em; }


#content { 
	padding-right: 36em;	/* Breite rechte Spalte */
	overflow: hidden; position: relative; }

#content .column { 
	position: relative; float: left; 
	padding-bottom: 10000px; margin-bottom: -10000px; }	

#main { 
	background: white; width: 100%; border-bottom: 1em solid lavender; z-index: 2000; }

#menu { 
	background: lavenderblush;  
	width: 15em;		/* Breite linke Navigation  */
	border-right: 1em solid lavender;
	margin-right: -30em; }

#rightbar { 
	background: white;
	width: 20em;		/* Breite rechte Spalte */
	right: -15em;   
	margin-right: -100%;
	border-left: 1em solid lavender;
	font-family: Helvetica, Arial, sans-serif;} 

#footerwrapper { background:lavender; clear:both; position:relative; width:100%; }

#footer { background:lavender; }

table.topline { width: 100%; background: lavender; margin-bottom: 0; }
table.topline td { margin: 0; padding: 0; }
.tl { width: 15px; height: 51px; background: url(/wp-content/themes/mediaevent/images/thislo.gif) no-repeat; }
.tm { background: url(/wp-content/themes/mediaevent/images/thisom.gif) top right repeat-x; }
.tr { width: 15px; height: 51px; background: url(/wp-content/themes/mediaevent/images/thisro.gif) no-repeat;}

table.bottomline { border-collapse: collapse; width: 100%; background: lavender;  }
table.bottomline td { margin: 0; padding: 0; }
.bl { width: 15px; height: 30px; background: url(/wp-content/themes/mediaevent/images/thislu.gif) no-repeat; }
.bm { background: url(/wp-content/themes/mediaevent/images/thisum.gif) repeat-x; }
.br { width: 15px; height: 30px; background: url(/wp-content/themes/mediaevent/images/thisru.gif) no-repeat;}

.topline td { vertical-align: bottom; font-size: 1.2em; font-weight: bold;  }

div.topline { background: rgb(199,173,199); width: 100%; margin: 0; height: 1.5em; padding-top: 0.3em; margin-bottom: 40px; }
#rightbar div.topline { margin-bottom: 40px; }

div.bottomline { background: rgb(199,173,199); width: 100%; margin: 0; height: 3em; padding-top: 0.3em; }
.topline a { text-decoration: none; color: dimgray; padding: 6px 5px 0 22px; margin-left: 3px; background: url(/wp-content/themes/mediaevent/images/thistlescale.gif) no-repeat bottom left;}
.topline a:hover, .bottomline a:hover { color: white; }
.topline ul { list-style: none; margin: 0; padding: 0; }
.topline li { display: inline; }

.topline a.est { color: white; }
.bottomline { color: gray; }
.bottomline a { text-decoration: none; color: dimgray; padding: 6px 5px 0 5px; margin-right: 3px; }

/** Erste Werbeleiste oben **/
#toplink { position: absolute; top: 100px; z-index: 5000; font-size: smaller; text-align: center; line-height: 120%; }
#toplink table { margin-left: 6%; width: 640px; }

/** Navigation rightbar **/
#rightbar div.topline { text-align: right; }

#rightbar h6 { font-weight: normal; font-size: 1.1em; color: mediumpurple; margin-bottom: 0.5em; }
#rightbar h6 a { color: mediumpurple; }
#rightbar ul { list-style-type: none; margin: 0; padding: 0; }
#rightbar ul ul li { line-height: 1.6em; padding: 0 1em; }

.borderline { padding: 0 10px 10px 10px; }
.borderline p { font-size: 0.8em; line-height: 130%; }

h5.drawer-handle  { background: lavender; border: 1px solid silver; font-size: 1em; margin: 0; line-height: 30px; font-weight: normal; padding-left: 6px; cursor: pointer; }

h5.last { margin: 0; background: lavender;}
li.drawer { margin: 0; background: rgb(255,255,250); }

.navline { padding: 30px 9% 30px 6%; text-align: center; max-width: 44em; }
.post { padding: 40px 5% 30px 5%; color: rgb(50,50,50);  }

.post h3 a { text-decoration: none; color: palevioletred; }
.post h3 { font-weight: normal; font-size: 1.5em; line-height: 150%; margin-bottom: 0; margin-top: 0; color: palevioletred }
.post h4 { font-weight: normal; clear: both;  padding-bottom: 12px; margin-top: 4em; color: palevioletred; border-bottom: 2px solid palevioletred; font-size: 1.4em; max-width: 700px; }
.post h6 { font-weight: normal; color: black; clear: both; font-size: 1.1em;  padding-left: 1em; border-left: 12px solid palevioletred;  }

.post p { max-width: 38em; color: rgb(70,70,70); }
.post p.date { font-size: 0.8em; color: rgb(100,100,100); margin-top: 2em; }
.post blockquote { max-width: 40em; }
.post li { max-width: 38em; }

.post .metadata {margin: 0.7em 0; color: rgb(90,90,90); border-bottom: 1px solid gainsboro; padding-bottom: 2px; width: 140px; }
.metadata { font-size: smaller; }
p.meta { font-size: smaller; }
div.meta { }
.small { font-size: 0.88em; color: navy; width: 560px; }

a.more-link { color: darkred; }
ul.post-meta { list-style-type: none; margin-left: 0; padding-left: 0; }
ul.post-meta li { display: inline; font-size: smaller; }
dl.dlimg { float: right; margin-top: 0; margin-left: 1em; }
dl.dlimg dd { margin: 0; font-size: smaller; }
 
 /** Bildunterschriften **/
dl.popup,
dl.flat,
dl.nof,
dl.links, 
dl.rechts { margin-bottom: 10px; }

dl.popup { float: right; margin: 0 0 1em 1em;  }
dl.popup img {  }
dl.popup dd, dl.flat dd { padding: 4px; margin: 0; font-style: italic; font-size: 0.88em; font-family: Verdana; line-height: 120%; }

dl.flat { float: right; margin: 1em 0em; }

dl.nof { float: none; margin: 1em 0em; }
dl.flat img {  }
dl.links { float: left; margin: 0 1em 1em 0; }
div.flat { float: right; margin: 0em 0em 1em 1em; }
#thePopUp { position: absolute; margin-top: -20px; left: 0; margin-left: 10px; border: 1px solid gray; z-index: 100; background: white url(/wp-content/themes/mediaevent/images/menubg.gif) repeat-x; }

.alignright { float: right; margin-left: 10px; }
.canvas { background: ivory; border: 3px solid thistle; border-radius: 10px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  
padding: 8px 8px; margin-bottom: 4px; float: right; width: 240px; margin-left: 14px; font-size: 0.92em; line-height: 140%; }
.canvas p { margin-top: 0;  }
.canvas pre { background: none; width: auto; }
.canvas table { border-collapse: collapse; }
.canvas table td { border: 1px solid salmon; padding: 4px; }
.canvas h6 { border: none; border-bottom: 2px solid thistle; padding: 0 0 5px 0; margin-top: 0;  }

.marginal { float: right; width: 240px; padding: 4px; background: ivory; border: 2px solid silver; }

#tplcomment { padding: 30px 9% 30px 5%; }
#tplcomment label { display: block; font-size: 0.8em; font-style: italic; margin-top: 1em; }
#tplcomment input, 
#tplcomment textarea { font-size: 1em; color: navy; padding: 0.1em; font-family: Arial, Helvetica, sans-serif; }
#tplcomment h4 { width: 25em; color: steelblue; border-bottom: 2px solid steelblue; margin-top: 2em; font: normal 1.3em/150% 'Trebuchet MS', Helvetica, sans-serif; }

#tplcomment ol { font-size: 0.9em; }
#tplcomment li { width: 40em; }

#menu ul {
	list-style-type: none;
	padding: 0 4px;
	margin: 0 4px; }

#menu li { font-size: 0.9em; }
#menu li.page_item { font-weight: bold; }
input#query { font-size: 1em; color: indigo; }

#footer p {
	padding: 4px; margin: 0; }

div.frame { border: 2px solid plum; padding: 1em; width: 480px; }
div.boxft { font-size: 2em; }
div.backg { background: thistle; }

.linkcat h2 { font-size: 1.1em; }
.linkcat ul { padding-left: 0.5em; margin-left: 0.5em;  }

.meCom { color: rgb(90,90,90); }

div#hcollect { margin-right: 2em; max-width: 50em; font-weight: bold; }
div#hcollect a { color: rgb(100,100,100) }
div#hcollect a:hover { text-decoration: underline; }
div#hcollect p { padding: 2px 6px; margin: 0; font-size: 0.8em; }
div.mark-t { }
div.mark-m { }
div.mark-b { }

.meTop { margin-bottom: 2em; font-size: x-small; }
.meTop a { color: rgb(90,90,90) }
.meTop a:hover { text-decoration: underline; }

img.viImage { border: 1px solid gray; z-index: 2001; border-top: 16px solid gray; margin: 0; padding: 0; padding-top: 4px; }
div#viBox { position: fixed; top: 200px; left: 40px; background: lavender; text-align: center; width: 640px; z-index: 2000; }
div#viInner { width: 600px; margin-left: auto; margin-right: auto; }

object { border: 0px; }

div.codebox { background: thistle; padding: 15px 10px 3px 10px; border:1px solid lightsteelblue; -moz-border-radius: 6px; -webkit-border-radius: 6px; max-width: 540px; clear: both; margin-top: 10px; }
div.codebox pre { background: snow; padding: 6px; }
div.codebox h5 { margin: 0;  }
div.codebox h6 { margin: 0; border: none;  }

div.midbox {margin: 2px;  padding: 3px; border:1px solid palevioletred; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
	 margin-top: 10px;}
div.midbox h6 { margin: 0; padding: 2px; font-size: 1em; color: palevioletred; }
div.midbox ul { background: snow; padding: 6px; font-size: 0.8em }
div.midbox li {  }

#searchform { padding: 3px; margin-top: 2em; margin-bottom: 2em; }

.adsimage { float: right; margin-left: 10px; }

input#eingabe:focus { background: plum; }
a.bef:before { content: url(/www.png) " " attr(href) " "; }

div#outl:hover { outline: 8px solid thistle; }

.gads { margin-top: 2em; }
.gadsu { margin-top: 2em; }
.ads160 { float: right; width: 162px; margin-left: 10px; margin-top: 20px; }
.ads728 { margin-left: 5%; padding-top: 15px; }