/*
		KINGMO's CSS definitions for the site of grazieelvis.it (c) - Lyrics Area
*/

/* ********************** FONTS *************************** */

body {
font: 75%/1em Arial, Verdana, Helvetica, sans-serif}
dt, 
label, 
th,
h3,
.pod h3,
#photo_text,
#photo_text2,
#int_textsong,
.caption a {
font-weight: bold}
code strong, 
h1, 
pre strong, 
select, 
textarea, 
.textfield,
.noticemenu,
#inttext,
#poweredtext,
#noticetext,
.singletext {
font-weight: normal}
h1 {
font-size: 1.75em}
h2 {
font-size: 1.35em}
h3, h4, h5, 
ol, 
li, 
li ol,
li ul, 
p, 
select, 
textarea,
#int_textsong,
#noticetext,
.textfield {
font-size: 1em}
.foot, 
.legalnotice,
#contentFooter,
#inttext,
.new {
font-size: 0.9em}
.pcpu {
font-color: #e10000}
#photo_text,
#photo_text2,
#pod,
#darkbox,
#darkboxrt,
#poweredtext,
.noticemenu {
font-size: 0.7em}
p, 
pre, 
select,
textarea, 
.text,
.textfield {
line-height: 1.35em}
#darkbox,
#darkboxrt,
#inttext,
#poweredtext,
#noticetext,
.singletext {
line-height: 1.07em}
h3,
#photo_text,
#photo_text2,
#int_textsong,
#pod,
#contentFooter { 
line-height: 1.5em}
th,
h3,
select, 
textarea, 
.textfield, 
.new,
#contentFooter,
#pod,
#darkbox,
#darkboxrt,
#poweredtext,
#noticetext,
.singletext,
.separator {
font-family: Verdana, Arial, Helvetica, sans-serif}
#poweredtext,
#inttext {
text-align: justify;}


/* ****************** end FONTS *************************** */

br.clear-both, 
div.clear-both,
br.clear-left, 
div.clear-left {
font: 1px/1px monospace;
display: block}
.clear-both {
clear: both}
.clear-left {
clear: left}

body {
padding: 0;
margin: 0;
height: auto}
/* IE only */
* html body {
text-align: center}

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	/* background-color: #54618b; */
	background: #4C4B48 url(../images/Ebackground.jpg) repeat-x;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #525252;
	scrollbar-shadow-color: #777777;
	scrollbar-3dlight-color: #cddacd;
	scrollbar-arrow-color:  #FFA800;
	scrollbar-track-color: #ff6600;
	scrollbar-darkshadow-color: #000000;
}
/* ****** general font colors ****** */
a {
color: #ffff33}
a:visited {
color: #A367B1}
a:hover {
background-color: #cc6600}

/* STAR HERE   */

/* ***** SEPARATOR -> <hr.... ****** 
.separator { font-size: 10px; line-height:18px; color: #aaa;}*/

/* ********* Elvis Global Menu ********* */
div#globalnavbar {
position: relative;
top: -22.5px; left: 0px;
background-image: url(../images/Grazieelvis_head/C000-menubar.jpg);
background-position: top left;
background-repeat: no-repeat;
padding: 0;
border: 0;
margin: 0;
width: 774px;
height: 42px}
/* Mozilla - Firefox - Opera6 */
head:first-child+body div#globalnavbar {
position: relative;
top: -22.5px; left: 112px}

ul#globalnav-menu {
position: absolute;
top: 3; left: 0;
z-index: 7;
list-style: none;
color: #000;
padding: 0 0 0 20px;
border: 0;
margin: 0;
width: 774px;
height: 42px}
/* Mozilla - Firefox - Opera6 */
head:first-child+body ul#globalnav-menu {
position: relative;
top: -2; left: 0;}

ul#globalnav-menu li {
display: inline;
display: block;
float: left;
line-height: 42px !important;    /* Area - altezza esatta */
line-height: 33px;    /* Area - altezza + piccola per posizionamento testo */
padding: 0;
border: 0;
margin: 0;
height: 42px
}
ul#globalnav-menu li a {
padding: 0 3px 0 6px;
border-left: 1px solid #8d9495}  /* barra verticale su menu */
ul#globalnav-menu li.first a {
border-left: 0}
ul#globalnav-menu li a:link,
ul#globalnav-menu li a:visited {
background-color: transparent;
color: #0000cc;    /* colore testo menu */
text-decoration: none}
ul#globalnav-menu li a:visited:hover,
ul#globalnav-menu li a:hover {
background-color: transparent;
color: #ff6600;    /* colore testo menu */
text-decoration: none}


