/* @override http://gianfrancolanucara.com/site/wp-content/themes/gianfrancolanucara/style.css */

/*   
	Theme Name: Gianfranco Lanucara Theme
	Theme URI: 
	Description: Original Theme for Gianfranco Lanucara
	Author: Gianfranco Lanucara
	Author URI: http://www.stylozero.com
	Template: 
	Version: 1.0
*/

/* 1.RESET (zero out all values for cross-browser consistency)
============================================================= */
@import url(css/reset.css);

/* 2.LAYOUT (structure blocks)
============================================================= */
body 					{ }
	#wrapper 			{ width: 950px; margin: 0 auto; overflow: hidden; padding-bottom: 50px; }
		#content 		{ width: 470px; float: left; overflow: hidden; }
			#header 	{ background: url(images/header.png) no-repeat; width: 470px; height: 140px; margin-bottom: 20px; }
	#sidebar 		{ width: 470px; float: right; overflow: hidden; }
		#identity 	{ width: 470px; height: 330px; background: url(images/identity2.png) no-repeat; margin-bottom: 10px; }
		#sidebar-main { width: 230px; float: left; }
		#sidebar-sub { width: 230px; float: right; }

/* Background resizeable image */
html, body { height: 100%; }
#background { position: fixed; width: 100%; height: 100%; }
#wrapper { position: relative; z-index: 1; }

