/*
-----------------------------------------------
Bohuslav Rattay - CSS Styles
Author:   Karol Golka
Company:  http://www.webstruments.com
Version:  02 June 2005
----------------------------------------------- */


/* generics
---------------------------------- */	
body {
	background: #FB9600 url(../images/bkgnd.gif) repeat-x 0% 0%;
	margin: 20px auto 50px;
	padding: 0;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 1.5em;	
	}
div { margin: 0; padding: 0; }
img { display: block; border: none; }
p { padding: 0; margin: 0 0 1.5em 0; }
h1, h2 {
	font-size: 135%;			
	font-weight: normal;
	margin: 0;
	padding: 0 0 .7em;
	}
h2 { 
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin-bottom: .8em;
	font-family: "Trebuchet MS";
	background: url(../images/br-h2title.gif) no-repeat 0% 40%;
	padding-left: 110px;
	}
h2 strong {	
	letter-spacing: -1px;	
	}
.updated {
	color: #666;
	font-size: 78%;
	padding: 0;
	margin-top: -15px;	
	margin-bottom: 1em;
	}
.biography {
	margin: 0;
	padding: 0;
	text-align: justify;
	}


/* color schemes (type face)
---------------------------------- */	
body {
	color: #333333; /* dark gray */
	}

h1, h2, dl.generic dd span, dl.generic dt a:hover, dl.generic dt,
dl.generic dd span a.read-more:hover, 
dl.generic dd span a.date-posted:hover, 			
blockquote p span,
#copyright, b, .repertoire dt,
#nav li a  {
	color: #822805; /* dark red 1 */
	}
h2 strong,
dl.generic dt a,
dl.generic dd span a.read-more, 
dl.generic dd span a.date-posted,
dl.generic dd span b  {
	color: #FF7700; /* orange */
	}

/* color schemes (link bottom borders)
---------------------------------- */
dl.generic dt a, dl.generic dt, h2 	{
	border-bottom-color: #822805;
	}
dl.generic dt a:hover, dl.generic dt{
	border-bottom-color: #FF7700;
	}
			
/* links (LoVe-HAte)
---------------------------------- */	
a:link {
	color: #822805;
	border-bottom: 1px dotted #FF7700;
	font-weight: bold;
	text-decoration: none;	
	}
a:visited {
	color: #822805;
	border-bottom: 1px dotted #FF7700;
	font-weight: bold;
	text-decoration: none;	
	}
a:hover {
	color: #FF7700;
	border-bottom: 1px dotted #822805;
	text-decoration: none;
	font-weight: bold;	
	}
a:active {
	color: #FF7700;
	border-bottom: 1px dotted #822805;
	font-weight: bold;
	text-decoration: none;	
	}
/* layout
---------------------------------- */	
#container, #header, #c1, #footer { width: 765px; }
#container {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}	
#header {
	background: url(../images/rattay-header.gif) no-repeat 0% 0%;
	height: 113px;
	}
#nav {
	list-style: none;
	padding: 0 0 0 40px;
	margin: 0;
	text-align: left;
	}
#nav li {
	float: left;
	padding-right: 20px;
	}		
#nav li a {
	display: block;			
	line-height: 50px;
	vertical-align: bottom;
	border: none;
	font-size: 90%;
	font-weight: normal;
	text-transform: lowercase;		
	}
#nav li a:hover {
	color: #481502;
	background: url(../images/icon-nav.gif) no-repeat top center;
	text-decoration: underline;
	}
#nav li a#current {
	font-weight: bold;
	color: #481502;
	background: url(../images/icon-currentnav.gif) no-repeat top center;
	}			
/* content
---------------------------------- */	
#c1 {
	background: url(../images/rattay-filler.gif) repeat-y 0% 0%;
	height: 386px;
	position: relative;
	margin: 0;
	padding: 0;			
	}
#c2 {
	float: right;
	width: 450px;
	text-align: left;
	}
#c3 {	
	padding-right: 30px;
	padding-top: 25px;	
	}
#c4 {
	overflow: auto;
	height: 360px;
	margin: 0;
	padding: 0 17px 0 0;
	}

