/* 
	Theme Name: Cleep1
	Description: Foglio di stile per www.cleep.it
	Author: SecondoMe 
	Author URI: htttp://www.secondome.com/blog
	Version: 0.1
*/
body {
		margin: 0px;
		padding:0px;
		background: #e6c9ce;
		font-family: "bradley hand ITC", Verdana, Arial, sans-serif;
		font-size: 12px;
		color: white;
	}

#wrap {
		width: 800px;
		height: 558px;
		position: absolute;
		top: 50%;
		left:50%;
		margin-left: -400px;
		margin-top: -278px;
		vertical-align: middle;
		background: #e6c9ce url('logo_testata.png') no-repeat 60px 30px;

	}
#top {
		width:800px;
		height: 120px;
		margin:0px;
	}

#sidebar{
		display: inline;
		width: 224px;
		height: 430px;
		float: left;
		padding:0px;
		margin:0px;
		}

#sidebar ul {
		margin: 0px;
		margin-top:80px;
		padding:0px;
		}
		
#sidebar ul li {
		float:left;
		width: 210px;
		height: 40px;
		margin-bottom: 25px;
		padding:0px;
		padding-left: 15px;
		text-align: left;
		background: #615d5c;
		vertical-align: middle;
		line-height:40px;
		color:white;
		font-weight:bold;
		list-style-type: none;	
		}

#sidebar ul li  a {

		text-align: left; 
		font-size: 24px;
		text-decoration: none;
		font-weight: 900;
		color: white;
		}

#sidebar ul li  a:hover {
		border-bottom: thin slashed;	
		text-decoration: underline;
		font-weight: 900;
		}

		
.menu_tab {
		width: 210px;
		height: 40px;
		margin-bottom: 25px;
		text-align: left;
		background: #615d5c;
		padding-left: 15px;
		vertical-align: middle;
		line-height:40px;
		color:white;
		font-weight:bold;
		}

#main {
		display: inline;
		height: 382;
		width: 504;
		margin: 30;
		border: solid #615d5c;
		border-width: 4;
		float: right;
	  }

#content {  
    margin-top: 10px;  
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: Comic sans MS, Verdana, Arial;
    font-weight: 300;
    font-size: 12pt;
    color: #615d5c;
    text-align: justify;
    }
    
#forhim {
  background-color:white;
  height: 330px;
  }

#content a {
    color: #0099cc;
    }

#content a:visited {
    color: #0099cc;
    }

#content img {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
    height: 70%;
    } 
    
#titolo {
    font-family: Comic sans MS, Verdana, Arial;
    font-weight: bolder;
    font-size: 16pt;
    color: #615d5c;   
    text-align: center; 
    }


#titolo_pagina {
		position: absolute;
		top:503;
		right:50px;
		margin-right: 20px;
		text-align:right;
		font-size:50px;
		font-weight: 900;
		color: #615d5c;
		background: #e6c9ce;
	}

#catalogo{ 
    width: 450px;
    height: 200px;
    margin: 0 0 0 20;
   }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#thumbnail{
display: inline;
position: relative;
z-index: 0;
float: left;
height: auto;
margin:0px;
padding:0;
}

#thumbnail img {
float: left;
height:100px;
}

#thumbnail:hover{
background-color: transparent;
z-index: 50;
}

#thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightpink;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
height:400px;
}

#thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
height:380px;
}

#thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
top: -350px;
left: -350px; /*position where enlarged image should offset horizontally */

/*#thumbleft{
display: inline;
position: relative;
z-index: 0;
float: left;
height: auto;
margin:0px;
padding:0;
}

#thumbleft img {
float: left;
height:100px;
}

#thumbleft:hover{
background-color: transparent;
z-index: 50;
}

#thumbleft span{ //CSS for enlarged image
position: absolute;
background-color: lightpink;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
height:400px;
}

#thumbleft span img{ //CSS for enlarged image
border-width: 0;
padding: 2px;
height:380px;
}

#thumbleft:hover span{ //CSS for enlarged image on hover
visibility: visible;
top: 0;
left: 100px; //position where enlarged image should offset horizontally */ 

}