/*
Theme Name: Relaz
Theme URI: http://wwww.tattoocms.it/templates/relax.html
Author: Nicola Lambathakis


------------------------------------------------------------------------- */

html {
font-family:arial, helvetica, sans-serif;
font-size:76%;
color:#555;
background:#FFF;
background-image:url("images/html.png");
background-position:center center;
background-repeat:repeat-y;
}

body {
position:relative;
width:700px;
padding:20px 25px 258px 20px;
margin:10px auto 10px auto;
background-image:url("images/body.png");
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
}

#banner {
position:absolute;
left:0;
width:100%;
height:228px;
padding:0 !important;
padding-right:50px;
background-color:#FFF;
background-image:url("images/header.png");
background-position:25px 0;
background-repeat:no-repeat;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}

#banner p {
position:absolute;
top:17px;
left:329px;
padding:0;
margin:0;
font-family:serif;
font-size:3em;
font-style:italic;
line-height:1.4em;
color:#0099CC;
}

#nav-toplevel {
position:relative;
right:75px;
margin-right:-25px;
}

#nav-meta {
position:absolute;
right:0;
top:1px !important;
top:0px;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#F8FBFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
font-size:0.94em;
letter-spacing:0.04em;
color:#888;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
position:absolute;
top:228px;
right:-34px;
height:26px;
width:696px;
font-family:Georgia, serif;
font-size:1.2em;
z-index:1;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background-color:#FFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color:#4682B4;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
border-top:5px solid #FFF;
background:#FFF;
}

#nav-main li:hover {
background-color:#FFF;
border:1px solid #ECECEC;
border-top:5px solid #FFF;
color:#F4A460;
}

#nav-main li a:hover {
background-color:#FFF;
color:#F4A460;
}

#container {
position:relative;
top:260px;
height:100%;
background-color:#F8FBFF;
background-image:url("images/tree.png");
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:30px;
}

#content {
position:relative;
width:525px;
background:transparent;
}

#content p {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
background-repeat:no-repeat;
border-bottom:1px solid #ECECEC;
}

h1 {
width:487px;
padding-top:0.3em;
padding-left:12px;
font-size:1.7em;
color:#555;
background-image:url("images/heading1.png");
background-position:bottom right;
}

h2,h3,h4,h5,h6 {
width:475px;
font-size:1.5em;
color:#666;
padding-left:25px;
background-position:bottom left;
}

h2 {
background-image: url("images/heading2.png");
}

h3, h4, h5, h6 {
background-image: url("images/heading3.png");
}

h1:first-letter ,h2:first-letter {
font-size:1.7em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.6em;
text-transform:uppercase;
}
#sidebar {
	position:absolute;
	top:50px;
	right:0px;
	width:175px;
	padding-top:5px;
	border-top:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	background-color: transparent;
}

#sidebar h2 {
    color: #666;
    height: 32px !important; /* for most browsers */
    height /**/:57px; /* for IE5/Win */
}

#sidebar h3 {
	color: #4169E1;
	font-size: 100%;
	border: none;
	background-color: #35c63c;
	background-image: none;
	font-weight: bold;
	padding-left: 0px
	}
#sidebar h3 a:hover {
	color: #0033CC;
	font-weight: bold;
	
	}
	#sidebar h3 a:link, h3 a:visited {
	font-size: 100%;
	text-decoration: none;
	border-bottom: none;
	color: #696969;
	font-weight: bold;
	}

#sidebar h4 {
	color: #6495ED;
	font-size: 100%;
	border: none;
	background-color: #879CEB;
	background-image: none;
	}
	#sidebar h4 a:hover {
	color: #32CD32;
	font-size: 100%;
	}
	#sidebar h4 a:link  {
	color: #6495ED;
	font-size: 100%;
	}
	#sidebar h4 a:visited {
	color: #fff;
	font-size: 100%;
	background: #879CEB;
	}

#nav-section {
border-bottom:1px solid #ECECEC;
}

#nav-supp {
border-top:50px solid #F8FBFF;
padding-top:10px;
}

#nav-supp ul {
margin-top:-10px;
padding-top:20px;
border-top:1px solid #ECECEC;
}

#info-site {
position:absolute;
bottom:7px!important;
bottom:15px;
right:29px;
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:-1px;
top:5px;
}

/*additional*/
A:link {
color:#888;
text-decoration:underline;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color:#888;
text-decoration:underline;
}

A:hover {
color:#ccc;
text-decoration:none;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}
/*MENU*/

#menu a:hover{
	background: url(images/bgmenu.png); no-repeat;
	color:#003399;
}
#menu li{
   list-style:none;
   margin:0;
   height:auto !important;
   height:1%;
   line-height:1.6em;
   font-size:1em;
   color:#000;
   font-weight:bold;
   text-align:left;
}
#menu li a, #menu li.here a{
   color:#6495ED;   /* non current menu color */
   display:block;
   padding:2px;
   text-decoration:none;
}
#menu li.here{
   color:#FFCC00;     /* current menu color */
   padding-top:1px ;
}
#menu ul{
   margin:0;
   padding-bottom:20px;
   padding-left:10px;
}
#menu ul ul{
   display:none;
}
#menu ul ul ul{
   display:none;
}
#menu li.here ul{
   display:block;
   padding:2px 0px 2px 15px;
   font-size:1em;
}
#menu li.here ul ul {
   display:none;
}
#menu li.here li.here ul {
   display:block;
}