/*
Theme Name: webmag
Description: Tema originale per il blog di Laura De Masi - Web MAGAZINE
Tags: bianco, 3 colonne, italiano, giallo, viola
Version: 1.0
Author: Laura De Masi
Author URI: http://www.laurademasi.it
*/
/*
normalizzo margini
*/
body, ul,ol,li,h1,h2,h3,h4,h5,h6, pre, form, html, p, blockquote,fieldset,input, span, label, a,div{margin:0;	padding: 0;}
/*
generici
*/
body {background: #fff url(images/bg.jpg) repeat-x top left;font-family:"Trebuchet MS", Arial; color:#333;  font-size:1em;}
hr {display: none;}
ul {list-style-type: none;}
ol {list-style-type: decimal;}
.centro, #sidebar .box .sidebar div.centro{margin:0 auto; display:block; text-align:center;}
.clear {clear: both;}
a{outline:none; color:#8D2059; text-decoration:none;}
fieldset{border:none;}
input, textarea, select{font:normal 1em Tahoma, Arial; color:#333;}
a.su{font:normal 0.6em Tahoma; display:block; background:#fff url("images/su.gif") no-repeat 5px center; padding:5px 10px; margin:10px auto; text-align:center; border:1px solid #ccc; width:80px;}
a.su:hover{background:#dedede url("images/su.gif") no-repeat 5px center; }
/*
#struttura
*/
#column {float: left; width: 600px; margin:0 10px;}
/*
testata
*/
h1{font:normal 1.70em Georgia; font-style: italic; color:#666;}
h1 a { background:url("images/logo.jpg") no-repeat top left; width:251px; height:150px; display:block; text-indent:-9999px;}
#header {width: 970px;height: 291px; background: transparent url(images/header.jpg) no-repeat bottom left }
#menu{ position:absolute; top:70px; left:320px; background: url("images/menu.gif") no-repeat top left;   height:47px;}
#menu ul { float:left;}
#menu ul li {float:left;text-align:center;}
#menu ul li a{ float:left; display: block;  width:80px; font-size:0.83em; padding-top:30px;}
#menu ul li a:hover, #menu ul li.sel a, #menu ul li.current_page_item a  {color:#FF9900;}
.description {color:#8F205A; font:bold 0.8em "Trebuchet MS"; font-style:italic; position:absolute; top:250px; left:30px;}
/*
pagine statiche
*/
.pagine{padding:20px;}
.pagine h2{color:#8F205A; border-bottom:3px solid #dedede; padding:0 0 5px 0; margin:0 0 10px 0;}
.pagine p{font-size:0.8em;}
/*
############################################
*/
#searchform, #downloadform {margin:10px 0;}
#searchform label, #downloadform label {font-size: 0.9em;}
#searchform input {font-size: 0.74em; padding:4px;}
#searchform input#searchinput, #downloadform input{background: #EEE; border:1px solid #ccc;}
#searchform input#searchbutton, form#srcform input[ type="submit"],.replybutton, #downloadform input.replybutton {background: #8E205A; color:#fff;font-weight:bold; border:1px solid #ccc; }
#c_form_2 #contactsubmit {background: #8E205A; color:#fff;font-weight:bold; border:1px solid #ccc; font:bold 1.3em Tahoma; padding:5px; margin:0 auto; }
/*
calendarietto e widget
*/
.cal {	background: url(images/cal.gif) no-repeat; height: 50px; width: 30px; margin: 0 20px 0 0; padding: 20px 17px 0 10px; color: #fff; font-weight: bold; font-size: 10px;        display: block; float:left;}
.cal em {color: #8E205A; font:bold 20px Arial; display: block;text-align:center;}
#calendar_wrap table{ font-size: 1.5em; background: #dedede; border:1px solid #ccc; width:100%;}
#calendar_wrap td{background: #fff; text-align:center;}
#calendar_wrap td#today{background-color:#ffac11;}
#calendar_wrap td:hover{background-color:#8E205A; color:#FFF;}
#calendar_wrap td:hover a{ color:#fff;}
caption{font-style:italic; font-weight:bold;}
/*
centrale
*/
ul.listcat {	margin-top: 20px;}
ul.listcat li { float: left; display: inline; margin-right: 1px;}
ul.listcat li a { padding:0 10px; background: #fff; font-size: 0.8em; font-weight: bold; color: #8E205A; line-height: 22px; height: 22px; display: block;}
ul.listcat li a:hover {	background: #fffff4;	color: #333;}
.entry{margin:20px 0;}
.entry h2, .content h2{ display:block; font:normal 1.50em Georgia; font-style: italic;}
.entry h2 a{text-decoration:none;}
.entry h2 a:hover{color:#444;}
.info {	border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; font:normal 0.6em Tahoma; padding: 5px; margin:5px 10px 5px 70px;}
.content {padding: 10px 10px 1px 76px; font-size: 0.90em;}
.content p { margin: 0 0 10px 0; padding: 0; }
.content .more-link { font-size: 0.9em; display: block; width:100px; background-color:#dfdfdf; border:1px solid #999; text-align:center; text-decoration:none;}
.content .more-link:hover {  background-color:#fff; }
.content h3, .pagine h3 {font:normal 1.2em Georgia; color: #333; margin:20px 0; border-left:20px solid #8E205A; border-bottom:1px solid #8E205A; padding-left:5px;}
.content h4, .pagine h4 { font:normal 1.05em Georgia; font-style:italic;  padding:10px; background-color:#dfdfdf; margin:10px 0;}
.content h5 { font-size: 0.9em; font-weight: bold; color: #999;}
.content h6 { font-size: 0.8em; font-weight: bold;}
.content a{text-decoration:underline;}
.content a img{border:none;}
/*
archivi e risultati ricerca
*/
#risultati h2{ display:block; font:normal 1.50em Georgia; font-style: italic; margin:20px 0;}
#risultati h2.titoli-big{ display:block; font:normal 3em Georgia; font-style: normal; margin:20px 0; color:#999; border-bottom:1px solid #999;}
/*
liste
*/
.content ol {padding-left: 20px;}
.content ul {margin: 5px 5px 5px 10px; 	list-style-type: disc;}
.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 { margin-bottom: 5px;}
.content ul li {padding-left: 10px; margin-bottom: 5px;}
div .textwidget{margin:0; padding:0;}
/*
citazioni
*/
blockquote { padding: 10px; padding-left: 40px; background: #f4f4f4 url(images/blockquote.gif) no-repeat; background-position: 8px 8px; margin-bottom: 15px; border:1px solid #dedede;  font-size: 0.8em;}
blockquote p {font-family: georgia, arial; color: #666;}
ins {	text-decoration: underline;}
del {	text-decoration: line-through;}
code {	color: #999;	font-family: verdana; font-size: 0.9em; background: #eee;}
.tags {	border-top: 1px solid #eee; border-bottom: 5px solid #eee; font:normal 0.6em Tahoma; padding: 10px 40px; margin-left:76px; background:url("images/tag.gif") no-repeat center left; margin-bottom:40px; }
.navigation {padding: 10px 20px; font-size: 0.7em; font-weight: bold; background:url("images/nav.gif") no-repeat center; display:block; width:551px; height:18px; line-height:0.7em;}
.navleft {float: left;	width: 49%; padding-left:5px;}
.navright {float: right; width: 49%; text-align: right; padding-right:5px;}
.alignleft {	float: left; display: inline; margin-right: 10px; margin-bottom: 2px;}
.alignright { float: right; display: inline; margin-left: 10px; margin-bottom: 2px;}
.aligncenter {	text-align: center;	display: inline;}
.wp-caption img{ margin:1px;  border:1px solid #dedede; padding:5px;}
p.wp-caption-text { padding: 5px; margin: 0; font-size: 0.65em; color: #999;}
/*
colonna piccola
*/
.box {	width: 350px;}
.box h2 { margin-top: 20px; display: block; height: 22px; color: #333;line-height: 22px; font-weight: bold; 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: 0.9em;}
.subscribe form {display: inline;}
.subscribe fieldset {	display: inline;}
.subscribe input { display: inline; vertical-align: middle; font-size: 0.9em;}
#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.9em; font-weight: bold; cursor: pointer; height: 20px;}
#rssbutton:hover {background: #ff3000}
/***************************************************/
.tabs {	margin-top: 20px; width: 350px;	overflow: hidden; background: #eee;}
.tabs li { float: left; display: inline; margin-left: 1px; text-align: center; overflow: hidden;font-size:0.74em; }
.tabs li a { float: left; display: block; color: #fff; font-weight: bold; padding:5px 13px; height: 16px; background: #FFAC11;}
.tabs li a:hover { display: block; color:#fff;background-color:#FFD505;}
.tabs li a.selected {	display: block; background: #8E205A url("images/tab.gif") repeat-x top left; color: #FFF;}
.tabs li a.selected:hover {display: block;	background: #8E205A; color: #FFF;}
/*
contenuti tab
*/
.tabcontent { display: none; border: 1px solid #8E205A; overflow: hidden; margin:0 1px; background-color:#EEE; border-top-width:2px; padding:3px; }
.tabcontent a, .tabcontent a strong {	color: #8E205A;}
.tabcontent a:hover, .tabcontent a:hover strong {color: #444;}
.tabcontent ul li {display: block; border-bottom: 1px dotted #ddd; color: #999; line-height: 1em;  padding: 5px; font-size: 0.7em;}
.tabcontent ul li a {color: #8E205A;}
.tabcontent ul li a:hover {color: #444;}
.tabcontent ul li span {display: block;	color: #999; font-size:0.9em;}
@media print {
	.tabcontent {
	display: block !important;
	}
}
/***************************************************/
#sidebar {float: left; width: 350px;}
.sidebar {float: left; width: 170px; margin-right: 10px; font-size: 0.7em;}
.sidebar ul li h2 {margin-top: 20px; display: block; height: 27px; padding:6px 0 0 10px; color: #8E205A;  font-weight: bold; font:bold 1.2em Tahoma; margin-bottom: 5px; background:url("images/h-img.gif") no-repeat; text-transform:uppercase;}
.sidebar ul li div { padding: 10px; background: #FFF; font-size: 0.7em;}
.sidebar ul li ul li {display: block;}
.sidebar ul li ul li a { display: block; color: #666; background:url("images/elenco.gif") no-repeat top left; height:16px; margin:15px 0; padding: 0 0 2px 15px;}
.sidebar ul li ul li a:hover { background:url("images/elenco.gif") no-repeat bottom left;}
.sidebar a img{border:none;}
.sidebar ul li#most-viewed ul li, .sidebar ul li#ratings-3 ul li{margin:3px; border:1px solid #ccc; border-bottom:5px solid #ffa905; color:#666; padding:5px;}
.sidebar ul li#most-viewed ul li a, .sidebar ul li#ratings-3 ul li a {background:none; padding:0px;margin:0; color: #8E205A; display:inline; }
/***************************************************/
#footer {margin-top: 20px;  background: #8B1F58 url("images/bg_footer.jpg") repeat-x; height:300px; padding: 30px;}
#footercontent{ position:relative; width:970px; height:200px; background: url("images/mag.jpg") no-repeat top left; font:normal 0.6em Tahoma; color:#fff; padding-bottom:50px;}
#footercontent ul { position:absolute; top:10px; left:0px; font:normal 1.1em Tahoma;}
#footercontent ul li {display: block; background: url("images/a-footer.gif") repeat-x left bottom; width: 150px; padding:4px;}
#footercontent ul li a { color: #fff; }
#footercontent div {position:absolute; top:0px; right:0px; width:450px; color:#ffac11; text-align:right;}
#footercontent div p{ line-height:1.5em;}
#footercontent div a{text-decoration:underline;  color:#ffac11;}
#footercontent img{display:block; margin:0 0 10px 10px; float:right;}
/*
link rss in testata
*/
.rss a { position:absolute; top:20px; right:10px; background:transparent url("images/rss_bg.png") no-repeat left top; text-indent:-9999px; width:196px; height:197px; }
h3#respond, h3#comments {font:normal 1.3em Georgia; font-style:italic; background:url("images/h-com.gif") no-repeat center left; padding:10px 0 0 76px; display:block; height:46px; margin-top:20px;}
/*
commenti
*/
ol.commentilista{ margin-bottom: 20px; padding: 10px; }
ol.commentilista li { background: #ebebeb; border: 1px solid #ccc; padding: 10px; margin:5px 10px 0 70px; }
ol.commentilista li.alt { background: #FFF;}
.avatar { float: left; display: inline; width: 32px;  background: #fff;}
.avatar img {	border: 3px solid #ddd; padding:1px;}
.commentbody { float: left; display: inline; margin-left: 20px; width:410px;}
.comment_text { margin-top: 10px; font-size:0.7em; }
p.comment_author {font-style:italic; font-size:0.7em;}
p.comment_time { color: #999; font-size:0.6em; }
.reply{margin:20px 0 20px 70px;}
.reply p {margin-top: 10px; font-size:0.7em; }
.reply label { display: inline;  margin-left: 10px;}
.replytext { border: 1px solid #ccc; width: 200px; padding: 5px;}
.replyarea {border: 1px solid #ccc; padding: 5px; width: 470px; height: 120px;}
.replybutton{padding:5px 10px;}
/*form contatti*/
#c_form_2{margin:20px 0 0 75px;}
#c_form_2 label{font:bold 0.7em Tahoma;}
#c_form_2 .contactright input[type=text], #c_form_2 textarea{font:normal 1.2em Tahoma; background:#dedede; border:1px solid #ccc; padding:3px;}
#c_form_2 textarea{width:400px; height:100px; margin-bottom:20px;}
#c_form_2 .contactright{font:normal 0.6em Tahoma; color:#8E205A;}
/*correlati*/
ul.similar-posts, ul.related_post{list-style-type: none;font-size:0.8em;}
/*risorse interessanti*/
p.risint{margin:5px 0; border-bottom:1px solid #ccc;}
div.textwidget p{font-size:1.3em; color:#666;}
img.img-sx{float:left; margin-right:10px; border:4px solid #ddd; padding:2px;}
/*
bg post
*/
.bgpost{ display:block; background:url(images/bg-post.jpg) no-repeat; width:514px; height:180px; margin:5px 0 10px 70px; padding:5px; position:relative;}
.bgpost .info {	border:none; font:normal 0.6em Tahoma; margin:5px 10px 5px 30px;}
.bgpost  span{ font:bold 0.6em Tahoma; color:#FFF; position:absolute; top:14px; right:40px;}
.bgpost  img{ border:none; position:absolute; top:57px; left:13px;}
.bgpost h2 a{font:bold 0.6em/0.8em "Trebuchet Ms"; display:block; position:absolute; top:50px; left:120px; padding-right:10px;}
.bgpost p{font:normal 0.7em/1.3em "Trebuchet Ms"; display:block; position:absolute; top:80px; left:120px; padding-right:10px;}
/*
download manager
*/
.downpar{margin:10px 0 5px 0; border-bottom:1px dotted #ccc; padding-bottom:5px;}
table.miatab{border:2px solid #ddd; margin:10px auto;}
table.miatab td{ border-bottom:1px solid #ddd;}
table.miatab th{ text-align:left; background-color:#f0f0f0;}