@charset "UTF-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

	STYLES FOR MICHAELGLUCK.COM (Subpage)
	
	Styles and design created by DesyHand.
	Contact: desyhand@handmade-publishing.com

++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++++ SUBPAGE SETTINGS +++++ */

#container { width: 944px; }


#header { background:url(/images/sub/header.jpg) top left no-repeat; width: 944px; height: 233px; }

#buttons ul#charity { padding: 0; margin: 0 0 0 17px; }
#buttons ul#charity li { padding: 12px 0 0; margin: 0; list-style: none; background: none; }
#buttons ul#charity li a { padding: 0; margin: 0; height: 50px; width: 286px; display: block; text-indent: -10000px; background-image: url(/images/sub/sub_btns.jpg) background-repeat: no-repeat; }

#buttons ul#charity li.concerts a { background-image: url(/images/sub/sub_btns.jpg); }
#buttons ul#charity li.concerts a:hover { background-position: -286px 0; }

#buttons ul#charity li.album a { background-image: url(/images/sub/sub_btns.jpg); background-position: 0 -64px; }
#buttons ul#charity li.album a:hover { background-position: -286px -64px; }

#buttons ul#charity li.sheetmusic a { background-image: url(/images/sub/sub_btns.jpg); background-position: 0 -129px; }
#buttons ul#charity li.sheetmusic a:hover { background-position: -286px -129px; }

#header a.hdr-home { text-indent: -10000px; display: block; position: absolute; left: 306px; top: 0; width: 638px; height: 233px; }


#content { width: 944px; margin-bottom: 30px; }

#content:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }
#content { display: inline-block; height: 1%; } 
/* Hides from IE-mac \*/
* html #content { height: 1%; }
#content { display: block; }


#nav { background: url(/images/sub/bg_sub_nav.gif) bottom left no-repeat; padding-bottom: 30px; float: left; }

#nav ul { padding: 0; margin: 0; }
#nav ul li { padding: 0; margin: 0 0 25px; list-style: none; background: none; }
#nav ul li a { padding: 0; margin: 0; display: block; text-indent: -10000px; width: 235px; background-repeat: no-repeat; height: 22px; }
#nav ul li a:hover, #nav ul li a.active { background-position: 0 -23px; }

#nav ul li#nav-home a { background-image: url(/images/sub/nav/home.gif); }
#nav ul li#nav-bio a { background-image: url(/images/sub/nav/bio.gif); }
#nav ul li#nav-mission a { background-image: url(/images/sub/nav/mission.gif); }
#nav ul li#nav-press a { background-image: url(/images/sub/nav/press.gif); }
#nav ul li#nav-booking a { background-image: url(/images/sub/nav/booking.gif); }
#nav ul li#nav-album a { background-image: url(/images/sub/nav/album.gif); }
#nav ul li#nav-concert_videos a { background-image: url(/images/sub/nav/concert_videos.gif); }
#nav ul li#nav-compositions a { background-image: url(/images/sub/nav/compositions.gif); }
#nav ul li#nav-sheet_music a { background-image: url(/images/sub/nav/sheet_music.gif); }
#nav ul li#nav-photo_gallery a { background-image: url(/images/sub/nav/photo_gallery.gif); }
#nav ul li#nav-forums a { background-image: url(/images/sub/nav/forums.gif); }
#nav ul li#nav-blog a { background-image: url(/images/sub/nav/blog.gif); }
#nav ul li#nav-myspace a { background-image: url(/images/sub/nav/myspace.gif); }
#nav ul li#nav-mailing_list a { background-image: url(/images/sub/nav/mailing_list.gif); }
#nav ul li#nav-contact a { background-image: url(/images/sub/nav/booking.gif); }


#copy { overflow-x: auto; overflow-y: hidden; float: right; width: 705px; border: }
#copy h1 { display: block; text-indent: -10000px; height: 50px; margin: 22px 0 0 22px; line-height: 0; }

#copy .news-more { background: url(/images/home/news_div.gif) bottom center no-repeat; margin: 0 0 20px; padding-bottom: 17px; }


dl.vid { padding: 0; margin: 17px 22px; background: url(/images/sub/vid_bg.gif) top left no-repeat; width: 680px; height: 400px; }

dl.vid:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }
dl.vid { display: inline-block; height: 1%; } 
/* Hides from IE-mac \*/
* html dl.vid { height: 1%; }
dl.vid { display: block; }

dl.vid dd { padding: 25px; margin: 0; width: 425px; float: left; }
dl.vid dt { padding: 32px 0 0; margin: 0; width: 200px; float: right; }
dl.vid dt h2 { font-size: 1em; padding-left: 0; }
dl.vid dt p { font-size: .8em; padding-left: 0; }
.small-text { font-size: .6em; padding-left: 0; }


ul li.download { background: url(/images/sub/icon_download.gif) top left no-repeat; }
ul li.offsite { background: url(/images/sub/icon_offsite.gif) top left no-repeat; }


.two-col { width: 708px; }
.two-col:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }
.two-col { display: inline-block; height: 1%; } 
/* Hides from IE-mac \*/
* html .two-col { height: 1%; }
.two-col { display: block; }

.two-col .col1 { width: 354px; float: left; }
.two-col .col2 { width: 354px; float: right; }

.music ul li { font-size: .75em; }

.two-col-album { width: 708px; }
.two-col-album:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }
.two-col-album { display: inline-block; height: 1%; } 
/* Hides from IE-mac \*/
* html .two-col-album { height: 1%; }
.two-col-album { display: block; }

.rt-col-album { width: 300px; float: right; }
.rt-col-album form { width: 370px; margin: 12px 0 0 22px; padding: 0; }
.rt-col-album img { margin: 12px 0 12px 22px; }
.rt-col-album p { font-size: .75em; color: #444; padding: 0; margin: 0 0 0 30px; }

form { padding: 0; margin: 0; }


/* +++++ PHOTO GALLERY +++++ */

#gallerytitle { min-height: 50px; padding: 12px 0; }

form#search_form { margin-left: 25px; }
form#search_form input#search_input { width: 200px; }

#images .image, #albums .album { font-size: .84em; position: relative; width: 100px; display: block; padding: 10px; float: left; }

#albums .album h3 { padding: 7px 0; margin: 0; text-transform: none; font-size: 1em; line-height: 1.5em; }
#image, #padbox, #comments, #imageDesc { margin-left: 25px; }

.thumb, .imagethumb, #image { border: 2px solid #3b4776; padding: 4px; background-color: #8e92ae; float: left; }
.thumb img, .imagethumb img, #image img { border: 3px solid #b7bdd1; }

#imageDesc { font-size: .85em; padding: 12px; clear: both;  }

div.pagelist { clear: both; }
ul.pagelist { padding: 0; margin: 0; }
ul.pagelist li { background: none; display: inline; margin: 0; padding: 0;}

#rating { display: block; clear: both; padding: 17px 0; margin-left: 25px; }

#credit { padding: 25px; font-size: .85em; clear: both; }
#credit img { border: 0; }

.imgnav { padding: 17px 0; font-size: .85em; margin: 0 25px; }
.imgprevious { margin-right: 25px; float: left; }

.imgcommentform { padding: 17px 0; font-size: .85em; }
.imgcommentform h3 { padding: 0; margin: 0; }