#pod {
position: relative;
top: -10; left: 0;
padding: 3px 1px;
width: 206px;
float: right}
/* IE only */
* html #pod {
width: 206px}
/* */
#pod div.hr {
border-top: 1px solid #acb0b5;
background-color: #eaeff3;
margin: 11px -15px;
padding: 0 15px;
font: 1px/1px monospace;
height: 1px}
/* IE only */
* html #pod div.hr {
height: 2px}
/*pod font colors */
#pod a {
color: #cc0000}
#pod a:visited {
color: #cc0000;
text-decoration: none}
#pod a:hover {
color: #ffcc99;
background-color: #cc0000;
text-decoration: none}
#pod a.noHover:hover {
text-decoration: none;
background-color: #f0f1f4 !important}
#pod h3 {
margin: 0 -9px 0 1px;
padding: 0 9px 2px;
min-height: 15px;
display: inherit}
/* IE only */
* html #pod h3 {
height: 15px}
#pod h3 {
color: #cc0000}
#pod h3 a {
background-color: #e8f0f1;
margin: 0 -9px;
padding: 0 9px}
#pod h3 a:hover {
color: #005fa9}
#pod h3 a:visited {
color: #000}
#pod h3 a:visited:hover {
color: #005fa9}
#pod p {
margin: 0 -9px 0 1px;
padding: 2 1px 2px;
min-height: 15px;
display: inherit}

/* ***** dark box  -> left ****** */
.darkbox {
padding: 0 1px;
margin: 0 1px;
background-color: #fff}
#darkbox h3 {
margin: 0 -9px 11 1px;
padding: 0 9px 2px;
border-bottom: 1px solid #D5DDDD;
min-height: 15px;
display: inherit}
/* IE only */
* html #darkbox h3 {
height: 15px}
#darkbox h3 a {
background-color: #e8f0f1;
margin: 0 -9px;
padding: 0 9px}
#darkbox h3 a:hover {
color: #005fa9}
#darkbox h3 a:visited {
color: #000}
#darkbox h3 a:visited:hover {
color: #005fa9}

#darkbox{
padding: 1px 1px;
width: 102px;
color: #fff}
#darkbox p {
margin-top: -2px}
/* IE only */
* html #darkbox {
width: 102px}
/* */
#darkbox div.hr {
border-top: 1px solid #66ccff;
background-color: #dbf0f7;
margin: 3px 0px;
padding: 0 15px;
font: 1px/1px sans-serif !important;
font: 2px/2px sans-serif;
height: 1px}
/* IE only */
* html darkbox div.hr {
height: 2px}
/*darkbox font colors */
#darkbox a {
color: #ffffff}
#darkbox a:visited {
color: #ffffff;
text-decoration: none}
#darkbox a:hover {
color: #0000ff;
background-color: #e7f7f8;
text-decoration: none}
#darkbox a.noHover:hover {
text-decoration: none;
background-color: #ffffcc !important}

/* ***** dark box  -> right ****** */
.darkboxrt {
padding: 0 1px;
margin: 0 1px;
background-color: #fff}
#darkboxrt h3 {
margin: 0 -70px 2 1px;
padding: 0 9px 2px;
border-bottom: 1px solid #D5DDDD;
min-height: 15px;
display: inherit}
/* IE only */
* html #darkboxrt h3 {
height: 15px;
margin: 0 -70px 0 -1px;}
#darkboxrt h3 a {
background-color: #e8f0f1;
margin: 0 -9px;
padding: 0 9px}
#darkboxrt h3 a:hover {
color: #005fa9}
#darkboxrt h3 a:visited {
color: #000}
#darkboxrt h3 a:visited:hover {
color: #005fa9}

