/* browser defaults reset
 * ------------------------------------------------------------------------- */

* { 
	margin: 0; 
	padding: 0
	}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
	}
	 
fieldset,img,abbr,acronym { border:0 }

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
	}

ul { list-style: none }


/* default type selectors
 * ------------------------------------------------------------------------- */

body { 
	background: #b3b2b2 url("http://www.kimdivine.com/images/body.jpg") repeat-y top center; 
	color: #333; 
	font: 12px/18px helvetica, arial, sans-serif
	}
	
a:link, 
a:visited { 
	color: #824a47; 
	text-decoration: underline 
	}
	
a:hover,
a:active,
a:focus { 
	color: #a3a1a1; 
	text-decoration: underline
	}	

p, ul, ol, dl, blockquote { margin-bottom: 16px }

ol {
	margin-left: 20px
	}

h3,h4,h5,h6 {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px
	}
	
h3 {
	border-bottom: 2px solid #ddd;
	margin-bottom: 8px;
	padding-bottom: 4px
	}
	
h4,h5,h6 {
	font-size: 14px
	}
	
body#contact input {
	background-color: #fafafa;
	padding: 4px;
	margin-bottom: 4px;
	border:  2px solid #fff;
	}
	
body#contact label {
	width: 100px;
	float: left;
	}
	
body#contact input.button {
	background-color: #a25b58;
	color: #fff;
	cursor: pointer;
	width: 80px
	}

/* default classes
 * ------------------------------------------------------------------------- */

.clear {
	clear: both;
	height: .01em;
	overflow: hidden
	}

.clearfix:after {
    clear: both;
	content: "."; 
    display: block; 
    height: 0;
    visibility: hidden
	}

.ir {
	height: 0;
	overflow: hidden
	}
	
.left {
	float: left;
	margin: 0 8px 8px 0
	}
	
.right {
	float: right;
	margin: 0 0 8px 8px
	}
	
.center {
	text-align: center
	}


/* layout
 * ------------------------------------------------------------------------- */

#top,#wrap,#footer {
	clear: both;
	margin: 0 auto;
	width: 567px;
	}

#top {
	background: url("http://www.kimdivine.com/images/top.gif") no-repeat bottom;
	height:  60px
	}

#wrap {
	background: url("http://www.kimdivine.com/images/wrap.gif") repeat-y;
	}
	
#mast,#menu,#menu-contact,#content {
	margin: 0 auto;
	width:  553px
	}
	
#mast {
	background: url("http://www.kimdivine.com/images/mast.jpg") no-repeat;
	border-bottom: 4px solid #b3b2b2;
	}
	
#mast a {
	display: block;
	padding-top: 265px;
	overflow: hidden;
	height: 0;
	}
	
#menu {
	height: 35px
	}
	
#menu, #menu a {
	background: url("http://www.kimdivine.com/images/menu.gif") no-repeat
	}
	
#menu li { 
	float: left; 
	list-style-type: none
	}

#menu a { 
	display: block; 
	height: 0; 
	overflow: hidden;
	padding-top: 35px;
	text-decoration: none
	}
	
#menu li#menu01 a { background-position:  0 0; width: 60px }
#menu li#menu02 a { background-position: -60px 0; width: 47px }
#menu li#menu03 a { background-position: -107px 0; width: 43px }
#menu li#menu04 a { background-position: -150px 0; width: 47px }
#menu li#menu05 a { background-position: -197px 0; width: 58px }
#menu li#menu06 a { background-position: -255px 0; width: 37px }
#menu li#menu07 a { background-position: -292px 0; width: 81px }
#menu li#menu08 a { background-position: -373px 0; width: 48px }
#menu li#menu09 a { background-position: -421px 0; width: 77px }
#menu li#menu10 a { background-position: -498px 0; width: 55px }

#menu li#menu01 a:hover { background-position:  -0px -35px }
#menu li#menu02 a:hover { background-position: -60px -35px }
#menu li#menu03 a:hover { background-position: -107px -35px }
#menu li#menu04 a:hover { background-position: -150px -35px }
#menu li#menu05 a:hover { background-position: -197px -35px }
#menu li#menu06 a:hover { background-position: -255px -35px }
#menu li#menu07 a:hover { background-position: -292px -35px }
#menu li#menu08 a:hover { background-position: -373px -35px }
#menu li#menu09 a:hover { background-position: -421px -35px }
#menu li#menu10 a:hover { background-position: -498px -35px }

