/*  
Theme Name: Cloe Guitars 2007
Theme URI: http://www.studiohangloose.it
Description: Il tema di default di Cloe Guitars.
Version: 1.0
Author: Oliver Astrologo - Studio Multimediale Hangloose
Author URI: http://www.studiohangloose.it/
*/


/* -----------------------------RESET----------------------*/
*{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
img,input,select,label{vertical-align:middle;}


/* Gestione Clearing */
.cleared:after{display:block;visibility:hidden;content:".";height:0;clear:both;}
.cleared{clear:both;/* per Gecko */height:1%;/* per IE */}


/* Alignment */
.align-right{float:right;}
.align-left{float:left;}
html, body {min-height: 100%;height: auto !important;height: 100%;}


/* Markup*/
html body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:62.5%;line-height:1.4em;}
html>body{font:62.5%/1.4em Verdana,Helvetica,sans-serif;color:#ccc;}
body{ text-align:center; min-width:960px; background: #000000 url(/images/bck.jpg) repeat-x;}
body.curWait * {cursor: wait;}
a{ color:#B9152E; text-decoration:none; }
a:link{ color:#B9152E; text-decoration:underline; }
a:visited{ color:#B9152E; text-decoration:underline; }
a:hover{ color:#FF0000; }
a:active{ color:#B9152E; text-decoration:underline; }
h1,h2,h3,h4,h5,h6{color:#FFFFFF;font-weight:400;letter-spacing:-0.01em;}
h1{font-size:1.9em;}
h2{font-size:1.8em;font-weight:lighter;padding-bottom:10px;}
h2 a,h1 a,h3 a, h4 a{color:#ccc !important;} 
h3{font-size:1.6em;font-weight:700;}
h4{font-size:1.4em;font-weight:700;letter-spacing: -0.01em;}
h5{font-size:1.1em;font-weight:700;letter-spacing:-0.05em;}
h6{font-size:1em;}
p{color:#fff;font-size: 1.1em;}
strong{ color:#CCCCCC; }
noscript p,.warning{ background-color: #B9152E; color:#FFFFFF; padding: 10px; font-weight: bold; display: block;margin-bottom:10px; }


/* -----------------------------GRID----------------------*/
.wrap{ margin-right:auto; margin-left:auto; width:940px; text-align: left;position:relative; }
#header{ background: url(/images/brushed_bck.gif) repeat-x;height:175px;}
#content{ margin-right:auto; margin-left:auto; width:940px; text-align: left; background: url(/images/content_bck.gif) repeat-y left top; height:auto !important; height:500px;min-height:500px;position:relative;padding-bottom:40px;}
#sidebar-bottom,#sidebar{ display:inline;float: right; width:316px;margin-right:15px; }
#main-bottom,#main{margin-left:15px;display:inline;float: left; width:420px;}
#side-bar-top{ display:inline;float: left; height:175px; background:url(/images/sidedebar_top_bck.png) no-repeat center top; width: 147px; text-align: center; margin-left: 15px; }
#side-bar-top img{margin-top:22px; }
#side-bar-middle{ display:inline; float:left; width:135px; margin-left:21px; }
#footer{ background: #FFFFFF url(/images/footer_bck.gif) repeat-x;  color: #333333;_height:1%}
#side-bar-bottom{ display:inline;float: left; height:175px; background:url(/images/sidedebar_bottom_bck.jpg) no-repeat center top; width: 147px; text-align: center; margin-left: 15px;font-size:1.0em; }
.made-by-hl a, #side-bar-bottom p,#main-bottom p,#sidebar-bottom p{ font:1em/1em Arial, Helvetica, sans-serif; color:#666;line-height:1.2em; }
#foto-chitarra{ position:absolute; top:20px; right:20px; text-indent: -9999px; height: 150px; width: 250px; background: url(/images/plek.png) no-repeat right top; }
#sidebar h4 { margin-bottom:10px;}
#sidebar ul li ul { margin-bottom:20px;}
#sidebar ul li ul li { display:block; text-align:left; color:#fff; line-height:30px; background-image: url(/images/bottoni_modello.png) !important; background-image: url(/images/bottoni_modello.gif);  background-repeat:no-repeat; background-position: 0px -30px; padding-left: 10px;cursor:pointer; }
#sidebar ul li ul li a { font-weight:bold; color:#999; text-decoration: none; }
#sidebar ul li ul li.current_page_item,#sidebar ul li ul li.over{ color:#999; background-position:0 0; }
#sidebar ul li ul li.current_page_item a,#sidebar ul li ul li.over a { color:#fff;}
#sidebar-bottom{ background: url(/images/bottom_sep_line.gif) no-repeat right 38px; height:175px;}
#main-bottom{ text-align:right; padding-right:5px; background: url(/images/bottom_sep_line.gif) no-repeat right 38px; height:175px; }
#side-bar-bottom p{padding-top:10px;}
#sidebar-bottom p,#main-bottom p{padding-top:40px;padding-bottom:0;}

/* #side-bar-middle{ float: left; line-height:400px; width: 147px; text-align: center; margin-left: 15px; }*/


/* -----------------------------NAV---------------------*/
#lang-flags{position:absolute;left:170px;}
#lang-flags li{float:left;}

#navbar {float:left; display:block; margin-top: 108px; margin-left: 10px; width: 530px; }
#navbar li{float:left; display:block;}
#navbar li a{display:block; height:20px; background-image:url(/images/navbar.png); background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; }
#navbar .home{width:64px; background-position:0 0;}
#navbar .company{width:62px; background-position:-64px 0;}
#navbar .plek{width:92px; background-position:-126px 0;}
#navbar .products{width:99px; background-position:-218px 0;}
#navbar .labs{width:70px; background-position:-316px 0;}
#navbar .courses{width:65px; background-position:-386px 0;}
#navbar .contacts{width:75px; background-position:-451px 0;}
#navbar #selected a.home, #navbar .home:hover{background-position:0 -22px;}
#navbar #selected a.company, #navbar .company:hover{background-position:-64px -22px;}
#navbar #selected a.plek, #navbar .plek:hover{background-position:-126px -22px;}
#navbar #selected a.products, #navbar .products:hover{background-position:-218px -22px;}
#navbar #selected a.labs, #navbar .labs:hover{background-position:-316px -22px;}
#navbar #selected a.courses, #navbar .courses:hover{background-position:-386px -22px;}
#navbar #selected a.contacts, #navbar .contacts:hover{background-position:-451px -22px;}


/* ----------------------------BLOG---------------------*/
.post{ margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #333333;color:#fff; }
.post h2{ margin-bottom: 20px; margin-top:10px;}
.entry p {margin-top:10px;margin-bottom:10px;line-height:1.4em;font-size:1.2em;}
.entry p rosso {color:#B9152E;}
/*.entry img {padding:2px;border:solid 1px #333333;}*/
.entry img {padding:0; border:0;}
.entry img.align-right {margin-left:10px;margin-bottom:5px}
.entry img.align-left {margin-right:10px;margin-bottom:5px}
#prod-description ul,.entry ul,.entry ol {margin-top:10px;margin-bottom:20px}
.entry h2,.entry h3,.entry h4,.entry h5  {margin-top:20px;}
#prod-description li,.entry li { font-size:1.1em; background: url(/images/bullet.gif) no-repeat left 5px; padding-left:12px; color:#ccc; margin-bottom: 5px; }


/* ----------------------------COMMENTS---------------------*/
.commentlist {padding-bottom:10px;padding-top:20px;margin-top:20px;margin-bottom:20px;}
.commentlist li{ display:block;  clear:both; border-bottom: 1px solid #333333;margin-bottom:20px; }
.commenthead {color:#666666;position:absolute;width:135px;height:50px; background:url(/images/comment_tag.jpg) no-repeat right top;margin-left:-150px;padding:10px;  }
.commentlist p{ padding-left:154px; color:#CCCCCC; margin-top:1px; padding:10px; padding-top:0; padding-bottom:20px; margin-bottom:1px;min-height:60px;  }
.commentlist li.alt div.commentbody { background-color:#0A0A0A; background-image: url(/images/comment_gradient.jpg); background-repeat: repeat-x; background-position: left bottom; }
.commentlist cite { color:#CCCCCC; font-weight:bold; }
#searchform  input.stdinput,#contactform-container input.stdinput,#contactform-container textarea.stdinput,#commentform-container input.stdinput,#commentform-container textarea.stdinput{width:97%;}
#searchform  input.button,#contactform-container input.button,#commentform-container input.button{width:99%;}
#searchform p,#contactform-container p,#commentform-container p{margin-top:10px;margin-bottom:10px;}
.made-by-hl a,.icon-tornasu,.post a,.post a:link,.post a:visited,.post a:active{ text-decoration: none !important; }
.entry {margin-bottom:20px; }
.post .icon-calendar{display:block;color:#999;margin-bottom:5px;}
.postmetadata{ font-size:1.1em; margin: 0px; padding: 0px; color: #CCCCCC; }


/* ----------------------------MISC---------------------*/
.grey{color:#333333;}
.tags{color:#ccc;}
.red{color:#B9152E;}
.rss-icons a{ color:#666; font-size:0.9em; text-decoration: none; background: url(/images/icon_rss.gif) no-repeat left center; padding: 5px 5px 5px 16px; }
.absolute-bottom{position:absolute;bottom:0;right:350px;}
.icon-user,.icon-calendar,.icon-go,.icon-comments,.icon-archive,.icon-tag, .icon-tornasu { padding-top: 5px; padding-bottom: 5px; background-repeat: no-repeat; background-position:left center; padding-left: 20px; }
.icon-tornasu{font-weight:bold;color:#666 !important;background-image: url(/images/icon_arrow_up.gif);}
.icon-calendar{ background-image: url(/images/icon_calendar.gif); }
.icon-comments{ background-image: url(/images/icon_comment.gif); }
.icon-go{ background-image: url(/images/icon_arrow.gif); }
.icon-archive{ background-image: url(/images/icon_folder.gif); }
.icon-user{ background-image: url(/images/icon_user.gif); }
.icon-tag{ background-image: url(/images/icon_tag.gif); }
.made-by-hl{float:right;display:block;text-align:right;}
.made-by-hl a{ margin-right:10px; padding-bottom:1.3em; background: url(/images/title_madeby_hl.gif) no-repeat center bottom;display:block; }
.made-by-hl a span{display:none;}
.location-helper p{color:#999999;padding-bottom:20px;}
.pagetitle{ margin-bottom: 20px; border-bottom: 1px solid #333333; }


/* ----------------------------FORMS--------------------*/
.stdinput{ color:#000; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #656565; margin:0; padding:4px; background: #fff url(/images/form_bck.jpg) repeat-x left bottom; }
.stdinput-sel{ background: #fff url(/images/form_bck.jpg) repeat-x left top; }
.button{ color: #FFFFFF; background: url(/images/comment_gradient.jpg) repeat-x left bottom; border-top: 2px solid #999999; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 2px solid #999999; }


/* ----------------------------PRODUCTS LIST--------------------*/
#productlist .head {margin:0;padding:0;font-size:1.1em;  display:block; text-align:left; color:#fff; line-height:30px; background-image: url(/images/bottoni_modello.png) !important; background-image: url(/images/bottoni_modello.gif); background-repeat:no-repeat; background-position: 0px -30px; padding-right: 10px; cursor:pointer; text-decoration: none; font-weight: bold; padding-left: 10px; }
#productlist .selected, #productlist .head:hover{ background-position: 0px 0px; }
#prod-photos li,#productlist li { display:block;  margin-bottom: 2px; padding-right: 10px;padding-left:2px;}
#productlist li a {text-align:left; background: #191919 url(/images/icon_arrow.gif) no-repeat 5px center;padding-left:25px;text-decoration: none; color: #CCCCCC; display: block; line-height:30px; }
#productlist li a:hover,#productlist li.current_page_item a {color: #FF0000; background-color: #000000; }
.ngg-galleryoverview,.photogallery{ margin-bottom:20px; margin-left: -5px; }
#prod-photos li,.photogallery li{display:inline;height:70px;float:left;margin:5px;border:solid 1px #630805;padding:1px;}
.ngg-gallery-thumbnail-box{display:inline;float:left;margin:5px;}
.ngg-gallery-thumbnail-box a img{margin:none;border:1px solid #630805;height:69px;padding:1px;}
.ngg-gallery-thumbnail-box a:hover img{border:1px solid #fff;}
.ngg-galleryoverview {overflow: hidden;margin-top: 10px;width: 100%;clear:both; display:block !important;}
#prod-photos li a,.photogallery li a{filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;display:block;}
#prod-photos li a:hover,.photogallery li a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#tooltip {border: 1px solid #111;background-color: #333;padding: 5px;}
#tooltip h3, #tooltip p {font-size:1.1em; font-weight:bold; margin: 0;}
.listgallery{margin-bottom:20px;}
.listgallery li { color:#FFFFFF; border:solid 1px #181818; padding:5px; background-color: #000000; background-repeat: no-repeat; background-position: 5px 5px;margin-bottom: 10px;clear:both;_padding-bottom:8px;}
.listgallery li p a,.listgallery li p a:visited,.listgallery li p a:active,.listgallery li p a:link{color:#FFFFFF;text-decoration:none;}
.listgallery li img{border:1px solid #FFF;height:70px;margin:5px;border:solid 1px #630805;padding:1px;float:left;margin-right:10px;}
.listgallery li h4{color:#ccc;margin:0;padding:0;text-align:left;padding-bottom:10px;padding-top:5px;display:block;}
.subtitle{padding-bottom:10px;}
#loading{position:absolute;right:10px;top:10px;border: solid 1px #FFFFFF; background-color:#9B1026;font-weight:bold;padding:15px;color:#FFFFFF;}


/* ----------------------------SCHEDA PRODOTTO--------------------*/
#scheda-prodotto h2 a {color:#B5132B !important;text-decoration:none;}
#prod-description,#prod-photos{margin-top:10px;}
#prod-photos {float:right;width:160px;}
#prod-description{float:left;width:250px;}
#prod-description {font-size:1.2em;color:#FFFFFF;}
#prod-description li{font-size:.9em;}
#prod-photos li{float:left;margin-right:0;}
#comments{margin-top:20px;}
#mp3-player {margin-left:5px;}
#mp3-player h4{margin-bottom:15px;margin-top:15px;}
#mp3-player li{float:none;border:none;}
#mp3-player li a{display:inline;border:none;}


/* ----------------------------FRIENDS--------------------*/
#sidebar .links-list{padding-right:8px;}
.links-list li{ color:#FFFFFF;display:block; border:solid 1px #181818; padding:5px 5px 5px 25px; background-color: #000000; background-image: url(/images/icon_arrow.gif); background-repeat: no-repeat; background-position: 5px 5px; margin-bottom: 10px; }
.links-list li img{float:right;padding:1px;border:solid 1px #181818;margin-left:5px;}
.links-list li a{font-weight:bold;}
.links-list li.over {background-color: transparent;}
.org{font-size:1.1em;font-weight:bold;}
.error{border:solid 2px #B9152E;}
#map { height: 250px; margin-right:8px; border:solid 1px #333;}


/* ----------------------------IMAGE NAVIGATION--------------------*/
.ngg-navigation {font-size:0.9em !important;clear:both !important;display:block !important;padding-top:15px;text-align:center;}
.ngg-navigation span ,.ngg-navigation a.page-numbers, a.next, a.prev, span.page-numbers, span.next, span.prev { border:1px solid #333333; margin-right:3px; padding:3px 7px; }
.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover,span.page-numbers:hover, span.next:hover, span.prev:hover { background-color: #B5132B; color: #FFFFFF !important; text-decoration: none !important; }