/* review
---------------------------------- */
div.review {	
	margin: 0 0 30px 0;
	padding: 0;
	background: url(../images/icon-quotetop.gif) no-repeat 2% 2%
	}
.quote {
	margin: 0;
	padding: 18px 33px 0 40px;
	background: url(../images/icon-quotebottom.gif) no-repeat 100% 100%;
	text-align: justify;	
	}
.author {
	text-align: right;
	font-size: 90%;
	letter-spacing: -1px;
	margin: 0;
	color: #822805;
	padding: 15px 35px 0 0;
	}


/* definition list (generic)
---------------------------------- */		
dl.generic {
	margin: 0;
	padding: 0 0 2em;
	}
dl.generic dt a, dl.generic dt {	
	font-size: 115%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	}
dl.generic dt a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;			
	}
dl.generic dd {
	margin: 0;
	padding: .7em 0 1em;
	}
dl.generic dd span {
	padding: .5em 0 0;
	margin: 0;
	display: block;			
	}			
dl.generic dd span a.date-posted, 
dl.generic dd span a.read-more,
dl.generic dd span b {
	font-size: 85%;
	display: block;
	float: left;
	line-height: 20px;
	font-weight: normal;
	}
dl.generic dd span b {
	padding: 0 .7em 0;
	font-size: 110%;			
	}
dl.generic dd span a.date-posted {
	background: url(../images/icon-gear.gif) no-repeat 0% 50%;
	padding-left: 25px;
	border: none;
	}		
dl.generic dd span a.read-more {
	background: url(../images/icon-mask.gif) no-repeat 0% 50%;
	padding-left: 25px;
	border: none;						
	}
dl.generic dd span a.read-more:hover, dl.generic dd span a.date-posted:hover {
	text-decoration: underline;
	}
/* homepage */
dl#homepage {
	overflow: auto;
	height: 165px;	
	}
dl#homepage dd {
	padding-right: .5em;
	}

/* concerts
---------------------------------- */	
h2.concerts {
	margin-bottom: 0;
	}
span.concerts {
	display: block;
	font-size: 85%;
	margin-bottom: 1em;
	text-align: right;
	}
h2.concerts a {
	font-weight: normal;	
	}
.concert {
	margin: 0 0 1em;
	padding-bottom: 1em;
	line-height: 1.2em;
	font-size: 95%;	
	}
.concert span { display: block; }
.concert .title, dl.media dd.title {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #1C1C1C;
	margin-bottom: 2px;
	}
.concert .date { color: #822805; }
.concert .date, .concert .location { font-weight: bold; }
.concert .location { color: #DD7F09; }
.concert .item strong { font-weight: normal; font-size: 90%; color: #666; }
.concert .details {
	margin-top: 4px;
	font-size: 95%;
	}
.concert .repertoire {
	border-left: 2px solid #EBE9E9;
	padding: .3em .5em;
	line-height: 1.3em;
	}

	
/* blockquote (pressbox)
---------------------------------- */			
blockquote {
	background: url(../images/rattay-pressbox.gif) no-repeat 0% 0%;
	width: 403px;
	height: 128px;
	margin: 0;
	padding: 0;			
	position: absolute;
	right: 40px;
	bottom: 35px;	
	}

blockquote span {
	text-align: left;
	padding-right: 5px;
	margin-top: 3px;
	padding-top: 0;
	background: url(../images/icon-triangle.gif) no-repeat 0% 50%;
	padding-left: 8px;
	font-weight: normal;
	display:block;
	}
/* mainphoto
---------------------------------- */		
#mainphoto {
	position: absolute;
	left: 10px;
	bottom: 14px;
	}	
	
/* photos
---------------------------------- */
ul#photos {
	margin: 0;
	padding: 1em 0 0;
	list-style: none;	
	width: 370px;		
	overflow: hidden;
	}
ul#photos li {
	text-align: center;
	width: 120px;
	height: 120px;
	float: left;
	}
ul#photos li a {
	border: none;
	}	
ul#photos li a:hover img {
	border:1px solid #FF7700;
	}