body#home #menu li#menu01 a { background-position:  -0px -70px }
body#news #menu li#menu02 a { background-position: -60px -70px }
body#tour #menu li#menu03 a { background-position: -107px -70px }
body#store #menu li#menu04 a { background-position: -150px -70px }
body#journal #menu li#menu05 a { background-position: -197px -70px }
body#bio #menu li#menu06 a { background-position: -255px -70px }
body#multimedia #menu li#menu07 a { background-position: -292px -70px }
body#press #menu li#menu08 a { background-position: -373px -70px }
body#guestbook #menu li#menu09 a { background-position: -421px -70px }
body#links #menu li#menu10 a { background-position: -498px -70px }


#menu-contact {
	height: 26px
	}
	
#menu-contact, #menu-contact a {
	background: url("http://www.kimdivine.com/images/menu-contact.gif") no-repeat
	}
	
#menu-contact li { 
	float: left; 
	list-style-type: none
	}

#menu-contact a { 
	display: block; 
	height: 0; 
	overflow: hidden;
	padding-top: 26px;
	text-decoration: none
	}
	
#menu-contact li#menu-contact01 a { background-position:  0 0; width: 125px }
#menu-contact li#menu-contact02 a { background-position: -135px 0; margin-left: 10px; width: 81px }
#menu-contact li#menu-contact03 a { background-position: -217px 0; margin-left: 1px; width: 81px }
#menu-contact li#menu-contact04 a { background-position: -299px 0; margin-left: 1px; width: 81px }
#menu-contact li#menu-contact05 a { background-position: -381px 0; margin-left: 1px; width: 81px }
#menu-contact li#menu-contact06 a { background-position: -472px 0; margin-left: 10px; width: 81px }


#menu-contact li#menu-contact01 a:hover { background-position:  -0px -26px }
#menu-contact li#menu-contact02 a:hover { background-position: -135px -26px }
#menu-contact li#menu-contact03 a:hover { background-position: -217px -26px }
#menu-contact li#menu-contact04 a:hover { background-position: -299px -26px }
#menu-contact li#menu-contact05 a:hover { background-position: -381px -26px }
#menu-contact li#menu-contact06 a:hover { background-position: -472px -26px }




#content {
	margin-top: 8px
	}
	
body#home #content {
	margin-top: 16px
	}

#content .block {
	padding: 0 16px
	}
		
#content .blocks .block {
	padding: 0
	}

#content .blocks {
	background: url("http://www.kimdivine.com/images/blocks.gif") repeat-y;
	}
	
#content .block li {
	margin-bottom: 8px;
	}
	
body#store #content .block li {
	margin-bottom: 2px;
	}
	
body#home #content .block#photos,
body#home #content .block#music {
	min-height: 200px;
	float: left;
	width: 276px;
	}
	
body#home #content .block#music {
	margin-left: 1px;
	}
	
body#home #content .block#music p {
	padding: 0 16px;
	}
	
body#home #content .block#tour h2,
body#home #content .block#news h2 {
	background: url("http://www.kimdivine.com/images/h-home-tour.gif") no-repeat;
	height: 0;
	overflow: hidden;
	margin-bottom: 8px;
	padding-top: 48px;
	width: 522px;
	}
	
body#home #content .block#news h2 {
	background: url("http://www.kimdivine.com/images/h-home-news.gif") no-repeat
	}
	
body#home #content .block#photos h2,
body#home #content .block#music h2 {
	background: url("http://www.kimdivine.com/images/h-home-photos.gif") no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 39px;
	}
	
body#home #content .block#music h2 {
	background: url("http://www.kimdivine.com/images/h-home-music.gif") no-repeat
	}
	
body#home .divider {
	background: url("http://www.kimdivine.com/images/divider.gif") no-repeat;
	clear: both;
	height: 45px;
	}

#pagetitle {
	background-repeat: none;
	height: 0;
	overflow: hidden;
	margin-bottom: 8px;
	padding-top: 48px
	}

