/*
Theme Name: Strawberries in Chocolate with !!blue
Theme URI: http://blog.zoblue.com/wp-content/theme/strawberry/style.css
Description: curv-a-licious, widget-aware, chocolate-covered strawberry field of !!blue
Version: 2.1
Author: Zulema Ortiz
Author URI: http://zoblue.com/
*/
/*  The design/layout of my blog (including all images, 
CSS code, XHTML code, flash swf files), unless
otherwise specified, are copyright 2008 Zulema Ortiz 
and may not be used elsewhere without my permission.  */

/* =/ defaults /= */ 
body {background:#570505; 
	color:#333; font: normal 78%/1.5 Arial, Helvetica, sans-serif; }
h1 { font:normal bold 2.5em Georgia, "Times New Roman", Times, serif; 
	color:#fff; margin-top: 0; margin-bottom: 180px;
	width: 535px; height:80px; float: right; 
	display:block; text-indent:-9999px; outline:none; 
	background-image: url(images/blueblog.png);
	background-repeat: no-repeat;
	background-position: top left; border-bottom:none;}
h2{	font: normal bold 1.5em Georgia, "Times New Roman", Times, serif; color:#570505;}
h3 {font: normal bold 1.4em Georgia, "Times New Roman", Times, serif; color:#0E3760;}
h4 { font: normal bold 1.2em Georgia, "Times New Roman", Times, serif; color:#fff;}
h5 {font: normal bold 1em Georgia, "Times New Roman", Times, serif; color:#fff;}
h2, h3, h4 {padding: 2px; margin:0 15px;}
h2 {margin-top: 15px;}
h5 {padding: 4px; line-height:1; }
hr { padding: 0; margin: 5px;
	line-height: 0; height: 1.3px; border: 0; background: #471A07;
	color: #471A07; }

ul, dl { margin-left: 30px;}
ul li,
dl dd {
	padding-left:20px; 
	background: transparent url(images/bullet.png) no-repeat top left;}
dl dt {font-weight: bold; margin-top: 4px;}
p  {font-size: 1em; padding: 2px; margin: 10px 15px; color:#333;}
abbr, acronym {border-bottom: 1px dashed #999; cursor:help;}
a:link {color: #570505; text-decoration:none; border-bottom:1px dotted #570505;}
a:visited {color:#333; text-decoration: none; border-bottom: 1px dotted #570505}
a:hover {color:#0C1F46; text-decoration:none; border-bottom:1px solid #0C1F46}

del {color: #555; text-decoration:line-through; cursor:help;}
ins {border-bottom:1px dashed #999; cursor:help;}
code { font: normal 1em "Courier New", Courier, Fixed;}
caption {
	margin: 0; padding: 0;
	background: transparent; color: #333; font-variant:small-caps;
	font: bold 1em Arial, Helvetica, sans-serif; text-align: center; }
small {	font-size: 0.9em}
/* =/ specific classes /= */
p.dt { margin-top: 3px !important; }
p.month {color:#fff; font-variant:small-caps; font-weight:bold; font-size: 1.2em;margin-top: 2px !important; } 
.post {}
div.storycontent {margin-left: 9px;}
p.meta {font-size: 0.9em; margin: 5px 15px; margin-left: 25px; }

hr {
	border:none; margin-left:10px; padding:0; 
	background: transparent url(images/divider.png) no-repeat center center;
	width: 580px; height: 52px;}

.excerpt {	float: right; font-style: italic;
	width: 150px; height: 35px; line-height: 1; text-align: left; padding: 4px;
	margin: 5px; margin-bottom: 10px; clear:right;
	background:#fff url(images/excerpt.png) no-repeat top left;
	border:1px dotted #e9e9e9;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 10px;}
.excerpt p {padding: 10px 0 0 0; margin:0;}

blockquote {
	margin: 0 0 10px 20px;
	padding: 0;
	width: 400px;
	background: transparent url("http://blog.zoblue.com/wp-images/quote.png") scroll no-repeat top left;}
blockquote p.quote {
	margin: 0 0 5px 0; padding: 20px 20px 5px 20px;
	background: transparent url("http://blog.zoblue.com/wp-images/qend.png") scroll no-repeat right bottom;}
blockquote p.author{
	letter-spacing: 1px; 
	margin: 0; padding: 0 0 10px 20px;
	font-size:0.9em; font-style:italic;
	background: transparent;}/* url(images/qbottom.png) scroll no-repeat bottom*/

/* =/ n a v i g a t i o n /= */
ul#nav { margin: 0; margin-left: 20px; padding: 0; 
  background:transparent; list-style: none; width: 520px; }
ul#nav li {  margin:0; padding:0; line-height: 10px; background-image:none;
	list-style-type:none; height:24px; display: block; float: left; }
ul#nav li a,
ul#nav li span { 
	height:24px; text-indent:-9999px; outline:none; display:block; border-bottom:none;}

#home a, 
#home a:link, 
#home a:visited {
  background-image: url(images/bttn_home.png);
  background-repeat: no-repeat;width: 84px;
  background-position: bottom left; border-bottom:none; }
#home a:hover {
   background-position: top left; border-bottom:none;width: 84px;}
#uhome a, #uhome a:link, 
#uhome a:visited, #uhome a:hover{ 
  background-image: url(images/bttn_home.png);
  background-repeat: no-repeat; width: 84px;
  background-position: top left;}

#archive a, 
#archive a:link, 
#archive a:visited {
  background-image: url(images/bttn_archives.png);
  background-repeat: no-repeat; width:96px;
  background-position: bottom left; border-bottom:none; }
#archive a:hover {
   background-position: top left; border-bottom:none; width:96px;}
#uarch a, #uarch a:link, 
#uarch a:visited, #uarch a:hover{ 
  background-image: url(images/bttn_archives.png);
  background-repeat: no-repeat; width:96px;
  background-position: top left;}

#about a, 
#about a:link, 
#about a:visited {
  background-image: url(images/bttn_colo.png);
  background-repeat: no-repeat; width:109px;
  background-position: bottom left; border-bottom:none; }
#about a:hover {
   background-position: top left; border-bottom:none;width:109px;}
#uabt a, 
#uabt a:link, 
#uabt a:visited, 
#uabt a:hover{ 
  background-image: url(images/bttn_colo.png);
  background-repeat: no-repeat; width:109px;
  background-position: top left;}

#stats a,
#stats a:link,
#stats a:visited {
  background-image: url(images/bttn_stats.png);
  background-repeat: no-repeat;width: 84px;
  background-position: bottom left; border-bottom:none; }
#stats a:hover {
   background-position: top left; border-bottom:none;width: 84px;}
#ustats a, #ustats a:link, 
#ustats a:visited, #ustats a:hover{ 
  background-image: url(images/bttn_stats.png);
  background-repeat: no-repeat;width: 84px;
  background-position: top left;}

