/**************************
	Art.TDDC.org Style Sheet
	Author: Michael Palmer (mike@stroke7.com)
	Created: April 29, 2006
***************************/

html {
	height: 100%;
}

body {
	background-color: black;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
	height: 100%;
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

img { border: none; }

div, h1, h2, h3, h4, p, ul {
	margin: 0;
	padding: 0;
}

/*****************************
	links
******************************/

a {
	outline: none;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #b20202;
}

a:link, a:visited { background-color: white; }
a:hover, a:active { background-color: #FFDFDF;  } /* color: #ff8080;  */

a.feed-link { 
	padding-left: 15px;
	background-image: url(/gui/feed-icon-12x12.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 90%;
}

/*****************************
	wrapper
******************************/

#wrapper {
	margin: 0 auto;	
	width: 922px;
	background: white url(/gui/bg.gif) repeat-y 0 0;
	text-align: left;
	position: relative;
}

/*****************************
	skip
******************************/

#skip {
	text-align: right;
	font-weight: bold;
	margin: 0.7em;
	position: absolute;
	right: 1.0em;
	z-index: 200;
}

#skip a {
	color: black;
}

sup.video {
	color: #b20202;
	text-transform: uppercase;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 70%;
}

p.more-link{
	text-align: right;
	font-size: 85%;
}

span.highlight {
	background: #FFDFDF;
	color: #b20202;
}

/*****************************
	header
******************************/

#header {
	height: 69px;
	padding-left: 16px;
	border-bottom: 16px solid black;
	position: relative;
}

#header h1 {
	padding-top: 4px;
	display: block;
	width: 493px;
	height: 65px;
}

#header h1 a { background: none; }

#header ul {
	position: absolute;
	top: 20px;
	right: 410px;
	list-style: none;
	z-index: 100;
}

#header ul li {
	position: absolute;
	top: 30px;
}

#header li#about-link { left: 70px;}
#header li#contact-link { left: 140px;}
#header li#maillist-link { left: 225px; width: 180px;}

#header ul li a {
	font-family: Georgia, Times, "Times New Roman", serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 85%;
	text-decoration: none;
	padding-right: 9px;
	background-color: transparent;
	letter-spacing: -0.02em;
}

#header ul li a:link, #header ul li a:visited { color: black; }
#header ul li a:hover, #header ul li a:active { 
	color: #b20202; 
	background: transparent url(/gui/btn_bg_small.gif) no-repeat right center;
}

/*****************************
	nav
******************************/

#nav {
	background: transparent url(/gui/nav_bg.gif) repeat-x bottom left;
	width: 897px;
	float: left;
	padding-left: 25px;
}

#nav ul {
	list-style: none;
	float: left;
}
#nav li {
	float: left;
	padding: 0.5em 1.5em 0.5em 0;
}

#nav li a {
	font-family: Georgia, Times, "Times New Roman", serif;
	text-transform: uppercase;
	line-height: 1.8em;
	font-size: 110%; /* 130%  -- not bold */
	font-weight: bold;
	text-decoration: none;
	padding-right: 13px;
	letter-spacing: -0.05em;
}

#nav a:link, #nav a:visited { color: black; }
#nav a:hover, #nav a:active { 
	color: #b20202; 
	background: transparent url(/gui/btn_bg.gif) no-repeat right center;
}

body.artists #nav #artists-link a,
body.articles #nav #articles-link a,
body.opinions #nav #opinions-link a,
body.exhibitions #nav #exhibits-link a,
body.videos #nav #videos-link a,
body#forum #nav #forum-link a,
body#galleries #nav #galleries-link a,
body#about #header #about-link a,
body#contact #header #contact-link a { 
	color: #b20202; 
	background: transparent url(/gui/btn_bg.gif) no-repeat right center;
}

/*****************************
	search-form
******************************/

#search-form { margin: 0 0 0 317px; }

#search-form  form { 
	margin: 0; 
	padding: 0;
}

html>body#contact li#search-form form input.submit{
	margin: 0; 
}


body li#search-form p {
	padding: 0;
	margin: 0;
	display: inline;
}

#search-form label {
	text-transform: uppercase;
	line-height: 1.8em;
	font-size: 115%;
	font-weight: bold;
	display: inline;
}

#search #search-form label { color: #b20202;}

#search-form input.input {
	width: 100px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -3px;
}

#search-form input.submit {
	width: 40px;
	font-size: 100%;
	border: 2px solid #999;
	margin: 0;
	padding: 0;
}

#search #main form,
#galleries #main form {
	margin: 0;
	padding: 0;
}

#search #main form input {
	margin: 0;
	padding: 0;
}

#search #main form input.input {
	width: 250px;
	height: 30px;
	font-size: 150%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#search #main form input.submit {
	margin-left: 1.0em;
	font-size: 120%;
	font-weight: bold;
	width: 3.0em;
}

body#mailing-list #content label {
	width: auto;
	line-height: 2.5em;
}

body#mailing-list input.submit.long {
	width: 13em;
	margin-left: 1em;
	font-size: 120%;
}

/*****************************
	search
******************************/

#search #content ul { list-style: none; }

/*****************************
	headings
******************************/

h2 {
	color: #5A5A56;
	border-bottom: 1px solid #5A5A56;
	font-size: 190%;
	font-weight: normal;	
}

h3 {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: black;
	font-size: 120%;	
	margin: 1.0em 0;
}

/*****************************
	main
******************************/
#main {
	clear: both;
	padding: 2px 65px 23px 41px;
	margin-bottom: 0;
}

/*****************************
	main content
******************************/
#main #content {
	width: 526px;
	float: left;
	padding-bottom: 0.5em;
	border-bottom: 5px solid #868683;
	margin-bottom: 1.5em;
	margin-right: 19px;
}

#main #content p {
	margin: 1.0em 0;
}

#videos-main #main #content p,
#exhibitions-main #main #content p { margin: 0; }

#main #content dl {
	clear: both;
	margin-bottom: 1.5em;
	width: 100%;
}

html>body div#main div#content dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#main #content dt {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: black;
	font-size: 180%;
}

/*****************************
	main artist-listing, article-listing, about dl
******************************/
#main .artist-listing dt {
	float: right;
	width: 394px;	
	text-transform: uppercase; 
}

#main .artist-listing dt a, #main .article-listing dt a { text-decoration: none; }
#main .artist-listing dt a:link, #main .artist-listing dt a:visited,
#main .article-listing dt a:link, #main .article-listing dt a:visited { color: black; }
#main .artist-listing dt a:hover, #main .artist-listing dt a:active,
#main .article-listing dt a:hover, #main .article-listing dt a:active { background-color: #eee; }

#about #content dt,
#main .article-listing dl.w-img dt {
	float: right;
	width: 394px;
}

#about #content dd,
#main .artist-listing dd,
#main .article-listing dd {
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #868683;
}

#about #content dd,
#main .article-listing dl.w-img dd {
	float: right;
	width: 394px;
	font-size: 90%;
}

#about #content dd.image,
#main .artist-listing dd.image,
#main .article-listing dl.w-img dd.image { 
	float: left;
	width: 132px;
}

#main .artist-listing dd.more-link,
#main .article-listing dd.more-link{
	text-align: right;
	font-size: 85%;
}

/*****************************
	main artist
******************************/
#main .artist-bio p.image {
	float: left;
	clear: both;
	padding: 0 10px 5px 0;
	margin: 0;
}

#main .artist-bio p {
	margin-bottom: 1.0em;
	font-size: 90%;
	color: #868683;
}

#main #artist-other {
	clear: both;
}

#main #artist-vids {
	width: 250px;
	float: left;
	margin-right: 26px;
}

#main #artist-ex {
	width: 250px;
	float: left;
}

#exhibition #main .vids-ex-display {
	clear: both;
	float: left;	
	width: 526px;
}

#main #artist-vids p,
#main #artist-ex p {
	margin: 1.0em 0;
}

#exhibition .vids-ex-display p, 
#main #artist-vids .vids-ex-display p,
#main #artist-ex .vids-ex-display p{
	display: block;
	width: 112px;
	height: 112px;
	padding-right: 12px;
	margin: 12px 0;
	float: left;
}

.item-info {
	list-style: none;
	font-size: 90%;
	color: #868683;
}

/*****************************
	flashcontent
******************************/
#flashcontent {
	width: 384px;
	height: 244px;
	margin: 1.0em auto;
	border: 2px solid #5A5A56;
	text-align: center;
	background: #eee;
}

#flashcontent p {
	margin: 2.0em;
}

/*****************************
	list
******************************/
ul.list {
	margin-left: 2.0em;
}

/*****************************
	main article
******************************/
#main .article-page ul {
	list-style: none;
	margin: 1.0em 0 1.0em 0;
	font-size: 90%;
}

#main .article-page p {
	clear: both;
	font-size: 95%;
	padding-top: 1.0em;
	text-align: justify;
}

#main ul.item-by {
	list-style: none;
	margin: 1.0em 0 1.0em 0;
	font-size: 90%;
}

#main ul.item-by:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#main .item-by .article-byline {
	float: left;
	padding-left: 3em;
	color: #5A5A5B;
	font-family: Georgia, Times, "Times New Roman", serif;
}

#main .item-by .email-link { 
	float: right;
	font-size: 90%;
}

/*****************************
	galleries main
******************************/
#galleries #content h3{
	text-transform: uppercase;
	margin-bottom: 0;
}

#galleries #content dl {
	padding-top: 0;
	margin-top: 0;
}

#galleries #content dt {
	font-size: 100%;
}

#galleries #content dd {
	margin-left: 0;
	color: #868683;
	font-size: 90%;
}

/*****************************
	about main
******************************/
#about #content p {
	color: #868683;
	font-size: 90%;
}

#about #content dd.job-desc {
	text-transform: uppercase;
	font-weight: bold;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #868683;
}

/*****************************
	contact
******************************/
#contact #content p {
	color: #868683;
	font-size: 90%;
	margin: 1.0em 0;
}

/*****************************
	form
******************************/

form p {
	clear: both;
	margin: 1.0em 0;
}

form.art-form label {
	float: left;
	width: 6.0em;
	margin-right: 1.0em;
	text-align: right;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: black;
	font-size: 130%;
}

form.art-form input {
	border: 1px solid #868683;
	width: 200px;
	height: 1.5em;
}

form.art-form textarea {
	border: 1px solid #868683;
	width: 250px;
	height: 10.5em;
	font-size: 100%;
}

form.art-form input.submit {
	border: 4px solid #868683;
	background: white;
	width: 8em;
	height: 2em;
	color: #b20202;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 180%;
}

p.submit-p {
	text-align: right;
}

html>body#contact form.art-form input.submit {
	margin-left: 5em;
}

/*****************************
	main secondary
******************************/
#secondary {
	width: 250px;
	float: right;
}

#secondary p {
	color: #868683;
	font-size: 90%;
	text-align: justify;
	margin: 1.0em 0;
}

#secondary ul {
	margin: 1.0em 0;
	list-style: none;
	color: #868683;
}

/*****************************
	vids-ex-listing -- for larger features
******************************/
.vids-ex-listing { float: left; }

.vids-ex-listing div {
	width: 250px;
	float: left;
	margin: 9px 0 0 0 ;
	padding: 0;
}

html>body div.vids-ex-listing div { margin-bottom: 1.0em; }

.vids-ex-listing .first { margin-right: 26px; }

html>body div.vids-ex-listing .first { clear: left; }

.vids-ex-listing p.byline { text-align: right; }

div.vids-ex-listing div.regular-ex-vid {
	width: 112px;
	margin-right: 12px;
}

div.vids-ex-listing div.regular-ex-vid p.byline { font-size: 75%; }

/*****************************
	home features
******************************/

#home #features {
	clear: both;
	padding: 23px 79px 23px 41px;
	margin-bottom: 0;
}

#home #features a {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#home #features p.feat-img a{
	background: none;
}

#home #features p.byline {
	text-align: right;
}

#home #features #feat-vids {
	float: left;
	width: 526px;
	padding-bottom: 0.5em;
	border-bottom: 5px solid #868683;
}

#home #features #feat-vids div {
	width: 250px;
	float: left;
	margin: 9px 0 0 0 ;
	padding: 0;
}

#home #features #feat-vids #first-vid {
	margin-right: 26px;
}

#home #features #feat-ex {
	float: right;
	width: 250px;
	padding-bottom: 0.5em;
	border-bottom: 5px solid #868683;
}

#home #features #feat-ex h2 {
	margin-bottom: 9px;
}

/*****************************
	home single-feature
******************************/
#home #single-feature {
	clear: both;
	padding: 23px 79px 0 30px;
	margin-bottom: 4px;
}

/*****************************
	home main
******************************/

#home #main div {
	float: left;
	padding-bottom: 0.5em;
	border-bottom: 5px solid #868683;
	margin-bottom: 1.0em;
}

#home #main div dl dd.more-link{
	margin-bottom: 1.0em;
	text-align: right;
}

#home #main dd {
	margin-left: 0;
	color: #5A5A56;
	font-size: 90%;
	text-align: justify;
	line-height: 1.45em;
}

#home #main div dd.post-date {
	color: #0570de;
	font-size: 80%;
}

#home #main div dd.more-link {
	font-size: 85%;
}

#home #main div dl dt a {
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: -0.05em;
}

#home #main div dl dt a:link, #home #main div dl dt a:visited { background: none;}
#home #main div dl dt a:hover, #home #main div dl dt a:active { background: #eee;}

/*****************************
	home supp-gall
******************************/
#to-see-list p.supp-gall-hd {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 80%;
	letter-spacing: -0.05em;
	margin-bottom: 0;
	padding-bottom: 0;	
	color: #b20202;
	background: #f0f0f0;
}

#to-see-list dl.supp-gall {
	background: #f0f0f0;
	margin-top: 0;
	padding: 0 0.4em;
}

/*****************************
	home to-see-list
******************************/
#main #to-see-list { 
	width: 250px;
	margin-right: 26px;
	/* background: transparent url(/gui/pin.jpg) no-repeat 100% 52px; */
	color: black;
	/* padding-top: 53px; */
}

#to-see-list dt {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: -0.05em;
}

#home div#main div#to-see-list dl dt a {
	font-size: 100%;
}

#to-see-list span.tsl-label {
	color: #999;
}

#to-see-list dd.tsl-image {
	width: 80px;
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
}

#to-see-list dd.tsl-desc {
	margin-top: 1.0em;
	margin-bottom: 1.5em;
}

/*****************************
	home article-list
******************************/
#home #main #article-list { 
	width: 250px;
	margin-right: 26px; 
}

#home #main #article-list dd.byline {
	color: #51951f;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 80%;
}

#home #main div#article-list { border: none; }

#home #main div#article-list div { 
	border-bottom: 5px solid #868683; 
	float: none;
	}

#home #main div#home-article-listing {
}

#home #main div#home-article-listing h2 {
	/* background: transparent url(/gui/home_article.jpg) no-repeat 95% 100%; */
	/* padding-top: 53px; */
}
	
#home #main div#home-opinion-listing {
	position: relative;
	/* margin-top: 10px; */
}
	
#home #main div#home-opinion-listing div.graphic {
	position:absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 101px;
	padding: 0;
	margin: 0;
	/* background: transparent url(/gui/home_opinion.gif) no-repeat 90% 0; */
	border: none;
}

/* html>body#home div#main div#home-opinion-listing div.graphic { background-image: url(/gui/home_opinion.png); } */

#home #main div#home-opinion-listing h2 { 
	/* padding-top: 43px;  */
	margin-bottom: 13px;
	}

/*****************************
	home headline-list
******************************/
#home #main #headline-list {
	width: 250px;
	border: none;
}

#home #main div#headline-list #home-forum-listing {
	width: 250px;
}

#home #main div#headline-list #home-forum-listing dl {
	padding: 0.3em;
	font-size: 90%;
}

#home #main div#headline-list #home-forum-listing dl a {
	color: #b20202;
	font-size: 80%;
}

#home #main div#headline-list #home-forum-listing dl a:hover {
	background: #EFA4A4;
}

#home #main div#headline-list #home-forum-listing dt {
	text-align: left;
	font-size: 110%;
}

#home #main div#headline-list #home-forum-listing dd.teaser {
	text-align: left;
}

#home-forum-listing strong { 
	color: black;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 90%;
	}

/*****************************
	emailtoafriend
******************************/

#email-link {
	display: block;
	text-align: center;
}

#email form label {
	width: 10.0em;
}

#email #content p {
	padding-bottom: 1.0em;
}

.note {
	font-size: 85%;
	font-style: italic;
}

.required {
	color: red;
}

/*****************************
	error
******************************/

.error {
	border: 2px solid #b20202;
	text-align: center;
	padding: 1.0em;
	color: #b20202;
	margin: 0.5em 0;
}

/*****************************
	visit galleries listings
******************************/

#galleries h4 {
	font-style: italic;
}

#galleries ul {
	list-style: none;
}

.vg-viewby {
	list-style: none;
	padding: 0.5em;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 0.6em;
}

.vg-viewby li{
	display: inline;
	margin-right: 0.4em;
}

.short-listings {
	margin: 1.0em 0;
	padding-bottom: 1.0em;
	border-bottom: 2px solid #999999;
}

.short-listings li {
	font-size: 90%;
	color: #333;
	padding-left: 0.5em;
}

.listing-detail #content p.listing-image {
	width: 250px;
	padding: 0;
	margin: 1.0em 0 0 0;
	float: right;
}

.listing-detail #content p {
	margin: 1.0em 0;
}

.listing-detail #content p span.caption {
	font-size: 90%;
	color: #999;
}

.listing-detail #main #content dl {
	clear: left;
	width: 50%;
}

.listing-detail #content dt {
	font-size: 125%;
	font-weight: bold;
}

.listing-list dt {
	margin-top: 1.0em;
}

.listing-submit fieldset {
	padding: 1.0em;
	margin: 1.0em 0;
}

.listing-submit legend{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 125%;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}

.listing-submit #content form {
	margin: 1.5em 0;
}

.listing-submit #content label {
	width: 12em;
}

#galleries div.galleries-redir {
	margin: 0 0 0.6em 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
}

#galleries div.galleries-redir label{
	font-size: 90%;
	font-weight: normal;
	width: 10.0em;
}



div.galleries-redir form input.submit {
	border: 2px solid #999999;
	color: #b20202;
	display: inline;
	font-size: 100%;
	padding: 0;
	margin: 0;
	width: 3.0em;
}

/*****************************
	supporting galleries
******************************/
h3.curr-show {
	color: #3f3f3f;
	border-top: solid 1px #5b5b5b;
	padding: 1.0em 0;
	font-weight: normal;
}

body#galleries #content dl.curr-show-list dt,
body#galleries #secondary dl.supp-gallery-info dt,
body#galleries #secondary dl.supp-gallery-info dd {
	color: #868683;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

body#galleries #secondary dl.supp-gallery-info {
	font-size: 90%;
}

body#galleries #secondary dl.supp-gallery-info dd {
	margin: 0;
}

/*****************************
	google maps
******************************/
#map span {
	font-size: 50%;
}

/*****************************
	error-404
******************************/

#error-404 #main h2 {
	text-align: left;
	padding-left: 10%;
	background: transparent url(/gui/warning.gif) no-repeat 10px 50%;
}

#error-404 #main h3 {
	color: #b20202;
	font-size: 135%;
}

#error-404 #main h4 {
	color: #51AF4C;
	font-size: 145%;
}

#error-404 #main ul {
	margin: 1.0em 0 0 2.0em;
}

#error-404 #main ul li {
	line-height: 2.0em;
}

#error-404 #main form {
	margin: 0;
	padding: 0;
}

#error-404 #main form input {
	margin: 0;
	padding: 0;
}

#error-404 #main form input.input {
	width: 250px;
	height: 30px;
	font-size: 150%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#error-404 #main form input.submit {
	margin-left: 1.0em;
	font-size: 120%;
	font-weight: bold;
	width: 3.0em;
}

/*****************************
	footer
******************************/

#footer {
	clear: both;
	border-top: 10px solid black;
	height: 22px;
	background: transparent url(/gui/footer.gif) no-repeat top left;
	padding-left: 65px;
	padding-top: 20px;
}

#footer a {
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

/*****************************
	adsense
******************************/

div.leaderboard {
	width: 728px;
	margin: 0 auto;
	padding: 1.5em 0 0 0;
}

/*****************************
	forum
******************************/

body#forum h2#forum-header {
	margin: 0.5em 1.0em;
}