/*  
Theme Name: Webtissimo
Theme URI: http://www.webtissimo.de 
Description: Webtissimo.de Style Sheet
Version: 1.0
Author: Thomas Remensperger
Author URI: http://www.webtissimo.de
*/

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFE788 url(images/blur.jpg) repeat-x fixed;
	padding: 0;	margin: 0;	
}

#container {
}

#intro {
	margin-left: 100px;
	width: 649px;
	height: 115px;
	background: #F1F2F4 url(images/titleBanner.jpg) top left no-repeat;	
}

#content {
	position: absolute;
	top: 115px;
	left: 100px; 
	width: 463px; 
	height: 950px;
	background: #fff url(images/shadow.gif) top left repeat-y;
	padding-left: 186px; 
}

html>body #content { /* be nice to opera (&gekko) */
height: auto;
min-height: 950px;
}

#title h1 {
	margin: 0;
}

#title h1 a {

	height: 115px;
	display: block;
}

#intro span {
	display: none;
}

#summary {
	width: 293px;
	z-index: 1;
	position: absolute;
	top: 115px;
	padding-top: 18px;
	background: url(images/summaryPermantent.gif) top right no-repeat;
}

#summary h3 {
	font-size: 90%;
	color: #C1D0F5;
	margin: 10px 10px 5px 130px;
	padding: 0;
}

#summary ul, 
#summary p {
	color: #889ABD;
	font-size: 0.7em;
	padding: 0;
}

#categories h3 span {
	display: none;
}

#categories ul {
	padding: 0;
	margin: 0 0 0 100px;
}

ul.tagcloud {
	margin: 60px 20px 20px 130px;
}

ul.tagcloud li {
	list-style: none;
	display: inline;
}

#about p, 
#recommended p,
div.searchform {	
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 18px;
	margin: 0 20px 0 130px;
}

.searchform input {
	with: 400px;
}

#recommended p a:link,
#recommended p a:visited {
	text-decoration: underline;
}

#summary li{
	line-height: 20px;
	margin: 0; padding: 0;	
}

#summary li span,
#summary p span {
	color: #889ABD;
}

#categories ul li {
	padding: 0 0 0 20px; margin: 0;
	height: 24px;
	background: transparent url(images/menu.jpg) no-repeat;
	font-size: 100%;
	list-style: none;	
}

#categories li span a {			
	margin-left: 10px;
}

#summary a:link,
#summary a:visited {
	color: #889ABD;
	text-decoration: none;	
}

#summary a:hover {
	color: #446A94;
}

#categories li a {
	font-weight: bold;
}

#favourites ul {
	margin: 0 0 0 150px;
	list-style: none;
}

#favourites ul h4 {
	font-size: 12px;
	padding: 0; margin: 0;
}

#favourites ul li { 
	margin: 0;
	list-style-image: url(images/icoStar.gif);
	list-style-position: outside;
}

#favourites ul li {
	font-size: 12px;
	height: 15px;
	margin-bottom: 2px;
	padding: 0;
}

#content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol, #content table, #content form {
	padding-left: 50px;
	padding-right: 50px;	

}

#content h3, #content h4, #content h5, #content h6 {
	color: #FFAD26;	
	margin: 0;      
	padding-top: 15px;
	padding-bottom: 10px;	
}

#permanent {
	background: #E1E9FC url(images/summaryPermantentBg.gif) top right no-repeat;
	height: 28px;
}

#permanent ul {
	font-size: 90%;	
	margin: 0 4px;	
	padding: 0;
}

#permanent ul li {
	list-style: none;
	float: right;
	margin: 7px 0;
	padding: 0 0.5em;
}

#permanent ul li span {
}

#permanent ul li.page_item span a,
#permanent ul li.page_item span a:link,
#permanant ul li.page_item span a:visited {
	color: #889ABD;
	border-width: 0;
}

#permanent ul li span a:hover {
	border-color: #889ABD;
	border-width: 1px;
}

#content h3 {
	font-size: 1.1em;	
}


#content h4 {
	font-size: 0.9em;
}

#content h3.title,
#content h3.title a:link, 
#content h3.title a:visited {
	color: #3366ff;	
}

#content #archive h3.title{
	margin-bottom: 5px;
	letter-spacing: 0.2em;
}

#content h3.title a:link, 
#content h3.title a:visited {
	text-decoration: none;
}

#content h3.title a:hover {
	color: #39f;
}

#content h4.title,
#content h4.title a:link, 
#content h4.title a:visited {
	color: #FFAD26;	
}

#content h4.title a:link, 
#content h4.title a:visited {
	text-decoration: none;
}

#content h4.title a:hover {
	color: #FFE788;
}

#references h3 {
	color: #0c0;
}

#comments h3 {
	margin: 0;
}

#content p {
	color: #333;
	font-size: 12px;
	line-height: 2em;
	margin: 0;
	padding-top: 0;
	padding-bottom: 10px;
}

#content blockquote {
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	font-style: italic;
	margin: 0 50px;
	border: 1px solid #ddd;
	background-color: #fafafa;
	padding:  5px 10px;	
	line-height: 2em;
}

#content code, #content pre {
	font-size: 12px;
	font-family: Courier New, Courier;
	display: block;
	margin: 15px 0;
	padding: 5px;
	white-space:pre;
}

#content ul, ol {
	margin-left: 30px;
}

