/*
Theme Name: Unblogged toon
Theme URI: http://unblogged.co.uk
Description: La versione, speriamo, definitiva di http://unblogged.co.uk
Version: 1.0
Author: Francesco Altomare
Author URI: http://unblogged.co.uk
*/

html, body, h1, h2, h3, ul, li, p, a { margin: 0; padding: 0; }
body { background: #FFFFFF; font-family: 'Trebuchet MS', Arial, sans-serif;
       font-size: 13px; color: #222222; }

hr { visibility: hidden; clear: both; }   
a { text-decoration: none; color: #0073FF; }    
a:hover { text-decoration: underline; }
a img { border: 0; }
   
#header { background: #0077ff url('img/header-bg.gif') repeat-x;
          height: 155px; border-bottom: 3px solid #3c5f8a;
          border-top: 2px solid #d1d1d1;
          text-align: center; }
#header h1 { width: 554px; height: 155px; background: url('http://i26.tinypic.com/2508ia8.gif') no-repeat;
             text-align: left; }
#header h1 span, #header h3, #header hr { display: none; }
#header h1 a { display: block; width: 404px; height: 158px; }
 
#headerimg {  width: 989px; margin: auto; text-align: left; padding: 0; }
   
#flickr { background: #e9eeff; text-align: center; }
#flickfoto { width: 957px; margin: auto; text-align: center;
             padding-top: 15px; }
#flickr ul li { display: inline; list-style-type: none;
                margin-left: 6px; }
#flickr a img { border: 1px solid #222222;  }

#flickr a:hover img { border: 1px solid #ff6da4;  }
   
#page { background: url('img/page-bg.gif') repeat-x; text-align: center; }
  
#wrap { width: 957px; margin: auto; padding-top: 30px; text-align: left; }
   
#cont { width: 537px; float: left; margin-right: 40px; }
#cont h2 { font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: normal;
           font-size: 24px; color: #3c5f8a; display: inline; }
#cont .data { float: left; color: #676b70;
              display: inline; }

 
#cont .post h2 a { color: #3c5f8a; text-decoration: none; }
#cont .post h2 a:hover { color: #0073FF; }
#cont p { text-align: justify; margin-bottom: 16px; margin-top: 2px; }
#cont p.postinfo { margin-top: 2px; font-size: 12px; color: #676b70; line-height: 16px;
                   clear: both; }
#cont .postinfo .commentol a { padding-right: 18px; background: url('img/commenti.gif') no-repeat right; }
#cont .postinfo a , #cont .posttag a { color: #3d88ce; text-decoration: none; }
#cont .postinfo a:hover, #cont .posttag a:hover { color: #ff6da4; }

#cont .posttag { color: #676b70;  border-bottom: 2px solid #efefef;
                 border-top: 2px solid #efefef; padding: 5px; 
                 font-size: 12px; margin-top: 25px; }
#cont .info { color: #676b70;  border-bottom: 2px solid #efefef;
                 border-top: 2px solid #efefef; padding: 5px; 
                 font-size: 12px; }

.post { margin-bottom: 35px; }

#cont .asides { color: #676b70; font-size: 13px; font-family: Georgia; 
                border: 1px dashed #EFEFEF;
                padding: 5px; font-size: 12px; }
                
#cont .asides h2 { font-family: Georgia; color: #676b70; font-size: 22px; }
#cont .asides  .postcont { margin-top: 5px; }
#cont .asides .postinfo { display: inline; }
#cont .asides a { color: #3d88ce; text-decoration: none; }
#cont .asides a:hover { color: #ff6da4; }
#cont .asides h2 a { color: #676b70; }
#cont .asides h2 a:hover { color: #3d88ce; }


   #feed { clear: both; width: 380px; }
   #feed a { margin: auto; display: block; width: 234px; height: 158px; 
             background: url('img/feed.gif') no-repeat left; }
   #feed a span { display: none; }
   
#sidebarwrap { float: left; width: 380px; font-size: 13px; }
#sidebarwrap h3 { font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: normal;
                  font-size: 22px; color: #3c5f8a; }
                     
#primsidebar { width: 160px; float: left; margin-right: 20px; }
  
#addsidebar { width: 160px; float: left; }
#addsidebar h3 { cursor: pointer; font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: normal;
                  font-size: 22px; color: #3c5f8a; }
