@charset "UTF-8";

/* ============================================================================
[Stylesheet]

theme name: Kinetic Shadows
theme uri: http://kineticshadows.com
description: Main Theme
version: 1.3.6
author: Brian Rhinehart
author uri: http://kineticshadows.com
last change: 01.01.10

-------------------------------------------------------------------------------
[Copyright]

All content copyright of Kinetic Shadows, Brian Rhinehart. No unauthorized
use permitted.

-------------------------------------------------------------------------------
[Table of contents]

0. Glossary
1. Reset
2. Layout
3. Typography
4. Navigation
5. Forms
6. Misc

-------------------------------------------------------------------------------
[Palette]

96% Black - #0a0a0a
90% Black - #1a1a1a
83% Black - #2b2b2b
76% Black - #3c3c3c
70% Black - #4d4d4d
67% Black - #555
30% Black - #b3b3b3
20% Black - #ccc
10% Black - #e6e6e6
05% Black - #f2f2f2
   
============================================================================ */


/* ============================================================================
= RESET
============================================================================ */



/* Main Slider Navigation
---------------------------------------------------------------------------- */
#slider {
position:relative;
width:569px
}
#focus {
width:570px;

float:left;
padding-bottom:5px;
background-color:#fff;
}
#head_focus {
width:569px;
height:22px;
background-image:url(../img/focus_head.jpg);
background-repeat:no-repeat;
}

.scroll {
clear:left;
height:200px;
left:0px;
overflow:auto;
position:relative;
width:569px
}

.scroll-container div.panel {
float:left;
height:200px;
padding:0;
position:relative;
width:569px
}





/* Portfolio Slideshows - Anything Slider
---------------------------------------------------------------------------- */
.slideshow {

float:left;
height:200px;
position:relative;
width:569px;
border:1px solid #cddbea;
border-top:0px;
border-right:0px;
}

.slideshow ul li {
background: url(../img/focus_bkg.jpg);
background-repeat:repeat-x;
display:block;
float:left;
height:200px;
margin:0;
padding:0;
width:569px
}

.slideshow .slide-wrapper {
background:#0a0a0a;
height:200px;
left:0px;
overflow:auto;
position:absolute;
top:0px;
width:569px
}

.slideshow .slide-wrapper ul {
left:0;
list-style:none;
margin:0px;
padding:0px;
position:absolute;
top:0;
width:99999px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#0e3f7c;
line-height:normal;
}

.slideshow .slide-wrapper ul h2{
font-size: 18px;
font-family:Arial, Helvetica, sans-serif;
color:#0e3f7c;
letter-spacing:-1px;
margin-bottom:10px;
font-weight:normal;
margin-top:0px;

}

.slideshow .slide-wrapper ul .btn_dettagli {
margin-top:20px;
}
.slideshow .slide-wrapper ul .descrizione {
padding:10px;
padding-right:15px;
width:183px;
float:right;
margin-right:10px;
}

.slideshow .slide-wrapper ul ul {
background:none;
border:0;
margin:0;
overflow:visible;
position:static;
width:auto
}

.slideshow .slide-wrapper ul ul li {
background:none;
float:none;
height:auto;
width:auto
}

.slideshow .arrow {
background:url(../img/slideshow-arrows.png) no-repeat 0 0;
border:none;
cursor:pointer;
display:block;
height:80px;
position:absolute;
text-indent:-9999px;
top:60px;
width:30px;
z-index:3000;
}

.slideshow .forward {
background-position:-90px -80px;
right:0px
}

.slideshow .forward:hover {
background-position:-90px 1px;
}

.slideshow .back {
background-position:0 -80px;
left:0px
}

.slideshow .back:hover {
background-position:0 1px;
}

#thumbNav {
left:10px;
position:absolute;
top:360px
}

#thumbNav a, #thumbNav a:hover {
background:url(images/slideshow-thumb-tab.png) 0 0 no-repeat;
border:none;
color:#f2f2f2;
display:inline-block;
height:22px;
margin:0 5px 0 0;
padding:5px 0;
text-align:center;
width:30px
}

#thumbNav a:hover, #start-stop:hover {
color:#b3b3b3
}

#thumbNav a.cur {
background:url(images/slideshow-thumb-tab.png) -30px 0 no-repeat
}

#start-stop {
background:url(images/slideshow-start-stop.png) 0 0 no-repeat;
border:none;
color:#f2f2f2;
height:22px;
padding:5px 0;
position:absolute;
right:10px;
text-align:center;
top:360px;
width:60px
}

#start-stop.playing {
background:url(images/slideshow-start-stop.png) -60px 0 no-repeat
}





/* ============================================================================
= MISC
============================================================================ */