/*

	Theme Name: 3 Column Relaxation (Beta 2.0.2)
	URI: http://clemens.orth.me.uk/
	Description: A simple, modern and easy to setup 3 column layout
	Version: 2.0.2 Beta
	Author: Clemens Orth
	Author URI: http://clemens.orth.me.uk/

	3 Column Relaxation Theme
	http://clemens.orth.me.uk/
	This theme was designed and build by Clemens Orth (http://clemens.orth.me.uk)
	
	Certain modules like the theme configuration were expired/stolen/copied by/from the Squible Theme.

	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	The photos in the header graphic are released under the cc licence. Check the URLs
	in the readme.txt file for more details.

	NOTE: The flickr stylesheet definition for the flickr badges (http://www.flickr.com) are at the end of this 
	of this stylesheet. They are also used for all other images in the 3rd column. So be carefull what you are 
	do to them.

This is just a test.
	
*/

html, body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #a9ac99;
	font-size: 13px;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	padding: 0;
}

blockquote {
	border-left: 1px solid #e0e0d0;
	padding-left: 10px;
	margin: 0 30px;
}

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

code {
	color: #7D0100;
	text-align: left;
}

h1, h1 a {
	color: #7D0100;
	font-size: 20px;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	margin: 40px 0 0 0;
	padding: 0;
	text-decoration: none;
}

h2, h2 a {
	color: #7D0100;
	font-size: 13px;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
}

h3 {
	color: #7D0100;
	font-size: 13px;
	margin: 15px 0 15px 0;
	padding: 0;
}

h4 {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ol, form {
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.5em;
	text-align: justify;
}

small {
	font-size: 10px;
	line-height: 1.2em;
}

#comment {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #000000;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	width: 350px;
}

#content {
	background: transparent;
	border: 0;
	color: #000000;
	float: left;
	left: 1px;
	margin: 0;
	padding: 0 15px 0px 15px;
	text-align: left;
	width: 524px;
}

#content a:hover {
	text-decoration: underline;
}

#content img {
	margin: 5px 15px 0 0;
	border: 1px solid #e0e0d0;
}

#email, #author {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #7D0100;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#footer {
	background:  #7D0100;
	clear: both;
	color: #FFFFFF;
	font-size: 11px;
	height: 125px;
	margin: 0;
	width: 864px;
	padding: 10px 10px 10px 10px;
	align: center;
}
#footer ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
	list-style-image: none;
	align: center;
}

#footer li {
	display: inline;
	width: 18%;
	align: center;
}

#header {
	background: transparent;
	color: #a0a999;
	float: left;
	font-size: 11px;
	height: 120px;
	margin: 0;
	padding: 8px 30px 0 0px;
	text-align: right;
	width: 490px;
}

#header a {
	color: #990000;
}

#header img {
	border: none;
}

#page {
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 864px;
}

#s {
	background: #ffffff;
	border: 1px solid #e0e0d0;
	color: #7D0100;
	font-size: 11px;
	height: 15px;
	padding-left: 2px;
	vertical-align: middle;
	width: 115px;
}

#sidebar {
	background: #eeeeee;
	border:  0;
	color: #443;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 10px 0px 20px 0px;
	text-align: left;
	width: 140px;
}

#sidebar2 {
	background: #eeeeee;
	border:  0;
	color: #443;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 10px 0px 20px 0px;
	text-align: left;
	width: 140px;
}

#sidebar a {
	color: #7D0100;
}

#sidebar2 a {
	color: #7D0100;
}

#sidebar a:hover {
	color: #7D0100;
}

#sidebar2 a:hover {
	color: #7D0100;
}

#sidebar h2 {
	color: #7D0100;
	font-size: 11px;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#sidebar2 h2 {
	color: #7D0100;
	font-size: 11px;
	letter-spacing: 0.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}

#sidebar li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar2 li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#sidebar2 ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#noindent {
	margin: 0 0 0 -10px;
	padding: 0;
}
#noindent2 {
	margin: 0 0 0 -10px;
	padding: 0;
}

#submit {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #7D0100;
	font-size: 11px;
	margin: 0;
	padding: 0 10px;
}

#today {
	background: #ffffff;
}

#top {
	color: #FFFFFF;
	font-size: 45px;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
	margin: 40px 0 0 0;
	padding: 0;
	text-decoration: none;
	background: transparent url('http://www.casa-in-italia.com/v2/rotate.php') no-repeat top center;
	height: 180px;
	outline-style: inherit;
	outline-color: #000000;
	outline-width: 1px;
	text-shadow: Teal;
}

#url {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #7D0100;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}

.commentbody {
	color: #7D0100;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	background: #f7f7f0;
	border: 1px solid #f0f0e0;
	position: relative;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink {
	font-size: 10px;
}

.commentlist {
	list-style: none;
}

.commentcount {
	position: absolute;
	right: 36px;
	top: 0;
	font-family: Georgia,sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #e0e0d0;
	float: right;
}

html[xmlns] .commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}

.zone {
	color: #808979;
	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0 0 0 2px;
}

.navigation {
	font-size: 11px;
	padding: 40px 0 0 0;
}

.pagetitle {
	font-size: 11px;
	letter-spacing: 0.09em;
	text-align: right;
}

.postmetadata {
	color: #808979;
	font-size: 11px;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
	text-align: right;
}

.postmetadata a {
	color: #808979;
}

/* different postmetadata style for single.php */

.alt {
	line-height: 1.4em;
	padding: 0 0 15px 30px;
}

.alt a {
	color: #7D0100;
}

.white {
	color: #FFFFFF;
}

.hoverbox
{
	cursor: pointer;
	list-style: none;
}

.hoverbox a
{
	cursor: pointer;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #fff;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-width: 3px;
	border-color: #fff;
	width: 200px;
	height: 150px;
}
#warning
{
	background: #ffffe1 url('http://www.jeroom.eu/casa/img/warning.gif') no-repeat 5px 3px;
	border-bottom: 1px solid #000;
	color: #000;
	width: 100%;
}

#warning a
{
	color: #33f;
}

#warning a:hover
{
	text-decoration: underline;
}

#warning p
{
	color: #000;
	font: 11px/21px Tahoma, sans-serif;
	margin: 0;
	padding: 0 0 0 24px;
}
acronym
{
	border-bottom: 1px dashed;
}
#contact
{
	background-color: #eeeeee;
	width: 520px;
	border: 1px solid #7D0100;
	color: #443;
	float: center;
	font-size: 11px;
	margin: 0;
	padding: 0px 25px 5px 5px;
	text-align: left;
	position: relative;
}
#dhtmltooltip
{
	position: absolute;
	width: 200px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
}