/* @override http://www.davidelongo.com/wordpress/wp-content/themes/Davide-longo/style.css */

/*
Theme Name: Davide Longo 2011
Theme URI: http://www.giovannigentile.net
Description: Davide Longo home page ufficiale
Version: 1.0
Author: Giovanni Gentile
Author URI: http://www.giovannigentile.net
*/

/* @group Reset */
* { margin: 0; }
a { text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */
h1, h2, h3, ul 		{ margin: 0; padding: 0;}
/* @end */

/* @group Recyclables */

.clear				{ clear: both; }
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.rel-left 			{ position: relative; float: left; }
.rel-right 			{ position: relative; float: right; }
img.left			{ position: relative; float: left; margin:0 12px 12px 0; }
img.right			{ float: right; margin-left: 12px; }

ul, li					{ list-style: none; }
  ul.disc li			{ list-style: disc;  margin: 3px 0 3px 20px; }
  ol.low-lat-list li	{list-style-type: lower-latin;}
  ol.decimal-list li	{list-style-type: decimal;}
  ol.decimal-list ol.low-lat-list li	{list-style-type: lower-latin;}
/* @end */

/* @group CSS 3 */
.rounded			{ -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.button				{ -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.shadow				{ -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
/* @end */

/* @group PAGE STRUCTURE */
html, body{ height: 100%; }
html{ margin: 0; overflow-y: scroll; background: #0f4f5f url(images/html-bg.jpg); }
body{ margin: 0 auto; }
#page{ margin: 0 auto; min-height: 740px; overflow: hidden; background: transparent url(images/basic-bg.jpg) center top no-repeat; }
body.home #page{ height: 1138px; padding: 0; background: transparent url(images/basic-bg-home.jpg) center bottom no-repeat; }

/* @end */

/* @group WRAPS */
#header-wrap{ width: 100%; height:74px; position: fixed; top: 0; z-index: 100; background: transparent url(images/header-bg.png) top repeat-x; }
#page-wrap{ position: relative;  min-height: 100%; width: 1024px; margin: 0 auto; overflow: hidden; }
/* @end */

/* @group HEADER */
#header{ position: relative; min-height: 74px; background: transparent url(images/menu-bg.png) repeat-x; }
#seo-title{ height: 0; margin: 0; overflow: hidden; }
#logo{ width:940px; height: 60px; position: relative; margin: 0 auto; padding-top: 30px; }
a.title{ display: block; width: 470px; height: 60px; float: left;  }
a.title:hover{ background: none; }
.occhiello{ float: left;}
	/* ! Menu = = = = = = = = = = = = = = = = = = = = = = = = */
	#menu-header{ width: 940px; height: 32px; margin: 0 auto; }
	#menu-header ul{ position: relative; float: right; height: 56px; }
	#menu-header ul li{ position: relative; float: left; margin-left: 18px; padding-top: 7px; }
	#menu-header ul li a{ font-size: 0.9em; font-weight: lighter; }
	#menu-header ul li a:hover{ color: white; text-decoration: none; }
/* @end */

/* @group CONTENTS */
#content{ width: 940px; height: auto; margin: 0 auto; position: relative; padding-top: 40px; padding-bottom: 20px; overflow: hidden; }
 body.home #content{ width: 940px; height: auto; margin: 0 auto; padding-top: 0; }
h2.page-title{ padding: 20px 0 20px 0; border-top: thin solid #c54242; border-bottom: thin solid #c54242; }
h2.page-title span.occhiello{  float: none; font-size: 0.8em; text-shadow: none; color: #5d8378; }
.post{ position: relative; padding-top: 40px; }
.news-column{ position: relative; float: left; width: 620px; padding-bottom: 40px; }
.filastrocca{ position: relative; float: left; padding-top: 40px; /*width: 440px;*/ }.filastrocca p{ padding-left: 10px; }
/* sidebarS */
#bio-sidebar{ width: 360px; overflow: hidden; float: right; padding: 16px 16px 30px ; margin-top: 40px; margin-bottom: 30px; background: url(images/news-list-bg.png); }
#sidebar{ width: 240px; float: right; padding: 16px 12px 30px 12px ; margin-top: 40px; overflow: hidden; background: url(images/news-list-bg.png); }
#sidebar ul li{ padding: 3px; }
.page-banner{ position: relative; overflow: hidden; }
#bio-sidebar,  #sidebar{ font-size: 0.9em; }
/* Archivi */
p.archive-date{ padding: 10px 0; color: #999; }
body.archive a.more-link{ display: block; width: 90px; padding-top: 16px; }
.navigation{ padding-top: 40px; }
/* @end */

/* @group Libri */
#book-nav-menu{ position: absolute; top: 40px; right: 0; padding: 4px 9px; z-index: 500; }
#book-nav-menu a{ padding: 0 6px; }
.anno, .editore{ padding-bottom: 10px;  }
.wp-post-image{ float: left; padding-right: 10px; }
h2.book-title{ padding: 0 0 10px 0; }
a.copertine { display: block; float: left; min-height:180px;
	-moz-box-shadow: 0 0 16px #000000;
	-webkit-box-shadow: 0 0 16px #000000;
	box-shadow: 0 0 16px #000000;
}a.copertine img{
	margin: 0!important; padding: 0!important;
}
.category-libri, .category-raccolta{ border-top: thin solid #c54242; padding-bottom: 30px; }
.book-info{ float: left; width: 700px; padding-left: 30px; }
.sinossi{ font-size: 0.9em; color: #999; }
.recensioni{ padding-bottom: 20px; }
.tradotto{ width: 200px; height: 420px; float: left; padding: 0; margin-right: 30px; /*border-right: thin solid #ec7d1d;*/ }
.tradotto .book-info{ float: none; width: 160px; padding: 0; clear: both; }
.tradotto .book-info h2.book-title{ font-size: 18px;  padding-top: 12px; float: none; clear: both; }
.tradotto p.editore a{ color: #5d8378; }
/* @end */



/* @group L'Uomo Verticale */
body.page-id-70 #page{ padding-bottom: 0; }
body.page-id-70 #post-16 .page-banner{ width: 940px; height: 338px; position: relative; }
body.page-id-70 #post-16{ border-top: none; }
#comment-nav-menu{ position: absolute; top: 0; right: 0; padding: 4px 9px; background: url(images/news-list-bg.png) }
.brano{ background: url(images/news-list-bg.png); }
p span.fstChar{ color: #89502e; font-size: 4em; float: left; padding-right: 6px; line-height: 35pt; }
/* Commenti */
.comment-wrap{ margin-top: 20px; background: #0a0908 url(images/comment-bg.jpg); overflow: hidden; }
#commentform{ width: 660px; overflow: hidden; }
.comment-box{ width: 730px; height: auto; margin: 40px auto; padding: 0; }
.comment-body{ padding: 10px 0; }
ol.commentlist{ padding: 0; }
li.comment{ margin-bottom: 10px; padding: 10px; border: thin solid #134f51; }
#respond{ margin-bottom: 10px; padding: 10px; border: thin solid #134f51; }
.comment-author{ padding: 0  0 10px; }
.comment-wrap textarea#comment{ width:590px; }
.comment-wrap textarea, .comment-wrap input{ margin: 5px 0; background: #145657; border: none; padding: 3px; }
.comment-wrap input#submit{ padding: 9px; border: thin solid #289a9b; }
/* @end */

/* @group Intro */
#home-pane{ width: 940px; height: 369px; position: relative; margin: 0 auto; margin-bottom: 29px!important; background: url(images/home-pane-bg.png) bottom no-repeat; }
.home-book{ position: absolute; bottom: 0; }
.home-portrait{ position: absolute; bottom: 12px; right: 5px; }
.home-pane-intro{ width: 498px; height: 319px; position: absolute; left: 245px; bottom: 0; }
	.home-pane-intro h2{ height: 20px; padding: 26px 0 12px 0; /*background: url(images/pane-line-bg.gif) repeat-x bottom*/ }
	.home-pane-intro h4{ height: 32px; text-shadow: -1px 1px 1px #000000;  }
	.home-pane-intro p{ width: 414px; padding-top: 8px; }
	.home-pane-intro a.more{ color: #c54242!important; display: block; width: 84px; position: absolute; right: 100px; bottom: 20px;
		text-shadow: -1px 1px 1px #000000;	}
/* @end */

.center-block{ width: 940px; height: 450px; position: relative; margin: 0 auto; overflow: hidden; }

/* @group NEWS */
ul.home-news-list{ width: 550px; float: left; }
ul.home-news-list li{ width: 550px; position: relative; margin-bottom: 20px; padding-bottom: 30px; background: url(images/news-list-bg.png); font-size: 90%; padding-top: 3px; }
ul.home-news-list li h3{  color: #d7b297; margin-bottom: 10px; padding: 11px 18px 0; font-weight: 400italic; }
ul.home-news-list li p{  padding: 8px 18px 0;
	color: #829194;
}
ul.home-news-list li a.more-link{ color: #ccc; display: inline-block; width: 74px; position: absolute; right: 0; bottom: 6px; font-size: 12px; font-style: italic; cursor: pointer; }ul.home-news-list li a.more-link:hover{ color: #c54242; border: none; }
.home-date{ color: #999; margin-left: 18px; padding: 3px 6px; background-color: #121614; position: absolute; top: 0; right: 0; z-index: 500; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; }
a#more-news{ position: absolute; bottom: 0; left: 370px; text-align: left; }
/* @end */

/* @group SHELF */
ul#home-shelf{ width: 354px; height: 380px; float: right; /*padding-left: 20px;*/ background: url(images/shelf-bg.png) top repeat-y; padding-top: 17px; overflow: visible;
}
ul#home-shelf li{ position: relative; float: left; margin-bottom: 44px; }
ul#home-shelf>li{ margin-bottom: 42px!important;  }
/*ul#home-shelf li a{  border: 1px solid #CC0000; }*/
/*img.shelf-img{ position: absolute; bottom: 0; border: 1px solid #CCFF00; }*/
img.shelf-img{ padding: 0 20px }

a#shelf-more{ position: absolute; bottom: 40px; right: 8px; }

/* @end */

/* @group FOOTER */
#footer{ padding-bottom: 40px; overflow: hidden; background: #000 url(images/footer-bg.jpg); }
#footer-content{ margin: 0 auto; width: 780px; height: auto; padding-top: 30px; overflow: hidden; }
.footer-column{ position: relative; float: left; width: 280px; }
#links.footer-column{ width: 220px; }
#footer h3, #footer h2  		 		{ display: inline-block; margin-bottom: 12px; padding-bottom: 6px; }
.footer-column ul li{ color: #c4bfac; list-style-type: square; list-style-position: inside; line-height: 160%; }
.footer-column ul li a{ color: #c4bfac; }.footer-column ul li a:hover{ text-decoration: none; border-bottom-style: dashed; border-bottom-width: thin; }
.footer-column p{ color: #c4bfac; padding-bottom: 3px; }
.footer-column p a{ color: #c4bfac; display: inline-block; padding: 3px 0; }
.footer-column p a:hover{ text-decoration: none; border-bottom-style: dashed; border-bottom-width: thin; }
/* Credits */
#credits{ margin: 0 auto; width: 780px; height: auto; margin-top: 60px; padding: 9px;  background: url(images/credits-bg.jpg); text-align: center;font-size: 0.8em; }
#credits p{ color: #4f534e; }
#credits a{ color: inherit; border-bottom: thin dotted; }#credits a:hover{ text-decoration: none; color: #fff; border-bottom: thin solid; }
/* @end */

/* @group TYPOGRAPHY */
/* font-families */
body{ -webkit-text-size-adjust: none; }/* prevent iPhone text enlargement*/
body, #bio-sidebar h3, #sidebar h3, .serif, .up{ Georgia, "Times New Roman", Times, serif; }
.menu, #credits, #bio-sidebar, #sidebar, .comment-box p,
.reply, .sinossi, #comment-nav-menu{ font: 13px/1.4 Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif; }
/* Colours */
body{
	color: #c2b3b3;
	text-shadow: -1px 1px 1px #0c334a;
}
#bio-sidebar h3, #sidebar h3,
.serif,
.comment-wrap label{ color: #666; }
#menu-header ul li a{ color: hsl(25, 45%, 72%); }.menu ul li a:hover{ color: #fff; }
#menu-header ul li.current_page_item a{ color: #c54242; }
#menu-header ul li.current_page_parent a{ color: #c54242; }
a{ color: #fff; }
a:hover{ color: #c54242; text-decoration: underline; }
p a{ color: inherit; text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; }
p a:hover{ color: #fff; text-decoration:none; border-bottom-style: solid; }
 /*libri*/
p.editore{ color: #5d8378; }
p.anno{ color: #fff; }
/* Titles */
h1, h2, h3, h4{ font-weight: normal; color: #c54242; }
h2{ padding-bottom: 22px; }
h2.page-title,
h2#comments, h2.book-title{ color: #fff; font-size: 2em; font-weight: lighter; font-style: italic; text-shadow: #000 2px 2px 0px; }
.home-pane-intro h2{ color: #fff; font-size: 26px; font-weight: normal; letter-spacing: 2pt; line-height: 12pt; text-shadow: -1px 1px 0 #3a3a3a; }
.home-pane-intro h4{ color: #9d6137; font-weight: normal; font-style: italic; line-height: 25pt; }

.home-pane-intro p{ color: #5b9093; font-weight: normal; line-height: 18px; }
.home-pane-intro a.more, a#shelf-more, 
a#more-news{color: #c54242; font-size:90%; font-style: italic; }
a.more-link{ border: none; }
#bio-sidebar h3, #sidebar h3{ color: #c54242; font-style: italic; font-size: 1.4em; font-weight: normal; padding-bottom: 9px; }
/* L'uomo verticale - singola */
body.page-id-70 .sinossi{ color: #5d8378; padding: 0 10px; }
body.page-id-70 p.editore{ color: #666; }
.brano{ font-size: 90%; padding: 30px; }

/* Comments */
#comment-nav-menu a{ color: #ccc; }#comment-nav-menu a:hover{ color: #fff; }
.comment-box p{ font-size: 0.9em; color: #fff; }
.commentmetadata{ font-size: 0.8em; padding: 6px 0; }.commentmetadata a{ color: #999; }
.comment-wrap textarea, .comment-wrap input{ color: #fff; }
.reply{ font-size: 0.8em; text-align: right; }
a.comment-reply-link{ padding: 3px; background: #145657; color: #042425; }
a.comment-reply-link:hover{ color: #2a9ea2; }
a#cancel-comment-reply-link{ display: block; width: 240px; margin: 10px 0; padding: 3px; text-align: center; background: #20797b; color: #47f7fd; }
a#cancel-comment-reply-link:hover{ color: #fff; }

/* Footer */
#footer h3, #footer h2  		{ color: #c54242; font-size: 18px; font-style: italic; font-weight: lighter; }

/* ! 404 = = = = = = = = = = = = = = = = = = = = = = = = */
body.error404{ background: transparent url(images/404-main-bg.jpg) center top no-repeat;  }
body.error404 ul#navigation{ visibility: hidden; }
body.error404 #topics img{ visibility: hidden; }
body.error404 #topics{ background: url(images/404-topics-wrap.png) no-repeat;}
/* @end */