/*  
Theme Name: Our Little Secret Theme
Theme URI: http://www.ourlittesecret.ch/>
Description: The theme of the Band <a href="http://www.ourlittlesecret.ch">Our Little Secret</a>.
Version: 1.0a
Author: Moritz Dietsche (code), Fr&eacute;d&eacute;ric Hein (graphic design)
Author URI: http://www.mdietsche.ch/

	Our Little Secret v1.0a

	This theme was designed by Fr&eacute;d&eacute;ric Hein and built by Moritz Dietsche.

	It is derived from the <a href="http://binarybonsai.com/kubrick/>Kubrick</a> theme by by Michael Heilemann.
	Random Image Displayer by <a href="mailto:nmotika@bezveze.com">Nenad Motika</a>
	Guestbook made with <a href="http://www.alleba.com/blog/2006/09/21/wordpress-guestbook-generator-plugin/">Made with Wordpress Guestbook Generator</a>

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

*/

a {
	text-decoration: none;
	color: #7fb7e4;
}

a:active {
	text-decoration: none;
	color: #7fb7e4;
}

a:hover {
	text-decoration: none;
	color: #7fb7e4;
}

a:visited {
	text-decoration: none;
	color: #7fb7e4;
}

body {
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 0px;
}

img {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
#site {
	padding: 0px;
	height: 100%;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	position: static;
	z-index: 0;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	width: 757px;
	border: 1px solid black;
}

#header {
	padding: 0px;
	margin: 0px;
	position: relative;
	height: 260px;
	top: 0;
}

#shadow {
	top: -43px;
	position: relative;
	background: url(images/shadow.png) repeat-x;
	width: 757px;
	height: 10px;
}

#sidebar {
	top: -23px;
	position: relative;
	z-index: 1;
	width: 757px;
}

#sidebar ul {
	text-align: right;
}

#sidebar li {
	list-style-type: none;
	display: inline;
	margin-right: 6px;
	margin-left: 0px;
}

#sidebar a {
	background: #7fb7e4 repeat;
	width: 100px;
	height: 30px;
	opacity: 0.95;
	text-align: left;
	color: #fff;
	vertical-align: middle;
	padding: 7px;
	text-decoration: none;
	font: 18px Helvetica, Verdana, Arial, sans-serif;
}

#sidebar a:active {
	background: #000 repeat;
	width: 100px;
	height: 30px;
	opacity: 0.95;
	text-align: left;
	color: #fff;
	vertical-align: middle;
	padding: 7px;
	text-decoration: none;
	font: 18px Helvetica, Verdana, Arial, sans-serif;
}

#searchForm {
	left: 6px;
	width: 177px;
	position: relative;
}

#main {
	left: 195px;
	position: relative;
	width: 556px;
	z-index: -1;
}

#main img {
	border: 1px solid #7fb7e4;
}

#tableImage {
	text-align: right;
	width: 177px;
	vertical-align: top;
	text-decoration: none;
}

#tableSpace{
	width: 12px;
	position: relative;
}

#tableImage li {
	list-style-type: none;
	margin-bottom: 10px;
}

#tableImage a {
	color: #000;
	text-decoration: none;
	font: 18px Helvetica, Verdana, Arial, sans-serif;
}

#tableImage a:active {
	color: #000;
	text-decoration: underline;
	font: 18px Helvetica, Verdana, Arial, sans-serif;
}

#tableContent {
	position: relative;
	width: 367px;
}

#3l_nav {
	position: relative;
	width: 370px;
	margin-top: 300px;
	text-align: right;
}

#3l_nav img{
	border: 1px solid #7fb7e4;
}

#3l_nav li {
	list-style-type: none;
	margin-bottom: 10px;
}

#3l_nav a {
	color: #000;
	text-decoration: none;
	font: 18px Helvetica, Verdana, Arial, sans-serif;
}

#3l_nav a:active {
	color: #7fb7e4;
	text-decoration: none;
	font: 18px Helvetica, Verdana, Arial, sans-serif;
}

#image {
	position: relative;
	width: 370px;
	margin-top: 300px;
	text-align: right;
	z-index: -1;
}

#image img {
	border: 1px solid #7fb7e4;
}

#content {
	position: relative;
	left: 389px;
	width: 370px;
	margin-top: 300px;
	z-index: -1;
}

#content img {
	position: fixed;
	border: 1px solid #000;
}

#postDate
{
	font: 10px Helvetica, Verdana, Arial, sans-serif;
	text-align: right;
}

#footer {
	position: relative;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
}