#content p a:link, 
#content p a:visited, 
#content li a:link, 
#content li a:visited {
	text-decoration: none;
	border-bottom: 1px solid #FFAD26;
	color: #FFAD26;
}

#content p a:hover,
#content li a:hover {
	border-bottom: 1px dotted #FFAD26;
}

#content p.hint {
	color: #FFAD26;
	font-size: 0.7em;
}

#content p.hint a:link,
#content p.hint a:visited {
	color: #FFAD26;
	border-bottom-width: 0;
	text-decoration: underline;
}
#content p.hint a:hover {
	text-decoration: none;
	color: #FFAD26;
}

#content p.meta {
	padding: 0;
	margin: 0 50px -10px 50px;
	letter-spacing: 0.3em;
	font-weight: bolder;
	color: #FFE788;
	text-align: right;
}

/*
#content p.meta {
	width: 48px;
	height: 48px;
	background: url(images/icoDate.gif) top center no-repeat;
	float: left;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: #A5A5A9;
	text-align: center;
}

#content p.meta span.day {
	padding-top: 4px;
	padding-bottom: 0;
	font-size: 1.8em;
	font-weight: bold;
	display: block;
}

#content p.meta span.month,
#content p.meta span.year {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 0.7em;
}*/

#content div.excerpt {
	padding: 10px 40px;
}

#content div.excerpt p {
	padding: 10px;
	font-family: Trebuchet MS, Times New Roman, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFAD26;	
}

#content div.excerpt p.postmeta {
	padding-bottom: 2px;
	margin-bottom: 0.2em;
	letter-spacing: 0.1em;
	text-align: right;
	font-family: Georgia, Times New Roman, serif;
	font-size: 0.6em;
	color: #F8D24E;
}

#content div.excerpt p.postmeta a:link ,
#content div.excerpt p.postmeta a:visited {
	text-decoration: underline;
	border-bottom-width: 0;
	color: #F8D24E;
}

#content div.excerpt p.postmeta a:hover {
	text-decoration: none;
}

#content li {
	color: #333;
	font-size: 12px;
	line-height: 1.7em;
}

#references ul {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	list-style: none;
}

#comments ol {
	font-family: Georgia, Times New Roman, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#comments ol li {
	font-size: 100%;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	margin: 10px 0;
}

#references li {
	float: left;
	margin-right: 0.4em;
}

#references li span a:link,
#references li span a:visited {
	text-decoration: none;
	color: #0c0;
}

#references li span a:hover {
	text-decoration: underline;
	color: #3E3;
}

#comments ol li p a:link,
#comments ol li p a:visited {
	border-bottom-width: 0;
	text-decoration: underline;
	color: #658C96;
}

#comments ol li p a:hover {
	text-decoration: none;
	color: #AAC2C8;
}


#content form {
	margin: 0;
}

#content form p {
	padding-left: 0;
	padding-right: 0;	
}

#content input, 
#content textarea {
	border: 1px solid #658C96;
}

#content label {
	font-size: 0.76em;
	margin: 0;
	padding: 0 3px;
	color: #658C96;	
}

#content img {
}

#comments ol li p.metadata {
	color: #538CFF;
	font-size: 0.7em;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 5px;
}

#footer {
	font-size: 0.76em;
	color: #333;
	margin-top: 20px;
}

#footer span a:link,
#footer span a:visited {
	border-bottom-width: 0;	 
	font-weight: bold;
	color: #446A94; 
	text-decoration: none;
}

#footer span a:hover {
	border-bottom-width: 0;
	text-decoration: underline;
}

div.infoCell {	
	font-size: 0.8em;
	margin-left: 50px;
	margin-right: 50px;
}

span.label {
	display: block;
	font-family: Georgia, Time New Roman, sans-serif;
	font-weight: bolder;
	color: #AAC2C8;
}

span.value {
	margin-left: 100px;
}

#googleAdds {
	padding-top: 50px;
	margin-left: 130px;	
}

.floatLeft {
	float: left;
	padding: 3px;
	margin: 5px 5px 0 0;	
}

.floatRight {
	float: right;
	padding: 3px;
	margin: 5px 0 0 5px;	
}

.standAlone {
	clear: both;
	float: none;
}

#flickr {
	width: 100px;
	padding: 10px 10px;
	margin: 10px 10px 5px 130px;
}

#flickr a {
	border-width: 0;
}

#flickr a img,
#flickr a:link img,
#flickr a:visited img {
	border: 1px solid #889ABD;
	padding: 3px;	
	margin: 5px;
}

#flickr a:hover img {
	border-style: dashed;
}

#flickr h3 {
	padding: 0;
	margin: 0;
}

#flickr p {
	color: #889ABD;
}

#flickr span.flickr {
	color: #0063DC;
}

#flickr span.flickrR {
	color: #FF0084;
}

/* Prevous / next links ins categories and homepage */
.navigation {
	padding-left: 50px;
	padding-right: 50px;		
}

.navigation a:link,
.navigation a:visited {
	color: #3366ff;	
	font-size: 12px;
	line-height: 2em;
	font-weight: bold;	
}

.navigation a:hover {
	color: #39f;	
}

.navigation .alignleft {
	float: left;
}

.navigation .alignright {
	float: right;
}

div.clear {
	width: 100%;
	float: none;
	clear: both;
}

#commentPreview h3 {
	padding-left:0;
	padding-right:0;
}
#commentPreview p {
	font-family: Georgia, Times New Roman, sans-serif;
}