body{background: #fff ; font: 76%/1.5 'Bookman Old Style', 'ITC Bookman Old Style', 'Hoefler Text', palatino, georgia, century, sans-serif; margin:0;}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	color:#42434A;
}

h1, #header a{font-size: 2em;line-height: 0.75;}
h2, #cloud a{font-size: 1.8em;line-height: 1; margin: 0}
h3{font-size: 1.35em;line-height: 1.1111;margin: 1.1111em 0}
h4{font-size: 1.2em;line-height: 1.25;margin: 1.25em 0}
h5{font-size: 1em;line-height: 1.5;margin: 1.5em 0}
h6{font-size: 1.1em;line-height: 2;margin: 2em 0}




/* PARAGRAFAZIONE */

p, blockquote, pre, ol, dl, ul, form {line-height:1.5}

dd{font-family: 'trebuchet MS', trebuchet, sans-serif; padding-left:20px;}
li{ padding-left:2px;margin-left:25px;}

.center {text-align: center; margin:0; width:100%;}
.right {text-align: right}
.left {text-align:left}
.justify{text-align:justify}


/* TESTO */

i {font-style: oblique; font-size-adjust: 0.51; letter-spacing: 0.05em; margin-right:2px;}
b {color:#323548}
em {font-style:normal; font-weight: bold;  color:#36869A; font-family: 'trebuchet MS', trebuchet, sans-serif; letter-spacing: 0.08em; padding: 0 0.1em;}
tt {font-size:1.1em}

.serif {font-family: georgia, century, 'times new roman', serif;}
.sans_serif {font-family: 'trebuchet MS', trebuchet, sans-serif;}
.ext {letter-spacing:0.5em}
.smallcaps{font-variant: small-caps}
.capitalize {text-transform: capitalize}
.imp, .azur {color:#C1C4DA;}


/*=====================================================================================
HEADER e classi relative 
=======================================================================================*/
#header {position: relative;width:980px; height:307px; background: #fff url("retrogeek_head.gif") no-repeat 0px top;}
	
	#header h1, #header a, #cloud a, #paginazione a {font-family: 'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; font-weight:bold; letter-spacing:45%; text-transform: uppercase;color:#999;}
	#header a, #cloud a {text-decoration:none;}
	#header a.cloud, #cloud a {color:#C1C4DA;}
	#header a.menu {color:#999; margin-right:10px; }
	#header a.menu_r , div#cloud a.menu_r {color:#999;}
	#header a:hover, #cloud a:hover, #paginazione a:hover {background-color:#C1C4DA; color:#999;}
	#header h1 {float:right;}

	#search {position: absolute; left: 738px; top:244px; vertical-align:bottom;}


#content {position:relative; width:980px; display:block}
div.#content:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#rightbar {display:inline-block; width:281px; text-align: center;}
div#blogarea {background:url("retrogeek_bg.gif") 0px 0px repeat-y;display:inline-block; float:left; width:738px; margin:0;}

div#footer { display:block; clear:both;height:40px; border-top: 1px solid black; border-bottom: 1px solid black; background: #D4D4E6;}
	#footer li {display: inline;}
	#footer li.copy {display: block; width:auto; float:left;}
	#footer li a {text-decoration:none; display:block; float:left; width:80px; height:40px; line-height:40px; text-align:center;background:#fff; margin-right:2px;}
	#footer li a:hover { background: #D4D4E6;}

#cloud {clear:both;background:#fff; border-top: 1px solid black; text-align:justify; margin:30px 0 0 0; padding-top:3px; margin-right:12px;}



/*=====================================================================================
classi per BLOG ENTRY
=======================================================================================*/

.post, .recipe{display:block; clear:both; width:100%; margin:0px 0 30px  0; padding:0;position:relative}
.firstpost {padding-top:0}
	
	.date {float:left; display: inline-block; width: 220px; text-align:right; color:#333366; padding:1.5em 0; min-height:5em; letter-spacing:80%;  }
		
		.date_zone_title {font-family: 'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; font-weight:bold; text-transform: uppercase; color:#595968;}
	
	
	.entry {float:right; display: inline-block; width:475px; margin-right:10px;}
		.title, .subtitle, .recipe_subtitle, .recipe_title{text-align:center; }
		
		h2.title {font-family: 'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; font-weight:bold; text-transform: uppercase;  color:#669; text-align:center; letter-spacing:45%; margin:0 0 0.4em 0;}
		h2.twitter {text-align:left;margin-bottom:0;padding-bottom:0; margin-top:30px;}
		h2.title a {display:block;  color:#7F7F95; text-decoration:none; background:transparent; padding:20px 0;}
		h2.twitter a {display:block; margin-bottom:0;padding:20px 0  0 52px; vertical-align:baseline; line-height:0.8em}
		h2.title a:hover {background: #C1C4DA;}
		h2.twitter a:hover { background:transparent;}

		h4.subtitle {color:#595968; margin-top:0;}

		div.text, div.moretext {margin:1.5em 0; margin:0 12px;}
		div.text:first-letter {font: 1.8em 'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; line-height:1.5em; text-transform: uppercase; color:#323548}
		div.text a {}

			blockquote {width:90%, float:right; clear:both}
			blockquote i {font-size-adjust: 0.5; letter-spacing:0em;}

			blockquote.twitter, blockquote.quote, blockquote.libro,  blockquote.ghetto {padding:20px; background: #fff;border: 1px dotted #333366;}

			blockquote.recipe {width:445px; padding:15px; background-color:#fff;  border: 1px dotted #333366;}

				blockquote.recipe dl {margin:20px 0;}
				blockquote.recipe h3 {text-transform: uppercase; font-family: 'century gothic',  'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; color:#666699; text-align:center; margin:0; padding:0}
				.recipe_note {text-transform: uppercase; font-size:1.2em; font-weight:bold; font-family: 'century gothic', 'trebuchet MS', trebuchet, verdana, arial, helvetica, sans-serif; text-transform: uppercase; }

			blockquote.quote, blockquote.twitter {background:#DFDFFF url(wz_bg_quote.gif) repeat}
				blockquote.quote b, blockquote.recipe b, .morelink, .recipetext {text-transform: uppercase; font-family: 'century gothic', 'trebuchet MS', trebuchet, sans-serif; font-size:1.2em}
				blockquote.quote ul, blockquote.quote ol {margin:20px;}
				blockquote.quote li {line-height:1.2em;}

			blockquote.libro {text-align: center}

			blockquote.twitter{padding:40px;margin:0px 40px 30px 40px; font-family: 'century gothic', 'trebuchet MS', trebuchet, sans-serif;}
				p.twitter {font-size:0.9em;line-height:1em;letter-spacing:0.07em;;display:block;text-align:right; position:relative;bottom:-40px;left:40px;text-transform:uppercase;padding:0;margin:0}
				p.twitter a {font-weight:bold; text-decoration:none;}

			

			div.blogimg {text-align:center;}
			object, a.blogimg {display:block; background:#C1C4DA  url(wz_bg_pic.gif) repeat; border:1px solid #54667a; padding:20px 0; width:100%; text-align:center;}
			object:hover, a.blogimg:hover {display:block; background:#fff; border:1px solid black;}
			img.fb_img, embed {background:#C1C4DA; border:1px solid #54667a;}
			img.fb_img:hover {background:#C1C4DA; border:1px solid #000;}

		.morelink a, .recipelink a  {font-weight:bold;font-family: 'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; text-transform: uppercase; color:#595968; text-decoration:none}

	div.post_footer {position:absolute;bottom:-30px;left:10px; width:210px;}
		
		div.comment_this {display:block; font-weight:bold; margin: 0px; text-align:right;font-family: 'trebuchet ms', trebuchet, verdana, arial, helvetica, sans-serif; text-transform: uppercase;}
		div.comment_this a {color:#595968; text-decoration:none}
		div.comment_this input {border:0;}

	div.commenti,#paginazione {float:right;  width:500px; margin-right:8px;background:#fff; padding:20px 0 0 20px;}

		.commento_wz {background:#C1C4DA ;}
		.commento_testo {margin:20px;}
		.commento_nome{margin:20px;}

		.comments_h {display:none;}

		.recipe ol {width:80%;text-align: left;}
		.recipe li {}
		.recipe_content {text-align: left;}
		


div.post:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
img.post_separator	{display:block;clear:both;position:relative; left:0px; margin:0;}

#paginazione {list-style:none; padding-bottom:20px;}
#paginazione li {display:block;float:left;text-align:center;}
#paginazione a {color:#666; display:block; float:left;height:16px; width:16px; border:1px solid #ccc; margin:1px; text-decoration:none;text-align:center; background:#fff; float:left;}
#paginazione a.next, #paginazione a.prev {width:100px; padding:0 3px;)

.no_display {display:none;}



/*=====================================================================================
classi per MORE
=======================================================================================*/


.color1 {
    background: #fff; /* twilight blue */
}
.color2 {
    background: #eee; /* twilight blue */
}

.color3 {
    background: 	#ddddff;

}
.color7 {
    background: #babac3; /* french grey */
}
.color8 {
    background: #b3b3ca; /* blue haze */
}
.color6 {
    background: #D3DEEB; /* hawkes blue */
}
.color4 {
    background: #d8d8ed; /* hawkes blue */
}



.color5 {
    background:#aaaacc;
}

.color9 {
    background: #c1c1c7; /* ghost */
}
.color10 {
    background: #bbbbff;
}
.color11 {
    background: #8b8b8f; /* suva grey */
}
.color12 {
    background: #444444;
}

.color13{background:#C1C4DA;}
.color14{background:#6D6D7F;}