/* Site URL: http://www.dr-type.com
   Last updated:  February 2008
   Last updated by: KJ Lynch
   Author: kate@quickercode.com 
   
*/
*{margin:0;padding:0;}
* html{height:100%;}
html,body{height:98.2%;}
body{background:#fff url(img01.jpg) repeat-x;font:76% / 1.5 "Lucida Sans", Arial, Helvetica, sans-serif;color:#222;}
#wrap{width:960px;background:url(img02.jpg) repeat-y;min-height:98.2%;height:auto !important;margin:0 auto;}

/* =branding */

#header-intro {height:350px;background:url(type-title-intro.jpg) no-repeat;}
#header-about {height:350px;background:url(type-title-about.jpg) no-repeat;}
#header-typo {height:350px;background:url(type-title-typo.jpg) no-repeat;}
#header-contact {height:350px;background:url(type-title-contact.jpg) no-repeat;}
#header-links {height:350px;background:url(type-title-links.jpg) no-repeat;}
.title {display: none;}

/* =navigation */

#navigation{width:778px;height:50px;padding-top:8px;margin:0 auto;}
#navigation ul{float:right;list-style:none;margin:0;padding:0;}
#navigation li{display:inline;}
#navigation a{float:left;height:20px;text-decoration:none;text-transform:uppercase;color:#000;font-size:0.9em;padding:8px 30px 40px;}
#navigation a:hover{color:#666;text-decoration:underline;}
#navigation .services a{color:#FFF;background:url(services.jpg) no-repeat;}
#navigation .contact a{color:#FFF;background:url(contact.jpg) no-repeat;}
#navigation .intlinks a{color:#FFF;background:url(intro-links.gif) no-repeat;}
#navigation .about a{color:#FFF;background:url(about.jpg) no-repeat;}

/* =content */

#content{float:left;width:750px;margin-top:0;padding:25px 0 50px 105px;}
#content a:link{text-decoration:underline;color:#D00E16;}
#content a:visited{color:#999;text-decoration:underline;}
#content a:hover{color:#D00E16;text-decoration:none;}
p{line-height:1.8em;}
.redot {background:url(list.gif) left center no-repeat; padding-left: 20px; font-size: 1.3em; font-weight: bold;}
h2.about {background:url(about-dr-type.jpg) no-repeat;height:36px;margin:10px 0 20px 0;}
h2.typographic {background:url(typographic.jpg) no-repeat;height:36px;margin:10px 0 20px 0;}
h2.contact {background:url(contact-dr-type.jpg) no-repeat;height:36px;margin:10px 0 20px 0;}
h2.links {background:url(links-dr-type.jpg) no-repeat;height:36px;margin:10px 0 20px 0;}
h3 {margin: 5px 0 10px 0;}
h3.events{background:url(events.jpg) no-repeat;height:27px;margin-top:40px;}
ul.event-list{border-left:6px solid #222;margin:10px 0 100px;}
li.event-info{list-style-type:none;text-indent:20px;line-height:2.7em;border-top:1px solid #ccc;}
li.event-info-last{list-style-type:none;text-indent:20px;line-height:2.7em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
li.event-info-current{font-weight:700;list-style-type:none;text-indent:20px;line-height:2.7em;background-color:#fefedf;border-top:1px solid #ccc;margin:1px 0;}
#clear{clear:both;}

/* = footer */
#footer{text-align:center;width:960px;color:#fff;background:url(img02.jpg) repeat-y;margin:0 auto;}
#footer ul{font-size:0.9em;}
#footer li{list-style-type:none;width:400px;background:url(foot.jpg) no-repeat;margin:0 auto;padding:12px 0 10px;}