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

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

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


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

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

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

#container { width: 944px; }

#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: 45px; width: 250px; display: block; text-indent: -10000px; background-image: url(/images/sub/sub_btns2.jpg) background-repeat: no-repeat; }

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

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

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

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


#nav { width: 274px; float: left; height: 670px; min-height: 670px; margin-top:20px; }

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


#nav ul { padding: 0; margin: 0 0 0; }
#nav ul li { padding: 0; margin: 0 0 22px; list-style: none; background: none; }
#nav ul li a { padding: 0; margin: 0; display: block; text-indent: -10000px; width: 274px; background-repeat: no-repeat; height: 21px; }
#nav ul li a:hover { background-position: 0 -21px; }

#nav ul li#nav-booking a { height: 26px; }
#nav ul li#nav-booking a:hover { background-position: 0 -27px; }

#nav ul li#nav-home a { background-image: url(../images/sub/nav/home2.gif); }
#nav ul li#nav-bio a { background-image: url(../images/home/nav/bio.gif); }
#nav ul li#nav-mission a { background-image: url(../images/home/nav/mission.gif); }
#nav ul li#nav-press a { background-image: url(../images/home/nav/press.gif); }
#nav ul li#nav-upcoming_events a { background-image: url(../images/home/nav/upcoming_events.gif); }
#nav ul li#nav-booking a { background-image: url(../images/home/nav/booking.gif); }
#nav ul li#nav-album a { background-image: url(../images/home/nav/album.gif); }
#nav ul li#nav-concert_videos a { background-image: url(../images/home/nav/concert_videos.gif); }
#nav ul li#nav-compositions a { background-image: url(../images/home/nav/compositions.gif); }
#nav ul li#nav-sheet_music a { background-image: url(../images/home/nav/sheet_music.gif); }
#nav ul li#nav-photo_gallery a { background-image: url(../images/home/nav/photo_gallery.gif); }
#nav ul li#nav-forums a { background-image: url(../images/home/nav/forums.gif); }
#nav ul li#nav-blog a { background-image: url(../images/home/nav/blog.gif); }
#nav ul li#nav-myspace a { background-image: url(../images/home/nav/myspace.gif); }
#nav ul li#nav-mailing_list a { background-image: url(../images/home/nav/mailing_list.gif); }
#nav ul li#nav-contact a { height: 26px; }
#nav ul li#nav-contact a:hover { background-position: 0 -27px; }
#nav ul li#nav-contact a { background-image: url(../images/home/nav/booking.gif); }


#content { width: 645px; float: right; }

#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; }


#header { height: 180px; width: 665px; display: block; }

#copy { float: right; width: 660px; margin:90px 0 20px 0; }
#icons {
	float:right;
	padding-top: 50px;
	padding-right: 10px;
}
#facebook-icon {
	float:right;
	width:30px;
	height:30px;
	margin-right:5px;
}
#mailing-list-icon {
	float:right;
	width:30px;
	height:30px;
}
#copy h1 { display: block; text-indent: -10000px; height: 50px; margin: 52px 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; }