@import "clear.css";

html { min-height:100%; overflow:auto }

em { font-style:italic }

body#b-album-page {
	background:#000 url(../images/background-album.jpg) no-repeat right top;
	font-family:Georgia, serif;
	font-size:12px
}

body#b-bio-page {
	background:#000 url(../images/background-violin2.jpg) no-repeat right top;
	font-family:Georgia, serif;
	font-size:12px
}

body#b-ferenz-page {
	background:#000 url(../images/background.jpg) no-repeat right top;
	font-family:Georgia, serif;
	font-size:12px
}

body#b-green-page {
	background:#000 url(../images/background-violingreen.jpg) no-repeat right top;
	font-family:Georgia, serif;
	font-size:12px
}

body#b-black-page {
	background:#000 url(../images/background-violinblack.jpg) no-repeat right top;
	font-family:Georgia, serif;
	font-size:12px
}

body#b-listen-page {
	background:#000 url(../images/background-listen.jpg) no-repeat right top;
	font-family:Georgia, serif;
	font-size:12px
}

body#b-home {
	background:#130f0d url(/static/img/bg_body_home.jpg) no-repeat right bottom;
	font-family:Georgia, serif;
	font-size:12px
}

body#b-music-page {
	background:#000 url(../images/background-music.jpg) no-repeat right top;
	font-family:Georgia, serif;
	font-size:12px
}

#home-audio {height: 200px;}

h1.signet a {
	display:block;
	width:500px;
	height:100px;
	text-indent:-999em;
	background: url(../images/title.png) no-repeat;
	overflow:hidden;
	margin:26px 0 0 32px;
}

h1.signet a:hover {
	text-decoration: none;
	border: none;
	
}

h1.signet a:active {
	text-decoration: none;
	border: none;
	
}

ul#navigation { margin:15px 0 14px 28px }

ul#navigation li {
	display:inline;
	background:url(../images/bg_navigation.png) no-repeat 0 center;
	padding:0 0 0 7px;
	margin:0 2px 0 0;
}
ul#navigation li.first {
	padding:0;
	background:0
}
ul#navigation li a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:3px 4px 2px 5px;
	font-size:0.9em;
}
ul#navigation li a:hover,
body#b-home ul#navigation li.first a,
ul#navigation li.current_page_item a { background:#5f2525 url(../images/bg_nav.gif) repeat-x left bottom; color:#fff }

div#page {
	width:689px;
	background:#fff url(../images/bg_content.jpg);
	margin: 12px 0 0 12px;
	border:3px solid #fff;
	padding-top:4px;
}

div.content {
	width:600px;
	float:left;
	margin:17px 0 0 14px;
	
}

div.content-listen {
	width:400px;
	float:left;
	margin:17px 0 0 14px;
	
}

div.content-slideshow {
	width:400px;
	float:left;
	margin:17px 0 0 14px;
	
}

div.content img {
	float:left;
	border:6px solid #fff;
	margin:5px 20px 0px 0;
}

#demo img {
	border:none;
	
}

h2 {
	font-size:1.5em;
	color:#222;
	line-height:1.2em;
	font-weight:normal;
	margin:16px 14px 0 15px; 
	border-bottom:1px solid #aaa;
	padding-bottom:4px
}

h3 {
	font-size:2.5em;
	color:#7e0000;
	line-height:1.2em;
	font-weight:normal;
	margin:0 0 24px 0;
	padding-top:16px;
	padding-bottom:6px;
	border-bottom:4px solid #d9d4cd
}

h3 span {
	display:block;
	font-size:0.4em;
	line-height:1.2em;
	padding:0 0 0 1px;
	text-transform:uppercase;
	color:#6e604e;
	font-weight:bold;
}

h4 {
	font-size:1.5em;
	color:#7e0000;
	line-height:1.2em;
	margin:0 0 24px 0;
	padding-top:0px
}