/* BASE
============================================================= */
a:active, a:focus { outline: none; } 
/* Links */
a { text-decoration: none; color: #333; }

/* Typography */
body { line-height: 1.3; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%;/* sets 1.0em to 10px */ }
strong { font-weight: bold; }
em { font-style: italic; }

/* Colors */
body { color: #333; }

/* Forms: Text fields */
input[type=text] { background: #fff; border: 1px solid #aaa; height: 14px; font-size: 1.3em; padding: 3px; color: #999; font-style: italic; }
input[type=text]:focus{ outline: 3px solid #BBEEFF; color: #333; font-style: normal; }

textarea { font-size: 1.3em; padding: 3px; background: #fff; border: 1px solid #aaa; width: 400px; }

/* Utilities */
.clear 	{ clear: both; }
.left 	{ float: left; }
.right	{ float: right; }
.center { margin-left: auto; margin-right: auto; text-align: center; }

/* Header */
#header { text-indent: -9990px; }
#header a { width: 470px; height: 90px; display: block; }

/* IDENTITY BLOCK
============================================================= */
#identity { position: relative; font: italic bold 2.2em Georgia, Helvetica, sans-serif; }
#identity a { position: absolute; color: #777; }
#identity a:hover {  color: #fff; }
#identity a#stylozero { bottom: 95px; left: 40px; }
#identity a#manonuda { bottom: 70px; left: 75px;}
#identity a#qwanes { bottom: 48px; left: 50px;}

#identity p { text-indent: -9999px; }

/* POSTS
============================================================= */
.post { margin-bottom: 30px; background: url(images/post-divider.png) no-repeat bottom; padding-bottom: 40px; overflow: hidden; }
/* Post date */
span.meta-date-block { background: url(images/meta-date.png) no-repeat 15px bottom; padding-bottom: 8px; display: inline-block; }
p.meta-date { font: 1.5em Georgia; background: #880000; padding: 5px 10px; color: #fff;  display: inline-block; }	
.meta-comments { font-size: 1.2em; float: right; background: url(images/comments.png) no-repeat; padding-left: 22px; height: 30px; margin-right: 20px; }
.meta-comments a { color: #555; }
.meta-comments a:hover {text-decoration: underline; }

.category { font-size: 1.4em; font-style: italic; }
.category a { color: #337777; border-bottom: 1px dotted; }
.category a:hover { border-bottom: 1px solid; }

/* Post title */
.post h2, h2#pagetitle { font: 3em Georgia, Helvetica, sans-serif; margin: 10px 0 15px; }
.post h2 a { color: #000; }
.post h2 a:hover { text-decoration: underline; }

/* Page title */
.post.page h2, h2#pagetitle { color: #880000; }

/* Post entry */
.entry { font: 1.4em/1.6 Verdana, sans-serif; margin-bottom: 50px; }

.entry p, .entry ul, .entry ol, .entry h3, .entry object { margin-bottom: 15px; }
.entry ul, .entry ol { margin-left: 50px; }

.entry ul { list-style-type: disc; }
.entry ol { list-style-type: decimal; }

.entry a { color: #337777; border-bottom: 1px dotted; }
.entry a:hover { border-bottom: 1px solid; }

.entry h3, .entry h4 { font-weight: bold; }
.entry h3 { font-size: 1.2em; }
.entry h4 { color: #337777; }

.entry a.more-link { font: italic bold 1.1em Georgia, Helvetica, sans-serif; background: #FFFFBB; padding: 3px 5px; border: 0; }
.entry a.more-link:hover { text-decoration: underline; }

/* Post Images */
.post img.left		{ float: left; margin: 0 20px 10px 0; }/* text wrap around a left image */
.post img.right		{ float: right; margin: 0 0 10px 20px; }/* text wrap around a right image */
.post img.center	{ margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px; }
img.frame 			{ padding: 10px; border: 1px solid #d2d2d2; background-color: #fff; }

/* Favorites */
.favorities { margin-top: 30px; }
.favorities h3 { margin-bottom: 10px; }

.entry ul.chicklets { list-style-type: none; margin: 0; overflow: hidden; }
.entry ul.chicklets li { float: left; margin-bottom: 7px; margin-right: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #337777; display: block; padding: 3px 5px; color: #fff; }
.entry ul.chicklets li a { color: #fff; border: 0; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px 5px; margin: -3px -5px; }
.entry ul.chicklets li a:hover { background: #333; }

.entry ul.chicklets-list { list-style-type: none; margin: 0; overflow: hidden; }
.entry ul.chicklets-list li { float: left; margin-bottom: 7px; margin-right: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #337777; display: block; padding: 3px 5px; color: #fff; clear: both; }
.entry ul.chicklets-list  li a { color: #fff; border: 0; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px 5px; margin: -3px -5px; }
.entry ul.chicklets-list  li a:hover { background: #333; }


/* COMMENTS
============================================================= */
/* Form */
#respond { margin-top: 30px; }
form#commentform p { margin-bottom: 10px; }
form#commentform input[type=text] { width: 200px; margin-right: 10px; }
form#commentform label { font-size: 1.3em; }
form#commentform input#submit { font-size: 1.5em; cursor: pointer; background: #337777; color: #fff; padding: 5px 10px; }
form#commentform input#submit:hover { background: #334444; }

/* Coments list */
#comments h3 { font-size: 2.5em; margin-bottom: 10px; }
#comments h4 { font-size: 1.5em; margin-top: 40px; }
#comments img.avatar { background: #fff; padding: 5px; float: left; margin-right: 10px; }
ul#commentlist { margin-top: 20px; border-top: 1px solid #777; }
ul#commentlist li { overflow: hidden; border-bottom: 1px solid #777; padding: 20px 0; }
ul#commentlist li p.comment-meta { font-size: 1.3em; margin-bottom: 10px; }
ul#commentlist li p.comment-meta span { color: #880000; }
ul#commentlist li p.comment-meta a { color: #337777; border-bottom: 1px dotted; }

ul#commentlist li p+p { font: 1.4em Verdana, Helvetica, sans-serif; margin-bottom: 10px; }

#comments-subscription { font-size: 1.4em; }
#comments-subscription a { color: #337777; border-bottom: 1px dotted; }
#comments-subscription a:hover { border-bottom: 1px solid; }

/* SIDEBAR
============================================================= */
#sidebar h2 { font: italic 2em Georgia, Helvetica, sans-serif; color: #880000; margin-bottom: 10px; }

/* Widgets */
.widget { margin-bottom: 20px; }
.widget ul { font-size: 1.6em; }
.widget ul li { }
.widget ul li a { display: block; border-bottom: 1px dotted #777; padding: 5px 10px 3px 0; }
.widget ul li a:hover { color: #337777; text-decoration: underline; }
.widget ul li a:before { content: "› "; color: #880000; }

/* Widgets: Categories */
#categories { margin-bottom: 20px; }
#categories ul { }
#categories ul li { font: italic bold 1.5em Georgia; line-height: 36px; text-indent: 25px; }
#categories ul li a { display: block; width: 230px; height: 40px; background: url(images/categories.png) no-repeat; color: #555; }
#categories ul li a:hover { color: #337777; }	

/* Widget: Cureuphoria */
#cureuphoria { text-indent: -9999px; }
#cureuphoria h2 { text-indent: 0; }
#cureuphoria a { display: block; width: 230px; height: 90px; background: url(images/cureuphoria.png) no-repeat; }

/* Widget: Photo galleries */
#gallery { margin-bottom: 20px; }

/* Widget: Social */
#social { margin-bottom: 30px; }
#social ul {  }
#social ul li { text-indent: -9999px; margin-bottom: 10px; }
#social ul li a { display: block; width: 115px; height: 27px; background: url(images/social.png) no-repeat; }
#social ul li a:hover {  }

#social ul li#rss a {  }
#social ul li#twitter a { background-position: 0 -25px; }
#social ul li#facebook a { background-position: 0 -50px; }
#social ul li#lastfm a {background-position: 0 -76px; }

#social ul li#rss a:hover { background-position: -115px 0; }
#social ul li#twitter a:hover { background-position: -115px -25px; }
#social ul li#facebook a:hover { background-position: -115px -50px; }
#social ul li#lastfm a:hover { background-position: -115px -76px; }

/* Widget: iTunes */
#itunes ul { margin-top: 20px; margin-bottom: 40px; }
#itunes ul li { overflow: hidden; margin-bottom: 10px; }
#itunes img { float: left; background: #fff; padding: 3px; border: 1px solid #aaa; width: 30px; height: 30px; margin-right: 5px; }
#itunes ul li a { font-size: 1.3em; }

span.lastfm_artist { font: bold 1.0em Georgia, Helvetica, sans-serif; }
span.lastfm_music { font-style: italic; color: #555; }

/* Widget: Galleries */
#galleries img { background: #fff; padding: 4px; border: 1px solid #aaa; }

/* Widget: Random Posts */
#random-posts { background: url(images/wdg-random-posts-footer.png) no-repeat bottom; padding-bottom: 37px; }
#random-posts h2 { background: url(images/wdg-random-posts-header.png) no-repeat top; height: 80px; text-indent: -99999px; margin: 0;}
#random-posts ul { background: url(images/wdg-random-posts-body.png) repeat-y; padding: 0 20px; overflow: hidden; }
#random-posts ul li { margin-bottom: 15px; font: italic 1.4em Georgia; border-bottom: 1px solid #ccc;}
#random-posts ul li a { color: #777; }
#random-posts ul li a:hover { color: #337777; }
#random-posts ul li a:before{ content: "› "; color: #880000; font-weight: bold; }

/* Widget: Latest Comments */
#latest-comments.widget ul li { font: italic 1.0em Georgia, Helvetica, sans-serif; margin-bottom: 10px; }
#latest-comments.widget ul li a { font: 0.8em Helvetica, Arial, sans-serif; color: #337777;}
#latest-comments.widget ul li a:before{ content: ""; }

/* Search */
#search { width: 230px; height: 38px; background: url(images/search-bg.png) no-repeat; margin-bottom: 20px; }
#search input#s { margin: 8px 10px 10px 15px; width: 160px; }
#search input#searchsubmit { width: 14px; height: 14px; background: url(images/search-icon.png) no-repeat; cursor: pointer; }

/* Simple Facebook Connect (single.php)
============================================================= */
div#sfc-block { border-top: 1px dotted #6677AA; border-bottom: 1px dotted #6677AA; overflow: hidden; padding: 10px 0; margin-bottom: 15px; }
span.sfc { float: left; margin-right: 20px; }
p#fb-actions { font: italic bold 1.5em Georgia, Helvetica, sans-serif; margin-bottom: 3px; color: #3355AA; }

span#fb-user { font-size: 1.5em; margin-bottom: 20px; border: 0; }
p#sfc_comm_send label { margin-left: 5px; }

div#alt-login-methods { margin-bottom: 30px; }
p#fb-connect-msg { font: italic bold 1.5em Georgia, Helvetica, sans-serif; color: #3355AA; margin-top: 20px; }

/* WP PAGENAVI Plugin
============================================================= */
.wp-pagenavi { font-size: 1.3em; clear: both; text-align: center; }

.wp-pagenavi a, 
.wp-pagenavi span { border: 1px solid #337777; padding: 6px 10px; margin-right: 3px; background: #FFFFBB; display: inline-block; color: #337777;}

.wp-pagenavi .pages { background: none; border: none; color: #555; }

.wp-pagenavi a:hover, 
.wp-pagenavi span.current { background: #337777; color: #fff; }

/* Tipsy jQuery Plugin
============================================================= */
.tipsy { padding: 5px; font-size: 14px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }