/* 
	colors palette 
	black		#252525	
	red 		#ED1B2E
	green    	#73b31f


*/

/* ..... GENERAL */
html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; position:relative; background-color:#eeeeee; background-repeat:no-repeat; background-position:top; background-attachment:fixed; }

body.home { background-image:url(img_02.jpg);}
body.blog { background-image:url(img_04.jpg); }
body.default { background-image:url(img_03.jpg); }

#container-wrapper { float:left; width:100%; min-width:980px; }
#container { width:960px; margin:0 0 0 80px; }
#content { float:left; display:inline; width:600px; margin-right:30px; color:#252525; text-align:left; }
#sidebar { float:left; display:inline; width:300px; padding-bottom:20px; background:#FFFFFF; }


/* ..... HEADER */
#header-wrapper { float:left; width:100%; height:200px; position:relative; }


h1#logo { position:absolute; z-index:4; top:80px; left:60px; width:355px; height:95px; line-height:95px; margin:0; background-image:url(logo.png) !important; background-image:url(logo.gif); background-repeat:no-repeat; text-indent:-9999px;  }

#moleskine { position:absolute; z-index:3; top:55px; left:360px; width:445px; height:265px; line-height:265px; margin:0; background-image:url(moleskine.png); background-repeat:no-repeat; text-indent:-9999px;  }
#sketch-left { position:absolute; z-index:1; top:80px; left:20px; width:120px; height:180px; background:url(sketch-left.png) no-repeat; }
#sketch-right { position:absolute; z-index:1; bottom:0; left:300px; width:190px; height:100px; background:url(sketch-right.png) no-repeat; }


#topbar-wrapper { position:absolute; z-index:2; bottom:0; left:0; width:100%; height:40px; }
#topbar { margin-left:80px; height:40px; background:#ED1B2E; }

#navigation { width:600px; float:left; display:inline; width:600px; margin:0 50px 0 0; padding:0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; }

#navigation li { float:left; display:inline; }
#navigation a { display:block; float:left; margin:5px 0; padding:0 25px; height:30px; line-height:30px; border-left:1px solid #FFFFFF; }
#navigation a:link, #navigation a:visited  { color:#FFFFFF; }
#navigation a:hover, #navigation a:focus, #navigation a:active, #navigation a.selected {color:#FFFF00; }


#montura { float:left; display:inline; width:140px; height:40px; background:url(montura.jpg) no-repeat; }
#montura a { display:block; float:left; width:140px; height:40px; line-height:40px; text-indent:-9999px; }



/* ..... SIDEBAR */
#sidebar h3 { color:#ED1B2E; float:left; margin:30px 20px 15px 20px; text-transform:uppercase; }
#sidebar a:link, #sidebar a:visited { color:#606060; }
#sidebar a:hover, #sidebar a:focus, #sidebar a:active { color:#73b31f; }


#sidebar div.tag-cloud { width:260px; float:left; display:inline; margin:0 20px 0 20px; padding:0; line-height:180%; text-align: justify; }
#sidebar div.tag-cloud h3 { width:260px; margin-left:0; margin-right:0; }
#sidebar div.tag-cloud a { margin-right:10px; }

.smallest { font-size:12px; }
.small { font-size:16px; }
.medium { font-size:20px; }
.large { font-size:24px; }
.largest { font-size:28px; }

.last-comment { width:260px; float:left; display:inline; margin:0 20px 20px 20px; }

/* ..... FOOTER */
#footer-wrapper { float:left; width:100%; min-width:980px; padding-bottom:80px; }
#footer { margin:0 0 0 80px; height:20px; line-height:20px; text-align:left; color:#FFFFFF; font-size:10px; background:#73b31f; }


.footer-left { float:left; display:inline; width:600px; margin-left:0; }
.footer-right { float:left; display:inline; width:300px; margin-left:50px; }


