/* 
    Thanks to Chris Coyier & Tom Gavin
              http://chriscoyier.net
              http://tomgavin.net
*/

html						{ height: 101% }
* 							{ margin:0; padding:0; }
body 						{ color: #333333; font-size: 68%; font-family: arial, sans-serif; background: #CAC0A0 url(images/topbar.png) no-repeat center top;}
body#welcome-body			{ background: #cac0a0;}
body#about img				{ border: 1px solid; margin: 5px; }

p 			 				      { font-size: 1.3em; line-height: 1.4; margin-bottom: 1.0em;}
p.indent-italics			{ margin-left: 40px; font-style: italic; }
.italic						{ font-style: italic; }
.bold						  { font-weight: bold; }
.underline					{ text-decoration: underline;}
a							    { text-decoration: underline; color: #333333; outline: none; }
a:hover						{ color: #026192; }
a.no-underline				{ text-decoration: none; }
a:hover.no-underline		{ text-decoration: underline; }
table 						{ color: #111111; font-size: 1.0em;; font-family: arial, sans-serif; margin-bottom: 15px;}
li							{ font-size: 1.3em; }
h1							{ color: #632020; font-family: helvetica; font-weight: bold; font-size: 2.1em; margin-bottom: 1px; margin-top: 10px; letter-spacing: -0.03em; padding-top: 10px; }
h2							{ color: #333333; font-family: helvetica; font-weight: bold; font-size: 1.4em; margin-bottom: 1px; letter-spacing: -0.03em; }
h2 a						{ color: #333333; }
.clear						{ clear: both; }
.noborder					{ border: none; }
.noborder img				{ border: none; }
.float-right				{ float: right; padding: 0 0 0 3px; }
.float-left					{ float: left; }
.center						{ text-align: center; }
.white						{ color: white; }
.white a					{ color: white; }
.white a:hover		{ color: #026192; }
.small            { font-size: 0.95em; }
.smaller					{ font-size: 0.8em; }
.nowrap           { white-space: nowrap; }

.bottom-margin				{ margin-bottom: 10px; }
.bottom-margin-none			{ margin-bottom: 0px; }

li							{ display: inline; }

a#welcome-image				{ display: block; height: 586px; width: 496px; background: url(images/welcome-full.gif) no-repeat left top;
								text-indent: -9999px; margin: 0 auto;}

#leefeldman-gif				{ margin-right: 20px; }
#top-image					{ margin-left: 12px; text-align: left }

#pagewrap					{ padding-top: 3px; width: 830px; }
#pagewrap-music			{ padding-top: 3px; width: 870px; }



/* ----------------- top pictures ---------------- */
#title-lee-feldman			{ display: block; height: 70px; width: 430px; background: url(images/leefeldman.gif) no-repeat right bottom; margin-right: 20px; }
#title-picture-home			{ display: block; height: 143px; width: 369px; background: url(images/title-man.png) no-repeat left top; padding: 0 0 15px 20px; }
#title-picture-music		{ display: block; height: 143px; width: 438px; background: url(images/title-yellow.png) no-repeat left top; margin-left: 12px; }
#title-picture-videos		{ display: block; height: 143px; width: 438px; background: url(images/title-red-roof.png) no-repeat left top; margin-left: 12px; }
#title-picture-about		{ display: block; height: 143px; width: 438px; background: url(images/title-yellow-window.png) no-repeat left top; margin-left: 12px; }
#title-picture-press		{ display: block; height: 143px; width: 438px; background: url(images/title-blue.png) no-repeat left top; margin-left: 12px; }


/* ----------------- newsletter ---------------- */
#maincontent-newsletter		{ padding-top: 0; margin-top: -15px; width: 830px; min-height: 400px; }
#newsletter-head			    { display: block; height: 65px; width: 370px; background: url(images/newsletter-head.png) no-repeat top right; text-indent: -9999px; }
#newsletter-head:hover		{ opacity: 0.7; }
ul#newsletter-list			{ margin: 10px 0 0 0}
ul#newsletter-list li		{ display: list-item; list-style: none; margin: 4px 0 0 7px; }
.newsletter-wrap			{ background-color: white; width: 700px; text-align: left; margin: 20px 0 50px 0; padding: 40px 65px 40px 65px; -moz-box-shadow: 10px 10px 5px #777; -webkit-box-shadow: 10px 10px 5px #777; box-shadow: 10px 10px 5px #777; }
.newsletter-wrap h3			{ font-family: helvetica; font-weight: bold; font-size: 1.8em; margin-bottom: 1px; letter-spacing: -0.03em; }
.newsletter-top				{ border: solid 3px black; width: 700px; padding: 15px 0 10px 0; margin: 0 auto; }
.newsletter-subtop			{ border-top: solid 1px black; padding: 7px 10px 0 10px; }
.newsletter-subtitle		{ float: right; display: block; height: 20px; width: 193px; margin-top: -5px; background: url(images/newsletter-subtitle.png) no-repeat center top; text-indent: -9999px; }
.newsletter-title			{ display: block; height: 49px; width: 700px; background: url(images/newsletter-title.png) no-repeat center top; text-indent: -9999px; }
.newsletter-left			{ float: left; width: 325px; text-justify: newspaper; margin: 20px 40px 10px 0; }
.newsletter-right			{ float: left; width: 325px; text-justify: newspaper; margin: 20px 10px 10px 0; }


ul#nav						  { width: 430px; color: #E2D8A8; font-size: 1.1em; list-style: none; letter-spacing: -0.02em; padding-right: 20px;  padding-bottom: 39px; margin-top: 10px;}
ul#nav li a					{ color: #E2D8A8; margin: 0px 3px 0px 3px; text-decoration: none; }
ul#nav li a:hover, a:active	{ color: orange; }

#welcome					    { padding-top: 30px; width: 650px; text-align: center; margin: 0 auto;}
#welcome img				  { padding: 0 0 20px 0; }
#welcome a img				{ border: none; text-decoration: none; }

#maincontent				    { padding-top: 0; margin-top: -15px; width: 720px; min-height: 400px; }
#maincontent-music			{ padding-top: 0; margin-top: -15px; width: 700px; min-height: 400px; }
#maincontent-belee			{ text-align: left; margin-top: -15px; padding-top: 5px; width: 660px; min-height: 400px; }

#left						{ float: left; width: 335px; text-align: right; }
#left-music					{ float: left; width: 330px; text-align: right; }

#right						{ float: right; width: 335px; text-align: left; }
#right-music				{ float: right; width: 330px; text-align: left; }

#full						{ text-align: left; padding: 10px 0 0 0}

a#home-be-lee-flip			{ float: right; display: block; width: 100px; height: 98px; border: none; background: url(images/home-be-lee-flip.gif) no-repeat top left; }
a#home-be-lee-flip:hover	{ background-position: top right; border: none; }

a#home-photo-flip			{ display: block; cursor: default; width: 200px; height: 150px; border: 1px solid #000000; background: url(images/home-lee-flip.png) no-repeat top left; }
a#home-photo-flip:hover		{ background-position: top right; border: 1px solid #000000; }

a#star-wow-flip				{ float: right; display: block; width: 100px; height: 98px; border: none; background: url(images/star-wow-flip.gif) no-repeat top left; }
a#star-wow-flip:hover		{ background-position: top right; border: none; }

a#star-easy-flip			{ float: right; display: block; cursor: default; width: 100px; height: 98px; border: none; background: url(images/star-easy-flip.gif) no-repeat top left; }
a#star-easy-flip:hover		{ background-position: top right; border: none; }


.new-album-wrap           { margin-top: 8px; }
/*
#album-halo               { display: block; width: 160px; height: 160px; float: right; margin-left: 8px; border: 1px solid black;  background: url(images/album-halo.jpg) no-repeat center; }
#album-halo:hover         { border: 1px solid #026192; opacity: 0.7; }  
*/
#album-halo               { display: block; width: 160px; height: 160px; float: right; margin-left: 8px; border: 1px solid black; background: url(images/album-halo.jpg) no-repeat center; text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
#album-halo:hover         { border: 1px solid #026192; text-indent: 0px; } 
#album-no-4               { display: block; width: 160px; height: 160px; float: right; margin-left: 8px; border: 1px solid black; background: url(images/album-no-4-sm.jpg) no-repeat center; }
/*
#album-sacred-time        { display: block; width: 160px; height: 160px; float: right; margin-left: 8px; border: 1px solid black;  background: url(images/album-sacred-time-sm.jpg) no-repeat center; }
#album-sacred-time:hover  { border: 1px solid #026192; opacity: 0.7; }  
*/
#album-sacred-time        { display: block; width: 160px; height: 160px; float: right; margin-left: 8px; border: 1px solid black; background: url(images/album-sacred-time-sm.jpg) no-repeat center; text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
#album-sacred-time:hover  { border: 1px solid #026192; text-indent: 0px; } 

 


/* ----------------- listen page ---------------- */
a#cd-buy-ive				  { display: block; width: 170px; height: 170px; border: 1px solid black; background: url(images/cd-iveforgotten-buy.png) no-repeat top left; text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
a#cd-buy-jupiter			{ display: block; width: 170px; height: 170px; border: 1px solid black; background: url(images/cd-jupiterhat-buy.png) no-repeat top left;  text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
a#cd-buy-living				{ display: block; width: 170px; height: 170px; border: 1px solid black; background: url(images/cd-livingitallwrong-buy.png) no-repeat top left;  text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
a#cd-buy-starboy			{ display: block; width: 170px; height: 170px; border: 1px solid black; background: url(images/cd-starboy-buy.png) no-repeat top left; text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0;}

#cd-buy-ive:hover,
a#cd-buy-jupiter:hover,
a#cd-buy-living:hover,
a#cd-buy-starboy:hover		{ text-indent: 0px; border-color: #026192; }

.cd-text-background      { background-color: #444444; padding: 5px; opacity: 0.9; }

.buy-button           { border: 1px solid #282215; font-size: 0.8em; display: block; text-align: center; color: #CAC0A0; background-color: #282215; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 1px 3px; text-decoration: none; margin-top: 8px; }
.buy-button:hover     { background-color: #722222; color: #CAC0A0 }
.buy-button-wrap li   { float: right; }
.buy-button-wrap-new-stuff li   { float: left; }
.itunes-button        { display: block; width: 44px; height: 40px; background: url(images/logo-itunes.png) no-repeat top center; text-indent: -9999px; text-align: center; text-decoration: none; margin: 0 2px 0 2px; }
.itunes-button:hover  { text-indent: 0px; border-color: #026192; }
.cdbaby-button        { display: block; width: 44px; height: 40px; background: url(images/logo-cdbaby.png) no-repeat top center; text-indent: -9999px; text-align: center; text-decoration: none; margin: 0 2px 0 2px;}
.cdbaby-button:hover  { text-indent: 0px; border-color: #026192; }
.bandcamp-button      { display: block; width: 44px; height: 40px; background: url(images/logo-bandcamp.png) no-repeat top center; text-indent: -9999px; text-align: center; text-decoration: none; margin: 0 2px 0 2px; }
.bandcamp-button:hover  { text-indent: 0px; border-color: #026192; }
.amazon-button        { display: block; width: 44px; height: 40px; background: url(images/logo-amazon.png) no-repeat top center; text-indent: -9999px; text-align: center; text-decoration: none; margin: 0 2px 0 2px; }
.amazon-button:hover  { text-indent: 0px; border-color: #026192; }


.text-background      { position: relative; top: 44px; color: #333333; font-size: 0.7em; font-weight: bold; }

#album-no-4-listen                { display: block; width: 160px; height: 160px; float: left; margin: 0 8px 10px 0; border: 1px solid black; background: url(images/album-no-4-sm.jpg) no-repeat center; text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
#album-sacred-time-listen         { display: block; width: 160px; height: 160px; float: left; margin: 0 8px 10px 0; border: 1px solid black; background: url(images/album-sacred-time-sm.jpg) no-repeat center; text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
#album-sacred-time-listen:hover   { border: 1px solid #026192; text-indent: 0px; } 
#album-halo-listen                { display: block; width: 160px; height: 160px; float: left; margin: 0 8px 10px 0; border: 1px solid black; background: url(images/album-halo.jpg) no-repeat center; text-indent: -9999px; text-align: center; font-size: 1.5em; font-weight: bolder; text-decoration: none; line-height: 2em; color: #CAC0A0; }
#album-halo-listen:hover          { border: 1px solid #026192; text-indent: 0px; } 


/* ----------------- look page ---------------- */
.light-background-video-right		{ float: right; text-align: center; width: 315px; background-color: #E8E8D5; border: 2px #888888 solid; padding: 9px 2px 5px 2px; margin: 5px 0 6px 0px; }
.brown-background-video-right		{ float: right; text-align: center; width: 315px; background-color: #E8E8D5; border: 2px #888888 solid; padding: 9px 2px 5px 2px; margin: 5px 0 6px 0px; }


a#video-williamsburg		{ display: block; width: 110px; height: 83px; border: 1px solid; background: url(images/video-williamsburgbr-play.png) no-repeat top left; float: right; margin: 0 0 0 5px; }
a#video-onthemoon			  { display: block; width: 110px; height: 83px; border: 1px solid; background: url(images/video-onthemoon-play.png) no-repeat top left; float: right; margin: 0 0 0 5px; }
a#video-documentary			{ display: block; width: 110px; height: 83px; border: 1px solid; background: url(images/video-documentary-play.png) no-repeat top left; float: right; margin: 0 0 0 5px; }
a#video-petebelee			  { display: block; width: 110px; height: 83px; border: 1px solid; background: url(images/video-petebelee-play.png) no-repeat top left; float: right; margin: 0 0 0 5px; }
a#video-ittakestwo			{ display: block; width: 110px; height: 83px; border: 1px solid; background: url(images/video-ittakestwo-play.png) no-repeat top left; float: right; margin: 0 0 0 5px; }
a#video-davidbelee			{ display: block; width: 110px; height: 83px; border: 1px solid; background: url(images/video-davidbelee-play.png) no-repeat top left; float: right; margin: 0 0 0 5px; }
a#video-emptyroom       { display: block; width: 110px; height: 83px; border: 1px solid; background: url(images/video-emptyroom-play.png) no-repeat top left; float: right; margin: 0 0 0 5px; }


a#video-williamsburg:hover,	
a#video-onthemoon:hover,
a#video-documentary:hover,
a#video-petebelee:hover,
a#video-ittakestwo:hover,
a#video-davidbelee:hover,
a#video-emptyroom:hover { background-position: top right; }

a#photos-lee-balloon		{ display: block; width: 250px; height: 250px; border: 1px solid; background: url(images/photos-lee-balloon.png) no-repeat top left; margin: 0 0 30px 5px; }
a#photos-lee-balloon:hover	{ background-position: top right; }

/* ----------------- starboy ---------------- */

body#starboy #maincontent { width: 500px; }
#movies                 { width: 480px; text-align: left; }
.starboy-excerpt        { margin: 10px 0 35px 0; }


#kickstarterwidget			{ text-align: center;  padding: 0 0 0 25px; }
#kickstarterwidget2			{ padding: 0 0 30px 0px; }

.light-background			  { background-color: #E8E8D5; border: 3px #888888 solid; padding: 9px 2px 0px 5px; margin: 5px 0 16px 0px; }
.light-background p			{ margin-bottom: .7em; }
.small-box-left				  { float: left; font-size: .9em; text-align: center; width: 70px; background-color: #E8E8D5; border: 3px #3C2E00 solid; padding: 15px 7px 0px 7px; margin: 0 0 10px 0px }
.small-box-left	p			  {line-height: 1.1em }
#rightright					    { float: right; text-align: justify; text-justify: newspaper; width: 300px; background-color: #E8E8D5; border: 1px #999999 solid; border-bottom: 1px #999999 solid; padding: 0px 10px 5px 15px; margin: 30px 0 5px 15px }
.rightrightvideo			  { float: right; text-align: center; width: 310px; background-color: #373020; border: 1px #999999 solid; border-bottom: 1px #999999 solid; padding: 5px 5px 5px 5px; margin: 0 0 5px 5px }
.rightrightvideo p			{ color: white; margin-bottom: .4em; }
.float-right-video			{ float: right; text-align: center; width: 310px; background-color: #373020; border: 0px #999999 solid; border-bottom: 1px #999999 solid; padding: 5px 0px 5px 0px; margin: 0 0 8px 8px }
.float-right-video p		{ margin-bottom: .6em; }

.belee-list ul				{ padding-bottom: 15px;}
.belee-list li				{ display: list-item; list-style-type: bullet; text-indent: 1em; list-style-position: inside; }
.belee-list-nobullet ul		{ padding-bottom: 15px;}
.belee-list-nobullet li		{ display: list-item; list-style-type: none; text-indent: 1em; list-style-position: inside; }
.belee-list-arrow			{ padding-bottom: 15px;}
.belee-list-arrow li		{ display: list-item; list-style-image: url(images/arrow.gif); text-indent: 1em; list-style-position: inside; }

#footer						{ font-size: 0.8em; padding: 10px 0 10px 0; text-align: center; }

ul#nav2						{ list-style: none; text-align: center; padding-bottom: 5px; }
ul#nav2 li a					{ margin: 0px 11px 0px 11px; font-weight: bold; text-decoration: none; }
ul#nav2 li a:hover, a:active	{ color: #026192 }