body {
	background:url(../images/background.gif);
	padding:0;
	font-family:'franklin gothic medium';
}

div#container{width:900px;overflow:hidden;background-color:transparent;min-height:1200px;}
a{color:#000;}
a:hover{color:orange;}
h1#philatype{	background:url(../images/philatype.gif) 60px 20px no-repeat;display:block;width:500px;height:134px;text-indent:-300px;position:fixed;z-index:1}
ol, ul {
	list-style: none;
}
input{font-family:'arial black', sans-serif;font-size:80%;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input{font-size:14px;}

ul#nav{margin-top:190px;margin-left:53px;width:560px;}
ul#nav li{margin-bottom:5px;}
#nav div, #nav a, #nav li.sketches{background-color:#000;color:#fff;border-bottom:2px dotted orange;font-size:25px;text-decoration:none;position:relative;padding:0px;background:url(/images/stripes.png) top left repeat #ff0;overflow:auto;height:auto;padding:25px 20px;display:block;}
#nav div:hover, #nav a:hover{text-transform:uppercase;background:url(/images/stripes2.png)}

#nav .teaser a{padding:10px 10px;height:auto;}
#nav .sketches p{
	text-transform:lowercase;
	padding:10px;font-size:.85em;font-weight:bold;
	font-family:'franklin gothic medium';color:#fff;
}
#nav li.sketches{height:30px;overflow:hidden;}
#nav .sketches img{display:block;margin:0 auto;cursor:pointer;}
#nav .sketches.active{height:auto;overflow:hidden;}
#nav a img{margin:10px 10px 0px 10px;}


#controls{position:fixed;left:350px;top:25px;z-index:2;}
#controls li{margin-bottom:1px;}
#controls a{color:#fff;background-color:#000;font-family:'franklin gothic medium';font-size:.9em;
text-transform:uppercase;font-weight:bold;letter-spacing:.1em;text-decoration:none;padding:0px 10px;border-left:1px solid #000;border-right:1px solid #000}
#controls a.active{color:#fff;border:1px solid #fff}
#controls a.fonts{}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;
color:#ff0;}
  .tipsy-inner { padding: 4px 5px; background-color: black; color: #ff0; max-width: 200px; text-align: center; font-family:myriad, 'myriad pro', arial, helvetica, sans-serif;font-size:14px;font-weight:bold;letter-spacing:.15em}
  .tipsy-north { background-image: url(../images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }

#mailinglist input[type=text]{width:300px;}
a#twitter{position:absolute;left:283px;top:78px;z-index:10;}