#darkboxrt{
padding: 1px 30px;
width: 105px;
color: #fff}
#darkboxrt p {
margin-top: -2px}
/* IE only */
* html #darkboxrt {
width: 161px}
#darkboxrt div.hr {
border-top: 1px solid #66ccff;
background-color: #dbf0f7;
margin: 3px 0px;
padding: 0 15px;
font: 1px/1px sans-serif !important;
font: 2px/2px sans-serif;
height: 1px}
/* IE only */
* html darkboxrt div.hr {
height: 2px}
/*darkboxrt font colors */
#darkboxrt a {
color: #ffffff}
#darkboxrt a:visited {
color: #ffffff;
text-decoration: none}
#darkboxrt a:hover {
color: #0000ff;
background-color: #e7f7f8;
text-decoration: none}
#darkboxrt a.noHover:hover {
text-decoration: none;
background-color: #ffffcc !important}

ul#photo_text {
position: relative;
top: 3; left: 1;
z-index: 5;
list-style: none;
color: #000;
padding: 0 0 0 1px;
border: 0;
margin: 3;
width: 120px;
height: 122px}
ul#photo_text li a:link,
ul#photo_text li a:visited{
background-color: transparent;
color: #66ffff;    /* colore testo menu */
text-decoration: none}
ul#photo_text li a:visited:hover,
ul#photo_text li a:hover {
background-color: #000000;
color: #ffffff;    /* colore testo menu */
text-decoration: none}

.imgPh {
margin-top: 9px;
margin-left: 28px}

ul#photo_text2 {
position: relative;
top: 3; left: 1;
list-style: none;
color: #000;
padding: 0 0 0 23px;
border: 0;
margin: 3;
width: 120px;
height: 122px}
ul#photo_text2 li a:link,
ul#photo_text2 li a:visited{
background-color: transparent;
color: #66ffff;    /* colore testo menu */
text-decoration: none}
ul#photo_text2 li a:visited:hover,
ul#photo_text2 li a:hover {
background-color: #000000;
color: #ffffff;    /* colore testo menu */
text-decoration: none}

/* ***** internal pages menu  -> right ****** */
#intsong {
position: relative;
top: 10; left: -110;
padding: 0 0 0 0px;
width: 600px;
float: right}
/* IE only */
* html #intsong {
width: 597px}

ul#int_textsong {
position: relative;
top: 3; left: 235;
list-style: none;
color: #000;
padding: 3px 100px 70px 0px;
border: 0;
margin: 3;
width: 570px}
/* IE only */
* html ul#int_textsong {
width: 567px}

ul#int_textsong li a:link,
ul#int_textsong li a:visited{
background-color: transparent;
color: #000099;    /* colore testo menu */
text-decoration: none}
ul#int_textsong li a:visited:hover,
ul#int_textsong li a:hover {
background-color: #ffffff;
color: #d9631c;    /* colore testo menu */
text-decoration: none}

#inttext{
position: relative;
top: 2; left: -160;
padding: 3px 1px;
width: 542px;
float: right}
/* IE only */
* html #inttext {
width: 540px}

#intsong #slyrics{
position: relative;
top: 2; left: -10;
width: 542px;
float: right}
/* IE only */
* html #inttext {
width: 540px}

#poweredtext{
position: relative;
top: 20; left: -20;
padding: 30px 1px 50px 1px;
width: 650px;
height: 99px;
float: right;
color: #d4d4d4   /* colore testo */}
/* IE only */
* html #poweredtext {
padding: 30px 1px 3px 1px;
width: 650px}

#poweredtext p { 
margin-bottom: 0.5em}

#noticetext {
position: absolute;
top: 325; left: 169;
width: 650px;
height: 7px;
/* float: right; */
color: #ffcc00   /* colore testo */}
/* IE only */
* html #poweredtext {
width: 650px}


#contentFooter {
position: relative;
top: 2; left: 0;
padding: 3px 1px;
width: 742px;
float: right}
/* IE only */
* html #contentFooter {
width: 740px}

#copyright-terms { 
padding: 0px;
margin: 0px 1px 3px 140px;
width: 740px;
height: 69px;
color: #cc6600   /* colore testo menu */}
/* IE */
* html #copyright-terms {
margin: 0px 0px 0px -1px
width: 940px
height: 69px;}
#copyright-terms p { 
margin-bottom: 0.2em}

