/*

Theme Name: La Botte e il Cilindro

Author: Michele Rando

*

* Keep the above information intact.

*/



/* Import base styling. */

@import url('library/css/base.css');



/* Headers */

h1, h3, h4, h5, h6 {

	color: #900;

	font-family: Georgia, "Times New Roman", Times, serif;

	}

h2 {

	color: #900;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 18px;

	padding-top: 15px;

	padding-bottom: 5px;

	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	text-decoration: none;

	color: #900;

	}



/* Links */

a:link, a:visited {

	color: #900;

	text-decoration: none;

	}

a:active, a:hover {

	color: #000;

	text-decoration: none;

	}

#menu {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	padding-top: 15px;

	padding-left: 34px;

	line-height: 17px;

	position: relative;

	text-transform:uppercase;

	}

#menu-no a {

	color: #FFFFFF;

	}

#menu-no a:hover {

	color: #000000;

	}



/* Code */

pre {

	overflow: auto;

	width: 98%;

	padding: 7px;

	background: #ffffff;

	}



/* Blockquotes */

blockquote {

	padding-left: 8px;

	border-left: 3px solid #eee;

	}



/* Alignment */

.left, .alignleft {

	float: left;

	margin-right: 10px;

	}

.right, .alignright {

	float: right;

	margin-left: 10px;

	}

.center, .aligncenter {

	margin: 10px auto;

	display: block;

	}



body {

	font: 85% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;

	padding: 0px 0;

	background-image: url(images/sfondo_testata.jpg);

	background-repeat: repeat-x;

	background-position: top;

	}

#body-container {

	overflow: hidden;

	width: 1000px;

	margin: 0 auto;

	position: relative;

	background-image: url(images/testata.jpg);

	background-repeat: no-repeat;

	background-position: center top; 



	}



/************************************************

	Header

************************************************/

#header-container {

	overflow: auto;

	position: relative;

	clear:right;

	height: 412px;



	}



.payoff {

    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    left: 413px;
    letter-spacing: 1px;
    line-height: 21px;
    padding-top: 15px;
    position: relative;
    top: 130px;
    width: 272px;

	}

#header #site-title {

	float: left;

	display: inline;

	font-size: 2.6em;

	margin: 0;

	}

a:link, a:visited {

	color: #900;

	text-decoration: none;

	}

a:active, a:hover {

	color: #000;

	text-decoration: none;

	}







/************************************************

	Feed (header)

************************************************/

#feed {

	float: right;

	width: 265px;

	height: 22px;

	margin: 8px 22px 5px 0;

	}

#feed ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#feed li {

	display: inline;

	}

#feed li a {

	float: left;

	margin: 0 15px 0 0;

	padding: 3px 0 0 25px;

	height: 22px;

	font-weight: bold;

	}

#feed li.feed-url a { background: url(images/feed-icon.gif) no-repeat 0 0; }

#feed li.feed-email a { background: url(images/mail-icon.gif) no-repeat 0 0; }



/************************************************

	Navigation

************************************************/



/* Main navigation */

#navigation {

	overflow: hidden;

	width: 950px;

	margin: 0 15px;

	}

#nav, #nav ul, #nav ul ul {

	list-style: none;

	margin: 0;

	}

#nav li, #nav li li, #nav li li li {

	float: left;

	}

#nav a {

	display: block;

	color: #666;

	text-align: center;

	padding: 7px 15px;

	}

#nav a:hover, nav a:active {

	background: ffffff;

	text-decoration: none;

	}

#nav li.current_page_item a {

	color: #333;

	}

#nav li li a, #nav li li li a { background: #ffffff; text-align: left; }

#nav li li a:hover, #nav li li li a:hover { background: #fff; }

#nav ul { border-top: 1px solid #eee; }

#nav li li { border-bottom: 1px solid #eee; }



/* Drop-down controls */

#nav ul { float: left; }

#nav li ul { visibility: hidden; position: absolute; width: 15em; left: -999em; }

#nav li:hover ul { left: auto; z-index: 1000; }

#nav li ul li { width: 15em; }

#nav li ul ul { margin: -33px 0 0 15em; }

#nav li:hover ul ul { visibility: hidden; }

#nav li:hover ul, #nav li li:hover ul { left: auto; }

#nav li:hover ul ul, #nav li:hover ul ul ul { visibility: hidden; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { visibility: visible; left: auto; }



/* Top navigation (categories) */

#top-navigation {

	width: 950px;

	overflow: hidden;

	margin: 0 auto;

	padding: 0 15px;

	border-bottom: 3px double #ddd;

	}

#top-nav {

	width: 100%;

	margin: 0;

	padding: 10px 0;

	}

#top-nav li {

	display: inline;

	margin: 0 20px 0 0;

	}

#top-nav li a {

	font-size: .9em;

	color: #666;

	text-decoration: none;

	}

#top-nav li a:hover, #top-nav li.current-cat a { color: #333; }



