/*  
Theme Name: Warm Morning
Theme URI: http://www.warm-morning.net/
Description: Customized theme for Warm Morning
Version: 1.0
Author: Luca Biagini
Author URI: http://www.gruppomodulo.it/


	This theme was designed and built by Luca Biagini

	The CSS, XHTML and design is copyrighted and cannot be used without
	written permission of the Author

*/

/* Settaggi generali */
html {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	font-size: 62.5%;
	height: 100%;
}
a { color: #000; }
a:hover { color: #c30; }
h1 { display: none; }
strong { color: #363; }
h2, h2 a {
    color: #c30;
	font-size: 1.8em;
	margin-bottom: 0;
	padding-bottom: 0;
}
h3 {
    color: #c30;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
#outNow {
    position: absolute;
    top: 0;
    left: 0;
    width: 173px;
    height: 116px;
	background: url(images/outNow.jpg) no-repeat;
}
#outNow a { text-indent: -9999px; display: block; width: 173px; height: 116px;}
#wrap {
    width: 740px;
    margin: 0 auto;
	font-size: 1em;
}
#landscape {
    float: left;
    width: 740px;
    height: 459px;
    margin-top: 50px;
    background: url(images/bg.jpg) no-repeat;
    text-align: left;
}
#main {
    float: left;
    margin-top: 20px;
    width: 470px;
    height: 420px;
}
#roadSigns {
    float: left;
	padding-left: 14px;
	margin: 35px 35px 0 0;
}
#footer {
    text-align: center;
    font-size: x-small;
    color: #999;
}
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #363; text-decoration: underline; }
#footer p { margin-top: 0; } 
/* Tutto il necessario per il menu */

#roadSigns ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	width: 188px;
	height: 308px;
	background: url(images/nav_over.jpg) no-repeat;
}
#roadSigns ul li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}
#roadSigns ul li a {
	border: 0;
	display: block;
	width: 188px;
	text-decoration: none;
	background: url(images/nav.jpg) no-repeat;
}
#roadSigns ul li a:hover {
	border: 0;
	display: block;
	background-image: url(backgrounds/nav_over.jpg);
}
li#aboutUs a {
	height: 68px;
 }
li#picz a {
	height: 48px;
}
li#picz a:link,
li#picz a:visited,
li#picz a:hover {
	background-position: 0 -68px;
}
li#disco a {
	height: 34px;
}
li#disco a:link,
li#disco a:visited,
li#disco a:hover {	
	background-position: 0 -116px;
}
li#download a {
	height: 34px;
}
li#download a:link, 
li#download a:visited, 
li#download a:hover {	
	background-position: 0 -150px;
}
li#presz a {
	height: 33px;
}
li#presz a:link, 
li#presz a:visited, 
li#presz a:hover {	
	background-position: 0 -184px;
}
li#forum a {
	height: 37px;
}
li#forum a:link, 
li#forum a:visited, 
li#forum a:hover {	
	background-position: 0 -217px;
}
li#friendz a {
	height: 40px;
}
li#friendz a:link, 
li#friendz a:visited, 
li#friendz a:hover {	
	background-position: 0 -254px;
}
/* fine dei settaggi per il menu */

/* settaggi delle sezioni specifiche */

/* HOME */

#house {
    float: left;
    width: 323px;
    height: 265px;
    background: url(images/house.jpg) no-repeat;
    margin: 150px 0 0 60px;
}
#house h2 {
    display: none;
}

/* ABOUT US */

#about #main { background: url(images/lazyGuitar.jpg) 220px 130px no-repeat; }
#wideTopBox {
    width: 460px;
    height: 120px;
	overflow: hidden;
    float: left;
    text-align: justify;
}
#sideBox {
    width: 200px;
    height: 310px;
    overflow: hidden;
    float: left;
    text-align: justify;
}
#lazyGuitar {
    background: url(images/lazyGuitar.jpg);
    width: 236px;
    height: 271px;
    float: left;
    margin: 10px 0 0 20px;
}

/* DISCO */

#discoCont { width: 430px; float: left; padding-top: 25px;}

/* ALBUM */

#album { 
    width: 430px; 
    height: 400px;
    float: left; 
    margin-top: 20px;
}
#albumCont {
    width: 432px;
    height: 352px;
    background: url(images/albums.jpg) no-repeat;
    position: absolute;
    top: 106px;
    padding-top: 10px;
    float: left;
}
#album ul {
    margin: 10px 0; padding: 0;
    list-style: none;
}
#album ul li { 
    text-transform: uppercase; 
    color: #c30; 
}
#album li ul { margin-left: 20px; }
#album li ul li a { text-transform: none; color: #000; text-decoration: none; }
#album li ul li a:hover { background: #363;; color: #fff; }

/* DOWNLOAD */

#download #graphics {
    background: url(images/pit.jpg);
}

/* CONTACT */

#contactz {
    width: 470px;
    height: 420px;
    float: left;
    margin-top: 20px;
    background: url(images/crystalShip.jpg) 266px 215px no-repeat;
}
#contactz ul { list-style: none; padding: 0; margin: 0; }
#contactz ul li { color: #333; font-style: italic; }
#contactz ul li a{ color: #c30; text-decoration: none; font-style: normal; }
#contactz ul li a:hover { text-decoration: underline; }
#contactz p { margin: 7px 0; }

