/*  
Theme Name: WordPress JAZZ
Theme URI: http://ulrike-haessler.de/
Description: Drei-Spalten-Layout - basierend auf dem famosen Holy Grail von a list apart. 
Version: 2
Author: Ulrike Haessler
Author URI: http://ulrike-haessler.de/

	JAZZ v2
	 http://ulrike-haessler.de/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body { background: gainsboro; min-width: 75em; 
padding: 1em 3% 0em 3%; font-family: "Lucida Grande", "Lucida Sans Unicode", "helvetica neue", helvetica, arial, sans-serif; font-size: 0.82em; line-height: 138%; }

a img { border: none; }
a { text-decoration: none; }

canvas { width: 30em; height: 18em; }
td, th { vertical-align: top; text-align: left; font-size: 0.9em; color: rgb(40,40,40); }

/** 3-Spalten-Layout **/

#container { 
	padding-right: 38em; 
	position: relative;
	margin-bottom: 10px;
	overflow: hidden; 
}

#container .column { 
	position: relative; 
	float: left; 
	padding-bottom: 20000px;  /* X + padding-bottom */
  	margin-bottom: -20000px;  /* X */
}

#main { 
	width: 100%; 
	background: ghostwhite;
	min-height: 700px;
	overflow: hidden;
}

#sidebar { 
	width: 13em; 
	background: lavender;
	margin-right: -38em;
	overflow: hidden;
}

#archiv { 
	width: 23em; 
	background: ivory; 
	right: -13em; 
	border-left: 2em solid gainsboro; 
	margin-right: -100%;
	overflow: hidden;
}

#footer { 
	float: left; clear: both; 
	background: rgb(93,109,135); 
	height: 18px; 
	width: 100%;
	margin: 0;
	padding: 0;
}



/**
 HEADER
**/

table.coltop { border-collapse: collapse; width: 100%; background: rgb(93,109,135); }
table.coltop a { color: white; font-size: 1em; text-decoration: none; }
table.coltop a:hover { color: silver; }
td.t1 { background: url(/wp-content/themes/jazz_v3/images/lo.gif) no-repeat; width: 10px; height: 20px; padding: 0; margin: 0; }
td.t2 { background: url(/wp-content/themes/jazz_v3/images/m.gif); height: 16px; padding-top: 0px; margin: 0;  }
td.t3 { background: url(/wp-content/themes/jazz_v3/images/ro.gif) no-repeat; width: 10px; height: 20px; padding: 0; margin: 0; }



/**
 MAIN CONTENT
**/

.post { margin: 1em 10% 2em 5%; clear: both; }
.article { padding: 0 10%; }
#main address { color: rgb(80,80,80); }
#main p { color: rgb(75,75,75); max-width: 40em; }
#main ul { margin-left: 0.5em; padding-left: 0.5em; }
#main li { color: rgb(75,75,75); margin-bottom: 0.5em;}
h2 { font-size: 1.5em; margin-top: 2em; letter-spacing: 0.1em; color: rgb(80,80,80); font-family: Georgia, Garamond, serif;}
h2.pagetitle { margin: 1em 10% 3em 5%; }
h2 a { text-decoration: none; color: rgb(20,140,20); line-height: 140%; }
h3 { font-size: 1.2em; margin-top: 2em; letter-spacing: 0.1em; color: rgb(80,80,80); font-family: Georgia, Garamond, serif;}
h3 a { color: rgb(30,150,30); text-decoration: none; }
h3 a:hover { color: rgb(10,80,10); text-decoration: none; }

.entry div { width: 50em; }
.entry img { margin-right: 2%; padding: 1%; border: 2px solid lavender; }
.navigation { padding: 1em 5% 2em 5%; width: 88%; }
.navigation a { text-decoration: none; color: navy; }
.navigation a:hover { color: brown; }

.alignleft {float: left; width: 45%; }
.alignright { float: right; width: 45%; }

#commentbox { margin: 1em 10% 8em 2em; }

.entry span { display: none; }
/**
 sidebar
**/

#sidebar .logo { height: 7em; width: 10em; }
#sidebar ul { list-style: none; padding: 0; margin: 0 0.5em; }
#sidebar ul li { }
#sidebar ul a { text-decoration: none; color: darkgreen; }
#sidebar li h3 { margin: 0; font-weight: normal; padding: 6px 0 0 6px; font-size: 1em; background: url(/assets/navum.gif) repeat-x; height: 21px; }
#sidebar h3 a { text-decoration: none; color: slategray;  }
#sidebar .falldown { padding: 0 0.3em;  }

#sidebar p { font-size: 0.88em; }
#sidebar p a { color: rgb(60,60,60); }
#sidebar li img { display: none; }

#sidebar .falldown ul {margin-top: 3px; }
#sidebar .falldown ul li { margin-left: 3px; margin-bottom: 1px; }
#sidebar .falldown ul a { text-decoration: none; color: rgb(70,70,60); border-left: 6px solid transparent; padding-left: 2px; }
#sidebar .falldown ul a:hover { color: darkslategray; border-left: 6px solid darkslategray;  }


/**
 ARCHIV
**/
#archiv .logo { height: 7em; width: 10em; }
#archiv .note { padding: 1em; }
#archiv h3 { font-size: 1em; color: darkslategray; }
#archiv p { font-size: 0.8em; color: rgb(170,150,150)}

#frapper { border-bottom: 1em solid rgb(93,109,135); }
#footer { color: white; }
#footer p { border-left: 1px solid navy; border-right: 1px solid navy; padding: 0.4em 1%; color: silver; margin: 0; }
#footer a { color: gainsboro; text-decoration: none; font-weight: bold; }
#footer a:hover { color: white; }


table.colbot { border-collapse: collapse; width: 100%; background: rgb(93,109,135); }
table.colbot a { color: white; font-size: 1.5em; text-decoration: none; }
table.colbot a:hover { color: silver; }
table.colbot td.t1 { background: url(/wp-content/themes/jazz_v3/images/smallul1.gif) no-repeat; width: 18px; height: 52px; padding: 0; margin: 0; }
table.colbot td.t2 { background: url(/wp-content/themes/jazz_v3/images/smallom1.gif); height: 32px; padding-top: 20px; margin: 0;  }
table.colbot td.t3 { background: url(/wp-content/themes/jazz_v3/images/smallur1.gif) no-repeat; width: 18px; height: 52px; padding: 0; margin: 0; }


#thePopUp { position: absolute !IMPORTANT; margin-top: -20px; left: 0; margin-left: 10px; border: 1px solid gray; z-index: 100; background: white url(/images/menubg.gif) repeat-x; }
#menuTop { display: block;  padding-top: 3px; padding-left: 3px; }