.sidebar ul li ul { margin-bottom: 26px; } 
.sidebar ul li { list-style-type: none; }
.sidebar ul li ul li { padding-left: 6px; }
.sidebar ul li ul li a { text-decoration: none; color: #0073FF; }
.sidebar ul li ul li a:hover { color: #FF207E; }

ul.randblog li { float: left; }
ul.randblog a img { border: 0; }


#comments { margin-top: 55px; }
.commentmetadata { color: #676b70; display: block; margin-bottom: 12px; }
cite.au { text-transform: uppercase; font-size: 14px; font-style: normal; }

h3#respond { margin-bottom: 16px; }

input#author, input#url, input#email { border: 2px solid #EFEFEF;
                                       padding: 5px;  }
input#author:focus, input#url:focus, input#email:focus { border: 2px solid #c6c4c4; }

input#submit { padding: 5px;
		border: 1px solid #c6c4c4; }
 
textarea#comment { border: 2px solid #EFEFEF; padding: 5px; 
                   font-family: 'Trebuchet MS', Arial, sans-serif;  
                   font-size: 12px; width: 524px;
                   }
textarea#comment:focus { border: 2px solid #c6c4c4; }
.avviso { font-size: 11px; border-top: 1px solid #0091d2; 
           border-bottom: 1px solid #0091d2;  padding: 7px;
           background: #e2eff4; margin-bottom: 16px; }
.avviso p { margin: 0; padding: 0; }

#cont h3 { font-family: 'Trebuchet MS', Arial, sans-serif; font-weight: normal;
           font-size: 22px; color: #676b70; border-bottom: 2px solid #EFEFEF;
                  }
  .commentlist { padding: 0; margin:0; margin-bottom: 55px; }
  .commentlist li { padding: 0; margin:0; }
 .commentlist li { border-bottom: 1px solid #EFECED;
                  list-style-type: none; padding-left: 10px;
                  padding-bottom: 13px;
                  padding-top: 13px; }


.navigation { margin-top: 30px; }
.navigation .alignleft , .navigation .alignright { float: left; margin-left: 12px; }
.navigation a { padding: 3px; padding-left: 10px; padding-right: 10px;
     border: 2px solid #EFEFEF; text-decoration: none;  }
.navigation a:hover { background: #0073FF;  color: #FFFFFF; }


#icons { padding-top:18px; width: 957px; margin: auto;
         text-align: center;  }

#twitter { margin-top: 12px; text-align: left;
           border: 1px solid #0091d2; padding: 7px;
           background: #e2eff4; }


#footer { background: #222222; border-top: 3px solid #3c5f8a;
           margin-top: 18px; }
#footer p { width: 957px; margin: auto; color: #efefef; text-align: center;
            padding-top: 12px; padding-bottom: 12px; }
#footer a { color: #efefef; }


/* Tooltips */

.tool-tip { background: url('img/tip.png'); padding: 6px; font-size: 11px; color: #efefef; }
.tool-title { font-weight: bold; }
.tool-text { font-style: italic; }
/* blognation bar */
  
.topbar {
   width: auto;
   height: 24px;
   vertical-align:middle;
   border: 1px solid #d1d1d1;
   background: url('img/bna_bg.gif');
   padding: 1px;
   } 
 
.topbar_logo {
   float: left;
   left: auto
   width: 200px;
   height: auto;
   padding-right: 15px;
   background-color: #transparent;
   }

.topbar_start {
   float: left;
   width: auto;
   height: auto;
   padding-top: 4px;
   background-color: transparent;
   }
.topbar_star a { text-decoration: none; }
.topbar_searchfield {
   float: left;
   left: auto
   width: 200px;
   height: 24px;
   padding-right: 15px; 
   background-color: #transparent; 
   }

.topbar_searchfield input {
		margin: 0px;
		padding: 2px;
		border: 1px solid #c6c4c4;
		font-family: Arial, sans-serif;
		font-size: 10px;
		color: #000;
		}

.topbar_searchfield button {
		margin: 0px;
		padding: 1px;
		border: 1px solid #c6c4c4;
		font-family: Arial, sans-serif;
		font-size: 10px;
		color: #000;
		}

.topbar_read select {
		margin: 0px;
		padding: 1px;
		border: 1px solid #c6c4c4;
		font-family: Arial, sans-serif;
		font-size: 10px;
		color: #000;
		}

.topbar_read {
   float: right;
   width: auto;
   height: auto;
   padding: 2px 10px 0px 0px;
   background-color: transparent; 
   }
/* Fine blognation bar */

.avviso2 { background: #fdfdbd; margin-bottom: 10pt; padding: 5px;
           border-top: 1px solid #f6f600; border-bottom: 1px solid #f6f600; font-family: 'Trebuchet Ms', Arial, verdana, sans-serif;
       font-size: 7pt; font-weight: normal; }
 .avviso2 p { padding-left: 4px;
             margin: 0 !important; }

 .avviso3 { background: #ffffff; margin-bottom: 10pt; padding: 5px;
           border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-family: 'Trebuchet Ms', Arial, verdana, sans-serif;
       font-size: 7pt; font-weight: normal; }
 .avviso3 p { padding-left: 4px;
             margin: 0 !important; }
.vimeo { background: #f8f8f8; border: 1px solid #ececec; color: #686767; padding: 6px; margin-top: 12pt; }