/* standardize elements */
body		{ background: #000; margin: 0; padding: 0;}
blockquote	{ margin: 15px 40px; padding: 0; }
sup			{ font-size: 75%; }
ul, ol		{ margin: 15px 0; padding: 0 0 0 40px; }
ol ol,
ol ul,
ul ol,
ul ul		{ margin: 0; }
ul.noMargin	{ margin-top: 0; margin-bottom: 0; }

BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #FFF; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans serif; line-height: 18px; }

h1, .Title		{ color: #BE5B18; font-size: 64px; font-weight: bold; line-height: 1em; font-family: Trebuchet MS, Arial, Helvetica, sans serif; padding: 0; margin: 5px 0; text-transform: uppercase; }
h2, .Header		{ color: #BE5B18; font-size: 32px; font-weight: bold; line-height: 1em; font-family: Trebuchet MS, Arial, Helvetica, sans serif; padding: 0; margin: 0 0 15px 0; text-transform: uppercase; }
h3, .Subheader	{ color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 1em; font-family: Trebuchet MS, Arial, Helvetica, sans serif; padding: 0; margin: 10px 0 5px; }
.new, .currPlay	{ color: #FFFFFF; font-size: 11px; font-weight: bold; padding-left: 10px; text-transform: uppercase; }

.Beige			{ color: #D5C5B8; }
.Orange			{ color: #BE5B18; }
.Black			{ color: #000000; }
.White			{ color: #FFFFFF; }
.LightGray		{ color: #E3DAD3; }
.DarkGray		{ color: #483A3B; }

.SmallText		{ font-size: 10px; line-height: 13px; }
.MediumText		{ font-size: 16px; line-height: 21px; }
.LargeText		{ font-size: 24px; line-height: 24px; }

.FloatLeft 		{ float: left; margin: 0 15px 15px 0; }
.FloatRight 	{ float: right; margin: 0 0 15px 15px; }

IMG.GrayBorder  { border: 1px solid #E3DAD3; }
IMG.HeaderLogo	{ border: 1px solid #E3DAD3; float: right; width: 150px; height: 150px; } 

/* site structure */
div#container	{ width: 900px; }
	div#container.home      			   { background: #000; }
	div#container.news      			   { background: url('../images/bg-news.jpg') 70% 100% no-repeat; }
	div#container.toussaint 			   { background: url('../images/bg-toussaint.jpg') 95% 100% no-repeat; }
	div#container.gay-and-lesbian-weddings { background: url('../images/bg-gay-and-lesbian-weddings.jpg') 100% 75% no-repeat; }
	div#container.bio 	    			   { background: url('../images/bg-bio.jpg') 80% 100% no-repeat; }
	div#container.writing-archive		   { background: url('../images/bg-writing-archive.jpg') 40% 95% no-repeat; }
	div#container.edge-archive			   { background: url('../images/bg-edge-archive.jpg') 50% 0% no-repeat; }
div#container.home div#header { border-bottom: 0px; }
div#header		{ width: 100%; padding: 10px 0; border-bottom: 1px solid #E3DAD3; }
	div#header h3 { color: #FFFFFF; font-size: 26px; margin: 15px; }
div#content		{ clear: both; min-height: 500px; text-align: justify; padding: 20px 0 0 0; }
	div.half-content { width: 375px; float: left; }
	div#content td   { vertical-align: top; text-align: left; padding: 0 30px 0 0; }
	div#content td.last { padding: 0; }
div#footer		{ width: 900px; padding: 10px 0; color: #E3DAD3; border-top: 1px solid #E3DAD3; }

div#slide-container { height: 500px; width: 375px; float: left; margin-right: 15px; }
div#slide-container img { display: none; height: 500px; width: 375px; }

/* navigation */
ul#nav	  			{ display: inline; margin: 0 20px 0 0; padding: 0; float: right; }
ul#nav li 			{ display: inline; margin: 0; padding: 0 10px; float: left; }
ul#nav li a 	    { color: #E3DAD3; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 5px 10px; }
ul#nav li a:hover	{ color: #BE5B18; }
ul#nav li a.active  { color: #000000; background: #E3DAD3; }

/* links */
a:link, a:visited { color: #BE5B18; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }
a:active, a:hover, a:focus { color: #D5C5B8; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }

a.WhiteLink:link, a.WhiteLink:visited { color: #FFFFFF; text-decoration: underline; }
a.WhiteLink:active, a.WhiteLink:hover { color: #D5C5B8; text-decoration: underline; }

div#header a:link,
div#header a:visited { color: #BE5B18; text-decoration: none; }
div#header a:active,
div#header a:hover   { color: #BE5B18; text-decoration: none; }

div#footer a:link,
div#footer a:visited { color: #BE5B18; text-decoration: none; }
div#footer a:active,
div#footer a:hover   { color: #BE5B18; text-decoration: underline; }