#contact a, 
#contact a:link, 
#contact a:visited {
  background-image: url(images/bttn_contact.png);
  background-repeat: no-repeat; width: 124px;
  background-position: bottom left; border-bottom:none; }
#contact a:hover {
   background-position: top left; border-bottom:none; width: 124px;}
#ucont a, #ucont a:link, 
#ucont a:visited, #ucontm a:hover{ 
  background-image: url(images/bttn_contact.png);
  background-repeat: no-repeat; width: 124px;
  background-position: top left;}
.textlinx {padding: 2px; margin: 15px; margin-bottom: 8px;}
.textlinx li {padding:0; margin:0;}
.profile { margin-left: 5px;}
a.ico, ico a:link, a.ico:visited, a.ico:hover {border:none;}
/* =/ m a i n   d i v s /= */
#togglelnk {z-index:103; color:#333; position: relative; top: 90px; font-size: 0.8em; }
#content {
	background: #fff url(images/content2.png) no-repeat top center;
	width: 940px;
	margin-left: 10px; display:table;
}
#content .grid_8, #content .grid_4 {margin:0; margin-top: 50px !important;}
#content .grid_4 {background: transparent url(images/dashed.png) repeat-y top left; }
/* =/ stats tables /= */
table.tablelist{
	border: 1px solid #471A07;
	padding: 0; border-collapse: collapse;
	margin: 0; margin-left: 16px;}
table.tablelist caption{
	padding:.5em 1em; font-variant: small-caps;}
