/* 
Theme Name: Crisi.manageritalia.it
Author: Websushi
Theme URL: http://www.websushi.it
Description: Tema Wp personalizzato per manageritalia.it
Author URI: http://www.websushi.it
Version: 1.0

*/



/* regole generali =========================================*/

/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
html, body, form {margin: 0; padding: 0;}
html {font-size:100%;}
img {border:0;}
label {cursor:auto}
h1, h2, h3, h4 {margin: 0; padding: 0;}
ul {list-style: none;}

/* Miscellaneous conveniences: */
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: 12px Arial, Helvetica, sans-serif;}
.clear {clear:both;}
br.clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.nascosto {display:none;}

.alignleft {float:left; margin-right:5px;}
.alignright {float:right; margin-left:5px;}

p {margin:1em 0;}


/* Apply styles  ========================================= */
body {font: 12px/1.3 Arial, Helvetica, sans-serif; background:#fff; color:#000; text-align: center; border-top:9px solid #569ee6;}

/*link*/
a, a:visited  {color:#569ee6; text-decoration:none;}
a:hover  {color:#000;text-decoration:none; outline:none;}


/*titoli*/
h1 {font-size:24px; font-family:geneva, arial, sans-serif; margin:20px 0 0 0; color:#000; font-weight:normal}
h2 {font-size:24px; font-family:geneva, arial, sans-serif; margin:0;}
h3 {font-size:13px; color:#000; font-family:geneva, arial, sans-serif;}


/* struttura  */
#wrapper {width:960px; margin: 0px auto; text-align:left;}
#page {width:960px;}
#header {position:relative; width:960px; height:100px; }

#content {width:960px; float:left; margin-top:20px; background:url("images/dot_v.gif") 550px 0 repeat-y}
#mainCol {width:540px; float:left;}
#sidebar {width:400px; float:right; }

#sidebarUno {width:195px; float:left}
#sidebarDue {width:195px; float:right}

#footer {text-align:center; margin:10px 0; padding:10px 0; border-top:1px solid #ccc;}

	
/************************************************
*	Header  									*
************************************************/
	
/****	menu  */
ul.menu { margin:20px 0 30px; padding: 0px;  float:left; font-size:12px; text-transform:uppercase;} 
ul.menu li { float: left; margin: 0; background: url("images/sep_menu.gif") no-repeat; } 
ul.menu li a { color:#000; text-decoration:none; font-weight:normal; line-height:12px; display:block; padding:8px 30px 30px 8px;}
ul.menu li a:hover, ul.menu li.current_page_item a, ul.menu li.current_page_parent a {color:#569ee6; text-decoration:none}


/* search */
#formSearch {height:32px; width:231px; background:url("images/bg_search.gif") bottom no-repeat; position:absolute; top:25px; right:0;}
#formSearch form {margin:8px 5px 0 10px; }
#formSearch input#search {border:none; border:0; height:14px; width:180px; color:#999; padding:1px 5px 0; font-size:12px; line-height:12px; }
#formSearch input#search-submit {background:url("images/ico_lente.gif") 0 0 no-repeat; border:none;vertical-align:middle; cursor:pointer; margin:0px;  width:14px; height:14px;}


/************************************************
*	Testata, logo,  lancio hp e fascia pagine interne     								*
************************************************/

#topHp {width:960px; height:320px; float:left; border-bottom:3px solid #333;}
#topHp #logo {width:285px; height:298px; float:left; background: url("images/logo_crisi.gif") no-repeat;}
#topHp #logo h1, #topHp #logo h2 {display:none;}

#logoInterna {width:540px; height:136px; background: url("images/logo_large.gif") no-repeat;}
#logoInterna h1, #logoInterna h2 {display:none;}
#logoInterna a {display:block; width:540px; height:136px;}


/* HP - ultimo post in evidenza */
#inEvidenza {width:670px; height:298px; float:right; background:#f4f4f4;}
#inEvidenza .post {padding:10px;}
#inEvidenza .postLeft {width:100px; float:left;}
#inEvidenza .postRight {width:520px; float:right;}
#inEvidenza .post .post-avatar {background:#fff; border:1px solid #ccc; text-align:center; font-size:10px;}
#inEvidenza .post .post-avatar img {width:90px; height:90px; margin:3px 0 0;}
#inEvidenza .post .post-date { width:50px; text-align:center; float:left; margin-top:10px;}
#inEvidenza .post .post-day {display:block; text-align:center; padding:3px 0; background:#fff; font-size:26px; color:#999;}
#inEvidenza  .post .post-comments {height:26px; margin-top:10px;  width:50px; background: url("images/ico_commento_small.gif") top center no-repeat; position:relative; float:right;}
#inEvidenza .post .content {padding: 3px 0; font-size:13px; line-height:17px;}
#inEvidenza .post .tag {padding:0 0 2px; border-bottom:#FFF 1px solid; background: transparent; color:#333}

/************************************************
*	MainCol     								*
************************************************/


/* post */
.post {margin-bottom:40px;}
.post h2 a, .post h2 {color:#000; font-size:24px; text-decoration:none; font-weight:normal}
.post h2.post-title {margin-top:30px; font-size:21px;}

.postLeft {width:50px; float:left;}
.postRight {width:480px; float:right; }

.post .post-avatar img {width:50px; height:50px; margin-bottom:3px;}
.post .post-day {display:block; text-align:center; padding:3px 0; background:#f4f4f4; font-size:26px; color:#999;}
.post .post-month {font-size:10px; color:#999; text-transform:uppercase;}
.post .post-comments {height:26px; width:50px; background: url("images/ico_commento_small.gif") top center no-repeat; position:relative;}
.post .post-comments span {position:absolute; top:3px; left:25px; width:15px; text-align:center; font-size:10px;}
.post .post-comments a {margin:0 auto;}
.post .post-meta {font-size:11px; color:#666; }
.post .post-meta a {text-decoration:none; text-transform:uppercase;}
.post a.comment {margin-right:10px}
.post-content {padding: 3px 0; font-size:12px;}
.post .tag { padding:2px 4px; background:#f4f4f4; clear:both; margin-bottom:5px;}
.post .post-autor {text-transform:uppercase;}
.post .post-date {text-transform:uppercase;}

.post .post-content {padding:10px 0; font-size:12px; }
.post p {margin-bottom:10px;}
.post ul li {list-style-type:square;}
blockquote {padding:10px 20px; margin:10px 30px;  background:#e9f0f7; line-height:170%; color:#444; clear:both;}


/* post pagina singola */
.post-header {width:540px; margin-top:30px; float:left;}
.post-header .post-avatar {width:60px; float:left;}
.post-header .post-right {width:470px; float:right; color:#999;}
.post-header .post-title {}
.post-header .post-date {text-transform:uppercase;}
.post-header .post-cat {text-transform:uppercase;}


/* commenti */
h3#comments, h3#respond { margin:40px 0 10px; }

#commentform {}
#commentform label {display:block; color: #666; font-size:13px;}
#commentform label small {color:#000;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform input {width: 200px; border: 1px solid #ccc;padding: 3px; margin-bottom: 6px;}
#commentform textarea {width:530px; height:200px; border: 1px solid #ccc;padding: 2px; margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #f4f4f4;}
#commentform #submit {background: #3d3d3d; border:#000 1px solid; width:auto; font: bold 14px Arial, Helvetica, sans-serif;color: #FFF;border: none;float:right;padding:3px 6px 1px;}

.commentlist { margin: 10px 0px; padding:10px 0; padding-left: 20px; line-height: 130%; } 
.commentlist li{ padding: 5px 10px; position: relative; border-bottom:1px solid #ccc; } 
.commentlist .avatar { position: absolute; top: 5px; right: 5px; border: solid 1px #ededed; padding: 1px; background: #fff; } 
.commentlist .alt { background: #f2f2f2; } 
.commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 12px; color: #3991ee; } 
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; color:#666;}
.commentlist small a {color:#666;}
.commentlist li p {padding-right:45px;}

.navigation {width:540px;}
.navigation a {font-weight:bold; text-decoration:none;}
.navigation .previous-entries {float:left;}
.navigation .next-entries {float:right;}


/************************************************
*	Sidebar      								*
************************************************/
#sidebar {}
#sidebar h2 {font-size:13px; margin-bottom:5px; color:#3991ee; font-family:geneva, arial, sans-serif; font-weight:normal; text-transform:uppercase;}
#sidebar a {color:#000; text-decoration:none;}
#sidebar a:hover {color:#3991ee;} 

#sidebar ul {list-style-type:none; margin:0; padding:0;}
#sidebar ul li.widget {list-style-type:none; margin-bottom:30px; padding:0;}
#sidebar ul li.widget ul li {padding:2px 2px 2px 10px; background: url("images/arrow.gif") 0 5px no-repeat;}

#sidebar ul li.linkcat {list-style-type:none; margin-bottom:30px; padding:0;}
#sidebar ul li.linkcat ul li {padding:2px 2px 2px 10px; background: url("images/arrow.gif") 0 5px no-repeat;}

#altriBlog {margin-bottom:20px; padding-bottom:10px; background: url("images/dot_o.gif") bottom repeat-x;}

.box {margin-bottom:30px}
#boxFeed {margin-bottom:15px;}
#boxFeed img {vertical-align:middle; margin:5px 0;}
#socialnetworks {margin-bottom:15px;}

#recent-comments a.url {font-weight:bold; color:#000;}

/* rullopsot */
#rulloPost {margin-bottom:30px;}
#rulloPost ul li {font-size:11px; border-bottom:1px solid #eee; padding:5px 0; margin:5px 0;}
#rulloPost ul li img {float:left; margin-right:5px; border:1px solid #eee;}
#rulloPost ul li p {font-size:10px; margin:0; padding:0; color:#666;}


/************************************************
*	Footer      								*
************************************************/

#footer {font-size:11px; color:#666;}	
#footer img {vertical-align:middle;}	
#footer a {}


/************************************************ */
/* archivio */

#archivio .post h2 a, #archivio .post h2 {color:#000; font-size:21px; text-decoration:none; font-weight:normal}
#archivio h2.page-title {margin-top:20px; background:#eaeaea; padding:2px 5px; font-size:14px; font-weight:normal;}

#archivio .post-meta {float:left; width:100%;}

#archivio .post-meta-left {float:left; width:300px;}
#archivio .post-meta-right {float:right; width:50px; margin-top:-5px;}

h2.page-title {margin-top:20px; background:#eaeaea; padding:2px 5px; font-size:14px; font-family:arial; font-weight:bold;}

/* archivio autore */
.postauthor {margin-top:20px; color:#569ee6}
.biography {padding:10px; margin:10px 0; background:#f4f4f4; color:#000; line-height:150%;}
.biography img {float:left; padding-right:10px;}

/*paginazione*/
.paginazione {margin:0 0 10px; position:relative; height:20px; width:540px}
.paginazione .nav-left {position:absolute; top:0; left:0}
.paginazione .nav-right {position:absolute; top:0; right:0}


/************************************************ */
/* altro */
#fotoblogger  { text-align:center;}
#fotoblogger img {margin:8px; }

.altroFeed {margin:15px 0 20px;}
.altroFeed h3 {padding-left:30px; font-size:14px; line-height:18px; padding-top:4px;margin-bottom:5px; font-weight:normal;}
.altroFeed h3 span {display:block; font-size:11px; font-weight:normal; font-style:italic;}
.altroFeed h4 {margin:0; padding:0;}
#sidebar #altriBlog .altroFeed h4 a:hover {color:#000;}
.altroFeed span.date {display:none;}
.altroFeed p {font-size:11px; margin:0; padding:0;}

#sidebar #altriBlog .altroFeed a:hover { text-decoration:underline}
#donne {background: url("images/ico_rosa.gif") no-repeat;}
#donne h3 a,#donne h3 a:visited, #donne h3 a:hover {color:#ac1023;}
#pensioni {background: url("images/ico_verde.gif") no-repeat;}
#pensioni h3 a, #pensioni h3 a:visited, #pensioni h3 a:hover  {color:#6e9900;}
#crisi {background: url("images/ico_blu.gif") no-repeat;}
#crisi h3 a, #crisi h3 a:visited, #crisi h3 a:hover   {color:#569ee6;}