body#news #pagetitle { background-image: url("http://www.kimdivine.com/images/h-news.gif") }
body#tour #pagetitle { background-image: url("http://www.kimdivine.com/images/h-tour.gif") }
body#store #pagetitle { background-image: url("http://www.kimdivine.com/images/h-store.gif") }
body#journal #pagetitle { background-image: url("http://www.kimdivine.com/images/h-journal.gif") }
body#bio #pagetitle { background-image: url("http://www.kimdivine.com/images/h-bio.gif") }
body#multimedia #pagetitle { background-image: url("http://www.kimdivine.com/images/h-multimedia.gif") }
body#press #pagetitle { background-image: url("http://www.kimdivine.com/images/h-press.gif") }
body#guestbook #pagetitle { background-image: url("http://www.kimdivine.com/images/h-guestbook.gif") }
body#links #pagetitle { background-image: url("http://www.kimdivine.com/images/h-links.gif") }
body#contact #pagetitle { background-image: url("http://www.kimdivine.com/images/h-contact.gif") }


body#news #content dl.featured {
	background: #fafafa;
	border: 4px solid #cacaca;
	margin-bottom: 16px;
	padding: 8px
	}
	
body#news #content dl.featured dd {
	border: none;
	margin-bottom: 0
	}

body#news #content dd {
	border-bottom: 2px solid #cacaca;
	padding-bottom: 4px;
	margin-bottom: 16px;
	}
	
body#news #content dt {
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: bold;
	}
	
body#tour #content #calendar th,
body#tour #content #calendar td {
	padding: 16px
	}	

body#tour #content #calendar th {
	background-color: #a25b58;
	color: #fff;
	}
	
body#tour #content #calendar tr.alt {
	background-color: #fafafa
	}

body#bio #content dl {
	float: left;
	padding-right: 12px;
	width: 160px
	}
	
body#bio #content dt {
	font-weight: bold
	}

#bottom {
	background: url("http://www.kimdivine.com/images/bottom.gif") no-repeat top center;
	width: 100%
	}
	
#footer {
	background: url("http://www.kimdivine.com/images/footer.gif") no-repeat top;
	color: #444;
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: center;
	}
	
#footer a {
	color: #444
	}

#footer a:hover {
	color: #a16764;
	}

#footer ul {
	 margin-bottom: 4px;
	}
	
#footer li {
	padding: 0 5px 0 7px;
	display: inline
	}

	/* gallery
	 * ------------------------------------------------------------------------- */

	body#gallery {
		text-align:left;
		} 
	
	body#gallery h2 { color: #333 }
	
	#wrap-gallery {
		width:600px;
		height:480px;
		}

		#wrap-gallery a:link, #wrap-gallery a:visited, #wrap-gallery h1, #wrap-gallery h2, #wrap-gallery div { color: #f3f3ec; }

		#wrap-gallery h2 {
			font-size:1.1em;
			text-align:center;
			margin-top:8px;
			}

	#top-gallery {
		background:url("http://www.kimdivine.com/images/h-gallery.gif");
		height:85px;
		text-align:right;
		overflow:hidden;
		}

		#top-gallery div {
			padding-top:40px;
			padding-right:25px;
			}

	    #top-gallery select {
			margin-left:10px;
			width:150px;
			border:1px solid #333;
			}

	#photo {
		background:url("http://www.kimdivine.com/images/gallery.gif");
		height:395px;
		padding-top:15px;
		}

		#photo img {
			margin:0 auto;
			text-align:center;
			}

			/* journal
			 * ------------------------------------------------------------------------- */

			#journal-left {
				width:350px;
				float:left;
				margin-top:-25px;
				}

				#journal-left .navigation {
					margin-top:30px;
					}

				#journal-left h2 {
					margin-top:30px;
					font-size:1.4em;
					}

				#journal-left .alignleft {
					text-align:left;
					display:inline;
					}

				#journal-left .alignright {
					text-align:right;
					margin-left:30px;
					display:inline;
					}	

				#journal-left small {
					font-size:.95em;
					font-weight:bold;
					}

			#journal-right {
				width:140px;
				float:left;
				border-left:1px solid #f3f3ec;
				margin-left:15px;
				font-size:.95em;
				}

				#journal-right ul {
					list-style-type:none;
					}
					#journal-right li ul li {
						list-style-type:disc;
						width:140px;
						}
				#journal-right input {
					width:120px;
					}
				#journal-right input#searchsubmit {
					width:60px;
					cursor:pointer;
					padding:0;
					}