﻿/*
Theme Name: Cubi
Description: Colori primari, foto su bianco. Tema moderno e arioso.
Tags: Clean, White, Nice, Widget ready, three columns, widgets
Version: 1.0
Author: Laura De Masi
Author URI: http://www.laurademasi.it
*/
/***************************************************/
* { color: #666; outline: 0; padding: 0; margin: 0; border: 0 none; text-decoration: none; white-space: normal; vertical-align: baseline; }
html, body {line-height: 1; font-size:12px;}
hr {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}

/***************************************************/
body {background: #fff url(images/bg.jpg) repeat-x top left; text-align: center; font-family:Tahoma;}

#container {position:relative; width: 980px; margin:0 auto; text-align: left;
        background:transparent url(images/header.jpg) no-repeat top right;}
#header {width: 980px;height: 290px; margin:0; }
/***************************************************/
#pagenav {  position:absolute; top:230px; left:0px; }
#pagenav ul { float:left;}
#pagenav ul li {float:left;text-align:center;margin-right: 1px;}
#pagenav ul li a{
        float:left;
	display: block;
	padding-top:20px;
	height:32px;
        width:147px;
	font:bold 12px Arial;
        background:url("images/menu.jpg") no-repeat top left;
        text-transform:uppercase;
	color: #fff;	}

#pagenav ul li a:hover, #pagenav ul li.current_page_item a  { background:url("images/menu.jpg") no-repeat top right;}

/***************************************************/
#searchform {
  width: 360px;
  height: 36px;
  background: url(images/search.jpg) no-repeat;
  position:absolute; top:230px; right:20px; padding-left:43px; padding-top:10px;
}

#searchform form {margin:0;}
#searchform fieldset {border:none;}
#searchform label {
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

#searchform input {
	display: inline;
	vertical-align: middle;
	font-size: 11px;
}

#searchinput {
	width: 177px;
	height: 20px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	background: url(images/search-input.png) no-repeat;
	color: #999;
}

#searchbutton {
	width: 35px;
	height: 25px;
	line-height: 1.4em;
	background: url(images/search-button.png) no-repeat;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
/***************************************************/
/* Search form CSS */
form#srcform {
	background: #EEE;
	padding: 10px;
}

form#srcform fieldset {
}

form#srcform input {
	vertical-align: middle;
	font-size: 11px;
}

form#srcform #srcinput {
	padding: 4px;
	width: 250px;
	background: #FFF;
	color: #333;
	font-weight: normal;
	border: 1px solid #ddd;
}

form#srcform #srcbutton {
	padding: 2px;
	width: 50px;
	background: #aaa;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
/***************************************************/
#logo {	float:left; display: inline; margin: 50px 20px 20px 0;}
#logo h1 {margin:20px 0 10px 0;	font:normal 40px tahoma;}
#logo h1 a:hover {color: #AE0E0E;}
#logo .description {border-top:1px solid #999; border-bottom:1px solid #999; padding:5px; color:#AE0E0E;
	font:bold 14px Arial;}

ul.listcat {	margin-top: 20px;}
ul.listcat li {
	float: left;
	display: inline;
	margin-right: 1px;
}

ul.listcat li a {
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #AE0E0E;
	line-height: 22px;
	height: 22px;
	display: block;
}

ul.listcat li a:hover {
	background: #fffff4;
	color: #333;
}
/***************************************************/
#column {
	float: left;
	width: 540px;
	margin-right: 20px;
}

.post {
	margin-top: 10px;
}

.post a {
	color: #AE0E0E;
}

.post a:hover {
	color: #444;
}

.post-top {
	width: 540px;
	height: 10px;
}

.post-bottom {
	width: 540px;
	height: 10px;
}

.entry h2{
	background:url("images/intesta.gif") no-repeat center left; display:block;
	font-size: 20px;
	font-weight: normal; padding:3px 0 5px 40px;
}

.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #0C78B6;
	padding-bottom: 5px;
        font-size:10px;
}

/********* CSS For Post Info Below Header ***************/
.info {
	background:  #DAE3FE;
	margin:0 15px;
	padding: 2px;
	font-size: 11px;
}