p {
	line-height:1.6em;
	margin:0 0 12px 0;
	font-size:1em;
	color:#222;
	font-family:Arial, sans-serif;
	text-align: justify;
}

p strong {
	color:#222
}

a, a strong {
	color:#7e0000;
	text-decoration:none
}

a:hover, a:hover strong {
	color:#b54848;
}

div.content a {
	text-decoration:underline
}

a.top {
	margin:-16px 0 0 0 !important;
	display:block;
	width:12px;
	border:1px solid #bbb;
	color:#bbb;
	padding:0 2px 0 4px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none !important;
	font-size:0.8em
}

a.top:hover {
	border:1px solid #7e0000;
	color:#7e0000;
}

body#b-page div#footer {
	background:#000;
	
}

#footer {
	width:653px;
	padding:10px 16px 14px 35px;
	clear: both;
}

div#footer p {
	color:#544a45;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
}

div#footer p a { color:#6c5e57; text-decoration:none; border-bottom:1px dotted #6c5e57}

p.bio { 

	
	width: 600px;
	text-align: justify;
	
}

.album { 


	height: 250px;
	
}


Margin

div.marginal small {
	text-transform:none;
	letter-spacing:0;
	color:#ddc2c2;
	font-weight:normal;
	font-family:Arial, sans-serif;
}

div.marginal small a {
	color:#ddc2c2;
}

div.marginal small a:hover {
	color:#fff
}

div.marginal  {
	width:220px;
	float:right;

	margin:24px 13px 20px 0;
}

div.marginal h5 {
	background:#b54848 url(/static/img/bg_marginal.jpg);
	xbackground:#b54848;
	margin:0 0 0 0;
	padding:12px 12px 10px 54px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	position:relative
}

div.marginal h5 span {
	position:absolute;
	right:12px;
	bottom:10px
}
div.marginal h5 span a {
	display:block;
	width:12px;
	height:12px;
	background:url(/static/img/icon_rss.jpg);
	text-indent:-999em;
}

div.marginal div.info {
	background:#e1cac6 url(/static/img/bg_marginal.jpg);
	padding:6px 0 12px 54px;
	border-right:1px solid #cab7b3;
	margin:0 0 32px 0;
	font-family:Arial, sans-serif;
	font-size:0.9em;
	line-height:1.2em
}

div.marginal ul {
	background:#e1cac6 url(/static/img/bg_marginal.jpg);
	padding:6px 0 6px 0;
	border-right:1px solid #cab7b3;
}

div.marginal ul li {
	padding:9px 0 7px 54px;
	font-family:Arial, sans-serif;
	font-size:0.9em;
	background:url(/static/img/bullet2.gif) no-repeat 20px 12px;
	line-height:1.2em;
	xborder-bottom:1px dotted #561b1b;
}

div.marginal ul li a {
	color:#3d1212
}

div.marginal ul li a strong {
	color:#000
}

div.marginal ul li a:hover, div.marginal ul li a:hover strong {
	color:#b54848;
}

div.marginal table {
	background:#e1cac6 url(/static/img/bg_marginal.jpg);
	margin:0 0 32px 0;
}

div.marginal table tbody {
	border-right:1px solid #cab7b3;
}




/* Contact Form
----------------------------------------------- */
			
#wrapper {
	position: absolute;
	top: 150px;
	left: -60px;
	width:600px;
	margin:auto;
}
#alert {
	
	margin-left: 100px;
	
}

.message {color:#000;display:none;width:480px;padding:0px;}
.contact {text-align:left; margin-left: 0px; margin-top: 30px;}
.contact ul {list-style-type:none;width:auto;}
.contact li { list-style-type:none; font-family: font-family: palatino, georgia, times new roman, serif; font-size: 12px; margin-bottom: 10px;}
.contact li.special { display: none;}
.contact input {width:258px;}
.contact input.button {width:60px; background-color: #000; margin-left: 0px; color: #fff; font-size: 12px;}
.contact textarea {width:260px;}