/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(../images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(../images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(../images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
.wrap1 {background:url(../images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(../images/corner_bl.gif) -12px 100% no-repeat;}
.wrap3 {
	padding:0 9px 9px 0;
	background:url(../images/corner_tr.gif) 100% -12px no-repeat;}

/* view photos
---------------------------------- */
body#viewphoto {
	background: #fff;
	text-align: center;
	margin: 0 auto;
	}
body#viewphoto #holder {
	margin: 0 auto;
	text-align: center;
	}

/* media (audio video)
---------------------------------- */
dl.media {
	margin: 0;
	padding: 0;
	}
dl.media dt a {
	font-weight: bold; 	
	background: url(../images/icon-flower.gif) no-repeat 0% 50%;
	font-size: 100%;
	}
dl.media dt strong {
	font-size: 70%;
	padding-left: 8px;
	color: #f70;
	font-family: Verdana;	
	font-weight: normal;
	}
dl.media dd {
	margin: 5px 0 1.5em 0;
	padding: 0;	
	font-size: 90%; 
	}

/* music+video (open media)
---------------------------------- */
#openmedia {
	margin: 20px auto 10px;
	text-align: center;
	width: 100%;	
	}
#openmedia span {
	display: block;	
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	}

/* repertoire
---------------------------------- */			
.repertoire, .repertoire dt, .repertoire dd  {
	margin: 0;
	padding: 0;
	}
.repertoire dt {
	clear: both;	
	width: 130px;
	font-weight: bold;
	font-size: 85%;
	}
.repertoire dd {
	float: right;
	margin-top: -1.6em;
	margin-bottom: 1.5em;
	width: 250px;
	color: #666;
	line-height: 140%;
	}

/* links
---------------------------------- */		
dl.links {
	margin: 0;
	padding: 0;	
	}
dl.links dt {
	background: url(../images/icon-boxarrow.gif) no-repeat 0% 50%;		
	padding-left: 20px;	
	margin-top: 10px;
	}		
dl.links dd {
	margin-left: 20px;
	font-size: 90%;
	}
dl.links dd a {	font-weight: normal; }

/* guestbook
---------------------------------- */
#guestbook h2 a {
	background: url(../images/icon-comment.gif) no-repeat 0% 50%;
	padding-left: 19px;
	margin-left: 19px;	
	font-size: 75%;
	font-weight: normal;
	text-transform: none;
	}
.guestbook-entry {
	margin: 0;	
	}
.guestbook-entry dt {
	background: url(../images/icon-comment.gif) no-repeat 0% 30px;
	padding-left: 19px;
	font-size: 80%;
	color: #822805;
	padding-top: 25px;
	}	
.guestbook-entry dt b {
	color: #822805;
	}
.guestbook-entry dd {
	padding: 6px 19px 6px 19px;
	margin: 0;
	background: #EBE9E9;
	}	
	
/* references
---------------------------------- */
dl.references dt {
	font-weight: bold;
	color: #822805;
	text-decoration: underline;
	}
dl.references dt a:link {
	text-decoration: none;	
	}

dl.references dd {
	margin: .1em 0 1em .8em;
	}
dl.references dd b {
	color: #333;
	}
span.references {
	padding: 6px 19px 6px 19px;
	margin: 0;
	background: #EBE9E9;
	display: block;
	font-size: 90%;
	}

	
/* footer
---------------------------------- */				
#footer {
	background: transparent url(../images/rattay-footer.gif) no-repeat 0% 0%;
	height: 54px;
	margin: 0;
	padding: 0;
	position: relative;
	}
#copyright {
	display: block;			
	margin-top: 4px;
	font-size: 80%;
	}
#madebywebstruments, #mGINE {	
	text-indent: -9000px;
	font-size: 0;
	text-decoration: none;
	border: none;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: Transparent;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;		
	}
#madebywebstruments {
	background-image: url(../images/webstruments.gif);
	width: 97px;
	height: 18px;				
	right: 13px;
	bottom: -22px;
	}	
#mGINE {
	background-image: url(../images/mGINE.gif);
	width: 12px;
	height: 47px;		
	right: -25px;
	top: -10px;
	}	
#mGINE:hover, #madebywebstruments:hover {
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;		
	}