/************************************************

	Containers

************************************************/

#container {

	overflow: hidden;

	padding-bottom: 15px;

	margin-top: 0px;

	position: relative;

	width: 845px;

	margin-left: 28px;

	margin-right: 20px;

	min-height: 300px;

	}

#content, #home {

	width: 640px;

	margin: 0 0 0 0;

	float: right;

	}

#content.left, #home.left, #sidebar.left { margin: 0; }

#content.right, #home.right, #sidebar.right { margin: 0; }



.narrowcolumn {

	float:right;	

}



/************************************************

	Images

************************************************/

img, a img {

	padding: 0px;

	}

.post img {

	max-width: 98.5%;

	}

.thumbnail {

	float: left;

	width: 75px;

	height: 75px;

	margin: 0 10px 10px 0;

	}

#feature img {

	float: left;

	max-width: 300px;

	margin: 0 10px 10px 0;

	}

.category .medium {

	float: left;

	max-width: 300px;

	margin: 0 10px 10px 0;

	}

.gallery-item {

	margin: 0;

	}

.gallery-icon {

	margin: 0 0 18px 0;

	}

.wp-caption {

	padding: 3px 0 0 0;

	background: #ffffff;

	border: 1px solid #eee;

	text-align: center;

	}

.wp-caption p.wp-caption-text {

	margin: 0; padding: 0 5px;

	text-align: right;

	font-size: .8em;

	color: #666;

	}

.wp-caption img {

	margin: 0; padding: 0;

	border: 1px solid #666;

	}



/************************************************

	Sections of the site

************************************************/

/* Section header */

.section-header {

	font-size: 1.2em;

	font-style: italic;

	color: #600;

	margin: 0 0 10px 0;

	padding: 5px 0;

	}

.section-header a {

	font-style: italic;

	}



/* Posts */

.post {

	height: 100%;

	}

#content .post {

	overflow: hidden;

	margin-bottom: 10px;

	padding: 10px;

	}

.post-title {

	font-family: Georgia, "Times New Roman", Times, serif;

	margin-bottom: 18px;

	}

.single .post-title {

	margin-bottom: 18px;

	}

.page .post-title {

	margin-bottom: 18px;

	}

.post .byline {

	margin-bottom: 9px;

	}

.post .byline, .post .byline .time {

	color: #333;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: x-small;

	}

.post .byline a {

	color: #333;

	}

.post-meta-data {

	top: -10px;

	}

.single .post-meta-data {

	text-align: left;

	}

.post ul {

	list-style: none;

	}

.post ul li {

	padding-left: 15px;

	background: url(images/menu-bullet.gif) no-repeat 0 .5em;

	}



/* Navigation links */

.navigation-links .previous {

	float: left;

	max-width: 50%;

	}

.navigation-links .next {

	float: right;

	text-align: right;

	max-width: 50%;

	}



/* Archives */

.author .avatar {

	float: left;

	width: 75px;

	height: 75px;

	margin-right: 10px;

	}



/* Author box (single) */

#author-box {

	height: 100%;

	overflow: hidden;

	padding: 10px;

	margin-bottom: 10px;

	}

#author-box .avatar {

	float: left;

	width: 75px;

	height: 75px;

	margin-right: 10px;

	}

#author-box h4 {

	margin-bottom: 3px;

	}



/* Related posts */

#related {

	overflow: hidden;

	padding: 10px;

	margin: 0 0 10px 0;

	}

#related ul {

	margin-left: 15px;

	}

	

/* Feature */

.feature {

	overflow: hidden;

	margin-bottom: 15px;

	padding: 10px;

	border-bottom: 1px dotted #cccccc;

	}

.feature .post-title { margin-bottom: 7px; }



/* Excerpts */

#excerpts.blocks .odd { clear: both; float: left; }

#excerpts.blocks .even { clear: none; float: right; }

#excerpts.blocks .post { width: 272px; }

#excerpts.blocks .post-title { font-size: 1em; margin-bottom: 3px; }



#excerpts .post { overflow: hidden; height: 100%; margin: 0 0 15px 0; padding: 10px; }

#excerpts img { float: left; width: 75px; height: 75px; margin-bottom: 2px; }

#excerpts .post-meta-data { clear: left; }



/* Home insert */

#home-insert-1 {

	overflow: hidden;

	height: 100%;

	margin: 0 0 15px 0;

	padding: 10px;

	}

	.post.odd, .post.even {

		border-bottom: 1px dotted #cccccc;

	}



/************************************************

	Sidebar

************************************************/

#sidebar {

	width: 185px;

	}





/* Actual tabs */

.tabbed {

	float: left;

	width: 100%;

	margin-bottom: 15px;

	background: transparent;

	}

.tabbed .tabs {

	list-style: none;

	margin: 0;

	}

.tabbed .tabs li {

	display: inline;

	margin: 0; padding: 0;

	}

