/*
Theme Name: CreativeBits
Theme URI: http://creativebits.it/
Version: 3.5
Author: Raffaele Rasini
*/

* {	padding:0; margin:0;}

body {
 	text-align: center;
	background: #F5FBFF url('img/bg.gif') repeat-x top;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	color: #444444;
	line-height: 180%;
}

/*.sfondo {background: url('img/body_bg.gif') no-repeat top center;}*/

hr {display: none; margin: 0;}

/*a {color: #BF3A14; text-decoration: none; border-bottom: 1px solid #ddd;}
a:hover {color: #222; border-bottom: 1px solid #ABABAB;}*/

a {color: #2B74A1; text-decoration: none; border-bottom: 1px solid #C5E5FB;}
a:hover {color: #222; border-bottom: 1px solid #ABABAB;}

a img, .post a img, img  {border: 0; text-decoration: none; border-color: white;}

span.highlight {background-color: #FFFFCC;}

/* Container 
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#top {width: 960px; margin: 0 auto 0; text-align: left;  /*border: 1px solid #E3E3E3;*/}
#top .container {padding: 15px; background: #fff url(img/header-top.gif) repeat-x top left;}

.clear {clear: both;}
acronym {cursor:help;}

/* Header 
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {padding-top: 10px; /*background: #343434 url('img/head_bg.gif') repeat top left;*/ margin: 0 0 25px 0;}

#header h1 {float: left;}
#header h1 a {width: 153px; height: 40px; background: url('img/logo.gif') no-repeat top left;	display: block;	border: 0;}
#header h1 a span {display: none;}

/* Menu 
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#nav {float: right;	margin: 0 0 0 0; text-align: right; font-size: 1.2em;}
#nav li {list-style: none; float: left;	margin: 4px 0 -4px 0; padding: 5px 8px 3px 8px; }
	
#nav a {
	text-decoration: none;
	font-weight: normal;
	color: #8BBA1D;
	border-bottom: 3px solid #F0FAD1;
	padding-bottom: 1px;
	padding: 2px;
}

#nav a:hover {border-bottom: 3px solid #DEF695; }

/* Elementi comuni
---------------------------------------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: Georgia, serif;}

	h2 { font-size: 1.5em; color: #888; font-weight: lighter; margin-bottom: 15px }
	h2 a {color: #444; border: 0;}
	h2 a:hover {color: #222;}
	h3 {margin-bottom: 10px; font-weight: lighter; font-size: 1.3em;}
	h4 {font-weight: lighter; font-size: 1.2em; border-bottom: 1px solid #ddd; padding-bottom: 2px; margin-bottom: 4px; color: #333;}

	h3.azzurro {padding: 3px; background: #DAF2FC;  margin: 0;  width: 934px;}
	h3.azzurro span {display: block; border: 1px dashed #A8E3FC; background: #E9F6FC /*url('img/ultimi_lavori.gif')*/; padding: 5px; color: #349BCF;}
	h3.azzurro span .ritorna {color: #1E74A0;}
	
	h3.verde {padding: 3px; background: #E6F1CD;}
	h3.verde span {display: block; border: 1px dashed #B9D76F; background: #ECF5D6 /*url('img/tecniche.gif')*/; padding: 5px; color: #768137;}
	h3.verde span .ritorna {color: #5A7615;}
	
	h3.arancio {padding: 3px; background: #F7EBC8;}
	h3.arancio span {display: block; border: 1px dashed #F7DC8E; background: #FFF9E9; padding: 5px; color: #D7AA29;}
	h3.arancio span .ritorna {color: #BA8D0A;}
	
	h3.mail {padding: 3px; background: #fff url('img/mail.gif') repeat 0 0;}
	h3.mail span {display: block; border: 1px dashed #E0E0E0; background: #fff url('img/mail_timbro.gif') no-repeat 0 0 ; padding: 5px; color: #E66464;}
	h3.mail span .ritorna {color: #6B96D6;}
	
p {margin-bottom: 10px;}

.col, .col2 {display:inline; float:left; width:217px;}
.col3 {width:450px; display:inline; float:left; margin-right:20px;}
.col4 {width:690px; display:inline; float:left; }
.col { margin-right:20px;}

.ritorna {float:right; /*margin: -22px 0 0 0;*/ font-size: 0.8em; font-family: Arial, serif; border: 0; display: inline;}
.ritorna:hover {border: 0; text-decoration: underline;}


/* Sezione: Top
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top {margin-bottom: 20px; position: relative; background: url('img/papiro.gif') no-repeat bottom right; }
.top h4 {color: #668B21; font-size: 1.3em;}
.top ul {list-style: none;}
.top ul li {padding-bottom: 6px; border-bottom: 1px dashed #D1D1D1; margin-bottom: 6px;}
.uccello {padding-top: 192px; background: url('img/uccello.jpg') no-repeat top left;}

/* Sezione: Portfolio
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.portfolio { margin-bottom: 20px; position: relative; width: 960px; }
.portfolio .coming {display: block; text-align: center; font-size: 1.9em; color: #D1D1D1; padding-top: 20px; font-family: georgia;}

.portfolio ul {list-style: none; padding: 10px 0 0 0;}
.portfolio ul li {display: block; width: 458px; /*padding: 4px;*/ margin: 0 20px 10px 0; float: left; height: 200px;}
.portfolio ul li div {padding: 4px 6px 4px 6px;  background: #fff; margin-top: -3px;}

.portfolio ul li h4 {font-size: 1em; padding: 0; margin: 0; border: 0; font-family: Arial, sans-serif; color: #55503F; font-weight: bold;}

.portfolio ul li a.visita {float: right; padding: 0;}
.portfolio ul li a {border: 0; /*color: #A39C86;*/ text-decoration: underline;}
.portfolio ul li a:hover {text-decoration: none;}
.portfolio ul li img {width: 450px; height: 100px; border: 3px solid #CAE8FF; padding: 1px; background: #fff;}

.portfolio ul li span.offline {float: right; color: #A39C86;}


/* Sezione: Tecniche
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.dec {display: block;} 
.dec p {text-align: justify;}

/* Sezione: Contatti
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.contattami {padding-bottom: 20px; margin-top: 10px;}
.note {color: #888;}

.avviso {padding: 8px; text-align: center; margin-bottom: 10px; border-width: 2px 0; border-color: #EDEE82; background: #FDFEE3; border-style: solid; }

.contattami ul {list-style: none;}
.contattami form label {/*display: block;*/}
.contattami form input, .contattami form textarea, .form_commenti input, .form_commenti textarea, #searchform input {
	width: 212px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif; 
	padding: 3px;
	background:#FFFFFF url(img/fieldbg.gif) repeat-x top;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
	margin-bottom: 4px;

}

.contattami form p {margin-bottom: 0}
.contattami form .submit, .form_commenti button,  #searchform button {padding: 3px; border: 2px solid #ddd; background: #EBEBEB; margin: 4px 0 0 0;	cursor: pointer; width: auto}

	/* -- Cerca -- */
	#searchform {margin-bottom: 15px;}
	#searchform input {width: 140px;}
	#searchform button {position: relative;  top: -3px; right: -3px;}

/* Sezione: Loop e Categorie
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.post_container {float: left; margin-right: 20px;}
.post h2 {margin: 0; font-family: Arial, sans-serif; font-weight: lighter; }
.post h2 a {color: #383D44;}
.post h2 a:hover {color: #FF1E70; border-bottom: 0;}

.post h3 {font-weight: lighter; font-size: 1.2em; border-bottom: 1px solid #ddd; padding-bottom: 2px; margin-bottom: 4px; color: #FF8F1E;}
.post small {color: #888; font-size: 1em; padding: 0 0 2px 0; margin-bottom: 5px; border-bottom: 1px dotted #ddd; display: block;}
.post small a {border: 0;}
.post small span {float: right;}

.corpo ul, .corpo ol {margin: 0 0 10px 35px;¸}
.subscribe-to-comments input {float: left; margin-right: 5px;}

img.center, img[align="right"] {display: block;	margin-left: auto; margin-right: auto;}
img.alignright, img[align="right"] {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft, img[align="left"] {padding: 5px 4px 4px 0; margin: 0 5px 2px 0; display: inline;}

.sidebar {padding-bottom: 20px;}

	/* -- Navbar -- */
	.nav {display: block; padding: 0 0 15px 0;}
	.nav span {padding: 3px 6px 3px 6px;}
	.nav a {border: 2px solid #ddd; background: #F3F3F3; padding: 3px 6px 3px 6px; color: #666;}
	.nav a:hover {border-color: #B2CC82; background: #E9F1DC; color: #425C11;}

	/* -- Archivio -- */
	.archivio {padding-right: 20px}
	.archivio h2 {color: #333; border-bottom: 1px solid #ddd; padding-bottom: 2px; margin-bottom: 6px; display: block;}
	.archivio p, .archivio strong {margin: 0 0 0px 0; display: block;}
	.archivio ul {list-style: none; margin: 0  0 15px 15px; display: block;}
	.archivio ul li {color: #888;}

/* Sezione: Commenti
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#commenti {padding-bottom: 20px}
#commenti .rss_commenti {float: right;  z-index: 20; position: relative; border: 0;}


#commenti ol#commentlist {list-style: none;}
#commenti ol#commentlist li {padding: 10px; background: #F1F1F1; margin-bottom: 10px; border-bottom: 3px solid #E6E6E6; /*border-top: 1px solid #E6E6E6;*/}

#commenti ol#commentlist li .count {display: none; float: right; font-size: 8em;  font-family: georgia, serif; color: #fff; position: relative; top: -5px; right: -18px;}
#commenti ol#commentlist li .autore {font-size: 1.3em;}
#commenti ol#commentlist li .messaggio {position: relative; z-index: 10; bottom: -4px;}
#commenti ol#commentlist li .messaggio blockquote {margin: 0 0 0 10px; font-style: italic;}

#commenti ol#commentlist li.autore_post {background: #F0F8E0; border-color: #DCE6C7;}
#commenti ol#commentlist li.autore_post a {color: #668B21;}
#commenti ol#commentlist li.autore_post a:hover {color: #222;}
#commenti ol#commentlist li.autore_post .note {color: #9CB077;}

	/* -- Form commenti -- */
	.form_commenti label {display: block;}
	.form_commenti input {width: 300px;}
	.form_commenti textarea	{width: 430px;}
	
/* Footer 
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {padding: 10px 0 0 0; border-top: 1px solid #ddd; margin: 0px; color: #888;}
#footer span {display: block; margin: 0; padding: 0;}