/*
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: 27px; letter-spacing: -2px; }
	h2									{ font-size: 24px; letter-spacing: -2px; margin-bottom: 10px; }
	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: 18px; margin: 0; }
li ul, li ol						{ margin: 0; }

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: #0B0B0B url(images/bck.png) no-repeat 50% 0; color: #383838; font-family: Arial, Helvetica, sans-serif; }
a, a:link, a:active, a:visited { color: #4C7B9E; text-decoration: none; } a:hover { color: #325269; }

#all {}
#header, #topnav, #container, #bottom, #footer { margin: 0 auto; overflow: hidden; position: relative; width: 960px; }

#header { height: 110px; }
	#logo { left: 10px; position: absolute; top: 24px; }
	#topsearch { position: absolute; right: 10px; top: 46px; }
		#s { background: url(images/search-input.gif) no-repeat 0 0;  border: none; color: #383838; float: left; height: 20px; margin: 0;padding: 6px 5px; width: 154px; }
		#searchsubmit { background: url(images/search-btn.gif) no-repeat 0 0; border: none; cursor: pointer; float: left; height: 26px; text-indent: -9999em; width: 26px; }
#topnav { background: #E6E6E6; border-bottom: 1px solid #f0f0f0; height: 62px; overflow: hidden; position: relative; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; }
	#topnav ul { left: 10px; list-style: none; margin: 0; padding: 0; position: absolute; top: 17px; }
	#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 { color: #413E36; display: block; float: left; font-size: 13px; font-weight: bold; padding: 6px 6px 5px; margin-right: 5px; text-transform: uppercase; }
		#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 { background: #413E36; color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

#spot { color: #fff; margin: 10px auto 0; position: relative; text-align: left; width: 940px; }
	.spotHome { height: 500px; }
	.spotPage { height: 200px; }
	#spot h1 { position: absolute; top: 84px; left: 20px; }
	#spot .info { position: absolute; top: 320px; left: 0; }
	#spot .info h1 { font-size: 1.5em; position: absolute; top: 0px; left: 20px; }
	#spot dl { float: left; height: 122px; margin: 36px 20px 0; width: 45%; }
	#spot dl.icon01 { background: url(images/icon-01.png) no-repeat 0 50%; }
	#spot dl.icon02 { background: url(images/icon-02.png) no-repeat 0 50%; }
		#spot dt, div#spot dd { margin: 0; padding: 0 0 0 135px; }
		#spot dt { font-size: 24px; letter-spacing: -2px; margin-bottom: 10px; }
		#spot dd { font-size: 17px; line-height: 110%; } #spot dd a { color: #fff; font-weight: bold; }

#container { background: #CECECE url(images/bck-page.gif) repeat-x 0 0; }
	#containerBox { background: #fff; margin: 0 10px 10px; overflow: hidden; padding: 10px; }
		#content { text-align: left; } .col1 { width: 100%; } .col2 { float: left; width: 650px; }
		#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 p { margin: 8px 0; }
					.entry .wrap { float: left; width: 100%; }
						.entry .etext { margin-left: 230px; }
							#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; }
			#content .social { clear: both; list-style: none; margin: 20px 0; overflow: hidden; padding: 0; }
				#content .social li { display: block; float: left; }
		#sidebar { width: 260px; float: right; }
			#sidebar .menu { background: #F2F2F2; border: 1px solid #E3E6EB; margin-bottom: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
			#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 { background: url(images/hr.gif) repeat-x 0 0; font-size: 13px; padding: 5px 0 5px 10px; }
					#sidebar .menu ul li.current-cat, #sidebar .menu ul li.current_page_item { background-color: #E8E6E6; font-weight: bold; }
						#sidebar .menu ul li.current-cat a, #sidebar .menu ul li.current_page_item a, #sidebar .menu ul li a:hover { color: #4C7B9E; }
				#sidebar .sponsor { text-align: center; }

#bottom { background: #1A1A1A; padding: 25px 0; }
	#bottom, #bottom a { color: #666; }
	#bottom div { float: left; margin: 0 20px; }
		#bottom h4 { font-weight: bold; margin: 0 0 8px 0; }
		#bottom ul { font-size: 13px; font-weight: bold; list-style: none; margin: 0; padding: 0; }
			#bottom ul li { font-weight: normal; line-height: 140%; }

#footer { background: #CECECE; font-size: 11px; margin-bottom: 40px; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; }
	#footer, #footer a { color: #1A1A1A; } #footer span,  #footer a { font-weight: bold; } #footer span { margin-right: 15px; text-transform: uppercase; }
		#footer .left, #footer .right { margin: 18px; }
		#footer .left { width: 680px; }	#footer .right { width: 200px; 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; }

/* Riprese Video
-------------------------------------------------------------- */
.slide { height: 600px; width: 628px; }
	.slide div { }
	.slide dl { clear: both; margin: 0 0 10px 0; overflow: hidden; }
		.slide dd.movie { float: left; }
		.slide dt.title, .slide dd.text { margin-left: 460px; margin-right: 20px; }
		.slide dt.title { font-weight: bold; font-size: 14px; margin-bottom: 20px; text-transform: uppercase; }
		.slide dd.text { margin-bottom: 5px; }
			.slide dd.text strong { display: block; }

