/*
Theme Name: Shoe Theme
Theme URI: Http://www.SnowFoxDesign.com
Description:  A custom ExpressionEngine theme designed by Joe Becker (josephbecker.com) and developed by Ben Schaaf (Snowfoxdesign.com) for Shoe.
Version: 1.0
Author: Ben Schaaf, Snowfox
Author: http://www.snowfoxdesign.com
*/

/* My Standard Simple Reset and basics */
html, body, ul, li, p, a, h1, h2, h3, h4, h5, h6, input, img, form {margin: 0; padding:0px; font-size:100.01%;vertical-align:bottom;}
html {font-size: 62.5%;}
body {margin: 0; text-align:left;}
img {border:0;}
.clear {clear:both;}
ul li {list-style: none;}
a {text-decoration: underline;}
a:active,a:focus{outline:0;}
a:hover {color:#fff;}
a.norm {text-transform:none;text-decoration:none;}
a.norm:hover {text-decoration:underline;}
input {line-height:12px;}
p {color: #bfcccc; font-weight:bold; padding-bottom:10px;}
li {color:#bfcccc;}
h1 {font-size:22px;}
h2 {color:#BFCCCC;font-size:14px;line-height:16px;padding-bottom:5px;}
h3, h3 a {font-size:12px;color:#fff;line-height:14px;}
h4 {}
h5 {}
h6 {}

/* Shoe Styles */
body {font: 10px/13px Verdana, sans-serif; background:#060606 url(/images/bg3.jpg) no-repeat fixed 39% 0;}
a {color:#BFCCCC; font-weight:normal; text-transform:uppercase;}
h3 a {font-weight:bold; text-transform:none; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
#page-wrap {width: 900px; margin:0 auto; padding:15px 0 0 0;}
#header {width:867px; height:100px; margin:0 18px 0 17px;}
	#header ul#members  {float:right; margin-bottom:10px; clear:both;}
		#header ul#members li {display:inline; float:left;}
			#header ul#members li.register {padding:0 10px 0 0;border-right:1px solid #fff;}
			#header ul#members li.login {padding:0 0 0 10px;}
	#logo {width:153px; height:67px; float:left; margin:0px 0 0 40px;}
	#logo h1 {color:#fff; text-indent:-9999px;}
	#navigation{float:right;width:580px;}
		#newsletter {border-right:2px solid #81e30d; border-left:2px solid #81e30d; border-top:2px solid #81e30d; background-color:#8af808; float:right; width:254px; height:35px;}
			#newsletter h6 {color:#e0234d; padding-bottom:2px;}
			#newsletter form {width:254px;}
			#newsletter input.text {background-color:#5ba601; border:0 none; width:186px; font-size:10px; color:#fff; padding:2px; float:left;}
			#newsletter input.submit {color:#ffaf03; background-color:#5ba601; margin-left:5px; border:1px solid #5ba601; width:58px; float:right; font-weight:bold;}
		ul#nav { height:25px; border:2px solid #8af808;background-color:#5B8D1F; text-align:center; padding:0 0px 0 0px;}
			ul#nav li { float:left; padding:1px 0 0 0; display:inline;}
			ul#nav li a {display:block; text-indent:-9999px; height:24px;}
				ul#nav li a.blog {background:url(/images/nav_blog.png) no-repeat 0px top; width:59px;}
				ul#nav li a.band {background:url(/images/nav_band.png) no-repeat 0px top; width:67px;}
				ul#nav li a.music {background:url(/images/nav_music.png) no-repeat 0px top; width:76px;}
				ul#nav li a.merch {background:url(/images/nav_merch.png) no-repeat 0px top; width:80px;}
				ul#nav li a.gallery {background:url(/images/nav_gallery.png) no-repeat 0px top; width:87px;}
				ul#nav li a.shows {background:url(/images/nav_shows.png) no-repeat 0px top; width:77px;}
				ul#nav li a.downloads {background:url(/images/nav_downloads.png) no-repeat 0px top; width:130px;}
				ul#nav li a.blog:hover, ul#nav li a.blog.selected {background-position: 0 bottom;}
				ul#nav li a.band:hover, ul#nav li a.band.selected {background-position: 0 bottom;}
				ul#nav li a.music:hover, ul#nav li a.music.selected {background-position: 0 bottom;}
				ul#nav li a.merch:hover, ul#nav li a.merch.selected {background-position: 0 bottom;}
				ul#nav li a.gallery:hover, ul#nav li a.gallery.selected {background-position:0 bottom;}
				ul#nav li a.shows:hover, ul#nav li a.shows.selected {background-position:0 bottom;}
				ul#nav li a.downloads:hover, ul#nav li a.downloads.selected {background-position: 0 bottom;}
				#modern-days-banner {width:867px; height:30px;margin:0 0 10px; }
				#modern-days-banner a {background:url('/images/modern-days-banner-final.png') no-repeat 0 0;text-indent:-9999px;display:block;width:867px; height:30px; -moz-border-radius:8px; -webkit-border-radius:8px;}
				#modern-days-banner a:hover {background-position:bottom left; cursor:pointer;}
				
#content-wrapper {margin:10px 18px 10px 17px; width:867px;float:left;}
	h1.page-title  {text-indent:-9999px; width:867px; height:24px; font-size:14px;}
	body#home h1.page-title, #blog h1.page-title {background: url(/images/home_banner.png) no-repeat;}
	#shows h1.page-title {background: url(/images/shows_banner.png) no-repeat;}
	#gallery h1.page-title {background: url(/images/gallery_banner.png) no-repeat;}
	#music h1.page-title {background: url(/images/music_banner.png) no-repeat;}
	#merch h1.page-title {background: url(/images/merch_banner.png) no-repeat;}
	#band h1.page-title {background: url(/images/band_banner.png) no-repeat;}
	#downloads h1.page-title {background: url(/images/downloads_banner.png) no-repeat;}
	#content {width: 857px;  float:left; margin-bottom:25px; padding:5px; background-color:#8af808;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
	#content #main-content {}
	#home #content, #blog #content {}
	#band #content {}
	#shows #content {background-color:#c009bc;}
	#gallery #content { background-color:#00aef0;}
	#merch #content { background-color:#ffaf03;}
	#music #content {background-color:#e0234d;}
		#left-column {width:351px; float:left; background-color:#333;min-height:450px;}
			#home #blog-entries {min-height:458px;height:auto !important;height:458px;}
			#blog-entries {padding:10px; clear:both;}
				#blog-entries .entry {margin-bottom:10px;}
				#blog-entries .entry .date {font-style:italic;font-weight:normal;}
				#blog-entries .entry img {float:left; margin:5px 10px 0 0;}
				#blog-entries .entry .read-more {float:right;}
				#blog-entries p.all {float:right; padding:5px 0 0 0;}
			#latest {border-top:5px solid #8af808; padding:10px;height:174px;}
				#latest h1 {text-indent:-9999px;background:url(/images/latest_release.png) no-repeat; width:340px; height:18px;}
				#latest ul {}
				#latest ul li {float:left; display:inline;padding:7px; width:95px;}
				#latest p a {float:right;}
		#right-column {width:501px; float:right; margin-left:5px;}
			ul#featured {width:501px;height:377px;background-color:#ebebeb;overflow:hidden;}
			ul#featured li {}
			.promo {height:95px; border-top:5px solid #8af808;}
			.promo p {font-family: Georgia,"Times New Roman",Times,serif; color:#e0234d; font-size:16px; text-align:center;}
			#first-promo {background-color:#ffaf03;padding-top:20px; height:75px;}
				#youtube-promo p ,#facebook_promo p {width:170px; float:left;padding-top:10px;}
				#youtube-promo img.youtube-promo-image{float:left; width:120px;}
			#second-promo {background-color:#e0234d;}
				#second-promo img {}
				#facebook_promo, #youtube-promo {width:300px; margin: 0 auto;padding: 5px 0 0 5px;}
				#facebook_promo p {line-height:18px; padding-top:20px;}
				#facebook_promo p a {text-transform:none;font-weight:bold;text-decoration:none;}
				#facebook_promo p a:hover {text-decoration:underline;}
					#facebook_promo .fb_icon {padding:0 10px 0 0;float:left;}
			#third-promo {background-color:#00aef0;}
				#third-promo h1 {padding:13px 0;text-align:center;line-height:22px; color:#FFAF03;}
					#third-promo h1 a {color:#FFAF03;text-transform:none;font-weight:bold;text-decoration:none;}
						#third-promo h1 a:hover, #third-promo p a:hover {text-decoration:underline;}
					#third-promo p a {font-family: Georgia,"Times New Roman",Times,serif; color:#e0234d; font-size:16px; text-align:center;text-transform:none;text-decoration:none;}
					#third-promo p a span{font-weight:bold;}
	ul#footer {width:867px; margin:auto; padding-bottom:10px; clear:both;}
		ul#footer li {line-height:20px;}
		ul#footer li.shoe-footer {}
		ul#footer li.design-develop {}
		.results {padding:0 0 0 10px;}

/* Shows Styles */
	#shows a.thumbs {float:left;padding:10px 8px;}
	#shows a.thumbs img {border:2px solid #82087F;}
	#shows .individual-shows {background-color:#333;padding:10px;}
	#shows .individual-shows ul {padding-bottom:10px;}
	#shows .individual-shows ul li {line-height:16px;}
	
/* Band Styles */
	#band h3 {padding:0 0 10px 0;}
	#band #left-column ul#discography li {float:left; display:inline; padding:0 7px 7px 7px;width:95px; min-height:140px; height:auto !important; height:140px;}
	#band .member {background-color:#333; float:left; padding:10px; width:120px; margin:10px;}
	#band .member img {padding:10px;}
	#band .member p.meet {float:right; }
	#band .individual-member {background-color:#333;padding:10px;}
	#band .individual-member img {padding:10px 0;}
	#band .individual-member h3 {padding:0;}
	
/* Blog Styles */
	#blog .entry {background-color:#333;  padding:10px; border-bottom:1px solid #8AF808;}
	#blog .entry img {float:left;margin:5px 10px 0 0;}

/* Music Styles */

	#music .album {background-color:#333; float:left; margin:10px; padding:10px; width:120px; }
	#music .album img {padding:10px;}
	#music .individual-album {background-color:#333;padding:10px;float:left; width:471px;}
	#music #right-column .album-image {float:left;}
	#music #right-column h3 {}
	#music #right-column .album-detail {float:left;padding-right:10px;width:230px;}
	#music #right-column .album-shop {float:right; width:230px;}
	#music a.show {display:block; height:20px; padding:0 0 0 24px; width:152px;}
	#music a.show:hover {cursor:pointer;}
	#music #right-column h3 {padding-bottom:10px;}
	#music #right-column img.art {padding-bottom:20px;}
	#music #right-column .album-notes {float:right; width:230px;}
	#music #right-column p.not-logged {font-weight:normal;}
	#music #right-column a#trigger  {text-transform:none; color:#8AF808; text-decoration:none;}
	#music #right-column .tooltip {background-color:#8AF808;
	    font-size:14px;  
	    padding:20px ;
	    width:310px; 
	    font-size:14px; 
	    display:none; 
	    color:#fff;
		-moz-border-radius:8px;
		-webkit-border-radius: 8px;
		font-weight:normal;
		}
		#music #right-column .tooltip p {color:#333;}

/* Merch Styles */
	#merch .paypal {float:right;}
	#merch ul.for-sale {padding-bottom:20px;}
	#merch ul.for-sale li {padding:10px;}
	#merch ul.for-sale li h3 {padding-bottom:3px;}
	#merch .item {background-color:#333; float:left; margin:10px; padding:10px; width:120px; }
	#merch .item img {padding:10px;}
	#merch .item p {float:right;}
	#merch .item p.designer {font-weight:normal;}

/* Gallery Styles */
	#gallery a.thumbs {float:left;padding:10px 8px;}
	#gallery a.thumbs img {border:2px solid #016185;}
	
/* System message styles */
	.system .message {min-height:200px; background-color:#333; text-align:center; padding:30px 10px 10px 10px;}
	.system .message h1 {color:#fff; line-height:26px;}
	.system .message ul {padding:15px 0;}
	.system .message ul li {line-height:16px;}
	.system .message p {padding:15px 0;}

/* Page Styles */
	p.intro {padding-bottom:20px;}
	ul.results li {line-height:14px; padding:0 0 10px 0;}
	h3.title a {font-size:11px;color:#fff;text-decoration:none;}
	h3.title a:hover {text-decoration:underline;}
	body.inside #right-column {padding:5px 5px -1px 5px; width:491px;}
	
/* My Downloads Styles */
	a.download-button {width:115px; height:26px; display:block; text-indent:-9999px; background: url(/images/download-now.png) bottom left no-repeat; margin:5px;}
	a.download-button:hover {background: url(/images/download-now.png) top left no-repeat;}