/*
opacity: 0.5;
filter: alpha(opacity=50);

#93B6C6
#AFC9D5
*/


body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: url(http://www.johnmario.it/images/bg.jpg) repeat;
}

#bottomleft {
float: left;
margin: 0 auto;
padding: 0;
width: 236px;
height: 165px;
background: url(http://www.johnmario.it/images/_bottom_left.gif) no-repeat;
}

#bottomright {
background: #AFC9D5;
float: right;
margin: 0 auto;
padding: 0;
width: 564px;
height: 165px;
/* Ugly (but only?) solution for the IE padding bug... */
padding: 0 !important;
padding: 95px 30px 0 0;
background: url(http://www.johnmario.it/images/_bottom_right.jpg) no-repeat;
text-align: right;
}

#bottomright img {
/* Ugly (but only?) solution for the IE padding bug... */
padding: 95px 30px 0 0 !important;
border: 0;
}

#top {
margin: 0 auto;
padding: 0;
height: 141px;
width: 800px;
background: url(http://www.johnmario.it/images/_top.gif) no-repeat;
}

#test3 {
margin: 0 auto;
padding: 0;
height: 165px;
width: 800px;
}

#test2 {
margin: 0 auto;
padding: 0;
height: 190px;
width: 800px;
background: url(http://www.johnmario.it/images/_middle.gif) no-repeat;
}

#test {
margin: 0 auto;
padding: 0;
height: 190px;
width: 100%;
background: url(http://www.johnmario.it/images/bg_logo.jpg) repeat-x;
}

#wrap {
margin: 0 auto;
width: 800px;
}

#wrapleft {
clear: left;
float: left;
margin: 0;
padding: 0;
width: 101px;
}

#wrapright {
clear: right;
float: right;
margin: 0;
padding: 0;
width: 699px;
background: #93B6C6 url(http://www.johnmario.it/images/menu_bg.gif) repeat-y;
}

#menu {
background: #93B6C6;
clear: left;
float: left;
width: 156px;
margin: 0;
padding: 0;
font-size: 0.9em;
background: url(http://www.johnmario.it/menu_bg2.gif) repeat-y;
}

#maincontent {
clear: right;
float: right;
width: 543px;
margin: 0;
padding: 0 0 0 0;
background: #AFC9D5 url(http://www.johnmario.it/images/main_bg.gif) repeat-y;
}

#fish {
margin: 0;
padding: 0;
height: 40px;
background: url(http://www.johnmario.it/images/fish_top.gif) no-repeat;
}

body > #menu {
position:fixed;
}

#menu ul {	
list-style: none;
width: 155px;
margin: 0 0 20px 1px;
padding: 0;
font-size: 1.1em;
}	

#menu li {
margin-bottom: 1px;
text-align: right;
}

#menu li a {
font-weight: bold;
height: 24px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 10px 0 0 ;
background: #AFCAD5;
border-right: 4px solid #6899B0;
}	
	
#menu li a:hover {
color: #000000;
background: #BFDAE5;
/*border-right: 4px solid #D83C16;*/
border-right: 4px solid #6899B0;
}

#content_discography {
font-size: 1.1em;
margin: 0 0 0 0;
padding: 0 30px 0 15px;
line-height: 1.6em;
}

#content {
font-size: 1.1em;
margin: 0 0 0 0;
padding: 0 30px 0 15px;
line-height: 1.6em;
}

#content p {
text-align: justify;
margin: 0 0 15px 0;
}

/* ===========
#content p:first-letter 
{
color: #333333;
padding: 0 0 0 20px;
}
*/

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content img {
padding: 4px;
display:inline;
background: #ffffff;
border: 4px solid #333333;
}

#content a img:hover {
border: 4px solid #000000;
}


h3 {
font-size: 1.2em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 0;
width: 100%;
}

#footer_left {
clear: left;
float: left;
margin: 0 auto;
padding: 0;
width: 101px;
}

#footer_right {
clear: right;
float: right;
margin: 0;
padding: 10px 0 20px 0;
width: 699px;
text-align: center;
font-size: 0.9em;
color: #ffffff;
background: url(http://www.johnmario.it/images/fish_bottom.gif) no-repeat;
}

#footer_right p {
margin: 0;
padding: 0;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 0px 0 0px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
} 

.rssThumbFloat {
  float: left;
  padding: 3px;
  text-align: center;
  font-size: .85em;
}
