/*
Theme Name: Pier Ferdinando Casini
Author: 
Theme URL: 
Description: Tema Wp personalizzato per Pier Ferdinando Casini
Author URI:
Version: 1.0
*/


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


/* ############ Miscellaneous conveniences ############*/
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: inherit; vertical-align:middle}
br.clear, .clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.alignRight {clear:both; text-align:right}


/* ############ Apply styles ############ */
html {background:#009de2}
body {font: 13px/1.4 "Trebuchet MS", Arial, sans-serif;color:#000; text-align: center; background:#eee url("images/bg_page.gif") 0 0 repeat-x}
#contBackground {width:100%; margin:0; padding:0; background:url("images/centro.png") center 10px no-repeat;}

/*link*/
a, a:visited  {text-decoration:none; color:#666}
a:hover  {text-decoration:underline;}

/*titoli*/
h1 a:hover {text-decoration:none}
h2 {font:20px Geneva, Arial, Helvetica, sans-serif; margin-bottom:7px; }


/*############ struttura principale ######## ####*/
#wrapper { margin:0 auto; text-align:left; padding:0; width:990px;}
#contFooter { background:#009de2; text-align:center; clear:both}
#header { position:relative; height:155px; z-index:1}
#col-left {float:left; width:665px; margin-top:15px; z-index:100; position:relative}
#col-right {float:right; width:307px;background:#FFF url(images/bg_colright.gif) bottom left repeat-x; padding:7px 7px 200px; _padding:7px 7px 200px 5px; margin-top:66px}


/* ############ header ############# */
#header h1 {position:absolute; top:60px; margin:0}
#header h1 span {display:none}
#header h2 {display:none}
#header #logo {position:absolute; top:40px; right:0}
img#foto {position:absolute; top:1px; left:430px;}

/*navigazione*/
#nav { margin:0 auto; position:relative;}
#nav li {float:left;margin:0;padding:0; width:102px; text-align:center;font-size:14px; background:url(images/bg_tab_off.gif) 0 0 no-repeat;margin: 0 1px 1px 0; }
#nav a {color:#FFF;background:url(images/bg_tab_off.gif) center right no-repeat; display:block;line-height: 50px;} 
#nav li.current_page_item, #nav .current_page_item a, #nav a:hover { background:url(images/bg_tab_on.gif) 0 0 no-repeat; text-decoration:none} 




/* ############ corpo pagina ############ */
#container {clear:both;}
#container .box {background:#FFF; margin-bottom:5px; /*border:#FFF 1px solid;*/ height:100% /*per baco ie*/}

/*primo post*/
#first .content {}
#first .post { background:transparent; padding-bottom:0}

/* due post in evidenza*/
#inEvidenza {width:665px;}
#inEvidenza .postFloat {width:322px; float:left;}
#inEvidenza h2 {padding:10px 20px 0; font-size:14px; font-weight:normal; color:#135ca0;}
#inEvidenza .postFloat .content {padding:5px 0 10px 20px; color:#676767;}
#inEvidenza .postFloat .content img {float:left; margin-right:10px;}
#inEvidenza .postFloat .content h1 a {font-size:13px; font-weight:bold; color:#135ca0;}
#inEvidenza .postFloat .content p {margin:0; font-size:12px; line-height:1.4;}


/* facebook */
#facebook {padding:10px; float:left; border-right:#afafaf 1px dotted;}

/*twitter*/
#twitter {width:290px; float:right; padding:10px 0 15px;}
#twitter li {margin:5px 15px 5px 0; padding-bottom:4px; border-bottom:#afafaf 1px dotted;}
#twitter li span {font-size:10px; color:#999; display:block;}
#twitter li a {color:#135ca0;}
#twitter p.seguimi {float:right; font-size:11px; padding-right:15px;}

/*citazione*/
#cit {width:330px; float:right; }
#cit h2 {text-transform:uppercase; font-size:13px}
#cit blockquote {font: italic 14px/1.6 Georgia, "Times New Roman", Times, serif; margin:0; padding:10px 20px}
#cit blockquote p {margin:0}

/* categorie */
#categorie_footer {width:330px; padding:10px; float:left; border-right:#afafaf 1px dotted;}

/* archivio */
#archivio_footer {width:330px; padding:10px; float:right; }

/*post*/
.post {clear:both; background:url(images/bg_post.gif) bottom left repeat-x;}
.post h1 {font-size:22px; font-weight:normal; color:#135ca0}
.post h1 a, .post h1 a:visited {color:#135ca0; }
.meta {padding:20px 20px 10px; border-bottom:#afafaf 1px dotted; color:#666; font-size:11px}
.meta .categoria {color:#00a4e1}
.meta .categoria a {color:#00a4e1; text-decoration:underline}
.comment a {font-size:11px; background:url(images/ico_commenti.gif) center right no-repeat; padding:2px 20px 2px 0;}
.post .content {padding:20px}
.postfoot {position:relative;clear:both;}
.postfoot .share {position:absolute; top:0; right:0; font-size:11px; color:#666; width:170px; text-align:right; height:18px; line-height:18px;}

.post p {margin:0 0 10px; font-size:13px; line-height:1.6}
.wp-caption-text {display:none}
.wp-caption {float:left; margin-right:10px}
.post img {float:left; margin:3px 10px 5px 0; padding:4px;}
.post img.alignleft {float:left; margin-right:10px; margin-bottom:5px}
.post img.alignright {float:right; margin-left:10px;margin-bottom:5px}
.post img.aligncenter {display:block; margin:5px auto; float:none}
a.more-link {font-weight:bold}

.post ul { margin:10px;}
.post ul li { background:url(images/bg_list.gif) 0 6px no-repeat; padding-left:10px}

.post ol {margin:10px 20px}
.post ol li {line-height:22px;}

.post blockquote {margin: 1em auto 1em auto;text-align: left;text-indent: 25px; }
.post blockquote p {line-height: 1.8;margin: 0;display: inline;padding-right:24px;font-style:italic;}

#pagArchivio h2 {padding:20px 20px 0; font-size:16px}
#pagArchivio .data {font-size:11px; color:#666}


/*bottom*/
.social { border-bottom:#afafaf 1px solid; margin:10px; padding:10px; clear:both; height:100% /*fix ie*/}
.social .left {width:290px; border-right:#afafaf 1px solid; padding:10px; height:270px; min-height:270px}
.social .right {width:290px; padding:10px 5px 10px 15px;}
.social .catleft {width:290px; border-right:#afafaf 1px solid; padding:10px; }
.social .catright {width:290px; padding:10px 5px 10px 15px;  position: relative; float:right  }
.last {border:none}
.social h2 {color:#00a4e3; text-transform:uppercase; font-size:15px}
.social h2 img { vertical-align:middle; margin-right:10px}
.social p.subtitle {font-size:11px; color:#00a4e3; margin:10px 0}
.social .subtitle span, .social .subtitle span a {color:#d33b23}

/*badge flickr*/
#flickr_badge_wrapper {margin:5px 0 0 20px}
#flickr_badge_wrapper img {float:left; margin:0 2px 2px 0}

/*badge delicious*/
.social a.delicious-link {color:#155ba0 !important; font-size:11px}
.social li.delicious-post { background:url(images/ico_delicious_small.gif) 0 15px no-repeat; padding:10px 0 10px 20px}

/* badge dopplr */
.dopplr-badge, .dopplr-badgr {border:0 !important;}
#dopplr-logo, .dopplr-badgr-header {display:none !important;}



/* ########### singolo post ########### */
.single {}
.single .post { background:transparent}



/*commenti*/
#commenti { clear:both; padding:10px; margin-top:40px}
#commenti h3 {font-size:1.1em; margin-bottom:10px; border-bottom:#878787 1px solid; padding:10px;}
#commenti h3 span {background:url(images/ico_commenti.gif) center right no-repeat; padding-right:22px}
#commenti ol {list-style:none; padding:5px 20px}
#commenti li {margin-bottom:40px; clear:both; background:url(images/bg_listcomment.gif) 75px 0 no-repeat}
#commenti li img.avatar {padding:3px; border:#e7e7e7 1px solid; float:left; margin-right:13px}
#commenti li small {font-size:11px; color:#7e7e7e; display:block; background:url(images/bg_datacomments.gif) 0 0 repeat-x; width:505px; padding:2px 5px;float:right; margin-bottom:3px}
#commenti li .right { background:url(images/bg_comments.jpg) 0 0 repeat-x; width: 505px; padding:5px; min-height:60px}
#commenti li cite, #commenti li cite a { color:#20b0e4; font-style:normal}
#commenti p {font-size:12px; padding:3px}

#noComments h3 {padding-left:20px;}

#postcomment { clear:both; padding:10px;}
#postcomment h3 {font-size:1.1em; margin-bottom:10px; border-bottom:#878787 1px solid; padding:10px;}
#commentform {padding:10px 20px}
#commentform p {clear:both}
#commentform label {display:block; float:left; width:80px;margin-top:10px}
#commentform p span {color:#7e7e7e; vertical-align:middle}
#commentform input {width:200px; border:#CCC 1px solid; vertical-align:middle; padding:4px; margin-top:10px; margin-right:10px}
#commentform textarea {vertical-align:top; width:430px; border:#CCC 1px solid; padding:2px; margin-top:10px}
#commentform p.alRight {text-align:right; margin-top:5px; width:555px}
#commentform input#submit {border:none; height:auto; width:auto; margin:10px 90px 0 0; padding:0}

/* link archivio hp */
div.linkArchivio {padding:5px 20px; text-align:right;}
div.linkArchivio a, div.linkArchivio a:visited {color:#c00; padding-left:25px; font-size:15px; line-height:23px; /*background:url(images/freccia.png) center left no-repeat; */}
div.linkArchivio img {vertical-align:middle}
div.linkArchivio a:hover {text-decoration:none;}


/* paginazione */
.paginazione {width:665px; float:left; border-top:1px dotted #afafaf; padding:10px 0; background:#fff;}
.paginazione .nav-left {width:100px; float:left; padding-left:10px;}
.paginazione .nav-right {width:100px; float:right; text-align:right; padding-right:10px;}


/* ########### sidebar ########### */

#col-right .box {background:#FFF; margin: 5px 0; padding:10px}
#col-right .box h2 {border-bottom:#d1d1d1 1px solid; color:#2566a6; text-transform:uppercase; font-size:14px; padding:7px 0}

/*registrazione e login */

#boxLogReg { margin:3px 0; border-bottom:1px solid #cfcfcf;}


/*search*/
#formSearch {height:65px; position:relative; margin-bottom:5px}
#formSearch label {position:absolute; top:25px; left:10px; color:#7e7f7f; font-size:11px; font-family:"Trebuchet MS"; font-weight:bold;}
#formSearch input#search {position:absolute; top:20px; right:0px; width:200px; border:#9e9e9e 1px solid; padding:3px}
#formSearch input#search-submit {position:absolute; top:22px; right:5px; background:url(images/butt_search.gif) 0 0 no-repeat; width:22px; height:19px; border:none; cursor:hand;}

/* servizi */
#servizi {width:305px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin-bottom:15px; padding-bottom:10px;float:left; text-align:center;}
#servizi a {font-size:10px; text-decoration:none; display:block; color:#7e7f7f; float:left; padding-top:64px; font-weight:bold;}
#servizi  a:hover { text-decoration:none; color:#000; }

#versopartito a, a.hover {font-size:10px; text-decoration:none; display:block; color:#7e7f7f; float:left; font-weight:bold;}


#rasstampa a, #rasstampa a:visited { width:88px; background:url(images/ico_rass_small.gif) no-repeat; } 

#agenda a, #agenda a:visited {width:68px; background:url(images/ico_cal_small.gif)  no-repeat; } 

#mandavideo a, #mandavideo a:visited {  width:88px; background:url(images/ico_video_small.gif)  no-repeat; } 

#icorss a, #icorss a:visited {  width:88px; background:url(images/ico-feedrss.png)  no-repeat; } 

#scrivimail a, #scrivimail a:visited {  width:60px; color:#2566a6; background:url(images/ico_mail_small.gif)  no-repeat; } 
#scrivimail span {padding-left:12px;}


/* segui facebook */
#seguiFacebook {padding-left:10px;}


/*manifesto*/
#manifesto {margin:5px 0;}

/*sondaggio*/


/* comemnti recenti */
#commentiRecenti ul li {padding:3px 0; color:#333;}

/*categorie*/
#categorie, #archivio {color:#989898;}
#categorie ul, #archivio ul, #blogroll ul {margin:0 0 10px 5px}
#categorie li, #archivio li, #blogroll li {line-height:21px}
#categorie a, #archivio a, #blogroll a {color:#989898; font-weight:bold}

/*network*/
#network {position:relative; font-size:11px; color:#000;  height:100% /*fix ie*/}
#network a { color:#000}
#network a:hover { text-decoration:none}
#network ul {margin:15px 10px 20px; float:left; display:inline}
#network li {float:left; width:130px;padding:7px 0; display:inline}
#network li img { vertical-align:middle; margin-right:10px}
#network img#fb_login_image {margin: 0 3px}

/*social*/
#col-right .social {border-bottom:none}
#col-right .social h2 {font-size:14px}

/* thumb youtube */

ul.youtubeThumbSidebar {margin:0; padding:0; height:210px; overflow: hidden; list-style-type:none;}
ul.youtubeThumbSidebar li {float:left; width:140px; height:110px;}
ul.youtubeThumbSidebar li img {width:130px; height:97px;}
ul.youtubeThumbSidebar li span {display:none;}

/*badge flickr*/
#col-right  #flickr_badge_wrapper {margin:5px 0 0 20px}
#col-right  #flickr_badge_wrapper img {float:left; margin:0 2px 2px 0}


/* feed */
#feed {color:#717173; font-size:11px; font-weight:bold;}
#feed a {color:#717173;}
#feed p img {vertical-align:middle;}
#feed ul {margin:2px 20px; padding:2px 20px;}
#feed ul li {list-style-type:disc; padding-left:4px;}


/* ########### footer ########### */
#footer {margin:20px auto 0; padding:15px 0; text-align:left; color:#FFF; width:990px; height:100px; font-size:11px}
#footer li {display:inline}
#footer a {color:#FFF;}


/* ###########=================================== 
pagina TEMI ########### */

div.citazioneTemi  {margin:0; padding:40px 30px; font-size:27px !important; color:#19ace3; line-height:100%; font-family:"Trebuchet MS"; font-weight:normal;}

#listaTemi {margin-bottom:5px;}
#listaTemi h3 {color:#002d69; font-size:22px; padding:20px 30px; font-weight:normal; line-height:100%;}

#listaTemi ul {margin:20px;}
#listaTemi ul li {border-bottom:1px dotted #ccc; padding:10px 0 40px;}
#listaTemi ul li h2 {padding-left:70px; color:#125ca0; font-size:22px; font-weight:bold; line-height:100%;}
#listaTemi ul li p {padding-left:70px; color:#000; font-size:16px; margin:8px 0; font-weight:bold;}
#listaTemi ul li p a {font-weight:normal;}

#listaTemi ul li.tema1 {background:url("images/t_uno.gif") 0 10px no-repeat;}
#listaTemi ul li.tema2 {background:url("images/t_due.gif") 0 10px no-repeat;}
#listaTemi ul li.tema3 {background:url("images/t_tre.gif") 0 10px no-repeat;}
#listaTemi ul li.tema4 {background:url("images/t_quattro.gif") 0 10px no-repeat;}
#listaTemi ul li.tema5 {background:url("images/t_cinque.gif") 0 10px no-repeat;}
#listaTemi ul li.tema6 {background:url("images/t_sei.gif") 0 10px no-repeat;}
#listaTemi ul li.tema7 {background:url("images/t_sette.gif") 0 10px no-repeat;}
#listaTemi ul li.tema8 {background:url("images/t_otto.gif") 0 10px no-repeat;}
#listaTemi ul li.tema9 {background:url("images/t_nove.gif") 0 10px no-repeat;}
#listaTemi ul li.tema10 {background:url("images/t_dieci.gif") 0 10px no-repeat;}



/* ###########=================================== 
pagina CAMPAGNA ########### */
#manifesti ul {margin:0; padding:0; width:420px; float:left;}
#manifesti ul li {width:200px; float:left;}
#manifesti img {border:2px solid #ccc;}

/* ###########=================================== 
pagina 404 ########### */
#alert {padding:30px 30px 50px; line-height:150%; font-size:14px;}
#alert h3 {font-size:22px;}
#alert p {padding:10px 0;}