/* CSS Document */
* { margin: 0; padding: 0; }
body {
	background: #570901; /* red *//*med tan= #CB9F5B;*/ /*dark brown = #330E00;*/ /*top left repeat url(images/flor_roof.gif);*/
	/*font: .9em/1.1em "Times New Roman", Times, serif;*/
  	margin:0;
  	font: 100% "Times New Roman", Georgia, Times, serif;
	/*line-height: 1.3em;*/
  	text-align: left;
  	color:#330E00;
  	font-size/* */:/**/small;
  	font-size: /**/small;
  	} 

#masterContainer {
	width: 830px;
	position: absolute;
	left: 125px;/* 50%; */ top: 75px;
	/* margin-left: -300px;*/
	}
	
#header {
	width: 180px;
	border: 10px solid #FFF2AB;
	margin-right: 15px;
	background: #330E00;
	position: relative;
	top: 0; left: 0;
	float: left;
	min-height: 450px;
	}
* html #header {height:450px} /*ie-pc min-height hack */

#content {
	width: 360px;
	position: relative;
	top: 0; left: 0px;
	background: #CB9F5B;
	border: 10px solid #FFF2AB;
	float: left;
	min-height: 450px;
	}
	
#sidebar { /* blog & homepage */
    width: 200px;
	postion: absolute;
	top: 0; left: 10px;
	border: 10px solid #FFF2AB;
	background: #330E00;
	float: right;
	min-height: 440px;
	padding-bottom: 10px;
	}
#sidebar ul { list-style:none;  }
#twitter_div { padding: 10px; }
#sidebar p { padding: 10px; color: #CB9F5B; }
#sidebar a, a:visted { color: #fff2ab; /*  */  }
#twitter-link { padding-top: 5px; }
	
#header { color: #CB9F5B; }
#logo { padding: 10px 9px; margin-bottom: 6px;}
#nav { list-style: none; margin: 0; padding: 0;}
#nav li { padding: 4px 25px 5px 25px; }
#nav li.current a, #nav li.currentNew a { color: #FFF2AB; }
#nav li:hover, #nav li.current, #nav li.currentNew, #nav li.New { background: #570901; }
#nav a, #nav li.New a { text-decoration: none; color: #CB9F5B; font: 1.1em/1em "Times New Roman", Times, serif; margin: 0; padding: 0;}
  #nav a:hover {   }
 .vcard { 
	position: absolute; 
	bottom: 0; left: 0;
	width: 160px;
	padding: 10px 10px 10px 25px; 
	font-size: .85em;
	line-height: 1.3em;
	text-align: left;
	}
a img { border: none; }
hr { border-bottom: 1px solid #FFF2AB; 
	border-top: 0; border-left: 0; border-right: 0;
	margin: 0px 0 3px 0;
	padding: 0;
	line-height: 0px; 
	display: block;
	}
h1 {
  margin:.25em 0 0;
  padding:0;
  font-size:150%;
  font-weight:normal;
  line-height:1.1em;
  color:#570901;
  }
h2 {
  margin: 0 0 3px 0 ;
  font:78%/1.4em "Times New Roman", Georgia, Times, serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#FFF2AB;
  border-bottom: 1px solid #FFF2AB;
  }
h3 {
  margin: 0 0 3px 0 ;
  font:78%/1.4em "Times New Roman", Georgia, Times, serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#330E00;
  }
 #body_content ul {
 	list-style: none;
	margin-bottom: 10px;
	}

	
#content_header {
	height: 143px;
	background: #330E00;
	}
#header_image { padding: 2px 2px; }
#body_content {
	padding: 20px 15px 20px 17px;
	color: #330E00;
	}
#body_content p { margin-bottom: 15px; }

#footer { 
	background: #330E00; 
	padding: 3px 15px 10px 17px; 
	position: absolute;
	bottom: 0; left: 0;
	margin: 10px 0 0 0;
	width: 328px;
	color: #CB9F5B;
	font-size: .76em;
	}
#footer a { text-decoration: none; color: #CB9F5B; }
#footer a:hover { text-decoration: underline; }
#footer a:visited, #footer a:active { text-decoration: none; }
	
#sidebar, #sidebar a { color: #CB9F5B; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar .section { padding: 5px 15px 15px 15px; }
#sidebar .section p { margin-bottom: 5px; }
#sidebar h2, #sidebar-title {
	background: #570901;
	color: #FFF2AB;
	font: 1.1em/1.5em "Times New Roman", Times, serif;
	padding-left: 15px;
	}
	
table { border-bottom: 0px solid #FFF2AB; margin-bottom: 10px; width: 328px; }
td { width: 109px; }
.price { text-align: right; width: 60px; }
#body_content a { color: #570901; text-decoration: none; }
#body_content a:hover { color: #570901; text-decoration: underline; }
#hcard-Caffé-Medici a { text-decoration: none; color: CB9F5B; }
.vcard a { text-decoration: none; color: #CB9F5B; }
.vcard a:hover { text-decoration: underline; }
.vcard a:visited, .vcard a:active { text-decoration: none; color: #CB9F5B; }

.cssform p{
width: 225px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 100px; /*width of left column containing the label elements*/
border-top: 1px solid #FFF2AB;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -100px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 225px;
}

.cssform textarea{
width: 225px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}