/*  
Theme Name: CiaoCimba 2008
Theme URI: http://www.ciaocimba.com
Description: Tema per il mio sito.
Version: 0.1
Author: Oriana Collepardo
Author URI: http://www.ciaocimba.com
*/

/*-----------------------------------------------------------------------------------------------
  Stili Generali
-----------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, fieldset, address {}
li { }
fieldset {}
select option{}

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; margin:0px; padding:0px; font-size:1px;}


body{
	background-image: url(images/body_bg.jpg); background-repeat: repeat;
	background-color: #CCCCCC;
        margin: 0 auto;
	text-align:center;
	font-size:12px;
	color:#4F4F4F;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

.container {
	background-image: url(images/container_bg.jpg); background-repeat: repeat;
        width:900px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

#contenuti{
	width:840px;
	margin:0 auto;
	padding:0px;
}

.trucco{
	width:100%;
	margin:0 auto;
        position:relative;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
        width:100%;
	height:260px;
	margin:0 auto;
	padding:0px;
        overflow:hidden;
        position:relative;
	background-image: url(images/testa.jpg);
	background-repeat: no-repeat;
        background-position:center;
        text-align: left;
}

.testolina {
        width:900px;
	height:260px;
	margin:0 auto;
	padding:0;
        text-align: left;
}

.sx {
        width:300px;
	height:150px;
	margin:0px;
	padding:0px;
        float:left;
        overflow:hidden;
}

.dx {
        width:600px;
	height:150px;
	background-image: url(images/dx.jpg);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
        float:left;
        overflow:hidden;
}

.shop {
        width:300px;
	height:110px;
	margin:0px;
	padding:0px;
        float:left;
        overflow:hidden;
}

.info {
        width:600px;
	height:110px;
	margin:0px;
	padding:0px;
        float:left;
        overflow:hidden;
}

/*-----------------------------------------------------------------------------------------------
  Stili Post e Pagine
-----------------------------------------------------------------------------------------------*/

.post{
	width:270px; 
	height:450px; 
	margin:10px 3px 10px 5px; 
	float:left; 
	padding:0px; 
	text-align:left;
}

.post-content {
	width:240px; 	
        height:175px;
        margin:0px 5px 0px 5px; 
	padding:10px 10px 10px 10px; 
        background-color:#ffffff;
	text-align:left;
}

.post-image {
	width:250px;	
        margin:0px;
        border:0px;
        padding:30px 10px 35px 10px;
        display:block;
        clear:both;
        background-image: url(images/post_2.jpg); background-repeat: no-repeat;
	text-align:center;
}


.thumb-class {
	width:250px;
	margin:0px;
        border:0px;
        padding:30px 10px 30px 10px;
        display:block;
        clear:both;
        background-image: url(images/post_2.jpg); background-repeat: no-repeat;
	text-align:center;
}

.post a, .post h3  {
	margin:0px; 
	padding:0px; 
	border:0px;
        color:#678834;
	text-decoration:none;
}

.post a:hover  {
        color:#aacc88;
	text-decoration:none;
}


.titolo  {
        float:left;
}

.baloon  {
        float:right;
}

.data  {
	float:left;
	font-size:0.95em;
        color:#9DCF4D;
	width:240px;
}

.continua  {
        margin-left:150px;
	width:240px;
}

.pagina-post {
	width:550px;
	margin:10px 10px 5px 10px;
	float:right;
	padding:0px;
	background-color: #ffffff;	
	text-align:left;
}

.pagina-post-content {
	margin:2px 25px 20px 25px;
	padding:0px;
	text-align:left;
        line-height:18px;
}

.pagina-post-content a {
	color:#678834;
	text-decoration:none;
}

.pagina-post-content a:hover {
	color:#aacc88;
	text-decoration:none;
}

.pagina-post-content img {
	padding:0px;
        border-style:solid;
        border-width:1px;
        border-color:#eeeeee;
}

.box-pagina-post {
	width:250px; 
	height:250px; 
	margin:10px 10px 5px 10px;
	float:left; 
	padding:0px; 
        background-image: url(images/postpage_box_bg.jpg); background-repeat: no-repeat;
	text-align:left; 
        color:#4F4F4F;
}

.box-pagina-post a  {
        color:#678834;
	text-decoration:none;
}

.box-pagina-post a:hover  {
        color:#aacc88;
	text-decoration:none;
}

.box-pagina-post p.correlati{
	margin:0;
}
.box-pagina-post p {
	padding:10px 20px 0px 10px;
}
.box-pagina-post div.post-ratings {
	padding:10px 20px 10px 10px;
}
.box-pagina-post div.st-related-posts {
	padding:0 20px 0px 10px;
}

#adsense {
	width:550px;
	margin:10px 10px 5px 10px;
	float:right;
	padding:0;
	background-color:#ffffff;	
	text-align:left;
}

.ad {
	margin:10px 25px 10px 25px;
	padding:0px;
}


