@charset "utf-8";
/*
Theme Name: diatonmusic.com
Theme URI: www.diatonmusic.com
Description: 
Version: 1.0
Author: 
*/

html {
height:100%;

}

body {
font-family: Verdana, sans-serif;
font-size: 11px;
height:100%;
margin: 0;
padding: 97px 0 0 0;
background-image:url(http://www.diatonmusic.com/fileadmin/templates/img/bkg-all.gif);
background-repeat:repeat-x;
background-color: #141414;
}

#container {
width: 846px;
\width: 866px;
w\idth: 846px;
height: 626px;
margin-left: auto;
margin-right: auto;
background-image:url(http://www.diatonmusic.com/fileadmin/templates/img/bkg-all-flash.jpg);
background-repeat:no-repeat;
padding:4px 0 0 0;
color:#fff;
}

.logo-diaton {
z-index:100;
position:absolute;
width: 202px;
height: 82px;
margin: -40px auto 0 320px;
}

html>body .logo-diaton{
background-image:url(http://www.diatonmusic.com/fileadmin/templates/img/logo-diaton.png);
background-repeat:no-repeat;
}

* html .logo-diaton{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale src='http://www.diatonmusic.com/fileadmin/templates/img/logo-diaton.png');
}

*+html .logo-diaton{
}

#wrapper {
width:100%;
float:left;
}

#wrapper.sidebar {
height:561px;
}

#wrapper.navigation {
height:60px;
}

#flash {
width:590px;
margin:50px auto 0 auto ;
}

#sidebar-a {
float:left;
width:100%;
height:458px;
margin:0 0 30px 0;
}

#sidebar-a {
margin:50px 0 0 0 ;
}

#navigation {
text-align:center;
padding:50px 0 50px 0;
clear:left;
height:20px;
}

ul#navi {
margin:0;
padding:0;
}

ul#navi li {
list-style:none;
float:left;
padding:0 10px 0 10px;
border-right:solid 2px #FF1E25;
}

ul#navi p {
padding:0;
margin:0;
}

ul#navi a {
display:block;
height:19px;
color:#958e69;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
}

*+html ul#navi a {
font-size:15px;
}


ul#navi a:hover {
color:#ffffff;
}

/*div#article p.info:first-letter*/

#navi p.fl:first-letter {
color:#958e69;
}

#navi li a:hover > p.fl:first-letter {
color:#FF1E25 !important;
}

.active p.fl:first-letter {
color:#FF1E25 !important;
}

.active a {
color:#fff !important;
}

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
}

#footer {
clear: both;
font-size:12px;
color:#676767;
text-align:center;
padding:10px 0 10px 0;
}

#footer a{
color:#ffffff;
}

p.bodytext {
margin:0;
padding:0;
}

.cl,
.cr {
clear:left;
clear:right;
}