/* 
    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; }
a:hover						{ color: red; }
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: #333333; font-family: helvetica; font-weight: bold; font-size: 2.1em; margin-bottom: 1px; letter-spacing: -0.03em; }
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: red; }

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

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; }

#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; }

ul#nav						{ width: 420px; 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: 5px; width: 660px; min-height: 400px; }
#maincontent-music			{ padding-top: 5px; width: 700px; min-height: 400px; }
#maincontent-belee			{ text-align: left; padding-top: 5px; width: 660px; min-height: 400px; }

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

#right						{ float: right; width: 315px; 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; }

a#cd-buy-ive				{ display: block; width: 170px; height: 170px; border: 1px solid; background: url(images/cd-iveforgotten-buy.png) no-repeat top left;}
a#cd-buy-jupiter			{ display: block; width: 170px; height: 170px; border: 1px solid; background: url(images/cd-jupiterhat-buy.png) no-repeat top left;}
a#cd-buy-living				{ display: block; width: 170px; height: 170px; border: 1px solid; background: url(images/cd-livingitallwrong-buy.png) no-repeat top left;}
a#cd-buy-starboy			{ display: block; width: 170px; height: 170px; border: 1px solid; background: url(images/cd-starboy-buy.png) no-repeat top left;}

a#cd-buy-ive:hover,
a#cd-buy-jupiter:hover,
a#cd-buy-living:hover,
a#cd-buy-starboy:hover		{ background-position: top right; }

.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-williamsburg:hover,	
a#video-onthemoon:hover,
a#video-documentary:hover,
a#video-petebelee: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 0 5px; }
a#photos-lee-balloon:hover	{ background-position: top right; }

.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: 10px 10px 5px 15px; margin: 0 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: red }