/* $Id: wegart.css 18 2009-01-05 19:58:01Z ronnie $ */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background-color: black;
	background-image: url("gfx/bg.jpg");
	background-repeat: no-repeat;
	font-family: verdana, helveticaCE, arialCE, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color:  #fdfbcb;
}

/* main divs (top, bottom,left, right) */
#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
}
#bottom {
	position: absolute;
	top: 150px;
	width: 100%;
	min-width: 700px;
	border-top-width: 1px;
}
#left_outer {
	position: absolute;
	width: 63%;
}
#right_outer {
	position: absolute;
	/*left: 63%;*/
	right: 0;
	width: 37%;
	/*border-top-width: 1px;*/
}

/* left/right content inner margins */
#left_inner { margin: 32px 16px }
#right_inner { margin: 0 16px 32px 0; width: auto }

/* top part - intro link & menu */
#intro_link {
	position: absolute;
	top: 39px;
	left: 81px;
	/*width: 145px;
	height: 62px;*/
	border: 0;
}
#menu {
	position: absolute;
	top: 127px;
	white-space: nowrap;
}
#player {
	position: absolute;
	top: 127px;
	right: 16px;
}

/* vertical separator */
#vert_sep_outer {
	position: absolute;
	top: 0;
	left: 0;
	width: 63%;
	height: 100%;
	overflow: hidden; /* cut off the 150 pixels sep_inner pushed down by :before */
	min-width: 441px;
}
#vert_sep_outer:before { height: 150px; display: block; content: " "; }
#vert_sep_inner {
	height: 100%;
	border-right-width: 1px;
}

/* mailinglist form */
#mailinglist {
	text-align: center;
	width: 100%;
}

/* bordered elements */
.bordered,
.menubtn,
.menubtn_left {
	border-color: #B67438;
	border-style: solid;
	border-width: 0;  /* elements must manually specify border widths */
}
.menubtn,
.menubtn_left {
	border-width: 1px 1px 0 0
}
.menubtn_left {
	/* leftmost menu buttons (novinky & kosik) */
	border-left-width: 1px;
	margin-left: 16px;
}

/* images - remove border */
img { border: 0 }

/* anchors */
a {
	font-weight: bold;
	color: #FFDB89;
	text-decoration: none;
}
a:hover {
	color: #fdde5f;
	text-decoration: none;
}

/* font for captions */
.caption {
	font-weight: bold;
	font-size: 170%;
	color: #eba162;
}

/* cover images */
.cover {
	float: left;
	margin: 0 8px 8px 0;
}

/* other floating images */
img.left {
	float: left;
	margin: 4px 4px 4px 0;
}
img.right {
	float: right;
	margin: 4px 0 4px 4px;
}

/* tracklist paragraphs (position them under the cover image) */
.tracklist { clear: left }

/* font for delimiter ('|') */
.delimiter { color: #B67438 }

/* tables */
table { border-collapse: collapse }

/* skin input widgets */
input[type="text"], input[type="submit"], button {
	border: #6b3300 1px solid;
	background: black;
	color: #FFDB89;
}
input[type="submit"], button { font-weight: bold; border-width: 2px }

/* wo converts <center>,<big[gg]>,<small> into these: */
.centered { text-align: center; width: 100% }
.big { font-size: 130% }
.bigg { font-size: 170% }
.biggg { font-size: 220% }
.small { font-size: 80% }
.smalll { font-size: 60% }