/* RyliMusic.com Stylesheet */

* {margin:0; padding:0; border:none; outline:none}
h2 {margin-bottom:35px; font-weight:normal; font-size:24px; color:#e0db49; text-shadow:2px 2px 0 rgba(18, 37, 32, 0.35)}
h3 {margin-bottom:25px; font-weight:normal; font-size:18px; color:#75c18f; text-shadow:2px 2px 0 rgba(18, 37, 32, 0.35)}
p {line-height:1.25em; margin-bottom:25px}
a {color:#0D88C1; text-decoration:none; text-shadow:1px 1px 1px rgba(0, 0, 0, 100)}
	a:hover {text-decoration:underline}
input, textarea {display:block; width:300px}
textarea {padding:5px; margin-bottom:10px; font-size:11px; font-family:"Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif; color:#2e3039}
input {padding:5px; margin-bottom:10px; font-size:11px; color:#2e3039; border:1px solid #000}
form select {width:160px; margin-left:3px; padding:2px}
form #submit {width:auto; background:#337897; color:#fff}
form input.hidden {display:none}
.clear {clear:both; padding-top:15px}
table {margin-bottom:25px}
	table td {padding-right:15px}

body {font-size:14px; font-family:"Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif; color:#fff; background:#020412}
#wrapper {float:left; width:1216px; min-height:1000px; background:url(../images/wrapper_bg.jpg) left top fixed no-repeat}

	#sidebar {position:fixed; top:0; left:0; float:left; display:inline; width:250px; padding-right:20px}
		#logo {width:241px; height:169px; margin:30px 0 0 22px; background:url(../images/ryli_logo.png) left top no-repeat}
			#logo a {display:block; width:228px; height:172px; text-indent:-999em}
			
		#network_links {float:right; margin-top:400px}
			#network_links li {float:left; display:inline; margin-left:5px}
			
	#navigation {position:fixed; top:0; left:311px; z-index:9999; float:left; width:902px; height:42px; padding-top:22px; font-size:18px; background:url(../images/navigation_bg.jpg) left top no-repeat}
		#navigation li {float:left; display:inline; margin-right:75px; text-shadow:1px 1px 0 rgba(18, 37, 32, 0.75)}
		#music_link {padding-left:22px; background:url(../images/music_link_bg.png) left 50% no-repeat}
		#blog_link {padding-left:28px; background:url(../images/blog_link_bg.png) left 50% no-repeat}
		#merch_link {padding-left:30px; background:url(../images/merch_link_bg.png) left 50% no-repeat}
		#about_link {padding-left:25px; background:url(../images/about_link_bg.png) left 50% no-repeat}
		#contact_link {padding-left:27px; background:url(../images/contact_link_bg.png) left 50% no-repeat}

	#content {float:left; margin:0 0 0 311px; padding-top:104px; width:768px}			
		.welcome_text {clear:both; margin-bottom:30px; font-size:24px; color:#e0db49; text-shadow:2px 2px 0 rgba(18, 37, 32, 0.35)}
			.welcome_text a {color:#e0db49; text-decoration:underline}
				.welcome_text a:hover {color:#fff; text-decoration:none}
		#about, #blog, #merch, #contact {clear:both; float:left; padding-top:104px}
		#music, #about, #blog, #merch, #contact {width:768px; margin-bottom:300px}
			#about img {float:left; display:inline; margin:0 20px 10px 0}
			
/*##########################
  Audio Player Styles 
##########################*/
#music {width:100%; float:left; padding-top:20px}
	#audio_player {float:left; width:400px}

	#music #demo {float:right; width:327px}
		#demo h3 {margin-top:10px}
		
	#download_demo {width:320px; height:45px; margin:5px 5px 10px 5px; background:url(../images/download_demo_button.png) left top no-repeat}
		#download_demo a {display:block; width:320px; height:45px; text-indent:-999em}
			#download_demo a:hover {background:url(../images/download_demo_button_hover.png) left top no-repeat}
	
/*##########################
  Contact Styles 
##########################*/	
#contact {padding-bottom:300px}
	#contact h3 {margin-bottom:15px}
	#contact img, .blog_image {float:left; display:inline; margin:0 25px 25px 0}
	#contact object {margin-top:25px}
	#contact_form textarea {width:550px; height:150px}

/*##########################
  Blog Styles 
##########################*/	
#blog h3 {clear:both; padding-top:30px; margin-top:30px; border-top:1px dotted #536e68}
.post {float:right; width:620px}
	.post_info {font-size:11px; color:#536e68}

/*##########################
  Merchandise Styles 
##########################*/	
#merchandise {float:left; width:100%; margin-bottom:30px; list-style-type:none}
	#merchandise li {float:left; display:inline; margin-right:95px; width:285px}
	form #add_to_cart {float:right; width:103px; height:22px; margin-right:2px; padding:0; border:none}