/* table head */
table.tablelist thead th{color: #fff; background: #471A07;line-height:1.1;
	font-size:1em; font-weight: bold; padding: 4px; text-align: center;
/*min-width: 450px; width:auto !important; width:450px;*/}
/* table body */
table.tablelist tbody{	background:#D1C9C2;}
table.tablelist tbody th{
	padding:4px; color: #333;
	background: #D1C9C2; border: 1px solid #471A07;
	border-top:none; font-weight: normal; 
	font-size: 0.9em; text-align: center;line-height:1.1;}
table.tablelist tbody td{
	padding: 4px; color: #333;
	background: #D1C9C2; border-bottom: 1px solid #471A07; 
	border-left: 1px solid #471a07;
	font-size: 0.9em;line-height:1.1;}
table.tablelist tbody tr.odd td,
table.tablelist tbody tr.odd th{ background:#A28F81; }
/* table footer */
table.tablelist tfoot th,
table.tablelist tfoot td { padding:6px; background: #eee; color: #555; font-size: 0.8em;}
table.tablelist tfoot th p,
table.tablelist tfoot td p {padding:0; margin:0;line-height:1}
table.tablelist tfoot th img,
table.tablelist tfoot td img{
	border:none; vertical-align:bottom; padding-left:10px; float:right; }
/* =/ javascript niceR titles /= */ 
div.nicetitle {
	background-color: #570505; 
	color: #fff; font: bold 0.9em Arial, Helvetica, sans-serif;
	left: 0; padding: 4px; position: absolute;
	top: 0; z-index: 104; -moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 10px;
	-moz-opacity: .87; min-width: 200px;
	width: auto; height: auto;}
div.nicetitle p { 
    margin: 0; padding: 0 3px; -moz-opacity: 1; color:#fff;}
div.nicetitle p.destination {
    font-size: 0.8em; padding-top: 3px; text-align: left; -moz-opacity: 1; }
div.nicetitle p span.accesskey {color: #7597B0;}

/* =/ comments /= */
.gravatar .avatar { width: 50px; height: 50px;
	margin: 0; padding: 0; background: transparent;}
.avatar {
	width: 50px; height: 50px; margin: 0; padding: 0;
	background: transparent;}
.gravatar {
	width: 52px; height: 52px; float: left; text-align: left; 
	margin: 0; margin-left: 12px; padding: 6px; border: 0 !important;
	background: transparent url(http://blog.zoblue.com/wp-images/gravatar_shadow.gif) no-repeat 6px 6px;}
#commentlist {margin-left: 22px}
#commentlist li { padding-bottom: 8px;}
#commentlist li:hover {background:#D2DDE6;
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 0; -moz-border-radius-topright: 10px;
	-moz-opacity: .87;}
#recaptcha_table {margin:0 0 10px 30px !important;}

.widget_text,  .widget_calendar, .widget_pages,
.widget_categories, .widget_links, .lastfm_recent_widget,
.widget_deliciouspp, .widget_akismet, .widget_meta
{font: normal bold 1.2em Georgia, "Times New Roman", Times, serif; color:#0E3760;
margin: 10px; margin-top: 15px;}
#menu, #menu li h2, #menu li h3 {margin:0; padding:0;}
#menu ul {margin-left: 0; }
#menu ul ul {margin-left: 30px;}
#menu ul li  { font-weight: normal; background-image:none; padding-bottom: 5px; font-size: 1em;}
#menu ul li li
{background: transparent url(images/bullet.png) no-repeat left top; line-height:1.3;font-weight: normal; }
#menu ul li,
#menu ul ul li,
#menu table, #menu th, 
.zg_whatdiv{}
#menu dl dt {font:normal 0.9em Arial, Helvetica, sans-serif; margin:0;}
#menu dl dd {font: normal 0.9em Arial, Helvetica, sans-serif; line-height:1.2}
/* =/ Last.fm widget styling /= */

#menu .lastfm_recent_image img{
	width:50px !important; height:50px !important; float:left; padding-right: 4px;}
#menu 
/*
.lastfm_recent_widget dl {font-size: 0.9em;}
#menu .lastfm_recent_table {padding:0;border:0;}
#menu .lastfm_recent_image, 
#menu .lastfm_recent_td_img {width:52px !important; }
#menu .lastfm_recent_td_content {width:auto; }
#menu .lastfm_recent_img {width:50px; height:50px; padding:0;margin:0;}
#menu .lastfm_recent_title {font-weight:bold; }
#menu .lastfm_recent_date,
#menu .lastfm_recent_artist { color:#333; }
#menu .lastfm_recent_recent {background:transparent}*/

#menu caption {color: #333; font: bold 0.9em Arial, Helvetica, sans-serif; font-variant: small-caps;}
#menu table, #menu .zg_div {margin-left: 30px; margin-top: 8px;}

.flickr-frame {margin-left: 50px; width: 400px; text-align: center;}
.flickr-caption { font-size: 0.8em; margin-top: 0; }
.moods {font-size: 0.8em; font-style: italic;}

/* =/ footer /= */
#footer {
	background: #461906 url(images/footer.png) repeat-x top left;overflow:hidden;
	width: 940px; min-height: 150px; font-size: 0.9em; margin: 5px 0 0 10px;}
#footer p {color:#fff;}
#footer a:link {color:#fff; border-bottom:1px dotted #fff;}
#footer a:visited {color:#ccc; border-bottom:1px dotted #ccc;}
#footer a:hover {color:#0C1F46; border-bottom:1px solid #0C1F46}
ul.textlinx li { padding-left:20px; }
#footer .grid_6, 
#footer .grid_3 {background: transparent /*url(images/footer.png) repeat top left*/}
/* =/ and I'm spent! /= */