/* Stile Base */
#slide { overflow: hidden; }
	#slide div { display: inline; float: left; height: 560px; width: 628px; }
	.slide-wrapper { height: 560px; overflow: hidden; width: 628px; }
	.slide-nav { position: relative; height: 30px; }
		.slide-nav a { color: #383838; display: block; cursor: pointer; line-height: 30px; }
		.slide-nav-prev { position: absolute; left: 0; top: 0; width: 150px; }
		.slide-nav-next { position: absolute; right: 0; top: 0; width: 150px; text-align: right; }
		.slide-nav ul { list-style: none; margin: 0; position: absolute; left: 255px; top: 0; }
			.slide-nav li { display: inline; float: left; }
			.slide-nav li a { width: 30px; text-align: center; }
			.slide-nav .active { background-color: #413E36; }
			.slide-nav .active a { color: #fff; }
			
/* Pagina Speciale
-------------------------------------------------------------- */
.specialAbout {}
.specialNews {}
    .specialNews ul { padding: 0!important; }
        .specialNews li { list-style: none; margin: 0 0 10px 0; }
            .specialNews li strong { display: block; float: left; height: 50px; width: 90px; }
.specialRelease { height: 1%; overflow: hidden; }
	.specialRelease dl { float: left; height: 115px; width: 314px; }
        .specialRelease dt { float: left; width: 110px; }
        .specialRelease dd { margin-left: 115px; padding-right: 20px; }
.specialLink {}
    .specialLink ul { height: 1%; overflow: hidden; padding: 0!important; }
        .specialLink li { float: left; list-style: none; margin: 0; width: 30%; }
.specialDownload {}
    .specialDownload p { margin: 10px 0; }
.specialVideo {}
    .specialVideo p { margin: 10px 0; }
			
/* CForm
-------------------------------------------------------------- */
@import "http://www.garagestudiolive.com/wp-content/plugins/cforms/styling/calendar.css";

.cform { margin:10px auto 0 auto; width:auto; }
.cform fieldset { margin-top:10px; padding:5px 0 5px 0; border:none; }
.cform .cf_hidden { display:none; border:none!important; background:none!important; padding:0!important; margin:0!important; }
.cform legend { margin:0; padding:0; font:normal 18px Helvetica; color: #aaa; letter-spacing:3px; }
ol.cf-ol { margin:0!important; padding:15px 0 0 0!important; border-top:1px solid #f2f2f2; }
ol.cf-ol li { background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/ padding:0; list-style:none!important; text-align:left; line-height:1.1em; }
/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly { color:#888888; font-size:1em; letter-spacing:2px; margin:12px 0pt !important; padding:0pt 0pt 0pt 100px; }
/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label { width:20%; margin:4px 10px 0 10px; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:left; vertical-align:top; color:#757576; font:bold 0.9em Arial, Helvetica, sans-serif; }
.cform label span { width:90px; /* must be the same as above!*/ display:block; }
label.cf-before { margin:4px 10px 0 0; }
label.cf-after { margin:4px 2px 0pt 6px; text-align:left; width:56%; }
label.cf-after span { width:auto; display:block; font-weight:normal!important; color:#757576!important; }
label.cf-group-after { margin:4px 0 0 2px; width:60px; text-align:left; }
label.cf-group-after span { width:60px; display:block; }
/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input, .cform textarea, .cform select { padding:3px; border:1px solid #aaa; font:0.9em Arial, Helvetica, sans-serif; color:#888; background:#ffffff url(../images/field-bg-top.gif) repeat-x top left; vertical-align:top; }
.cform input:hover, .cform textarea:hover, .cform select:hover { border: 1px solid #FFCC00; background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; }
.cform input:focus, .cform textarea:focus, .cform select:focus { color:#666; background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; }
.cform textarea, .cform input { width:58%; }
.cform select { width:60%; /* attempt to have equal length */ }
.cform select.cfselectmulti { height:7.5em; }
.cform textarea { font-family: arial; font-size: 0.9em; overflow:auto; }
/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt, span.emailreqtxt { color:#C3402F; font-size:0.85em; line-height:2.1em; margin:0 5px 7px 10px; vertical-align:top; width:30%; }
/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title { color:#888888; font-size:1em; letter-spacing:2px; margin:12px 0pt 0 !important; padding:0pt 0pt 0pt 100px; }
/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a, input.cf-box-b { margin:1px 0 0 0; width:16px; height:22px; border:none!important; background:none!important; }
input.cf-box-a { margin-left:23%; /* check with label 'width' incl. */ }
/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group { padding: 0 0 5px 100px; }
/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb { display:block; margin:0; padding:0pt 3px 0pt 0pt !important; text-align:right; width:81.5%; }
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { width:auto; cursor:pointer; padding:5px 16px; margin: 0; font-size:0.9em; font-weight:bold; background:#567687; border:none; color:#fff; text-transform:uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.cform input.resetbutton { margin: 0 5px 0 0; }
.cform input.backbutton { margin: 0 5px 0 0; }
/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err { background:#ECD3D3!important; border-color:#DF7D7D; border-style:solid; border-width:1px; padding:5px 0!important; margin:5px 0!important; }
ol.cf-ol li.cf_li_err label { color: #C3402F; }
ol.cf-ol li ul.cf_li_text_err { margin:0 0 0 10px; padding:0; color:#333; }
ol.cf-ol ul.cf_li_text_err li { background:url(icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px; }
ol.cf-ol ul.cf_li_text_err li:before { content:''; }
/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */
label.secq, label.seccap { vertical-align:text-bottom; margin-bottom:4px; }
input.secinput { vertical-align:text-bottom; }
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { height:15px; width:100px; padding: 4px 4px; margin: 0; vertical-align:text-bottom; }
img.captcha { vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important; }
img.captcha-reset { vertical-align:text-bottom; background:	url(captcha_reset_white.gif) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none; }
img.imgcalendar { border:none; }
/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info { color:#333; display:none; width:auto; line-height:1.3em; margin:10px auto; font-weight:bold; }
div.cf_info div { padding:22px 10px 28px 69px!important; }
div.cf_info ol { margin:0; padding:5px 15px 0 30px; }
div.cf_info ol li { padding:1px 0; margin:2px 0; }
div.cf_info a { color:red!important; text-decoration:underline!important; }
div.success { display:block; background:#F4DE64 url(form-valid-bck.png) repeat!important; border: 1px solid #249224; }
div.success div { background-image: url(form-valid-icon.png); background-repeat: no-repeat; background-position: 10px 10px; border: 10px solid #8CD657; }
div.failure { display:block; background:#F4DE64 url(form-error-bck.png) repeat!important; border: 1px solid #D49E34; }
div.failure div { background-image: url(form-error-icon.png); background-repeat: no-repeat; background-position: 10px 10px; border: 10px solid #F4DE64; }
div.waiting { background:#F9F9F9; color:#AAAAAA; display:block; }
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { color:red; border:1px solid #FF0000; }
div.mailerr { display:block; }
.mailerr, .cform .cf_errortxt { color:red; }
/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.cf_info { margin:10px 0; text-align:center; }
p.success { color:green; }
p.failure { color:red; }

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
 color:#dddddd;
 border-color:#dddddd!important;
 background:none!important;
}
.disabled { border-color:#dddddd!important; }
/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload { width:220px; background: #f9f9f9; border:1px solid #888888; }
/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove { margin:6px auto 10px !important; padding:0pt 6px 0pt 0pt !important; text-align:right; width:410px; }
.linklove a, .linklove a:visited { font-size: 0.8em; font-family: Tahoma; color:#aaaaaa!important; }
/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
*+html ol.cf-ol, *+html ol.cf-ol li { display: inline-block;  /*for ie7*/ }
* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt { display: inline-block; }
* html .cform legend { position:absolute; left: -8px; top:0; margin-left:0; }
*+html .cform legend { position:absolute; left: -8px; top:0; margin-left:0; }
* html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; }
*+html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; }
* html img.captcha { margin-bottom:1px!important; }
*+html img.captcha { margin-bottom:1px!important; }

