/*  

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: 100px; width: 150px; 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: 750px; }
#navbar li { float:left; display:block; margin-right:10px; border-right:1px solid #333;}
#navbar li.last {border-right:none;}
#navbar li a { display:block; height:20px; margin-right:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:20px; color:#777; text-transform:uppercase; text-decoration:none;}
#navbar li a span {color:#B9152E;}
#navbar li a:hover, #navbar li a:hover span, #navbar li#selected a, #navbar li#selected a span {color:#FFF;} 
/*#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; }