/*

Theme Name: From White Shadows

Theme URI: http://thebandfrom.com

Description: Clean theme for The Band From.

Version: 1.0

Author: Roni Brunn

Author URI: http://formandpattern.com/


*/


/* Body */

body 			{background:#fff; color:#676767; font:76% Helvetica,Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; padding: 0; margin-top:10px;}

*				{margin:0; padding:0;}



/* Main wrap */

#wrap 			{color:#222; margin:0 auto; width:960px;}



/* color classes */
.yolk 			{border: #FFE202; color: #FFE202;}
.magenta 		{border: #E100A6; color: #E100A6;}
.aqua 			{border: #00EECE; color: #00EECE;}
.orange 		{border: #FF9C01; color: #FF9C01;}
.lime, .widget_mrt_sms, #sms_text_message 
				{border: #A1ED00; color: #A1ED00;}
.red 			{border: #E8020E; color: #E8020E;}
.blue 			{border: #482ED0; color: #482ED0;}
.ltgreyBGD 		{background-color:#EFEFEF;}
.whiteBGD 		{background-color:#FFF;}
.gray			{color:#222;}



/* Headers */

h1 				{color:#A1ED00; font-size:3.2em; letter-spacing:-2px; margin:0 0 10px 0;}
h1 a 			{color:#A1ED00;}
h1 a:hover 		{color:#482ED0;}
h1 a:hover 		{text-decoration:none;}
h2, table#wp-calendar caption 
				{text-align:left; font-weight:bold; font-size:1.3em; text-transform:uppercase; margin:0 0 5px; letter-spacing:.2px;}
h3 				{color:#E100A6; font-size:1.2em; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}
h4 				{color: #482ED0; font-size: 1.5em; line-height:normal;}
h4 a			{color: #482ED0;}
h5, h5 a 		{margin-top: 15px; font-size: 1.3em; font-weight: bold;}



/* Header */
#header 		{color:#676767; font:76% Helvetica,Verdana,Tahoma,Arial,sans-serif; height: 250px;}
#header ul 		{list-style:none;margin:0px; padding:0px;position: absolute;}
#header li 		{float:left;}
#header .lt-col {width:246px; font-size: 1.3em;line-height:1.4em; }
#header .player {margin-left:15px;*width: 683px;	}
[xmlns]body	#header .player 
				{width: auto;/*target IE7	*/}
* html #header .player 
				{width: auto;/*target IE6	*/}
#header .nav 	{ width: 131px;  font-size:2.6em;  text-transform:uppercase; font-weight:bold; *top:0;  *position:absolute;}
[xmlns]body #header .nav 
				{float:right;	/*target IE7	*/}
* html #header .nav 
				{float:right;	/*target IE6	*/}
#header .nav ul {padding:0 0 0 12px;margin:0;border-left:6px solid #F9E208; }
html>/**/body #header .nav ul 
				{padding:4px 0 0 12px;margin:0;}
#header .nav li {width:100%; margin-bottom:0; *height: 20px; *margin-top:-3px;position:relative;}
[xmlns]body #header .nav li 
				{ margin: 0 0 4px 0;	/*target IE7	*/}
#header .nav a {color: #5D5D5D;font: bold 100% Helvetica,Verdana,Tahoma,Arial,sans-serif;}
html>/**/body #header .nav a 
				{position:relative; }
#header .nav a:hover 
				{text-decoration:none; }

#header .nav a.yolk:hover {color: #FFE202; }
#header .nav a.red:hover {color: #E8020E; }
#header .nav a.magenta:hover {color: #FFE202; }
#header .nav a.aqua:hover {color: #00EECE; }
#header .nav a.orange:hover {color: #FF9C01; }
#header .nav a.blue:hover {color: #482ED0; }
#header .nav a.lime:hover {color: #A1ED00; }
	
/*	#header #subscribe {position:absolute; top:160px; float:left;}	*/
#header #subscribe 
				{margin: 0; }
#header #subscribe ul
				{margin:0; padding:0; }
#header #subscribe li 
				{float:left;height: 50px;position:relative;}
#header #subscribe input 
				{position: absolute; bottom: 0;display:inline; 
				background: #E100A6 url(http://www.thebandfrom.com/header-player/images/subscribe-bkgd.gif) no-repeat left 0; height: 50px;color: #FFF; 
				font: bold 3.5em/1.5em Helvetica,Arial,Tahoma,sans-serif; text-align: center;padding: 0; border:0 none; clear: both;}
[xmlns]body #header #subscribe input
				{padding-top: 9px; height: 41px;line-height:1em;} /*target IE7	*/
* html #header #subscribe input
				{padding-top: 9px; height: 41px; line-height:1em;} /*target IE6	*/
#header #subscribe input#email 
				{width: 340px;}
#header #subscribe #submit_short 
				{position:absolute; left:340px; color: #E100A6;font-size:3.5em; border: 0 none; 
				background: #FFF url(http://www.thebandfrom.com/header-player/images/arrow-magenta.png) no-repeat left 14px; 
				padding: 1px 0 0 29px; margin:0 0 0 7px; text-align: left; height:50px;}
html>/**/body #header #subscribe #submit_short 
				{padding: 7px 0 0 28px; margin-left: 7px;line-height:.7em;} /* keep secret from IE */



/* Sidebar */

#sidebar 		{float:left; margin:0 0 5px; padding:0; width:230px;}
#sidebar p,#sidebar ul,#sidebar .textwidget 
				{margin:0 0 15px 0;}
#sidebar ul li 	{list-style:none; border-left: 6px solid; padding: 0 0 0 6px; margin-bottom:20px;}
#sidebar ul li ul li 
				{margin:0 0 6px; padding: 0; color: #222; font-size:1em;}
#sidebar li a 	{font-weight:bold; }
#sidebar ul ul 	{margin:5px 0 5px 0; border: none;}
#sidebar ul ul li 
				{margin:0 0 5px; border: none;}
#sidebar ul ul li a 
				{font-weight:bold;}
.aktt_more_updates 
				{text-transform:uppercase;}



/* Content */

/*	#content {float:left; line-height:1.5em; margin:0 55px 10px 30px; text-align:left; width:530px;font-size:1em;}
*/

#content 			{float:right; line-height:1.5em; margin:0 0px 10px 20px; text-align:left; width:700px;font-size:1em; right: 190px; *clear:right;}
html>/**/body #content 
					{margin:0 0px 10px 20px;}
html>div #content	{*margin-right: 0px; }
[xmlns]body #content 
					{margin-right:0px;	/*target IE7	*/}
#content ul,#content ol 
					{margin:0 0 18px 30px; float:left; width:482px;}
#content ul li,#content ol li 
					{margin:0 0 3px;}
#content ul ul,#content ol ol 
					{margin:5px 0 5px 15px;}
#content li 		{clear:both; width: 500px;}
#content img 		{margin:5px;}
#content img.alignright, #content div.alignright
					{padding: 4px; margin: 0 0 2px 7px; border: none; display: inline; float: right;}
#content img.alignleft, #content div.alignleft
					{padding: 4px; margin: 0 7px 2px 0; border: none; display: inline; float: left;}	
#content img.alignright0, #content div.alignright0
					{padding: 0; margin: 0; border: none; display: inline; float: right;}
#content img.alignleft0, #content div.alignleft
					{padding: 0; margin: 0; border: none; display: inline; float: left;}
#content img.aligncenter 
					{padding: 0; margin-right: auto; margin-left: auto; border: none; float: none; display: block;}
.wp-caption-text	{font-size: 0.8em; line-height: 1.0em; padding: 0 6px; color: #676767;}
#content p 			{margin:0 0 15px 0;position:relative;}
#content p a, #content ul li a 
					{color: #482Ed0;}
#content p.timestamp 
					{margin: 0 0 10px; font-size:.9em;}
#content p.timestamp a 
					{font-weight:normal;}
#content #postnav	{padding:5px; margin:5px 0 18px;}
#content #gallerypostnav 
					{padding:0; margin:5px 0 5px;}
#content #postnav p, #content #gallerypostnav p 
					{margin:0; width: 250px;}
#content #postnav p.right 
					{text-align:right; padding-right:5px; margin-top:-18px; width: 250px; float: right;}
#content #gallerypostnav p.right 
					{text-align:right; padding-right:5px; margin-top:-19px; float:right;}
#content #gallerypostnav ul
					{list-style:none;margin:0 0 20px 0; padding:0px;width: 520px;}
#content #gallerypostnav li
					{height: 180px;}
					

/* Socialize */
#socialize 			{width: 700px; margin: 0; float:right; }
#socialize h2 		{float:left; margin:0;}
#socialize img 		{float:left; margin-right:15px;}
#socializebar 		{float: left; border-top: 6px solid #A1ED00; width: 440px; margin:8px 0 -10px 8px; height:1px;}
#socialize2		 	{width: 530px; margin: 0 0 15px 0; float:left;}


/* Footer */

#footer 			{border-top:4px solid #dadada; clear:both; color:#808080; font-size:1.1em; line-height:1.6em; 
					margin:0 auto; padding:8px 0; text-align: ; font-weight:bold;}
#footer p 			{margin:0; padding:0;}
#footer a 			{color:#808080; font-weight:bold}
#footer a:hover 	{text-decoration:underline;}
#footer span, #footer span a 
					{font-weight:normal;}


/* Comments and SMS text message widget*/

#content div.comment {margin-bottom:15px;}
#content div.comment p {margin:0 0 4px 10px;}
#commentsection 	{border-left: 6px solid #E8020E; padding: 0 0 0 6px; /*clear:both;	*/}
#commentsection p 	{margin:0 0 8px;}
#commentsection input,#commentsection textarea 
					{padding:5px 0 5px; width:518px;}
#commentsection textarea#comment 
					{width:518px;}
#commentsection input#submit, #sms-text-message input#submit 
					{width:75px;color:#FFF; text-transform:uppercase;background-color:#E8020E;}
#commentsection input,#commentsection textarea, #sms-text-message input, #sms-text-message select 
					{font:94% Helvetica,Verdana,Tahoma,Arial,sans-serif; font-weight:bold; border:1px solid #CCC; padding:5px;}
#sms-text-message input 
					{width:166px; margin-bottom:5px;color:#000; text-transform:uppercase;background-color:#A1ED00;}
#sms-text-message input#number 
					{background-color:#FFFFFF;}
#sms-text-message select 
					{width:176px; margin-bottom:5px;}


/* Tags */

blockquote 			{font-size:0.9em; margin: 0 25px 40px 25px; padding: 0;}
blockquote p 		{font-weight:bold;}
table#wp-calendar 	{width:180px; margin:0 0 18px 10px;}
p 					{margin:0 0 18px 10px;}
ul,ol,dl 			{margin:2px 0 16px 35px;}
ul ul,ol ol 		{margin:4px 0 4px 35px;}
code				{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}



/*	Related Posts	*/

#content .related_posts
					{width: 520px;}
#content .related_posts img 
					{padding:0;margin:0;}
#content .related_posts ul, .related_posts ul 
					{list-style-type: none; padding:0;margin:0 0 10px 5px; width: 520px; float:none;}
#content .related_posts ul li {float:none; padding:0;margin:0 10px 0 0;width: 150px;
					min-height: 150px; display: -moz-inline-stack; display: inline-block;
					vertical-align: top; zoom: 1; *display: inline; _height: 150px;
					line-height: 1.2em; text-align: center; clear:none;}



/* Links */

a 					{color:#222; font-weight:bold; text-decoration:none;}
a:hover 			{text-decoration:underline;}
a img 				{border:0;}



/* Float fix */

.contenttext 		{/*overflow:hidden;	*/}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}



/* Searchbox */

.searchbox 			{margin:8px 0 15px 0;}
.searchbox label 	{display:none;}
.searchbox input 	{font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc; font-weight:bold; border:1px solid #ccc;}



/* Discography */

#discography_album 	{text-align:left;margin-bottom: 30px;width: 700px; }
#discography_album img 
					{float:left; padding: 0; margin:0;}
#discography_album ul 
					{margin:0 ;list-style:none; }
#discography_album ul li.row 
					{ padding-bottom: 30px; width: 700px;overflow:auto;}
#discography_album ul li ol li 
					{ margin-bottom: 6px; padding:0; width: 480px;}
#discography_album .tracks 
					{ float:left; padding: 0; margin: 0; width:510px;  }
.tracks ol li 		{list-style-type:decimal;}
#discography_album object 
					{margin:0 3px -4px 3px;}
.lyrics 			{overflow:auto; color:#828282;}
.about 				{overflow:auto; color:#9696C8;}
#discography_album .imagearea 
					{float:left; width: 150px; text-align: center;}
#discography_album .imagearea a 
					{ color: #E8020E;}
.overflow 			{overflow:auto;}
#discography_album h4 
					{width: 700px;}
.tracks 			{overflow:hidden;}
.tracks ol li 		{width:470px;}


/* Gallery   see line 382 in wp-includes/media.ph*/

.gallery 		{display: block;clear: left;overflow: hidden;margin: auto;}
.gallery-item 	{float: left;margin: 10px 0 0 0;text-align: center;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail 
				{ max-width: 89%; height: auto; padding: 0; margin: 0 auto; }
.gallery div.clear 
				{ width: 0px; height: 0px; }
#gallerypostnav ul 	
				{clear: both;}
#gallerypostnav li 	
				{clear: right; width: 150px; top: 0; position: relative;}

/* Image sizes depending on the number of columns */
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 24.5%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

.gallery-caption 	{margin-left: 0;}
.clear 				{ clear: both; height: 0; }
		
			
/* Shop */
.widecontent		{margin:0 0 30px 0; width: 700px;/*float: left;overflow:hidden;*/ clear: left; }
* html #content .widecontent
					{margin:0 auto; clear:none; width:670; overflow:hidden;} /*target IE6	*/
.widecontent p.breadcrumb 	
					{padding-top:10px; font-size:.9em; text-align: left;}
.shop_item			{}
.shop_item h1		{font-size:2.4em; font-weight:bold;  line-height: normal;}
.shop_item .col_left
					{float: left; width: 300px; text-align: center;line-height: 0px; margin-bottom: 50px; position: relative;}
.shop_item .col_left a p 
					{ line-height: 15px;}
.shop_item .col_right
					{float: right; width: 380px; height: 400px;}
#shop				{width: 725px; clear: both;}
#shop li img		{margin: 0 0 3px 0; position: relative; width: 220px; display:block;}
#shop ul			{list-style-type: none; margin:0 0 30px 0;width: 725px;}
#shop li			{width: 230px; min-height: 300px; display: -moz-inline-stack; display: inline-block;
					vertical-align: top; margin: 0 20px 20px 0; zoom: 1; *display: inline; _height: 300px;}
#shop li p 			{margin: 0; width:220px; }
.t-shirt-paypal-button, .t-shirt-paypal-button a
					{color: #FFFFFF; font-weight: bold; padding: 8px 10px; margin: 10px; clear: both; text-transform:uppercase;}
.t-shirt-paypal-button a
					{background-color: #E8020E; border: 3px solid #E8020E; }
.t-shirt-paypal-button a:hover
					{background-color: #479EFD; text-decoration: none;}	
.shop_item form 	{margin-bottom: 99px;}
.buy_now 			{position:relative;top:14px; margin-left:5px;}	
* html .buy_now		{top: 11px;	/*target IE6	*/}
[xmlns]body .buy_now	
					{top:11px;	/*target IE7	*/}	
a .sold-out			{ position: absolute; top: 200px; left: -1px; width: 100%;}			
.sold-out-small		{ position: absolute; top: -85px; width: 100%; }
#shop h6			{background-image:url(http://www.thebandfrom.com/wp-content/uploads/sold-out-small.jpg); height: 35px;position: absolute; 
					top: 150px; width: 220px; z-index:10; display:inline; left:5px; margin:0 auto;border:0;}
[xmlns]body #shop h6
					{left:0px;	/*target IE7	*/}		
* html #shop h6 
					{left:0px;	/*target IE6	*/}
				
/*	sign up	

#signup_form legend#mainlegend span {color: #000;} doesn't work - need to fix blue text in IE
*/


/* the form itself */
#signup_form {border-left: 6px solid #E8020E; padding: 0 0 0 6px; }

#signup_form_header {border: none; padding: 0px; font:50% Helvetica,Verdana,Tahoma,Arial,sans-serif; height: 26px;background-image:url(http://www.thebandfrom.com/wp-content/themes/from/images/subscribe-bkgd.jpg);}

/* all fieldsets */
#signup_form fieldset {border:0px none; padding-bottom: 20px; }

/* to redefine outer fieldset */
#signup_form fieldset#formwrap {border:0px none; padding-bottom:0; margin-bottom:0;}

/* form head if needed */
.formhead {margin-bottom:20px; }

/* form leagend and result dt */
#signup_form legend, #signup_form dt {text-transform:uppercase; font-weight:bold; margin: 0; }

/* redefine main legend props */
#signup_form legend#mainlegend {margin-bottom:20px; text-transform:none; }

/* define all inputs, except button */
#signup_form input.short, #signup_form input.med, #signup_form select.med, #signup_form textarea.textbox {padding:5px; width:504px; font:94% Helvetica,Verdana,Tahoma,Arial,sans-serif; font-weight:bold; border:1px solid #ccc; margin-bottom:8px;}

#signup_form_header input.med {padding: 5px; height: 14px; margin: 0; width:240px; font-weight:bold; border: none; position:relative; top:-9px; background-color:#E8020E; color:#FFFFFF; }

#signup_form select.short {padding:5px; width:150px; font:94% Helvetica,Verdana,Tahoma,Arial,sans-serif; font-weight:bold; border:1px solid #ccc; margin-bottom:8px;}

/* spec for textarea only */
#signup_form textarea.textbox { padding:5px; width:504px; font:94% Helvetica,Verdana,Tahoma,Arial,sans-serif; font-weight:bold; border:1px solid #ccc; margin-bottom:8px; }

/* spec for checkbox only */
#signup_form input.checkbox { border:1px solid #ccc; margin-bottom: 20px;}

/* the make button stable in IE6 it must be defined */
* html input.button { width:75px;color:#E8020E; text-transform:uppercase;background-color:#fff;}

/* redefine for short input only, if wanted */
#signup_form input.button{ width:75px;color:#FFF; text-transform:uppercase;background-color:#E8020E; font:94% Helvetica,Verdana,Tahoma,Arial,sans-serif; font-weight:bold; border:1px solid #E8020E; padding: 5px;margin: 0; text-align:center;}

#signup_form_header input.button { width:85px;color:#FFF; text-transform:uppercase;background-color:#E8020E;font:94% Helvetica,Verdana,Tahoma,Arial,sans-serif; font-weight:bold; border:none; padding: 5px;margin: 0; text-align:center; position:relative; bottom:6px;}

/* success span, error span, form div dt (redefine) */
span.error, span.success, #signup_form_div dt {font-weight:bold; }

#error {margin: 6px 15px 6px 15px; font-weight:bold;}

#requestsimple, #requestfull { position:absolute; top: 0; }

#holder {position: relative; top: 0;}


/* Various classes */

.post 				{margin:0 0 30px; width: 530px;}
.textright 			{text-align:right;}
.textcenter 		{text-align:center;}
.hide 				{display:none;}
ul.clb_plus li 		{background: url(http://www.thebandfrom.com/wp-content/themes/from/images/feed-icon_orange-14px.png) no-repeat left center;padding-left: 13px;}