/* CSS Document */

* {
margin:0;
padding:0;
outline:none;
}

body {
background: #000000;
font:70% Verdana;
color:#ACACB0;
}

a {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#header {
height:180px;
display:block;
background:url(../images/KLATPStg2.gif) top center no-repeat;
margin: 15px 0 0 0;
}

h1.main_title {
font:170% Century Gothic;
color:#fff;
font-weight:bold;
margin:0px auto 0 0;
text-align:center;
}

h1.main_title a {
color:#fff;
text-decoration:none;
}
#KLSplash {
background:url(../images/KLSplashWide.gif) top center no-repeat;
background-size:900px 800px;
display:block;
width:1200px;
height:800px;
overflow:hidden;
margin:0 auto;
white-space:nowrap;
padding:5px;
text-indent:-9999px;
behavior: url(PIE.htc);
}
#KLSplash2 {
background-image:url(../KL/images/KLSplashWide.jpg) top center no-repeat;
display:block;
width:1460px;
height:960px;
margin:0 auto;
padding:5px;
background-size: 900px 800px
}
#containerBG {
background:url(../images/KenLevyTransparent.gif) top center no-repeat;
width:1460px;
height:960px;
margin:0 auto;
padding:0px auto;
opacity: 0.2; /*initial opacity of images*/
}
#containerBG2 {
background:url(../images/../images/KLAlbums.gif) top center no-repeat;
width:1460px;
height:960px;
margin:0 auto;
padding:0px;
opacity: 0.2; /*initial opacity of images*/
}
#containerBG3 {
background:url(../images/../images/KLGeetars.gif) top center no-repeat;
width:1460px;
height:960px;
margin:0 auto;
padding:0px;
opacity: 0.1; /*initial opacity of images*/
}

#container {
width:780px;
height:auto;
margin:0 auto;
padding:5px;
position: relative;
top: -900px;
font-size:120%;
}

#container2 {
background:url(../images/KLSplashWide.gif) top center no-repeat;
width:740px;
height:auto;
margin:0 auto;
padding:5px;
top: -900px;
opacity: 0.1; /*initial opacity of images*/
}

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
left:500px;
background-size:100px 100px;
width:100px;
height:100px;
}

.hovergallery img:hover{
-webkit-transform:scale(0.9); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1.0;
left:500px;
background-size:300px 300px;
width:300px;
height:300px;
}
.hovergallery2 img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.9; /*initial opacity of images*/
position:relative;
display: block;
margin-left: auto;
margin-right: 0;
width:300px;
height:260px;
behavior: url(PIE.htc);
}

.hovergallery2 img:hover{
-webkit-transform:scale(0.9); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
box-shadow:0px 0px 0px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1.0;
position:relative;
display: block;
margin-left: auto;
margin-right: auto;
width:300px;
height:260px;
behavior: url(PIE.htc);
}

#HCB_comment_box .text-blur {
  color:red;
}
#HCB_comment_box .text-focus {
  color:darkred;
}

#navigation {
width:760px;
padding:0px 0px 20px 0px;
margin:0px auto 1px 50px;
font:100% Trebuchet MS;
letter-spacing:1px;
}

#nav li {
list-style:none;
display:inline;
margin-right:0px;
}

#nav a {
padding:12px;
//color:#FFFFFF;
text-decoration:none;
margin-right:0px;
}

#nav a:hover {
font-weight:bold;
}

#nav a.active {
//background:url(../images/nav_link_active.jpg) top repeat-x;
font-weight:bold;
color: red;
//opacity: 0.6;
}



#sidebar {
width:300px;
padding:10px;
float:right;
color:#bdbdc1;
}

#container #sidebar h2 {
font-size:90%;
margin:10px 0;
}

#container #sidebar p {
text-indent:0;
font-size:90%;
line-height:17px;
}

#content {
margin-right:240px;

}

#content2 {
margin-right:140px;

}
table.center {
    margin-left:auto; 
    margin-right:auto;
}
p {
margin:10px 0;
padding:5px;
line-height:20px;
text-indent:25px;
}

p.note {
padding:20px;
background:#2D2D44;
color:#fff;
}

#container h1 {
font:170% Arial;
color:#fff;
margin:5px 0 20px;
text-align:center;
}

#container2 h1 {
font:170% Arial;
color:#fff;
margin:15px 0;
}

#container h2 {
font:110% Verdana;
color:#fff;
margin:25px 0 15px;
}
#container h3 {
font:100% Verdana;
color:#fff;
font-weight:bold;
margin:5px 0 15px;
}

#discography
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#discography td, #discography th 
{
font-size:1em;
border:1px solid #888888;
padding:3px 7px 2px 7px;
}
#discography th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#404040;
color:#ffffff;
}
#discography tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

tr:hover{
background: #282828;
}


span {
font:75% Georgia;
}

#container ul {
margin:10px 15px;
list-style-position:inside;
}

#container ul li {
margin:10px 0;
list-style-position:inside;
}

#ul {
list-style-position:outside;
margin:10px 15px;
}

#container img {
background:#070713;
padding:5px;
}

#footer {
width:760px;
//background:#151521;
padding:10px;
margin:10px auto;
clear:both;
position: relative;
font-size:50%;
//top:550px;
}

#content table {
width:500px;
background:#1E1E2D;
margin:25px 0px 0 0;

}

td {
padding:8px;
text-align:center;
font:100% Georgia;
}

th {
color:#fff;
padding:10px;
}

#footer p {
text-indent:0;
}

#footer p.validate {
float:right;
}