/*  
Theme Name: Percoco Marble
Theme URI: http://blog.percocomarble.com/
Description: Theme/styles to integrate with main site (http://www.percocomarble.com).
Version: 1.0
Author: Mike Michaelson
Author URI: http://www.streetrodstogo.com/

*/

/* Main settings for page */
body {
	background-color:#fff;
	background-image:url(img/cardoso.jpg); 
	color:#000; 
	font-family:"times new roman", times, serif; 
	margin:0px;
	padding:0px;
}

/* Begin Typography & Colors */
a:link {
	color:#00c; 
	background-color:transparent;
}

a:visited {
	color:#909; 
	background-color:transparent;
}

a:hover {
	color:#660; 
	background-color:transparent;
}

a:active {
	color:#603; 
	background-color:transparent;
}

a:focus {
	background-color:#ccc;
}

a.name {
	font-weight:bold; 
	font-size:100%;
}

a img {
	border-style: none;
}

#header a {
	text-decoration:none; color: #000;
}

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

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	/*text-transform: lowercase;*/
}

#menu ul li {
/*	font: italic normal 110% 'Times New Roman', Times, serif;*/
/*	font-size: 90%; /*smaller*/
	font-weight: bold;
	line-height: 1.3em;
	background: transparent;
	font-family: Arial, sans-serif;
/*	color: #000;*/
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; 
	/*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
/*	border: 0;
	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
	font-style: normal;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

/*#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}*/

/*acronym, abbr {
	border-bottom: 1px dashed #333;
}*/

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

/*acronym, abbr {
	cursor: help;
}*/

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	color:#330;
}

h1.header {
	padding-top:0px; 
	text-align:left; 
	font-size:225%; 
	color:#000; 
	background-color:transparent; 
	white-space:nowrap;
}

h1.content {
	margin-top:0px; 
	padding-top:0px;
}	

h2 {
	border-bottom: 1px dotted #999;
	/*font: 95% "Times New Roman", Times, serif;*/
	letter-spacing: 0.2em;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
}

h3 {
	border-bottom: 1px dotted #999;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
}

ol#comments li p {
	font-size: 100%;
}

p, .feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #999;
	font-weight: normal;
	letter-spacing: 0;
}
.meta a:hover {
	color:#660; 
	background-color:transparent;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

.description {
	color: #330;
	font-size: 125%;
	margin-top: -0.5em;
}

.block                          /* Display as block element rather than inline element */
    {display: block; padding:0.1em;}
.center
    {text-align:center;}
.hidden 
	{display:none;}
.logos
	{display: inline !important;}
.right 							/* for floating text/images to the right */
	{float: right; margin-left:0.5em; vertical-align:middle;}
.w3c
	{float: left; width: 90px;}
.wo								/* widow/orphan protection */
	{white-space:nowrap;}
	
/* Layout & Positioning */
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px 15px 10px 40px; /* top, right, bottom, left */
	height: 131px; /* 111px  + 20px = 131px */
	/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
	Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
	IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
	declaration. The incorrect IE5/Win value is above, while the correct value is 
	below. See http://www.tantek.com/CSS/Examples/boxmodelhack.html for details. */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 111px; /* the correct height */
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#logo {
	height: 111px;
}

#header {
	position: absolute;
	top: 0px;
	left: 190px;
	margin: 0px;
	padding: 10px 20px 10px 0px;
	/* For IE5/Win's benefit height = [correct height] + [top and bottom padding] + [top and bottom border widths] */
	height: 131px; /* 111px + 20px = 131px */
	width: 75%;
	font-style:oblique; 
	font-style:italic;
	/*border: 5px dotted;*/
	/*letter-spacing: 0.2em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 111px; /* the correct height */
}

/* Correct value for non-IE browsers. */
body>#header {
	height: 111px;
}

#menu {
	position: absolute;
	left: 0px;
	top: 131px;
	width: 190px;
	padding: 15px;
	padding-top: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
}

/* Correct value for non-IE browsers. */
body>#menu {
	width: 160px;
}

#content {
	margin: 131px 20px 0px 190px;
	padding: 20px;
	background-color: #fff;
	background-image: url(img/venatino.jpg);
/*	max-height: 605px;
	overflow: auto;*/
	border: solid medium;
}

#footer {
	margin: 0px 0px 0px 190px;
	padding: 10px 20px 5px 0px;
	font-size: 80%; 
	font-weight: bold;
	text-align: center;
}

div.search {
	float: right; 
	background-color:transparent; 
	/*padding-top: 45px;*/
}

div.banner {
	font-size: 90%; /*smaller*/
	font-weight: bold;
	line-height: 1.3em;
	background: transparent;
	font-family: Arial, sans-serif;
	color: #000;
}

div.banner a {
	display: block; 
	border:3px outset #999; 
	padding-left:5px; 
	margin-bottom:2px; 
	margin-right:5px;
}

div.banner a.last, div.banner em.last {
	color:transparent;
	margin-bottom:1em; 
	border-style:none;
}

div.banner a:link {
	color:#330; 
	background-color:transparent; 
	text-decoration: none;
}

div.banner a:visited {
	color:#996; 
	background-color:transparent; 
	text-decoration: none;
}

div.banner a:hover {
	background-color:#cc9; 
	text-decoration: none;
}

div.banner a:active {
	color:#603; 
	background-color:transparent; 
	text-decoration: none;
}

div.banner a:focus {
	background-color:#cc9; 
	text-decoration: none;
}

div.banner a.last:hover, div.banner a.last:focus {
	background-color:transparent; 
}