/* type directors club :: http://www.tdc.org :: TDC53 Typography Competition */
/*#eEf5b2  background-image: url(glyphs/TDC52.jpg);*/
body {margin: 0; padding:0; background:#000000; font-family:  Georgia, Futura, "Century Gothic", "ClearviewOne", "Gill Sans", Frutiger, "Bitstream Vera Sans", Myriad,  Arial, sans-serif;}

.header {background-color:#dd0099; margin:0; padding:0;} /* border-top:1px solid #111111;  border-bottom:2px solid #440011; } */
.headcontent {padding-top:3px; padding-right:1em; padding-left:43px;  padding-bottom:1em; } /* border-bottom:2px solid #880055; } */
.header H2 {Font-Size : 85% ; color: #ffffff; 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; }
/* h1.logo  a  {float:left;} */

.content {margin:0; padding:0; float:right; width:60%; margin:1em;  background-color:#00aaaa; } /* border-top:2px solid #00cccc; border-bottom:2px solid #006666; } */

.innercontent {padding:0; margin:0; margin-top:12px; background-color:#44eeee;} /* border-top:2px solid #00b8b8; border-bottom:2px solid #008888;}  background-color:#44eeee; */

.mainlinkcontent {margin:0; padding:0; float:left; width:30%; margin:1em;  background-color: #cccc00;} /* border-top:2px solid #bfbf00; border-bottom:2px solid #606000; }   margin-left:1em;margin-right:1em; margin-bottom:2em; */

.linkcontent {margin:0; padding:0; padding-top:12px; } /* border-top:2px solid #abab00; border-bottom:2px solid #888800; }   padding-right:1em;padding-bottom:2em;*/


.footer {background-color:#228811; margin:0; padding:0; padding-top:12px; width:100%; text-align:right;  clear:both; } /* border-top:2px solid #00cc66; border-bottom:1px solid #111111;} */
.endcontent {background-color:#44aa33; padding-bottom:2em; } /* border-top:2px solid #00bb44; } */
.footer p {margin:1em 0em ; margin-bottom:0; padding:.25em; padding-right:43px; max-width:100%; border-top:.5em solid #000000; }
/**/ 
.footer br {display:none;} 


H1 {margin:0; padding:0; Font-Size : 150% ; font-weight: bold; color: #ffffff;  padding-top:3px;border-top:.5em solid #000000; border-bottom:.5em solid #000000;}
H2 {margin:0; padding:0; Font-Size : 85% ; margin-left:22px;color: #ffffff; padding-top:3px; margin-bottom:1em;}
H3 {margin:0; padding:0; Font-Size : 120% ; color: #ffffff;   padding-top:3px; border-top:12px solid #000000;border-top:.5em solid #000000; border-bottom:.5em solid #000000; margin-bottom:1em;}
h3+h4 {padding-top:6px; }
H4 {margin:0; padding:0; Font-Size: 100% ; color: #ffffff;   padding-top:3px;border-top:.5em solid #000000; border-bottom:.5em solid #000000;margin-bottom:1em;}
H5 {margin:0; padding:0; Font-Size: 85% ; color: #ffffff;  border-top:.5em solid #000000; border-bottom:.5em solid #000000; margin-bottom:1em;}
H6 {margin:0; padding:0; Font-Size: 85% ; color: #ffffff; border-top:.5em solid #000000; border-bottom:.5em solid #000000; margin-bottom:1em;}

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:#232323; line-height:1.5em; max-width:40em;}

.innercontent h1, .innercontent h2,  .innercontent h3, .innercontent h4, .innercontent h5, .innercontent h6  {background-color: #11bbbb; margin-left:0;padding:4px 4px 4px 36px; padding-right:1em;  } 

/* border-top:1px solid #00a0a0; 00a0a0  009f9f  00b8b8*/

.innercontent p, .innercontent  ul, .innercontent  ol {background-color:#44eeee;}
.first {padding-top:4em;}
.innercontent strong { color: #007777;}
.linkcontent h1, .linkcontent h2, .linkcontent h3, .l inkcontent h4, .linkcontent h5, .linkcontent h6  {padding-left:12px;} 
/*border-top:2px solid #909000; 8f8f00  abab00*/

.linkcontent p {background-color:#eeee00;  padding-left:2em; padding-right:1em;}
.linkcontent h4 {background-color: #bbbb00;  padding:4px 4px 4px 48px; padding-right:1em;}

strong {color: #eeee00;} /*eeee88  eedd44   77C14F  999900;*/
.linkcontent strong {color: #dd0099; }
.linkcontent p {color: #333333;}

th { color: #a9a999; }
dt  {color: #007777; padding-top:1em;}
td { color: #eeee00; }

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


.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: #ffffff; }
h4 cite {color: #ffffff; }

.alert {color:#991111;}
.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;  border-bottom:1px dotted #eeeeee; color: #ffffff; padding:0px 3px 0px 3px;}
a:visited {text-decoration:none; border-bottom:1px dotted #cccccc; color: #dddddd; padding:0px 3px 0px 3px;}
a:hover  {text-decoration: none; border-bottom:1px solid #dd4488; color: #111111;  background:#ff66aa;padding:0px 3px 0px 3px;}

a:active { text-decoration: none; border-bottom:1px solid #bbbb00; color: #111111; background:#eeee00; 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 #11bbbb; 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;  border-bottom:1px dotted #000000; color: #000000; padding:1px 3px 1px 3px; background:#eeee00;}
.linkcontent a:visited {text-decoration:none; border-bottom:1px dotted #666633; color: #666633; padding:1px 3px 1px 3px;  background:#eeee00; }
.linkcontent a:hover  {text-decoration: none; border-bottom:1px solid #ff66aa; color: #111111;  padding:1px 3px 1px 3px; background:#ff66aa;}

.linkcontent a:active { text-decoration: none; border-bottom:1px solid #eeee00; color: #111111;   padding:1px 3px 1px 3px; background:#ffffcc; }


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