/*
Theme Name: Technical Sailing
Theme URI: http://www.techincalsailing.it
Description: Technical Sailing
Version: 1.0
Author: Harken Italy
Author URI: http://www.harken.com/
Tags: Harken, Technical Sailing
*/

@import "menu.css";

@charset "utf-8";

body {
	font: 12px Arial, Helvetica, sans-serif;
	background-color:#f2f2f2;
	margin: 10px; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #292727;
}



h2, h2 a{color:#ff0000;font:20px Arial, Helvetica, sans-serif; font-weight:bold;text-decoration:none;text-transform:uppercase;margin:0 0 20px 0;padding:0;}
h2 a:hover{text-decoration:underline;}
h3, h3 a{color:#ff0000;font:15px Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;margin:0 0 10px 0;padding:0;}
h3 a:hover{text-decoration:underline;}
h4 {margin:0 0 5px 0;font:16px Arial, Helvetica, sans-serif;font-weight:bold; color:#034fa9;}
h5 {margin:0 0 5px 0; padding:0; font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#034fa9; text-transform:uppercase;}

a {color:#034fa9;text-decoration:none;}
a:hover{text-decoration:underline;}


address{font-size:10px;}

#container { 
	width: 1000px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFFFFF;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #d8d6d6;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	padding: 0;
} 

/*header start*/
#header { 
	background: #ffffff; 
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding: 15px; 
	margin:0;
} 

#header h1 {margin: 0; padding: 10px 0;}

#logo{
height:210px;
background:url(images/bg_header.jpg) no-repeat;
margin:0;
padding:0;
}

.powered, powered a{
margin:0;
float:right;
padding:4px 10px 0 0;
color:#FFFFFF;
font-weight:bold;
text-transform:lowercase;
font-style:italic;
}
/*header stop*/

/*sidebar start*/
#sidebar1 {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 290px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */
	background: #ffffff; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 0 0 0 0;
	margin:0 15px 0 0;
}


#sidebar1 .box{
width:269px;
margin:0 0 15px 0;
padding:10px;
background:#f2f2f2;
border:1px #d8d6d6 solid;
}

#sidebar1 .box p{
border-bottom:1px #000 dotted;
}

.adv{
	margin:0;
	padding:0;
	list-style:none;
}

.adv li {
	height:100px;
	margin:11px 3px 6px 3px;
	padding:0;
	border:1px #d8d6d6 solid;
	background-color:#fff;
}


/*sidebar end*/

#mainContent { 
	margin: 0 330px 0 15px;
	 padding:0;
	 } 


.tv{
width:638px;
height:314px;
margin:0 0 15px 0;
padding:7px 0 0;
background: url(images/bg_tv.jpg) no-repeat;
border:0;
}

.tv img{
margin:25px 0 0 0;
padding:0;
	}

.tv object{
margin:7px 0 0 9px;
padding:0;
}


#mainContent .box{
width:290px;
min-height:320px;
border:#d8d6d6 1px solid;
padding:10px;
margin:0px 15px 15px 0px;
float:left;
text-align:justify;
}

#mainContent .box img
{
border:#d8d6d6 1px solid;
margin:0 6px 0 0;
padding:1px
}

#mainContent .box-video{
width:290px;
min-height:250px;
border:#d8d6d6 1px solid;
padding:10px;
margin:0px 15px 15px 0px;
float:left;
text-align:justify;
}

#mainContent .box-video img
{
float:left;
border:#d8d6d6 1px solid;
margin:0 6px 0 0;
padding:1px
}

.chronodata{border-top:1px solid #d8d6d6;text-align:right;font-size:11px;font-style:italic;}
.metadata{text-align:right;font-size:10px;}

.navigation {float:left; margin:10px 0 20px 0;}
.navigation a{color:#fff;background-color:#034fa9;font-size:11px;padding:7px;}
.navigation a:hover{background:#55A5F3;text-decoration:none;}


/*commenti*/
.commentlist li{
border-bottom:1px dotted #d8d6d6;
margin:0 0 10px 0;
padding:0 0 0 0;
}

#commentform input,textarea{border:#787275 solid 1px;padding:3px; font-family:Arial, Helvetica, sans-serif;}

.chronodata_search{text-align:right;font-size:11px;font-style:italic;}
.metadata_search{text-align:right;font-size:10px;border-bottom:1px solid #d8d6d6;padding-bottom:10px;margin-bottom:15px;}



/*inizio form*/
.wpcf7 {
font: 11px Arial, Helvetica, sans-serif;
font-weight:bold;
padding:10px 10px 10px 10px;
background-color:#f2f2f2;
border:#d8d6d6 1px solid;
}

.wpcf7 input{border:#787275 solid 1px;padding:3px;}
.wpcf7 submit{background:#787275;left:200px;}
.fname{width:252px;}
.fsurname{width:252px;}
.findirizzo{width:420px;}
.fcap{width:100px;}
.fcitta{width:320px;}
.fprovincia{width:200px;}
.femail{width:270px;}
.fprofessione{width:227px;}
.fimbarcazione{width:300px;}
/*fine form*/

/*footer*/
#footer {font:12px Arial, Helvetica, sans-serif; color:#787275; padding: 0 10px 0 15px; text-align:center;} 
#footer p {margin: 0; padding: 10px 0; }


.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.alignleft {float:left;}
.alignright {float:right;}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/*search form start*/
#searchform {margin:4px 4px 0 0; padding:0; float:right;}
#s {width:180px; height:15px; text-align:left; margin:0; padding:3px 3px 0 3px;font-size:11px; float:left;}
/*search form stop*/



/*SITEMAP*/
#sitemap ul {height:300px; margin:0; padding:0;}
#sitemap li {list-style:none;float:left; width:200px; margin:30px 0 0 0; padding:0;}
#sitemap li li{list-style:disc; text-transform:capitalize; margin:0; padding:0;}
#sitemap h1 {font:13px Arial, Helvetica, sans-serif;font-weight:bold; color:#034fa9; text-transform:uppercase; text-decoration:underline;}


/*MAIN MENU*/
#access {
	margin: 1px 1px 0 1px;
	width:100%;
	height:30px;
	padding:0;
	display:block;
	background-color:#034fa9;

}
#access .main-menu,
div.menu {
	margin:0 0 0 0;
	padding:0;
}
#access .main-menu ul,
div.menu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding:0;
}
#access .main-menu li,
div.menu li {
	float:left;
	position: relative;
	list-style: none;
	margin:0;
	padding:0;
	border-right:1px solid #fff;
}


#access a {
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	line-height:18px;
	padding:6px 9px 6px 9px;
	margin:0;
}

#access ul ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	float:left;
	margin:0;
	padding:0;
	z-index: 99999;
	background-color: #034fa9;
}
#access ul ul li {
	width:220px;
	background-color: #034fa9;
		
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	height:auto;
	margin: 0;
	padding:6px 10px 6px 10px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#034fa9;		
	background-color:#fff;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color:#034fa9;		
	background-color:#fff;

}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#ff0066;
	
}

#access .main-menu,
#access div.menu ul,{
}

#access .main-menu,
div.menu {
	margin: 0 auto;
}

/*CATEGORY MENU*/
#access2 {
	margin: 30px 1px 0 1px;
	width:100%;
	height:30px;
	padding:0;
	display:block;
	background-color:#034fa9;

}
#access2 .main-menu,
div.menu {
	margin:0 0 0 0;
	padding:0;
}
#access2 .main-menu ul,
div.menu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding:0;
}
#access2 .main-menu li,
div.menu li {
	float:left;
	position: relative;
	list-style: none;
	margin:0;
	padding:0;
	border-right:1px solid #fff;
}


#access2 a {
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	line-height:18px;
	padding:6px 9px 6px 9px;
	margin:0;
}

#access2 ul ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	float:left;
	margin:0;
	padding:0;
	z-index: 99999;
	background-color: #034fa9;
}
#access2 ul ul li {
	width:220px;
	background-color: #034fa9;
		
}
#access2 ul ul ul {
	left:100%;
	top:0;
}
#access2 ul ul a {
	height:auto;
	margin: 0;
	padding:6px 10px 6px 10px;
}
#access2 li:hover > a,
#access2 ul ul :hover > a {
	color:#fff;		
	background-color:#0366db;
}
#access2 ul li:hover > ul {
	display:block;
}
#access2 ul li.current_page_item > a,
#access2 ul li.current-menu-ancestor > a,
#access2 ul li.current-menu-item > a,
#access2 ul li.current-menu-parent > a {
	color:#fff;		
	background-color:#0366db;
}

* html #access2 ul li.current_page_item a,
* html #access2 ul li.current-menu-ancestor a,
* html #access2 ul li.current-menu-item a,
* html #access2 ul li.current-menu-parent a,
* html #access2 ul li a:hover {
	color:#ff0066;
	
}

#access2 .main-menu,
#access2 div.menu ul,{
}

#access2 .main-menu,
div.menu {
	margin: 0 auto;
}


.breadcrumbs{
	font:11px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;	
}