.info .cat {float: left;color: #aaa;}
.info .comments {float: right;}

.info .cat a {
color:#0D77B3;
	line-height: 26px;
	background: url(images/ico-date.gif) no-repeat left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}
.info .comments a {color:#0D77B3;
	line-height: 26px;
	background: url(images/ico-comment.gif) no-repeat left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}
.content {padding: 15px 15px 1px 15px; line-height:18px;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin: 0 0 5px 0; padding: 0;}
.content p { font-size: 12px; margin: 0px 0px 10px 0px; padding: 0;}
.content .more-link { font-size: 11px; font-weight: bold; text-transform: uppercase; display: block;}
.content h1 { font:normal 20px Tahoma; color: #AE0E0E;}
.content h2 {background:url("images/intesta.gif") no-repeat center left; display:block;
	font-size: 20px;
	font-weight: normal; padding:3px 0 5px 40px;}
.content h3 {font-weight: bold; color: #333;}
.content h4 { font-size: 14px; font-weight: bold;}
.content h5 { font-size: 12px; font-weight: bold; color: #999;}
.content h6 { font-size: 11px; font-weight: bold;}

/*
liste
*/
.content ol {padding-left: 20px;}
.content ul {margin: 5px 5px 20px 5px;}
.content ol {margin: 5px 5px 20px 5px;}
.content ul ul {margin: 5px 5px 5px 5px;}
.content ol ol {margin: 5px 5px 5px 5px;}
.content ol li { line-height: 1.5em; color: #999; margin-bottom: 5px; font-size: 12px;}
.content ul li { line-height: 1.5em; color: #999; background: url(images/bullet.gif) no-repeat left 6px; padding-left: 20px; margin-bottom: 5px; font-size: 12px;}
/*
citazioni
*/
blockquote { padding: 10px; padding-left: 40px; background: #f7fcea url(images/blockquote.png) no-repeat;
             background-position: 8px 8px; margin-bottom: 15px;}
blockquote p {font-family: georgia, arial; font-size: 12px; color: #7590a0;}
blockquote * { font-family: georgia, arial; font-size: 12px; color: #7590a0;}
ins {	text-decoration: underline;}
del {	text-decoration: line-through;}
code {	color: #999;	font-family: verdana; font-size: 11px; background: #eee;}
.tags {	border-top: 1px solid #7488FF; border-bottom: 1px solid #7488FF; font-weight: bold;
	color: #999; padding: 10px 20px; text-align: right; font-size: 11px; background:url("images/tags.gif") no-repeat center right; margin: 0 0 10px 0;}
.tags a {font-weight: normal; color: #B90F0F; text-transform:lowercase;}
.tags a:hover {	color: #6792ab;}

/***************************************************/
.navigation {padding: 10px 5px;	font-size: 11px; font-weight: bold;}
.navigation a {	color: #BC0E0D; text-decoration:underline;}
.navigation a:hover {	color: #666;}
.navleft {float: left;	width: 48%;}
.navright {float: right;	width: 48%;	text-align: right;}
/***************************************************/
.alignleft img, .alignright img, .aligncenter img {	border: 4px solid #ccc;}
.alignleft {	float: left; display: inline; margin-right: 10px; margin-bottom: 4px;}
.alignright { float: right; display: inline; margin-left: 10px; margin-bottom: 4px;}
.aligncenter {	text-align: center;	display: inline;}
.wp-caption img{ margin:1px; padding:1px; border: 1px solid #DDD;}
p.wp-caption-text { padding: 5px; margin: 0; font-size: 10px; color: #999;}
/***************************************************/
.box {	width: 420px;}
.box h2 { margin-top: 20px; display: block; width: 418px; border-left: 1px solid #eee;border-right: 1px solid #eee; border-top: 1px solid #eee; height: 22px; background: #eee; color: #333;line-height: 22px;
	font-weight: bold; text-indent: 10px;font-size: 13px;}
/***************************************************/
.subscribe {	padding: 10px;	border: 1px solid #eee;	background: #fffff9;}
.rssfeed {font-size: 12px; margin-bottom: 5px;}
.rssfeedlinks {	padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; font-size: 11px;}
.rssfeedlinks a { float: left; font-weight: bold; background: url(images/rss.png) no-repeat left;
	padding-left: 22px; color: #AE0E0E; margin-right: 40px;}
.subscribe form {display: inline;}
.subscribe fieldset {	display: inline;}
.subscribe input { display: inline; vertical-align: middle; font-size: 11px;}
#rssinput {width: 300px; height: 16px; padding: 3px; background: #fff; border: 1px solid #ddd;}
#rssbutton {
	background: #ff9000;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.7em;
	font-weight: bold;
	cursor: pointer;
	height: 20px;
}

#rssbutton:hover {background: #ff3000}
/***************************************************/
.tabs {
	margin-top: 20px;
	width: 420px;
	overflow: hidden;
}

.tabs li {
	float: left;
	display: inline;
	margin-left: 1px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
}

.tabs li a {
	float: left;
	display: block;
	color: #333;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 26px;
	height: 26px;
	background: #eee;
}

.tabs li a:hover {
	display: block;
	background: #ddd;
}

.tabs li a.selected {
	display: block;
	background: #B90F0F;
	color: #FFF;
}

.tabs li a.selected:hover {
	display: block;
	background: #B90F0F;
	color: #FFF;
}
/***************** CSS For TAB Content *******************/
.tabcontent {
	display: none;
	border: 1px solid #eee;
	overflow: hidden;
	font-size: 11px;
}

.tabcontent a, .tabcontent a strong {
	color: #AE0E0E;
	line-height: 1.4em;
}

.tabcontent a:hover, .tabcontent a:hover strong {
	color: #444;
}

.tabcontent ul li {
	display: block;
	border-bottom: 1px dotted #ddd;
	color: #999;
	line-height: 1.4em;
	font-size: 11px;
	padding: 5px;
}

.tabcontent ul li:hover {background:#f9ffe6}

.tabcontent ul li a {
	color: ##AE0E0E;
	line-height: 1.4em;
}

.tabcontent ul li a:hover {
	color: #444;

}

.tabcontent ul li span {
	display: block;
	color: #999;
}
/***************** CSS For TAB Content *******************/
@media print {
	.tabcontent {
	display: block !important;
	}
}
/***************************************************/
#sidebar {	float: left; width: 420px;}
.sidebar {	float: left; width: 200px; margin-right: 20px; font-size: 11px;}
.sidebar ul li h2 {	margin-top: 20px; display: block; background: #B90F0F; width: 198px;	border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; height: 22px;
color: #fff; line-height: 22px; font-weight: bold; text-indent: 10px; font-size: 13px; margin-bottom: 5px;
}
.sidebar ul li div { padding: 10px; background: #FFF; font-size: 11px;}
.sidebar ul li ul li {display: block;}
.sidebar ul li ul li a { display: block; color: #AE0E0E; padding-left: 4px; padding-top: 6px; padding-bottom: 6px; border-left: 5px solid #ddd; margin-bottom: 1px; border-bottom: 1px solid #eee;}
.sidebar ul li ul li a:hover { border-left: 5px solid #B90F0F;}
/***************************************************/
#footer {margin-top: 20px; width: 100%; background: #C90E0E url("images/bg_footer.jpg") repeat-x;}
#footercontent{width:980px; margin:0 auto; padding:20px 10px 60px 10px; }
#footercontent ul { float: left; margin-bottom: 10px;}
#footercontent ul li { float: left; margin-right: 20px; padding-right: 20px; border-right: 1px dotted   #bbb;}
#footercontent ul li a:hover{color:#F57718;}
#footercontent ul li a {float: left; display: block; color: #fff; font-size: 12px; font-weight: bold;
	text-transform: uppercase;}
.copyright {float: right;color: #fff;font-size: 11px; padding: 5px 0;}
.copyright a {font-weight: bold; color:#fff; text-decoration:underline;}
.copyright a:hover, .property a:hover { color: #F57718;}
.property { float: right; color: #fff;font-size: 11px; padding:5px 0; }
.property a {	text-decoration: underline; color: #fff;}
/*
link rss in testata
*/
.rss { position:absolute; top:0px; left:0px; background:url("images/rss_bg.gif") no-repeat left bottom; font-size: 11px; margin:0; width:408px; height:10px 25px; padding:10px;}
.rss a {float: left; display: block; background: url(images/rss.png) no-repeat left; padding-left:25px; height:20px; line-height:20px; margin-right:10px;}
.rss a:hover {color: #F57718;}

/***************************************************/

.result { border: 1px solid #ccc; padding:10px; font-size: 11px; margin:2px;}
.result h3 { font: bold 14px arial; padding:0; margin:0; }
.result .rdate { float: left; color: #aaa;}
.result .rcomment { float: right; color: #aaa; font-weight: bold;}
.result .rcomment a { color: #AE0E0E;}
.result .rsummary p { font-size: 12px; margin:0; padding:0;}
.result .rcat { float: left; color: #aaa;}
.result .rcat a { color: #999; font-weight: bold;}
.result .rtags { float: right; color: #aaa;}
.result .rtags a { color: #999;	text-transform: lowercase;}

h3#respond, h3#comments {font:bold 18px Arial; padding: 13px 0 0 0; margin-bottom: 2px; display:block;color:#B90F0F; }
/*
/***************************************************/
commenti
*/
#combox {padding: 20px 15px 20px 15px;}
ol.commentlist { list-style-type: none; margin-bottom: 20px; padding-bottom: 20px; }
ol.commentlist li { background: #f4f4f4; border: 1px solid #ddd; padding: 20px;	margin-top:10px; margin-right:30px;}
ol.commentlist li.alt { background: #FFF; border: 1px solid #eee;}
.avatar { float: left; display: inline; width: 32px;}
.avatar img {	border: 3px solid #ddddd4; padding:1px;}
.commentbody { float: left; display: inline; margin-left: 20px; width: 410px;}
.commentbody em {font-size: 11px;}
p.comment_author, p.comment_author a {font-style:italic; margin-bottom:5px;}
p.comment_time { color: #999; font-size: 10px;}
.comment_text { margin-top: 15px; font-size: 11px;}
.reply form {	width: 488px;}
.reply p {margin-top: 10px;font-size: 11px;}
.reply fieldset {vertical-align: middle;display: inline;}
.reply input {display: inline;font-size: 11px;}
.reply textarea {display: inline;font-size: 11px;}
.reply label { display: inline; font:bold 11px tahoma; margin-left: 10px;}
.replytext { border: 1px solid #ccc; width: 200px; padding: 5px;}
.replytext:focus { background: #fffff9;}
.replyarea {border: 1px solid #ccc; 	padding: 5px; width: 470px; height: 120px;}
.replyarea:focus {background: #fffff9;}
.replybutton {padding:3px; text-align: center; font-weight: bold; color: #fff; cursor: pointer;background: #0D78B6;}
/***************************************************/