/*--GENERAL----------------------------------------------------------------*/
body {
	background:url('images/interface/main-bg.gif') 0 0 repeat-x #A8A39D;
	color:#1A1917;
	margin:5px 0 0;
	padding:0;
	font:10pt Arial, Helvetica, sans-serif;
}
form {
	padding:0;
	margin:0;
}
ul {
	list-style-type:none;
}
ul li {
	background:url('images/interface/arrow.jpg') 0 4px no-repeat;
	padding:0 0 0 20px;
	line-height: 18px;
}
h1 {
	font:18pt Georgia, "Times New Roman", Times, serif;
	padding:22px 0 0 0;
	padding-bottom: 6px;
	background:url('images/interface/dotline.gif') 0 100% repeat-x;
	color:#9A0000;
}
h2 {
	font-size:11pt;
	color:#B3A7A0;
	font-weight:bold;
	padding:5px 0 0 0;
}
h3 {
	font-size:10pt;
	font-weight:bold;
}
a {
	color:#9A0000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/*--HEADER----------------------------------------------------------------*/
.top-left-div {
	float:left;
	padding-bottom: 10px;
	width: 600px;
}
.top-right-div {
	float: right;
	padding-bottom: 10px;
	width:190px;
}
.signin-box {
	text-align:center;
	background:url(images/interface/dotline.gif) 0 100% repeat-x;
	padding-bottom:4px;
	margin-bottom:0px;
}
.signin-box p {
	text-align:center;
	font-size:14px;
	font-weight: bold;
	margin: 0px;
	padding-bottom:4px;
	color:#9A0000;
}
.signin-box a {
	font-size:12px;
	line-height: 12px;
}
.signin-input {
	font-size:10px;
	border: 1px solid black;
	margin:0px;
	margin-right:3px;
	padding:0px;
	margin-bottom: 5px;
	width: 100px;
}
.signin-btn {
	font-size:10px;
	border: 1px solid black;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
	width: 57px;
}
.signin-what {
	font-size:12px;
	line-height:12px;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
}
.buy-album {
	text-align:center;
	background:url(images/interface/dotline.gif) 0 100% repeat-x;
	padding:7px 0px 9px 0px;
	margin:0px 0px 0px 0px;
}
.buy-album a {
	background:url(images/interface/buyAlbum.gif);
	background-repeat:no-repeat;
	width:170px;
	height:29px;
	display:block;
	padding-top:10px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	margin-right: 5px;
}
.buy-album a:hover {
	background:url(images/interface/buyAlbum-hover.gif);
	background-repeat:no-repeat;
}
.top-links {
	text-align:center;
	padding-top:8px;
	margin-bottom:0px;
}
.top-links img {
	border: 0px;
	padding: 0px 1px 0px 1px;
}
/*
| liquidcorners.css; feel free to adapt the style!
| ================================================
| use: 4 corners with borderline outside a contentbox with class="inside"; 
|      image  = upper half: top left corner, long borderline, top right corner
|               under half: bottom left corner, long borderline, bottom right corner
|      CHANGE = you have to change this for fitting to your image
|      YCC    = You Can Change (or omit), if wanted
|      DNC    = Do Not Change
| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
| adapted
| by.....: ... (Mike Hatheway)
|
| + please let this text & links intact for a next user +
*/

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('images/interface/corners1280x22.png'); /* CHANGE: path and name of your image */
	height: 11px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
.top-left, .bottom-left {
	margin-right: 11px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
	margin-left: 11px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -11px;  /* CHANGE: replace by the height of one of your corners */
}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left {
	background-position: 0 -11px;    /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
	background-position: 100% -11px; /* CHANGE: replace second number by negative height of one of your corners */
}
.inside {
	border-left: 10px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 10px solid #ffffff;/* YCC: color & properties of the right-borderline */
	background: #ffffff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 12px;             /* YCC: all texts at some distance of the left border */
	padding-right:12px;             /* YCC: all texts at some distance of the right border */
}
.inside-gfx {
	border-left: 10px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 10px solid #ffffff;/* YCC: color & properties of the right-borderline */
	background: #ffffff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
}
.inside-gfx img {
	border: 0px;
}
.shadow {
	background-image:url('images/interface/box-top-shadow.gif');
	background-repeat:repeat-x;
}
.notopgap {
	margin-top: 0;
}    /* DNC: to avoid splitting of the box */
.nobottomgap {
	margin-bottom: -1px;
	padding-bottom: 1px;
} /* DNC: to avoid splitting of the box */
.body-div {
	width:800px;
	position:relative;
	margin:0 auto;
	display:block;
}
.content {
	width: 640px;
	float:right;
	margin-bottom: 10px;
}
#bodybottom {
	margin:0 auto;
	clear:both;
}
/*--NAVIGATION----------------------------------------------------------------*/
.nav-div {
	clear:both;
	width:152px;
	float:left;
}
.nav-button {
	margin-bottom:10px;
}
.inside-nav1 {
	background-image:url('images/interface/nav1.jpg');
	background-repeat:no-repeat;
	width:132px;
	height:94px;
	border-left: 10px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 10px solid #ffffff;/* YCC: color & properties of the right-borderline */
}
.inside-nav1 a {
	text-decoration:none;
	display:block;
	width:132px;
	height:94px;
}
.inside-nav1 a:hover {
	background-image:url('images/interface/nav1-hover.jpg');
	background-repeat:no-repeat;
}
.inside-nav2 {
	background-image:url('images/interface/nav2.jpg');
	background-repeat:no-repeat;
	width:132px;
	height:94px;
	border-left: 10px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 10px solid #ffffff;/* YCC: color & properties of the right-borderline */
}
.inside-nav2 a {
	text-decoration:none;
	display:block;
	width:132px;
	height:94px;
}
.inside-nav2 a:hover {
	background-image:url('images/interface/nav2-hover.jpg');
	background-repeat:no-repeat;
}
.inside-nav3 {
	background-image:url('images/interface/nav3.jpg');
	background-repeat:no-repeat;
	width:132px;
	height:94px;
	border-left: 10px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 10px solid #ffffff;/* YCC: color & properties of the right-borderline */
}
.inside-nav3 a {
	text-decoration:none;
	display:block;
	width:132px;
	height:94px;
}
.inside-nav3 a:hover {
	background-image:url('images/interface/nav3-hover.jpg');
	background-repeat:no-repeat;
}
.inside-nav4 {
	background-image:url('images/interface/nav4.jpg');
	background-repeat:no-repeat;
	width:132px;
	height:94px;
	border-left: 10px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 10px solid #ffffff;/* YCC: color & properties of the right-borderline */
}
.inside-nav4 a {
	text-decoration:none;
	display:block;
	width:132px;
	height:94px;
}
.inside-nav4 a:hover {
	background-image:url('images/interface/nav4-hover.jpg');
	background-repeat:no-repeat;
}
.inside-nav5 {
	background-image:url('images/interface/nav5.jpg');
	background-repeat:no-repeat;
	width:132px;
	height:94px;
	border-left: 10px solid #ffffff; /* YCC: color & properties of the left-borderline */
	border-right: 10px solid #ffffff;/* YCC: color & properties of the right-borderline */
}
.inside-nav5 a {
	text-decoration:none;
	display:block;
	width:132px;
	height:94px;
}
.inside-nav5 a:hover {
	background-image:url('images/interface/nav5-hover.jpg');
	background-repeat:no-repeat;
}
/*--LINKS TABLE-----------------------------------------------------------------*/
.linksTable {
	border:0px;
}
.linksTableImage {
	vertical-align:top;
	padding:10px 10px 10px 0;
}
.linksTableImage img {
	border:0px;
}
.linksTableLink {
	vertical-align:middle;
	padding:10px 0 10px 0;
}
/*--SHOWS PANEL----------------------------------------------------------------*/
div.showDiv {
	float:right;
	margin:20px 0px 10px 7px;
	padding:3px;
	width:260px;
	height: 180px;
	overflow-y:scroll;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
h1.Shows {
	font:12pt Georgia, "Times New Roman", Times, serif;
	padding:0;
	margin: 0px;
	background:none;
	padding-bottom: 3px;
	color:#9A0000;
}
p.showTitle {
	font-size:11px;
	font-weight: bold;
	margin:0px;
}
p.showDesc {
	font-size:10px;
	margin:2px 0px 4px 0px;
	padding-bottom:4px;
	background:url(images/interface/dotline.gif) 0 100% repeat-x;
}
/*--FOOTER PANEL----------------------------------------------------------------*/
#footermain {
	clear:both;
	height:70px;
	background: url('images/interface/footerbg.gif') 0 0 repeat-x #000;
	color:#fff;
	margin:0px 0 0;
	padding:15px 0 10px 0px;
	font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}
#footer {
}
#footer p.copyright {
	color:#fff;
	font:11px/15px Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	text-align:center;
}
#footer p a {
	padding:0 0 0 0px;
	color:#fff;
	background:#181716;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}