/* main Weppler/Mahovsky stylesheet */


* { border:0; margin:0; padding:0; }
dl, ol, ul { list-style:none; }

.big { font-size:32px; }

.bio { margin-left:160px; padding:0 5px; width:545px; }
.bio dt { clear:both; margin-left:80px; text-indent:-80px; }
.bio dt.year { float:left; margin:0; text-indent:0; }
.bio dd { margin-left:80px; }
.bioBlurb { width:465px; }

body { background:#eee; color:#000; font:13px/16px Arial,Helvetica,Verdana; text-align:center; }

#Container { clear:both; margin:auto; margin-bottom:24px; text-align:left; width:945px; }
#Header + #Container { margin-top:29px; }

.Contents { margin:auto; position:relative; text-align:left; width:945px; }
#Container .Contents { min-height:536px; }
.ContentsHP { margin:auto; position:relative; text-align:left; width:960px; }

#Footer { clear:both; color:#999; font-size:11px; margin:8px auto; padding:0 5px; position:relative; text-align:left; width:945px; }

ul.GlobalNav { float:left; height:35px; margin-left:7px; overflow:hidden; }
ul.GlobalNav li { display:block; float:left; height:35px; margin-left:1px; padding-left:10px; width:145px; }
ul.GlobalNav li.on, ul.GlobalNav li:hover { background:#333; }

#Header { background:#666; color:#FFF; height:35px; }

#HorizNav { color:#666; }

.hpBox { /*border-bottom:1px solid #CCC;*/ display:block; float:left; height:225px; margin-right:15px; }
.hpBox p { margin-bottom:4px; padding:0 5px; }

#Logo { float:left; margin-right:80px; }

#Metadata { color:#333; font-size:12px; padding:0 5px; width:295px; }
#Metadata li { margin-bottom:6px; }
#Metadata li.photo { margin-top:32px; }
#Metadata li.title { font-size:13px; font-weight:bold; }

.more { float:left; margin:128px 0 0 15px; padding:0 5px; text-align:center; width:215px; }

.muted { color:#666; }

p, h3 { margin-bottom:16px; }

#Photo { float:left; height:528px; margin-right:15px; position:relative; width:625px; z-index:1; }

#Sidebar { float:left; height:528px; }

#Slideshow { margin-bottom:16px; text-align:center; z-index:1; }

#SlideNext { position:absolute; top:0px; left:320px; text-align:right; width:300px; z-index:9; }
#SlidePrev { position:absolute; top:0px; left:5px; width:300px; z-index:9; }

ul.Subnav { border-bottom:1px solid #999; font-size:12px; height:26px; margin:auto; margin-bottom:33px; width:945px; }
ul.Subnav li { float:left; padding:5px 13px 5px 5px; text-align:left; }
ul.Subnav li.current { background:#dfdfdf; }
ul.Subnav li.last { margin-right:0; }


/* thumbnail styles */
.thumbnails div { float:left; height:176px; margin:0 0 16px; width:225px; }
	.cans div { width:145px; }
	.emptyroom div { height:264px; width:305px; }
	.musicofchance div { height:360px; }
	.stacks div { width:145px; }
	.yawl div { height:264px; width:305px; }
.thumbnails div + div { margin:0 0 16px 15px; }
.thumbnails div p { padding:0 5px; }

.thumbnails .break { clear:both; height:0; margin:0; width:0; }
	.thumbnails div.break + div { margin:0; }

.thumbnails .install { /*border-bottom:1px solid #ccc;*/ display:block; float:left; width:225px; }
	.cans .install { width:145px; }
	.emptyroom .install { width:305px; }
	.stacks .install { width:305px; }
	.yawl .install { width:305px; }	
.thumbnails .install p { margin-bottom:4px; }



/* available pages */
.available { float:left; height:500px; margin-right:15px; width:225px; }
.available2 { float:left; height:700px; margin-right:15px; width:465px; }


/* links */
a { color:#666; text-decoration:none; }
a:hover, a:active { border:0; color:#900; }

.bio a { color:#900; }

.GlobalNav a { display:block; width:100%; }
.GlobalNav a:hover, .GlobalNav a:active { color:#666; }

#HorizNav a { color:#999; }

.hpBox a { color:#333; }
.hpBox a:hover, .hpBox a:active { color:#900; }

#SlideNext a, #SlidePrev a { border:0; display:block; height:330px; outline:none; padding-top:200px; visibility:hidden; }
#SlideNext:hover a, #SlidePrev:hover a { border:0; color:#666; visibility:visible; }
#SlideNext a:active, #SlidePrev a:active { border:0; }
#SlideNext a:visited, #SlidePrev a:visited { border:0; }

ul.Subnav a { display:block; }
ul.Subnav li.current a { color:#000; }

a img { border:0; outline:none; text-decoration:none; }