/*
 * swell.css
 *
 */

img.bullet {
	width:			7px;
	height:			10px;
}

body {
	font-family:		serif;
	text-align:		center;

	background:		#fff0e0;
	color:			#000000;

	scrollbar-face-color:		#f8e8d8; 
	scrollbar-shadow-color:		#e0d0c0;
	scrollbar-highlight-color:	#ffffff;
	scrollbar-3dlight-color:	#c0b0a0; 
	scrollbar-darkshadow-color:	#806850; 
	scrollbar-track-color:		#fff8f0; 
	scrollbar-arrow-color:		#a08860;
}

body.hdr {
	background:		url("banner.jpg");
}

.header {
	color:			#990000;
	font-size:		x-large;
	font-weight:		normal;
	line-height:		1.2;
}

body.page {
	margin:			0px 10px 10px 10px;
}

.left {
	text-align:		left;
}

.right {
	text-align:		right;
}

.justify {
	text-align:		justify;
}

.center {
	text-align:		center;
}

.top {
	vertical-align:		top;
}

.bottom {
	vertical-align:		bottom;
}

.middle {
	vertical-align:		middle;
}

.noframe {
	font-family:		sans-serif;
	text-align:		center;
}

.error {
	text-align:		center;
	font-family:		sans-serif;
	font-size:		smaller;
	font-weight:		bold;
	color:			#cc0000;
}

p {
	text-align:		justify;
}

p.block {
	text-align:		left;
	width:			95%;
}

h1 {
	color:			#990000;
	font-size:		x-large;
	font-weight:		normal;
	line-height:		1;
}

h2 {
	color:			#660000;
	font-size:		large;
	font-weight:		normal;
	line-height:		1;
}

h3 {
	color:			#660000;
	font-size:		medium;
	font-weight:		bold;
	line-height:		1;
}

a {
	text-decoration:	none;
	font-weight:		bold;
	color:			#000066;
	background:		none;
}

a.email {
	color:			#0000cc;
}

a:hover {
	color:			#660000;
}
a:active {
	color:			#990000;
}

img {
	border-width:		0;
}

img.home {
	width:			31px;
	height:			12px;
}

img.home_hdr {
	width:			64px;
	height:			12px;
}

.en {
	color:			#996600;
	font-size:		smaller;
}

table.postit {
	font-family:		sans-serif;
	font-size:		smaller;
	color:			#660000;
	background:		#ffffdd;
	border:			1 solid #cccc99;
	margin:			0px 130px 0px 130px;
}

table.postit th {
	font-weight:		bold;
	text-align:		left;
	color:			#996600;
	background:		#eecc00;
}

/*
 * styles for "Swell": bandname, people, disc and song
 */

span.swell {
	font-weight:		bold;
	font-style:		normal;
	color:			#553300;
}

span.people {
	font-family:		sans-serif;
	font-weight:		bold;
	font-style:		normal;
	font-size:		smaller;
	color:			#553300;
}

span.opus {
	font-family:		sans-serif;
	font-weight:		bold;
	font-style:		normal;
	font-size:		smaller;
	color:			#660000;
}

span.song {
	font-family:		sans-serif;
	font-weight:		bold;
	font-style:		italic;
	font-size:		smaller;
	color:			#660000;
}

/*
 * style for other bands: name, disc, song
 */

span.band {
	font-family:		sans-serif;
	font-weight:		bold;
	font-style:		normal;
	font-size:		smaller;
	color:			#003355;
}

span.disc {
	font-family:		sans-serif;
	font-weight:		bold;
	font-style:		italic;
	font-size:		smaller;
	color:			#003355;
}

span.track {
	font-family:		sans-serif;
	font-weight:		bold;
	font-style:		italic;
	font-size:		smaller;
	color:			#003366;
}

/*
 * style for labels
 */

span.label {
	font-weight:		bold;
}

span.ref {
	font-weight:		bold;
	font-style:		italic;
}

/*
 * misc styles
 */

span.someone {
	font-family:		sans-serif;
	font-weight:		bold;
	font-size:		smaller;
	color:			#551133;
}

span.something {
	font-family:		sans-serif;
	font-weight:		bold;
	font-style:		italic;
	font-size:		smaller;
	color:			#551133;
}

/*
 * images
 */

img.on_right {
	margin:			2px 0px 0px 10px;
}

img.on_left {
	margin:			2px 10px 0px 0px;
}

img.flag {
	width:		12px;
	height:		9px;
}

/*
 * swell styles in intro
 */

.intro {
	font-family:		sans-serif;
	font-weight:		bold;
	color:			#666666;
}

.intro_swell {
	color:			#553300;
}

.intro_people {
	color:			#553300;
}

.intro_opus {
	color:			#660000;
}

.intro_band {
	color:			#003355;
}

.credits {
	font-family:		sans-serif;
	font-size:		x-small;
	font-weight:		bold;
	color:			#666666;
}

/*
 * forms
 */

table.form {
	text-align:	center;
	width:		480px;
	border-style:	solid;
	border-color:	#b0a090;
	border-width:	1px;
	padding:	0px;
	margin-width:	0px;
	background:	#f8f8e8;
}

th.form {
	padding:	1px;
	text-align:	center;
	font-size:	smaller;
	font-family:	sans-serif;
	background:	#c0b0a0;
	color:		black;
}

input.button {
	font-family:	sans-serif;
	font-weight:	bold;
	color:		#605040;
	background:	#e8e0d0;
}

input.readonly {
	background:	#f0e8d8;
	border-width:	1px;
}