/* 
	Designed by Amber Orenstein www.2is3.com  -  Portland Oregon USA
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com May 2007 
   All styles that have been changed are indented
	
	- only minor minor tweaks for splash and home page images, placed at the end of the file
	
*/


body {
	position:relative;
	font-family:Times New Roman, Times, serif;
	font-size:14px;
	color:#82897F;
	text-align:center;
	background:url(/shared/ryden/bg2.gif) top center #A0A89D;
	margin:0;
	padding:20px 5px;
}
a {
	color:#518587;
}
p {
	padding:0;
	margin:0 0 15px 0;
}
form {
	margin:0;
	padding:0;
}
body.music #content li {
	list-style-image:url(/shared/ryden/bullet1.gif);
}
dd {
	margin:3px 0 15px 0;
	padding:0;
}
#accessibility {
	display:none;
}
#container {
	position:relative;
	width:740px;
	height:530px;
	text-align:left;
	margin:0 auto;
	border:solid 10px #313538;
	background:url(/shared/ryden/bg2_container.gif) top center repeat-y #fff;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:720px;
	height:510px;
}
html>#container {
	width:720px;
	height:510px;
}
#navigation {
	position:absolute;
	z-index:20;
	top:0;
	left:535px;
}
#navigation a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	padding:6px 20px;
}
#navigation a:hover {
	background:#518587;
}
#navigation ul {
	margin:0;
	padding:0;
	width:185px;
}
#navigation li {
	list-style:none;
	border-bottom:solid 1px #fff;
}
body.home a#navhome, body.bio #navbio, body.music #navmusic, body.contact #navcontact, body.press #navpress, body.news #navnews, body.calendar #navcalendar, body.photos #navphotos, body.products #navproducts, body.guestbook #navguestbook, body.links #navlinks {
	background:#313538;
}
#emailsignup {
	position:absolute;
	z-index:10;
	top:0;
	left:363px;
	color:#fff;
	text-align:center;
	background:#45494C;
	border:solid 1px #fff;
	width:162px;
	padding:5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
}
html>#emailsignup {
	width:150px;
}
#emailsignup input {
	font-family:Verdana, sans-serif;
	font-size:10px;
	margin-right:4px;
}
#banner div.band {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:22px;
	overflow:hidden;
	font-weight:bold;
	text-transform:uppercase;
	width:535px;
	height:60px;
	background:#313538;
	padding:20px 185px 0 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:350px;
	height:40px;
}
html>#banner {
	width:350px;
	height:40px;
}
#banner div.photo {
	position:absolute;
	top:60px;
	left:0;
background:url(/images/photifun-cropped-foto205x450.jpg) no-repeat #EBEBEB;
	width:205px;
	height:450px;
	float:left;
}
#banner div.photo span {
	display:none;
}
#content {
	position:relative;
	top:60px;
	left:205px;
	width:330px;
	height:450px;
	overflow:auto;
	padding:25px 25px 0 25px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:280px;
	height:425px;
}
html>#content {
	width:280px;
	height:425px;
}
.entry {
	padding-bottom:25px;
}
h1 {
	display:none;
}
h2 {
	font-size:16px;
	line-height:16px;
	border-bottom:solid #518587 1px;
	color:#313538;
	margin:20px 0 8px 0;
	padding:0 0 3px 0;
	text-transform:uppercase;
}
h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:14px;
}
h3 {
	font-size:15px;
}
#footer {
	color:#313538;
	font-size:10px;
	position:absolute;
	top:520px;
	left:0;
	padding:10px;
	text-transform:uppercase;
}

/* specific */
body.contact #content li {
	list-style:none;
}
body.press #content blockquote {
	margin:15px 0 10px 0;
	color:#313538;
	font-size:16px;
}
body.press #content div.caption {
	padding:0 0 15px 20px;
	margin-bottom:10px;
	border-bottom:solid #518587 1px;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}
body.products #content h2 {
	margin-top:0;
}
body.guestbook #content label {
	display:block;
}
body.guestbook #content blockquote {
	margin:10px 0 10px 0;
}

#postForm textarea, #postForm input {
	width: 275px;
}

/* Captcha stuff */
#postForm img#gbimage {
	width: 100px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

#postForm label.security_code_label {
	width: 100px;
	margin-top: 2px;
	margin-left: 15px;
	float: left;
}

#postForm input#security_code {
	width: 135px;
	float: left;
	margin-left: 15px;
}

#postForm input[type=submit] {
	clear: both;
	text-align: center;
}

			/* NEW!! minor tweaks for splash and home page images */

         .home img {margin-bottom: 15px}
         
         #splashimage { text-align: center; margin: 100px auto; }
         #splashimage a img { border: 0; }