/*
Theme Name: Garage Studio
Version: 1
Author: Web Agency Meta Line | Wikimaki
Author URI: http://www.metaline.it/
*/

/* Reset
-------------------------------------------------------------- */
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video						{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea, input, select										{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu								{ display: block; }

h1, h2, h3, h4, h5, h6										{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul														{ list-style: none; }
nav ul														{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus														{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q												{ quotes: "" ""; }

applet, basefont, dir, font, isindex, menu, s, strike, u	{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; vertical-align: baseline; text-decoration: inherit; text-align: left; color: inherit; margin: 0; padding: 0; border: 0; outline: 0; }
dir, menu													{ list-style: none; }
nobr														{ white-space: normal; }
blink														{ text-decoration: none; }
marquee														{ overflow: visible; }

a { outline: none; }
strong, b { font-weight: bold; }
.left { clear: left; float: left; }
.right { clear: right; float: right; }
.center { text-align: center; }
.clear { clear: both; height: 1%; overflow: hidden; }
.hidden { display: none; }

/* Type
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6				{}
	h1									{ font-size: 28px; letter-spacing: -1px; }
	h2									{ color: #D76A09; font-size: 14px; font-weight: bold; margin: 12px 0; }
	h3									{ font-size: 14px; font-weight: bold; text-transform: uppercase; }
	h4									{ font-size: 13px; }
	h5									{}
	h6									{}

p, pre, address						{ font-size: 13px; line-height: 18px; }
abbr, code, kbd, samp, small, var	{}
ul, ol, dl, dialog					{ font-size: 13px; line-height: 20px; margin: 0; }
li ul, li ol						{ margin: 0; }
ul.none	li							{ background: none; list-style-type: none; }

form, legend, label					{ font-size: 13px; line-height: 18px; }
legend								{}
input, textarea						{ font-size: 12px; }

table								{ font-size: 13px; line-height: 18px; margin: 18px 0; }
th, td								{ padding: 3px 12px; line-height: 30px; }
th									{}
tr:nth-child(even)					{}
tr:nth-child(odd)					{}

hr									{}

/* Configurazioni
-------------------------------------------------------------- */
body { background: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; }
a, a:link, a:active, a:visited { color: #35699D; font-weight: bold; text-decoration: none; } a:hover { color: #35699D; }

#all {}
#container {}

/* Template Home - 2 Colonne */
.tplHome #content { float: right; width: 750px; }
.tplHome #sidebar { float: left; width: 170px; }

/* Template Page - 3 Colonne */
.tplPage #wrap { float: left; width: 100%; }
.tplPage #content { margin: 0 220px 0 210px; }
.tplPage #sidebar { float: left; width: 185px; margin-left: -960px; }
.tplPage #sidebar2 { float: left; width: 200px; margin-left: -200px; }

/* Template Popup - 1 Colonna */
.tplPopup { width: 100%; }

#header, #containerBox, #bottom, #footer .content { margin: 0 auto; overflow: hidden; position: relative; width: 960px; }

#header { height: 110px; }
	#logo { left: 0; position: absolute; top: 24px; }
	#topnav { position: absolute; right: 0; top: 48px; }
		#topnav ul { list-style: none; margin: 0; padding: 0; }
			#topnav ul li { display: inline; float: left; }
				#topnav ul li a, #topnav ul li a:link, #topnav ul li a:active, #topnav ul li a:visited { background: #F5790A; color: #fff; display: block; float: left; font-size: 12px; font-weight: bold; padding: 5px 12px; margin-left: 4px; text-transform: uppercase; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
				#home #topnav ul li.home a, #topnav ul li a:hover, #topnav ul li.current_page_item a, #topnav ul li.current_page_item a:link, #topnav ul li.current_page_item a:active, #topnav ul li.current_page_item a:visited, #topnav ul li.current_page_parent a { color: #FFFF00; }
	#flag { position: absolute; right: 0; text-align: right; top: 15px; }
		#flag ul { list-style: none; margin: 0; padding: 0; }
			#flag ul li { display: inline; float: left; margin: 0 3px; }
				#flag ul li a { background-image: url(images/flag.gif); background-repeat: no-repeat; display: block; height: 11px; text-indent: -9999em; width: 17px; }
				#flag ul li.it a { background-position: 0 0; }
				#flag ul li.en a { background-position: 0 -11px; }

#spot { background-color: #AFBE44; color: #fff; height: 1%; overflow: hidden; }
	#spot .content { background-position: 50% 0; background-repeat: no-repeat; margin: 10px auto; position: relative; text-align: left; width: 960px; }
	.spotHome { height: 250px; }
	.spotPage { height: 130px; }
	#spot h1 { position: absolute; top: 48px; left: 20px; }
	#spot .black h1 { color: #999; }
	#spot .infoIT { color: #1F1A17; position: absolute; top: 115px; left: 105px; width: 400px; }
	#spot .infoEN { color: #1F1A17; position: absolute; top: 115px; left: 42px; width: 400px; }

#container {}
	#containerBox { padding: 10px; }
		#content { text-align: left; }
		#content p { margin: 8px 0; }
		#content ul { list-style-type: disc; padding-left: 30px; }
			.entry { background: #F2F2F2; border: 1px solid #DDDDDD; margin: 0 0 20px; padding: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
				.entry .post { overflow: hidden; }	
					.entry .wrap { float: left; width: 100%; }
						.entry .etext { margin-left: 210px; float: right; }
							#content ul.dati { color: #383838; font-size: 11px; list-style: none; margin: 0; overflow: hidden; padding: 0; }
								#content ul.dati li { float: left; margin-right: 5px; }
							.entry .etext .rc { display: block; margin-top: 10px; }							
								a.readmore, span.comcount a { background: #efefef; border: 1px solid #c9c9c9; display: block; float: left; font-size: 11px; font-weight: bold; padding: 1px 8px; }
									a.readmore { margin: 1px 0 1px 1px; } span.comcount a { border-left: none; margin: 1px 1px 1px 0; }
						.entry .epic { float: left; width: 210px; margin-left: -100%; }
							.entry .epic img, .entry .epic a img { border: 2px solid #CECECE; }
							.entry .epic span { display: block; margin: 0 10px; }
			.article { background: none!important; border: 0!important; }
		#sidebar { width: 260px; float: right; }
			#sidebar .menu { margin-bottom: 20px; }
			#sidebar .menu h3 { color: #383838; padding: 18px 8px; }
				#sidebar .menu ul { list-style: none; margin: 0; padding: 0; }
					#sidebar .menu ul li a, #sidebar .menu ul li.current_page_item .page_item a { background: url(images/arrow.gif) no-repeat 0 50%; color: #1A1A1A; padding-left: 12px; }
					#sidebar .menu ul li { font-size: 12px; font-weight: bold; padding: 0 0 0 10px; }
					#sidebar .menu ul li.current-cat, #sidebar .menu ul li.current_page_item { color: #F5790A; }
						#sidebar .menu ul li.current-cat a, #sidebar .menu ul li.current_page_item a, #sidebar .menu ul li a:hover { color: #F5790A; }
				#sidebar .sponsor { text-align: center; }

#footer { background: url(images/bck-foot.gif) repeat-x 0 0; font-size: 11px; padding: 8px 0 25px 0; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; }
	#footer .content {}
	#footer, #footer a { color: #666; } #footer span,  #footer a { font-weight: bold; } #footer span { margin-right: 15px; text-transform: uppercase; }
		#footer .left, #footer .right { margin: 18px; }
		#footer .left { width: 710px; }	#footer .right { width: 170px; text-align: right; }

/* Mappa
-------------------------------------------------------------- */
#mapsContent { background: url(images/load.gif) 50% 50% no-repeat #E4E1D6; border: 4px solid #A63737; color: #000; height: 320px; width: 95%; }
	#mapsContent small { display: block; padding: 20px; text-align: center; }

.mapsBox { padding: 5px; }
	.mapsTitle { clear: both; font-size: 0.9em; font-weight: bold; margin-bottom: 5px; }
	.mapsText { clear: both; font-size: 0.7em; font-weight: normal; }
	.mapsFormTitle { clear: both; font-size: 0.7em; font-weight: bold; margin-top: 5px; }
	.mapsFormText { clear: both; font-size: 0.7em; font-weight: normal; }
	.mapsForm { margin-top: 5px; }
		.mapsForm input { display: inline; float: left; }
		.mapsInput { font-size: 0.7em; width: 120px; }
		.mapsSubmit { background: #A63737; border: none; color: #fff; cursor: pointer; font-size: 0.75em; font-weight: bold; margin-left: 5px; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Commenti
-------------------------------------------------------------- */
#comments { clear: both; margin: 20px 0; overflow: hidden; }
#comments h3 { margin-bottom: 20px; }
#comments li { margin-top: 10px; }
.commentAvatar { background: url(images/comment-arrow.gif) no-repeat 100% 15px; float: left; width: 110px; }
	.commentAvatar img { border: 5px solid #EDEDED; }
.commentText { background: #fff; border: 5px solid #EDEDED; float: none; margin-left: 105px; min-height: 45px; padding: 14px; }
.commentAuth { color: #AAAAAA; font-size: 0.75em; margin-top: 5px; text-align: right; }

#respond { clear: both; overflow: hidden; }
#form_wrap { position: relative; }
	#form_wrap h3 { padding-bottom: 28px; }
	#form_wrap small { font-size: 9px; text-align: right; }
	#form_wrap .form-left { float:left; width: 200px; }
	#form_wrap .form-right { float: right; width: 380px; }
	#form_wrap textarea, #form_wrap .form-left input { background: #fff; border-color: #C5C3C3 #EDEDED #EDEDED #C5C3C3; border-style: solid; border-width: 1px; color: #676563; padding: 7px 10px; }
	#form_wrap .form-left input { width: 200px; display: block;	margin-bottom: 10px; }
	#form_wrap .form-right textarea { margin-bottom: 18px; width: 355px; }
	#form_wrap .form-right #submit { background: #181818; border: none; color: #fff; font-weight: bold; padding: 6px 10px; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Componenti Vari
-------------------------------------------------------------- */
.carla { border: 1px solid #ccc; padding: 8px; }
.facebook { display: block; margin: 15px auto; text-align: center; }

.box, .box h2 { background-image: url(images/bck-extra.gif); background-repeat: no-repeat; }
.box { background-position: 100% 0; }
.box h2 { background-position: 0 0; margin: 0; padding: 20px 10px 15px 10px; width: 60%; }
#content .box ul.none { margin: 0; padding: 0; }
	.box ul li { padding: 2px 0; }
.box .content { background: #F8F8F8; border: 1px solid #C5C5C5; border-top: 1px solid #A6A7A3; height: 1%; overflow: hidden; padding: 10px; }

dl.links { clear: both; height: 1%; margin-bottom: 20px; overflow: hidden; }
dl.links dt { float: left; font-weight: bold; width: 420px; }
dl.links dd { float: left; width: 420px; }
dl.links dt.img { float: left; width: 130px; } dl.links dt.img * { float: left; }
dl.links dt.img a { border: 3px solid #AFBE44; } dl.links dt.img a:hover { border-color: #899535; }

a.registrazione { background: url(images/registrazione.png) no-repeat 0 0; display: block; height: 42px; margin: 15px auto; padding: 12px; width: 162px; }
    a.registrazione span { display: block; line-height: 100%; width: 115px; }
    a.registrazione .title { color: #35699D; font-size: 17px; font-weight: bold; }
    a.registrazione .text { color: #666; font-size: 12px; font-weight: normal; }
a.popup { display: block; margin-bottom: 20px; }
.sessionegratis { background: url(images/btn.png) no-repeat 50% 0; display: block; font-size: 0.9em; margin: 20px auto; padding: 12px 0 15px 0; text-align: center; width: auto; }

.acc { margin: 15px 0; text-align: center; width: 185px; }

/* Social */
#bookmarks { clear: both; height: 40px; margin: 0 auto; overflow: hidden; width: 185px; }
    #social { list-style: none; position: absolute; width: 185px; z-index: 10; }
        #social li { position: relative; float: left; width: 32px; height: 40px; text-align: center; margin: 0 7px; }
        #social a { background-image: url(images/social.png); background-repeat: no-repeat; display: block; height: 32px; position: relative; text-indent: -9999em; width: 32px; z-index: 2; }
            #social .social01 a { background-position: 0 0; }
            #social .social02 a { background-position: 0 -32px; }
            #social .social03 a { background-position: 0 -64px; }
            #social .social04 a { background-position: 0 -96px; }
        #social li img.shadow { bottom: 0; left: 0; position: absolute; z-index: 1; }