/*  
Theme Name: ga-Tempo
Theme URI: http://www.gastauftritt.net/
Description: Special theme for the site www.gastauftritt.net, derived from the much more basic ga minimal
Version: 0.9 beta
Author: Titus Gast
Author URI: http://www.gastauftritt.net/

	REMEMBER that this theme is only an EARLY BETA version! Probably you'll find tons of bugs. If you do so, please feel free to write me an e-mail to titus@gastauftritt.de.

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

*/


/* these styles are meant to structure the pages */



body {
	width: 1000px;
	background-image: url("/wp-content/themes/tempo/background.png");
	background-color: #ccc;
	margin-left:auto;
	margin-right:auto;
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color:#666;
	}


#header {
	margin: 20px 20px 0px 20px;
	border: 1px solid #999;
	width: 960px;
	background: url("/wp-content/themes/tempo/header.png") no-repeat #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 1;
	}

img.header { border: none; z-index: 2;}

span.title {
	text-align: right; 
	padding: 2px 5px 7px 5px; 
	background: #c00;
	position: relative; top: -60px;
	float: right;
	font-size: 2em;
	}

div.headerlink { min-height: 190px; }


div.subtitle {
	background: #fff;
	padding: 5px;
	color: #333;
	font-size: 1em;
	text-align: right;
	}


#content {
	margin: 20px;
	width: 962px;
	}


div.blog {	
	background: #fff;
	float: left;
	width: 500px;
	padding: 20px;
	text-align: justify;
	border: solid 1px #999;
	}

#sidebar {
	float: right;
	padding-left: 20px;
	width: 380px;
	font-size: 1em;
	}

div.sidebar1 {
	float: right;
	background:#fff;
	width: 380px;
	border: solid 1px #999;
	padding: 10px;
	margin-bottom: 10px;
	}

div.sidebar2 {
	float: right;
	background:#fff;
	width: 380px;
	border: solid 1px #999;
	padding: 10px;
	margin-bottom: 10px;
	}

div.sidebar3 {
	float: right;
	background:#fff;
	width: 380px;
	border: solid 1px #999;
	padding: 10px;
	margin-bottom: 10px;
	}

div.sidebar4 {
	float: right;
	background:#fff;
	width: 380px;
	border: solid 1px #999;
	padding: 10px;
	margin-bottom: 10px;
	}

div.sidebar5 {
	clear: right;
	float: right;
	background:#fff;
	width: 380px;
	border: solid 1px #999;
	padding: 10px;
	font-size:0.9em;
	text-align: center;
	}

#footer {
	clear: both;
	bottom: 2px; 
	margin-top: 20px;
	padding-top:20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.8em;
	line-height:1.0em;
	text-align:center;
	}


/* text-elements */

p {
	font-size:1em;
	text-align:justify;
	}

h1 { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.6em; 
	text-align:left; 
	color:#c00;
	line-height: 1em;
	}

h2 { 
	font-size:1.2em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#c00;
	text-align:left;
	}

h3 { 
	font-size: 1.0em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666; 
	text-align:left;
	}

h4 { 
	font-size: 0.8em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#c00; 
	text-align:left;
	}


blockquote { 
	margin-left:10px;
	margin-right:10px;
	font-size:0.9em; 
	text-align:justify; 
	}

ul {
	margin-top:0px;
	padding-left:20px;
	text-align:left;
	list-style-type: square;
	}

ol {
	margin-top:0px;
	padding-left:20px;
	text-align:left;
	list-style-type: square;
	}


/* link-styles */

a:link { 
	color: #c00;
	text-decoration: none;
	}

a:visited {
	color: #c00;
	text-decoration:none;
	}
	
a:active { background: #c00; }

a:visited.header { color: #333; }

a:link.header { color: #333; }

a:hover {text-decoration: underline; }


/* styles for form-elements */

input#s { background: #ccc; color: #666; }

input#author { background: #ccc; color: #666; }

input#email { background: #ccc; color: #666; }

input#url { background: #ccc; color: #666; }

textarea#comment { background: #ccc; color: #666; 	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

form { margin-bottom: 10px; }


/* styles for pictures and flickr-integration with FAlbum */

img { border: 1px solid #999; }

#foto {
	background: #999;
	}

img.foto { margin-top: 50px; border: 1px solid #999; }