@charset "utf-8";
/* CSS Document */

body {
   margin:0px;
   background:url(../img/cont/bg.jpg) repeat-x #999999 fixed;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   height:100%;
   color:#FFFFFF;
}
html {
   height:100%
}
a {
   -moz-outline:none;
}
img, div { behavior: url(includes/iepngfix.htc) }
#container {
   height:100%;
}

/* index */
.i-title {
   color:#FCFAED;
   font-size:20px;
}
.i-text {
   color:#FCFAED;
   font-size:14px;
}

/* header */
#header {
   background:url(../img/head/queen_unplugged_header.png) no-repeat top;
   height:305px;
   text-align:center;
   font-weight:normal;
}
#header a {
   text-decoration:none;
   color:#FFFFFF;
   font-weight:bold;
}
#header a:hover {
   text-decoration:none;
   color:#000000;
}
#h_toprow {
   padding:2px 20px 0px 30px;
   height:24px;
}
#h_toprow a:hover {
   color:#CC0000;
}
.newstext {
   background:url(../img/head/news_bg.jpg) no-repeat;
   width:162px;
}
.newsfield {
   height:18px;
   width:154px;
   border:0px;
   font-size:11px;
   background:none;
}
#h_downrow {
   margin:0px 32px 0px 32px;
   background:url(../img/head/shadow.png) repeat-x top;
}
.button {
   background:url(../img/head/but_bg.png) no-repeat left top;
   padding-left:5px;
   text-align:center;
}
.spacer {
   background:url(../img/head/but_right.png) no-repeat top left;
   width:10px;
   margin-right:5px;
}

/* content */
.earup {
   background:url(../img/cont/ear_bg.png) no-repeat top;
   vertical-align:bottom;
   height:18px;
   width:120px;
   margin-left:10px;
   text-align:center;
   font-weight:bold;
   padding-top:4px;
}
.eardown {
   background:url(../img/cont/downear_bg.png) no-repeat top;
   height:18px;
   width:80px;
   margin-right:10px;
   text-align:center;
   font-weight:bold;
   padding-top:2px;
   float:right;
   font-size:10px;
}
.eardown a {
   color:#FFFFFF;
   text-decoration:none;
}
.eardown a:hover {
   color:#000000;
}
.greybox {
   background:url(../img/cont/box_bg.jpg) no-repeat left bottom #FCFAED;
   border:1px solid #FFFFFF;
   color:#000000;
   text-align:justify;
   font-size:10px;
}
.greybox a {
   font-style:italic;
   color:#000000;
}
.greybox a:hover {
   color:#CC0000;
}
.greybox2 {
   width:770px;
   left:50%;
   margin-left:-385px;
   margin-bottom:20px;
   position:relative;
   background:url(../img/cont/box_bg.jpg) no-repeat left bottom #FCFAED;
   border:1px solid #FFFFFF;
   color:#000000;
   text-align:justify;
   font-size:11px;
}
.greybox2 a {
   font-style:italic;
   color:#000000;
}
.greybox2 a:hover {
   color:#CC0000;
}
.text {
   width:776px;
   left:50%;
   margin-left:-388px;
   position:relative;
   text-align:justify;
}
.more {
   text-align:right;
   font-weight:bold;
   font-style:italic;
}
.more a {
   color:#FFFFFF;
}
.more a:hover {
   color:#000000;
}
.title {
   width:776px;
   left:50%;
   margin-left:-388px;
   position:relative;
   text-align:center;
   font-size:18px;
}
.nothing {
   width:776px;
   left:50%;
   margin-left:-388px;
   position:relative;
   text-align:center;
   font-size:14px;
   color:#CCCCCC;
}
.error {
   padding:5px;
   text-align:center;
   height:30px
}
.imageborder {
   border:1px dotted #CC0000;
   padding:1px;
}
.imageselected {
   border:1px solid #000000;
   padding:1px;
}

/* footer */
#footer {
   width:800px;
   height:30px;
   position:relative;
   margin-left: auto;
   margin-right: auto;
}
.footer {
   background:url(../img/foot/bg.png) repeat-x top;
   color:#FFFFFF;
   font-size:10px;
   text-align:center;
}
.footer a {
   color:#FFFFFF;
   text-decoration:none;
}
.footer a:hover {
   color:#CC0000;
   text-decoration:none;
}