/*-----------------------------------------------------------------------------------------------
  Tag Cloud
-----------------------------------------------------------------------------------------------*/

#tagcloud {
	width:820px; 
	height:auto; 
	text-align:left;
	color:#678834;	
	margin:30px auto 30px auto;
	padding:10px;
      border-top:1px solid #aacc88;
      border-bottom:1px solid #aacc88;
}

#tagcloud a:link, a:visited { 
      text-decoration:none; 
}

#tagcloud a:hover { 
	text-decoration:underline; 
}


/*-----------------------------------------------------------------------------------------------
 Archivio - Cerca - Newsletter
-----------------------------------------------------------------------------------------------*/

#striscia {
	text-align:left; 
	width:830px; 
	height:66px; 
	background-image: url(images/tape_bg.jpg); background-repeat: no-repeat;
	margin:0 auto;
	padding:0px;	
}

.archivio {
	float:left;
        width:270px; 
	height:40px;
        text-align:left; 
	padding:0;
	margin:20px auto 0px 10px;
}

.cerca {
	float:left;
        width:270px; 
	height:40px;
        text-align:left; 
	padding:0;
	margin:20px auto 0px auto;
}

.newsletter {
	float:left;
        width:270px; 
	height:40px;
        text-align:left; 
	padding:0;
	margin:20px auto;
}

.notifyme a {
	color:#678834;
	text-decoration:none;
}

.notifyme a:hover {
	color:#aacc88;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------
 Box Bigcartel Adv
-----------------------------------------------------------------------------------------------*/

#bigcartel {
	width:560px; 
	height:auto; 
	margin:5px 0px 10px 30px; 
	padding:0px;
	border:0; 
	float:left;
	clear:both;
	background-color: transparent;
}

.adv {
        width:240px; 
	height:auto; 
	margin:5px 0px 10px 30px; 
	padding:0px;
	border:0; 
	text-align:left; 
	float:left;
}


/*-----------------------------------------------------------------------------------------------
 Box Vario
-----------------------------------------------------------------------------------------------*/

#box {
	background-image: url(images/ruler.gif); background-repeat: repeat;
	width:840px; 
	height:260px; 
	margin:30px auto 0px auto; 
	padding-top:0px;
	clear:both;
}