.tabbed .tabs li a {

	float: left;

	margin: 0 9px 0 0;

	padding: 6px 8px;

	color: #666;

	background: #eee;

	border: 1px solid #ddd;

	}

.tabbed .tabs li a:hover {

	background: #ffffff;

	text-decoration: none;

	}

.tabbed .tabs li a.tab-current {

	color: #900;

	}



/* Tab content */

.tabbed .tab-content {

	float: left;

	clear: left;

	width: 95.5%;

	margin-top: 5px;

	padding: 10px 2%;

	}

.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 { display: none; }



.v { display: none; }

.tab-current { display: block; }



/* Tabbed search */

#sidebar .search input {

	width: 94%;

	border: 1px solid #ccc;

	color: #333;

	padding: 5px;

	margin: 4px 0 0 0;

	}

#sidebar .search input.search-submit { display: none; }



/* Sidebar gallery stream */

#sidebar .gallery-stream img {

	width: 75px;

	height: 75px;

	margin: 2px 13px 4px 10px;

	}



/* Sidebar ads */

#sidebar .ads img {

	width: 125px;

	height: 125px;

	margin: 1% 3.5%;

	}



/* Sidebar recent widget */

#sidebar .recent {

	width: 100%;

	padding: 0;

	background: transparent;

	border: none;

	}

#sidebar .recent .section-header {

	padding: 5px 5px 5px 0px;

	}

#sidebar .recent .post {

	overflow: hidden;

	margin-bottom: 10px;

	padding: 10px 2% 0 0px;

	}

#sidebar .recent .post-title {

	margin-bottom: 2px;

	font-size: 1em;

	}

#sidebar .recent img {

	margin: 0 10px 2px 0;

	}



/* Sidebar video */

#sidebar .video {

	width: 100%;

	background: transparent;

	border: none;

	padding: 0;

	}

#sidebar .video .section-header {

	padding: 5px 5px 5px 0px;

	}

#sidebar .v {

	padding: 10px 3%;

	}

#sidebar .v object {

	float: none;

	width: 100%;

	}

#sidebar .video-list li {

	margin: 5px 0 0 0;

	padding: 0;

	}

#sidebar .video-list li a {

	display: block;

	padding: 5px 7px;

	color: #333;

	background: #eee;

	}

#sidebar .video-list a:hover {

	text-decoration: none;

	background: #ffffff;

	}

#sidebar .video-list li a.tab-current {

	color: #900;

	}



/************************************************

	Comments Template

************************************************/

#comments-template {

	overflow: hidden;

	margin-bottom: 10px;

	padding: 10px;

	border: 1px solid #ddd;

	}

#comments-template ol {

	list-style: none;

	margin: 0 0 15px 0;

	}

#comments-template li {

	overflow: hidden;

	height: 100%;

	padding: 20px 0;

	border-bottom: 1px solid #eee;

	}

#comments-template .comment-meta-data {

	margin-bottom: 10px;

	}

#comments-template .comment-meta-data a {

	color: #666;

	}

#comments-template li .comment-text {

	float: left;

	width: 85%;

	}

#comments-template li .avatar {

	float: left;

	width: 45px;

	height: 45px;

	margin-right: 10px;

	}

#comments-template li.author .comment-meta-data {

	font-style: italic;

	}

#comments-template li.author .comment-meta-data a {

	color: #900;

	}

#comments-template li.author .avatar {

	background: #600;

	}



/* Comments form */

#comments-template input {

	padding: 3px 5px;

	border: 1px solid #ddd;

	background: #eee;

	}

#comments-template textarea {

	padding: 10px;

	width: 96%;

	color: #666;

	background: #ffffff;

	border: 1px solid #ddd;

	}

#comments-template textarea:focus {

	color: #333;

	background: #fff;

	}

#comments-template .submit-comment, #comments-template .reset-comment {

	margin-right: 10px;

	padding: 5px 8px;

	}

#comments-template .submit-comment:hover, #comments-template .reset-comment:hover {

	cursor: pointer;

	}



/************************************************

	Footer

************************************************/

#footer {

	clear: left;

	overflow: hidden;

	width: 950px;

	margin: 0 auto;

	padding: 0 15px;

	}

#footer p {

	float: left;

	width: 50%;

	margin: 5px auto;

	padding: 5px 0;

	}

#footer p.right { float: right; text-align: right; }

#footer p.icons {

	float: right;

	text-align: right;

	width: 100px;

	height: 30px;

	}

#footer a { font-style: italic; }

#footer .credit {

	float: right;

	width: 30px;

	height: 30px;

	margin-left: 15px;

	display: block;

	}

#footer .credit {

	background: url(images/visionary-icon.gif) no-repeat 0 0;

	}

#footer .credit span { display: none; }



/* WP Stats smiley */

img#wpstats {

	width: 0px;

	height: 0px;

	overflow:hidden;

	}



/*

"The visionary denies the truth to himself, the liar only to others." ~ Friedrich Nietzsche

*/