/*
.tddesc:hover {
background-color: #ffffff;
height: 30px}
*/
.menu { color: #000000; cursor: default; font: 8pt arial; }
.menulink { color: #0000FF; text-decoration: none; cursor: default; font: 8pt arial }
.menulink:hover { color: #FF0000; text-decoration: underline; cursor: default; font: 8pt arial }

.categories { color: #990000; cursor: default; font: bold 7pt arial }
.catlink { color: #000099; text-decoration: none; cursor: default; font: 8pt arial }
.catlink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }

.content { color: #000000; cursor: default; font: 8pt arial; line-height: 18px; }
.contentlink { color: #000099; text-decoration: none; cursor: default; font: 8pt arial }
.contentlink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }

.lyricslink { color: #0000FF; text-decoration: none; cursor: default; font: 8pt arial }
.lyricslink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }
.lyricsoptionlink { color: #0000FF; text-decoration: none; cursor: default; font: 8pt arial }
.lyricsoptionlink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }

.subtitle { color: #990000; cursor: default; font: bold 8pt arial; letter-spacing: 1px }
.subtitlelink { color: #000099; text-decoration: none; cursor: default; font: 8pt arial }
.subtitlelink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }

.pagelink { color: #990000; text-decoration: none; cursor: default; font: 8pt arial }
.pagelink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }

.bottom { color: #000000; cursor: default; font: 8pt arial }
.bottomlink { color: #000099; text-decoration: none; cursor: default; font: 8pt arial }
.bottomlink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }

.options { color: #000000; cursor: default; font: 8pt arial }
.optionslink { color: #000099; text-decoration: none; cursor: default; font: 8pt arial }
.optionslink:hover { color: #5555FF; text-decoration: underline; cursor: default; font: 8pt arial }

.login { color: #00FF00; cursor: default; font: 8pt arial; letter-spacing: 1px }
.loginlink { color: #FF0000; text-decoration: none; cursor: default; font: 8pt arial }
.loginlink:hover { color: #00FF00; text-decoration: underline; cursor: default; font: 8pt arial }

.form { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }
.formleft { color: #0000FF; cursor: default; font: 8pt arial; letter-spacing: 1px }
.formright { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }

.profile { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }
.profileleft { color: #5577FF; cursor: default; font: 8pt arial; letter-spacing: 1px }
.profileright { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }

.albumheader { color: #000000; cursor: default; font: bold 8pt arial; letter-spacing: 1px }
.songinfo { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }
.songinfoleft { color: #5577FF; cursor: default; font: 8pt arial; letter-spacing: 1px }
.songinforight { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }
.lyrics { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }
.lyrics:link { color: #cc3300; text-decoration: none; cursor: default; font: 8pt arial }
.lyrics:hover { color: #ffcc00; background-color: #ffff00; text-decoration: none; font: 8pt arial }
.lyrics:visited { color: #cc3300; text-decoration: none; cursor: default; font: 8pt arial }

.grazielvis { color: #000000; font: 8pt Arial, Verdana, Helvetica, sans-serif; letter-spacing: 1px }
.grazielvis:link { color: #cc0000; text-decoration: none; font: 8pt Arial, Verdana, Helvetica, sans-serif }
.grazielvis:hover { color: #0000cc; background-color: #ffcc00; text-decoration: none; font: 8pt Arial, Verdana, Helvetica, sans-serif }
.grazielvis:visited { color: #0000cc; text-decoration: none; font: 8pt Arial, Verdana, Helvetica, sans-serif }

.info { color: #000000; cursor: default; font: 8pt arial; letter-spacing: 1px }
.infoside { color: #5588FF; cursor: default; font: 8pt arial; letter-spacing: 1px }

/* td {font-size:12px;color:#000000;font-family:verdana;font-weight:normal;} */
a.menutitlebar:link {
 font-size:10px;
 color: #000099;
 font-family:verdana;
 text-decoration:none;
 font-weight:bold;
}
a.menutitlebar:hover {
 font-size:10px;
 color: #66ffff;
 font-family:verdana;
 text-decoration:none;
 font-weight:bold;
 background : #0033ff;
}
a.menutitlebar:visited {
 font-size:10px;
 color: #0000cc;
 font-family:verdana;
 text-decoration:none;
 font-weight:bold;
}


/* STOP HERE */

/*
MARGIN:
margin-top
margin-right
margin-bottom
margin-left
*/