.anobii{
      width:180px; 
	text-align:left; 
	margin:10px 1px 10px 0px; 
	float:left;
}

 /* ------[ For each item in the badge ]------ */
 	.item_cell {list-style: none; text-align: center; padding: 0px; margin: 0px;}
 	.item_cell li {list-style: none; text-align: center; padding: 0px; margin: 0px;}
 	.cover {padding: 0px; margin: 0px;}
 	.cover img {border: 1px solid #cccccc; padding: 3px; background-color: #f7f7f7;}
 	.title {text-indent: 0;padding: 0; margin: 0; color:#CCCCCC;}
 	.title a {text-indent: 0;padding: 0; margin: 0; color:#678834; text-decoration:none}
 	.title a:hover {text-indent: 0;padding: 0; margin: 0; color:#aacc88;}
 	.subtitle {}
 	.author {text-indent: 0;padding: 0; margin: 0; color:#678834;} 
 
 /* ------[ The bottom part ]------ */
 	.link_cell {list-style: none; text-align: center; padding: 0px; margin-top: 5px; clear: both;}
 	.link_cell dt {text-align: center; margin: 0px; font-size: 10px;}
 	.link_cell dt a {color:#3F3F3F; text-decoration:none;}
 	.link_cell dt a:hover {color:#CCC; text-decoration:none;}
 	.link_cell dd {text-align: center; margin: 0px; font-size: 9px; font-family: Verdana;}
 	.link_cell dd a {color:#3F3F3F; text-decoration:none;}
 	.link_cell dd a:hover {color:#CCC; text-decoration:none;}
 	.link_cell img {border: none; display:none;}


.movie-ratings {
	width:320px; 
	text-align:left; 
	margin:10px 3px 10px 10px; 
	float:left;
}


/* Flickr Badge */
	
	.flickr_badge_wrapper { 
		display:block;
		width:300px;
		margin:10px 3px 10px 7px;             
		padding:0px; 
                float:left;
		}

	.flickr_badge_image { 
		margin:0 10px 10px 0; 
		float:left;
		border:5px solid #9DCF4D;
		}

	.flickr_badge_image img {
		width:75px;
		height:75px;
		border:none !important;
		margin:0;
		}


/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/

#footer{
	width:100%;
	height:200px;
        position:relative;
	margin:0 auto;
	padding:0px;
        overflow:hidden;
	background-image: url(images/piede.jpg); background-repeat: no-repeat; background-position:center;
}

.piede {
	width:900px;	 
        padding:0px;
 	margin:0 auto;
}

.piedino {
	width:840px;	 
        padding-top:20px;
 	margin:0 auto;
	text-align:center;
        color:#3F3333;
        font-size: 10px;
        font-family:Trebuchet MS; 
        text-transform:uppercase;
}

.piedino a {
	color:#3F3333;
	text-decoration:none;
}

.piedino a:hover {
	color:#FFF;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------
  Commenti
-----------------------------------------------------------------------------------------------*/

.commenti {
	padding:10px 10px 15px 10px;
	margin:30px 10px 0 10px;
	text-align:left;
        /* background-image: url(images/comment_header_bg.jpg); background-repeat: no-repeat; */
}

.commenti .titolo {
	text-align:left;
        text-transform:uppercase;
width: 200px;
}

.commenti .dettagli {
	text-align:right;
        text-transform:uppercase;
}

.commenti h2 {
	font-size:12px;
}

.commenti h3 {
	font-size:10px;
}

.commenti a{
	color:#678834;
        text-decoration:none;
}

.commenti a:hover{
	color:#aacc88;
        text-decoration:none;
}

.commenti-commento {
	width:550px;
	margin:40px 10px 5px 10px;
	float:right;
	padding:0px;
	background-color: #ffffff;	
	text-align:left;
}

.commenti-commento-content {
	margin:2px 25px 20px 25px;
	padding:0px;
	text-align:left;
        line-height:18px;
}

.commenti-commento-content a {
	color:#678834;
	text-decoration:none;
}

.commenti-commento-content a:hover {
	color:#aacc88;
	text-decoration:none;
}

.commenti-autore {
	width:250px; 
	height:50px; 
	margin:40px 10px 5px 10px;
	float:left; 
	padding:0px; 
        background-image: url(images/commenti_autore_bg.jpg); background-repeat: no-repeat;
	text-align:left; 
        color:#4F4F4F;
}

.commenti-autore a  {
        color:#678834;
	text-decoration:none;
}

.commenti-autore a:hover  {
        color:#aacc88;
	text-decoration:none;
}

.commenti-autore p {
	padding:0px 20px 5px 10px;
}

#preview{

	margin:1px 0;
	padding:1px;
	border:1px solid #ffff00;

}

#preview p{ margin:1px 0 0 0; }

#errori { color:#FF0000; font-weight:bold; }

#comments .pingback cite .author{

	display:block;

	padding-top:68px;

	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}


#commenti .content{

	float:left;
	width:540px;
	margin-left:10px;
	border-left:0px solid #868686;
	padding: 0 0 0 2%;
	background-color:#ffffff; 
}

#commenti .content p{

	margin:0 0 1px 0;

}

#commenti .content h3{

	margin:0;
	font-size:9px;

}


#commenti-form{

	margin:30px 0 0 10px;
	width:auto;
}

.dati-utente {
	width:250px; 
	margin:40px 10px 5px 10px;
	float:left; 
	padding:0px; 
	text-align:left; 
        color:#4F4F4F;
}

.testo-commento {
	margin:40px 10px 5px 10px;
	float:right;
	padding:0px;
	text-align:left;
	width:540px;
}

input.textfield{
	width: 15em;
	margin:5px 0;
}

textarea.commentbox {
	width:520px;
	height:10em;
	padding:5px;
	margin:0;
	font-size:1em;
	font-family:Trebuchet MS, Helvetica, sans-serif;
}

label.text{

	position:relative;
	left:0.5em;
	top:-0.5em;

}

.formactions input.submit{ 

	float:right; 
	margin:3px 0 0 0;
	padding:0 0.5em;
}

.formactions .spinner{

	float:right;
	margin:-8px -20px 0 0;

}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	width:200px;
	margin:1px 0 0 0;
	-moz-opacity:0.5;
	text-align:right;
}
#search:hover{
	-moz-opacity:1.0;
}
#search .searchimg{
	float:right;
	width:14px;
	height:13px;
	background:url(images/search.gif) 0 0 no-repeat;
	position:relative;
	top:4px;
}
#search input{ 
	width:175px; 
	font-size: 1.05em; 
	background:#FFF;
	margin-top:0px;
}
#search input:focus{
	background:#FFF;
}

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#222;
	border:none;
	border-bottom:1px solid #333;
	width:30em;
	color:#666666;
	padding:0.25em;
}

#searchform #searchsubmit{
	background:#000;
	color:#666;
	border:none;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:0.25em;
}

/* Legacy Typo CSS */

#search-results{
	width:30%;
	background:#333;
	padding:0 0 0 0;
	float:right;
	-moz-opacity:0.9;
	border-top:1em solid #000;
}
#search-results h3{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000;
	
}
#search-results small{
	display:block;
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555;
}
#search-results small a{
	color:#CCC;
}
#search-results ul li{
	list-style-type:none;
	padding:0 1em 0.5em 1em;
	margin:0.5em 0;
}
#search-results ul li:hover{
	background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}

#search img.archives-icon{
	margin:0 7px 0 0;
	top:1px;
}