.footer-left li { display:inline; float:left; border-left:1px solid #FFFFFF; text-transform:uppercase;  }

#footer a:link, #footer a:visited { color:#FFFFFF; padding:0 20px; }
#footer a:hover, #footer a:focus, #footer a:active { color:#252525; }

li.first, #navigation a.first { border:none; }



/* ..... ARTICOLI */
.articolo, .content {  margin:0 0 30px 0; float:left; width:600px; background:#FFFFFF; }
.articolo h2.title { margin:30px 20px 15px 20px; float:left; display:inline; width:560px; }
.articolo h2 a { color:#ED1B2E; float:left; }
span.data { float:right; display:inline; background: #73b31f; height:20px; width:20px; text-align:center; line-height:20px; padding:3px; font-size:20px; color:#FFFFFF; margin-top:10px; }

.content { padding-bottom:30px; margin-bottom:0; }

.foto-articolo { width:560px; margin:0 20px 15px 20px; background:url(loading.gif) no-repeat center; text-align:center; }

.footer-articolo { text-align:left; width:560px; margin:20px; padding-top:20px; clear:left; border-top:1px solid #9f9f9f; }

.testo { width:560px; margin:0 20px;}




.nav-bar-articolo { text-align:right; border-bottom:1px dotted #9f9f9f; margin-bottom:15px; }
.nav-bar-articolo p { font-size:11px; }

.nav-bar-articolo a { padding:10px 0 10px 20px; margin-left:15px; background-repeat:no-repeat; background-position:left center;}

#gallery {  padding:20px 0; clear:left; border-top:1px solid #9f9f9f; margin:0 20px; float:left; width:560px; }
#gallery div { width:125px; float:left; display:inline; margin:0 20px 20px 0; background:url(loading.gif) no-repeat center;  } 
#gallery div.last { margin-right:0; }

.post-comment { margin:10px 0 15px 0; border-bottom:1px solid #9f9f9f; text-align:left; padding-bottom:10px; }

.articolo .tag-cloud a { color:#606060 }

a.video img { vertical-align:middle; }

ul.socialBookMark, ul.socialBookMark li { list-style-type:none; margin:0; padding:0; text-align:left; }
ul.socialBookMark { margin:10px 0;  }
ul.socialBookMark li { display:inline; margin-right:5px;  }
ul.socialBookMark img { border:none; }

ul.pagination { margin-bottom:20px; clear:both; text-align:center; }
ul.pagination li { display: inline; border: 0; }
ul.pagination li a { margin-right:5px; padding:3px 6px; font-weight:bold; color:#73b31f; background:#FFFFFF; }
ul.pagination li a:hover { color:#FFFFFF; }
ul.pagination li a.currentPage { color: #4b4b4b; border: 0; }
ul.pagination li a.currentPage:hover { color:#4b4b4b; background: #FFF; cursor: default; }

.displaying { font-size:11px; text-align:center; color:#FFFFFF; }

/* ..... sp.video */
.overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background:#000000; }
.overlay[class] { position:fixed; }
.prototube { position:absolute; top:50%; left:50%; margin:0; z-index:5001; background:#FFFFFF; }

/* ..... zoomy */
#zoomy { position:absolute; overflow:hidden; background:#252525; padding:0px; text-align:center; color:#FFFFFF; line-height:0; }
#zoomy img { margin:5px; }	
#zoomy p { position:relative; margin:10px 5px 5px 5px; line-height:100%; text-align:left; }
#close { position:absolute; right:5px; width:12px; height:12px; background:url(close.gif) no-repeat; cursor:pointer;} 

#zoomy { border:1px solid#73b31f; }




/* .......... CONTATTI, MESSAGGI */
.form { width:560px; margin:30px 20px; float:left; }
.form div { padding:10px 0; float:left; display:inline; width:280px; }
.form label { margin-right:10px; width:90px; display: block; float:left; text-align:right; }
.form legend { margin:0; padding-bottom:15px; }
.form input, .form textarea { border:1px solid #9f9f9f; padding:3px; width:160px; background:#EEEEEE; font-size:12px; font-family: Arial, Helvetica, sans-serif; float:left; }

.form textarea { overflow:auto; width:440px; }
.form div.module { clear:both; width:560px; float:left; }
.form div.module input { width:100px; }

.form img { float:left; display:inline; margin-left:10px; }

.form input#button { font-size:12px; margin-left:100px; padding:4px 0; height:auto; float:left; width:60px; cursor:pointer; color:#FFFFFF; border:none;}

input#button { background:#ED1B2E; }


div.module p { margin:0; padding-right:20px; float:right; }

.form input.hoverfocus, .form select.hoverfocus, .form textarea.hoverfocus { border:1px solid #252525;}

#error, #response { border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; margin:20px auto 0 auto; padding:5px 0; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; }
#working { padding:20px 0 20px 35px; background:url(loading.gif) no-repeat left center; text-align:left; }



/* ..... TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-align:left; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:100%; color:#4F4F4F; }

h1, h2 { font-size:35px; margin:20px 0 15px; }
h3, h4 { font-size:24px; margin:15px 0 10px 0; }
h5, h6 { font-size:18px; margin:10px 0 5px 0; }


legend { font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#4F4F4F; }

ol, ul, li { list-style-type:none; margin:0; padding:0;}
p { margin:0 0 5px 0; }

a { text-decoration:none; }

a:link, a:visited { color:#73b31f; }

body #content a:hover, body #content a:focus, body #content a:active { color:#000000; }

.testo ul { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
.testo li { margin:0; padding:0 0 5px 15px; }

#error li, .testo li { background:url(bullet-red.gif) no-repeat left 3px; }


/* ..... CLEAR RULES*/
html body div.clear, html body span.clear, #gallery div.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }