/* type directors club :: http://www.tdc.org :: TDC54 Typography Competition */

body {margin: 0; padding:0; background:#000000; background-image: url(glyphs/tdc54posterfront.jpg); background-repeat: no-repeat; background-attachment: fixed; font-size:100%; font-family:  "ClearviewOne", "Helvetica Neue Light", Helvetica,  "Bitstream Vera Sans", "Gill Sans", Frutiger, Myriad,  Arial, sans-serif;}

.header {background-color:#ffffff; margin:0; padding:0; margin-left :565px; margin-right:1em;  width:30em; border-top:5px solid #F7C400; } /*  border-bottom:2px solid #cccccc; */

.headcontent {padding-top:3px; padding-right:1em; padding-left:1em;  padding-bottom:1em; } 

.header H2 {Font-Size : 85% ; color: #333333; margin:0; padding-bottom:0;padding-left:20px; padding-top:5px; } 
.mainlogo {width:260px; float:left;}
h1.logo  {margin: 0; padding:0; width:250px; border:none; }


.content {margin:0; padding:0; margin-left :565px; margin-right:1em;   width:30em;  background:#ffffff;} /*margin-bottom:1em*/

.innercontent {padding:0; margin:0; background:#ffffff; } /*margin-top:1em;*/

.mainlinkcontent {margin:0; padding:0; margin-left :565px; margin-right:1em; width:30em; background:#FED200; border-top:5px solid #F7C400;} /* border-top:5px solid #F7C400; border-bottom:2px solid #cccccc;} */


.linkcontent {margin:0; padding:0;  } 



.footer {background-color:#ffffff; margin:0; padding:0; margin-left :565px;margin-right:1em;   width:30em; text-align:right;  clear:both; border-top:5px solid #F7C400; border-bottom:2px solid #cccccc;} 
.endcontent {background-color:#ffffff; padding-bottom:2em; } 

.footer p {margin:1em 0em ; margin-bottom:0; padding:.25em; padding-right:43px; max-width:100%; }

/*
.footer br {display:none;} */ 


H1 {margin:0; padding:0; Font-Size : 150% ; font-weight: bold; color:#999999; background:#ffffff; border-top:5px solid #F7C400;}
H2 {margin:0; padding:0; Font-Size : 85% ; margin-left:22px;color:#999999; }
H3 {margin:0; padding:0; Font-Size : 120% ; color:#999999; background:#ffffff; border-top:5px solid #F7C400;  }
h3+h4 {padding-top:6px; }
H4 {margin:0; padding:0; Font-Size: 100% ; color:#999999; background:#ffffff; border-top:5px solid #F7C400; }
H5 {margin:0; padding:0; Font-Size: 85% ; color:#999999; background:#ffffff; border-top:5px solid #F7C400; }
H6 {margin:0; padding:0; Font-Size: 85% ; color:#999999; background:#ffffff; border-top:5px solid #F7C400;  }

H4+img {padding-top:1em;} 

p {  color: #000000; line-height:1.5em; max-width:40em;  margin: 0;   padding-left:2em; padding-right:1em; padding-top:0; padding-bottom:1em;}

p small {margin:0; padding:0; color:#333333; line-height:1.5em; max-width:40em;}

 .innercontent h1, .innercontent h2,  .innercontent h3, .innercontent h4, .innercontent h5, .innercontent h6  {background-color: #ffffff; margin:0;padding-left:1em; padding-right:1em;  padding-top:.5em; } 


.innercontent p, .innercontent  ul, .innercontent  ol {background-color:#ffffff;}
.first {padding-top:4em;}
.innercontent strong { color: #666666;}


.linkcontent p {background-color:#Fed200;  margin:0; padding-left:2em; padding-right:1em;}
.linkcontent h4 {background-color: #Fed200; color:#666666; padding:4px; padding-left:1em; border-top:1px solid #Fed200; }

.linkcontent strong {color: #000000; }
.linkcontent p {color: #333333;}

th { color: #888888; }
dt  {color: #999999; padding-top:1em;}
td { color: #444444; }

.footer p small, .footer p {color:#333333;}


.superior {font-size:90%; vertical-align:15%;line-height:1.5em;}
blockquote {color: #ededed;  padding-left:2em; padding-right:0; max-width:22em; line-height:1.5em; margin:auto;}
cite {color: #222222; }
h3 cite {color: #666666; }
h4 cite {color: #666666; }

.alert {color:#F7C400;}
.alertborder {border:2px solid #991111;}
.notice {border:2px solid #ffeeee; }

input {background:#eeeeee;color:#997700; border:1px solid #666666;}
select {background:#eeeeee;color:#997700; }
textarea {background:#eeeeee;color:#997700; }

ol, ul, li, li p  {color: #000000; max-width:40em; line-height:1.25em;margin :0;padding-left:1em;padding-bottom:1em;padding-right:1em;}
dl, dd, dd p  {color: #000000; max-width:35em; line-height:1.25em; margin-top: 0; padding-top:0;margin-left:2em;padding-left:1em;}
ul li, ol li  {margin:0; padding:0; margin-bottom:1.25em; margin-left:3em; clear:both; }
ul li, ul li  {margin:0; padding:0; margin-bottom:1.25em; margin-left:3em; clear:both; }
ul li {list-style-image:url(glyphs/bullets.gif);}

a:link   { text-decoration:none;   color: #666666; padding:0px 3px 0px 3px; background:#eeeeee;}
a:visited {text-decoration:none; color: #ffffff; background:#cccccc; padding:0px 3px 0px 3px;}
a:hover  {text-decoration: none;  color: #111111;  background:#F7C400;padding:0px 3px 0px 3px;}

a:active { text-decoration: none;  color: #F7C400; background:#eeeeee; padding:0px 3px 0px 3px;}
/*
.content a:link   { text-decoration:none;  border-bottom:1px solid #007777; color: #ffffff; padding:0px 3px 0px 3px; background: #11bbbb;}

.content a:visited {text-decoration:none; border-bottom:1px solid #bbbbbb; color: #007777; padding:0px 3px 0px 3px; background: #33dddd;}
.content a:hover  {text-decoration: none; border-bottom:1px solid #dd4488; color: #111111;  background:#ff66aa;padding:0px 3px 0px 3px;}

.content a:active { text-decoration: none; border-bottom:1px solid #bbbb00; color: #111111; background:#eeee00; padding:0px 3px 0px 3px;}
*/

.linkcontent a:link   { text-decoration:none;   color: #000000; padding:1px 3px 1px 3px; background:#F7C400;}
.linkcontent a:visited {text-decoration:none;  color: #666666; padding:1px 3px 1px 3px;  background:#Fed200; }
.linkcontent a:hover  {text-decoration: none;  color: #Fed200;  padding:1px 3px 1px 3px; background:#666666;}
.linkcontent a:active { text-decoration: none;  color: #111111;   padding:1px 3px 1px 3px; background:#ffffff; }

/* F7C400 */

.logo a:link {background:transparent; border:none;}
.logo a:visited  {background:transparent;border:none;}
.logo  a:hover  {background:transparent; border:none;}
.logo  a:active {background:transparent;border:none;}
.logo a img {background-image: none;background:transparent;border:none;}