/* SONGS */

#songMain, #pressMain {
    float: left;
    margin-top: 20px;
    width: 470px;
    height: 400px;
    
}
#songMain { 
    float: left;
    width: 470px;
    height: 400px;
    overflow: hidden;
    text-align: justify;
    background: url(images/chitarrina.jpg) 358px 130px no-repeat; 
}
#songMain p { margin: 7px 0; }
#songList {
    float: left;
    width: 170px;
    padding-left: 20px;
}
#songList a { text-decoration: none; padding: 2px;}
#songList a:hover { color: #fff; background: #363; }
#songList ul { list-style: none; margin: 0; padding: 0;}
#songList li { margin: 0; padding: 2px 0;}
#songList li a { color: #000; }
#songMain h2 { padding-bottom: 10px; }

/* FRIENDS */

#friends #main { background: url(images/friends.jpg) 260px 209px no-repeat; }
#linksCont { margin-top: 20px; }
#linksCont ul { list-style: none; margin: 0; padding: 0;}
#linksCont li { font-style: italic; color: #363; margin-bottom: 1px;}
#linksCont li a { text-transform: none; color: #000; text-decoration: none; font-style: normal;}
#linksCont li a:hover { background: #363; color: #fff; }

/* PRESS */

/* altri settaggi della div #pressMain in songs */
#pressMain { background: url(images/press.jpg) 260px 275px no-repeat; float: left; }
#pressMain p { margin: 10px 0; }
#rev { 
    height: 400px;
    overflow: auto;
    width: 250px;
    padding-right: 10px;
    text-align: justify;
}
p.basso { position: absolute; top: 440px; }
#pressCont { margin-top: 10px; }
#press ul {
    margin: 0; padding: 0;
    list-style: none;
}
#press ul li { 
    text-transform: uppercase; 
    color: #c30; 
}
#press li ul { margin: 10px 0 0 20px; }
#press li ul li a { text-transform: none; color: #000; text-decoration: none; }
#press li ul li a:hover { background: #363;; color: #fff; }
/* BLOG */
#blogCont { 
    width: 430px; 
    height: 400px;
    float: left; 
    margin-top: 20px;
    background: url(images/tablez.jpg) 282px 198px no-repeat;
}
#blogCont ul {
    margin: 10px 0; padding: 0; list-style: none;
}
#blogCont ul li { 
    text-transform: uppercase; color: #c30; 
}
#blogCont li ul { margin-left: 20px; }
#blogCont li ul li a { text-transform: none; color: #000; text-decoration: none; }
#blogCont ul li ul li{ color: #363; text-transform: none; }
#blogCont li ul li a:hover { background: #363; color: #fff; }
.navigation { color: #363; }
.navigation a { color: #363; } .navigation a:hover { color: #c30; }
.alignleft { float: left; }
.alignright { float: right;}
.thePost { 
    float: left; 
    width: 460px; 
    height: 350px;
    padding-right: 15px;
    text-align: justify; 
    clear: both;
    overflow: auto;
}
.thePost a { color: #c30; text-decoration: none; font-weight: bold; } .thePost a:hover { text-decoration: underline; }
.thePost p img { padding-right: 10px; }
.archivePost {
    float: left;
    width: 305px;
    text-align: justify;
    clear: both;
}
.theArchive { float: left; margin-left: 20px; }
.theArchive ul { margin: 7px 0 0 0; padding: 0; list-style-type: none; }
.navigation { margin-top: 10px; padding-bottom: 20px; }
.formElement { width: 236px; 
               border: 1px solid #363; 
               background: transparent;
               font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
               font-size: 1em;
}
.formButton { background: #c30; 
              font-size: 1em;
              border: 1px solid #363;
              color: #fff;
}
.date {     
    text-align: right; 
    width: 285px; 
    color: #363; 
}
.redBox { width: 230px; font-weight: bold; color: #fff; background: #c30; padding: 3px; }
.greenBox { width: 230px; font-weight: bold; color: #fff; background: #6c3; padding: 3px; }
ol.commentlist a { color: #363; font-weight: bold; text-decoration: none;}
ol.commentlist a:hover { text-decoration: underline; color: #c30;}
.pagetitle { margin-bottom: 20px; }
ul.arki li a { text-transform: none; text-decoration: none; }
ul.arki li a:hover { background: #363; color: #fff; }

/* PICTURES */

#pictures { 
    width: 430px; 
    height: 400px;
    float: left; 
    margin-top: 20px;
}
#pic {
    width: 432px;
    height: 352px; 
    position: absolute;
    top: 106px;
}
div#ss-container {
	width: 432px;
	height: 352px;
	margin: 0;
	padding: 0;
	background: url(images/loading.gif) no-repeat center center;
}
div#ss-container img#slideshow {
	margin: 0;
}
div#ss-controls { display: none; }

/* lo scroller in js */

#scroll_box {

    width: 240px;
    height: 340px;
    text-align: justify;
    font-size: 1em;
    overflow: auto;
    z-index: 2;
} 
#scroll_up {
  position: absolute; 
  margin: 20px 0 0 180px;
  cursor: pointer;
}
#scroll_down {
  position: absolute; 
  margin: 20px 0 0 220px;  
  cursor: pointer;
}