body { background: url(bg.gif) repeat scroll left top #ffffff; }
html,body,p,table,section,hgroup,header,footer,nav,article,div,span,form,img,h1,h2,h3,h4,h5,h6 { border: medium none; margin: 0; padding: 0; }
a, a:active { color: #2C5481; }
h2 { font-family: Trebuchet MS; font-size: 24px; }
em {  font-style: normal; background-color: #FFFFAF; }
#wrapper { width: 960px; margin: 0 auto; padding: 0 40px 0 39px; background-image: url('bgwrapper.png'); background-repeat: repeat-y; }
#header { background-image: url(bghead.png); background-repeat: repeat-x; color: White; height: 75px; font-family: Trebuchet MS; border-bottom: solid 3px #1D354F; }
#header a { color: White; text-decoration: none; }
#logo { float: left; width: 480px; height: 75px; }
#logo h1 { font-size: 22pt; letter-spacing: -1px; font-weight: normal; padding: 16px 10px; background-image: url('logo.png'); background-repeat: no-repeat; text-indent: -4000px; margin-left: 14px; }
#menu { float: left; width: 480px; height: 75px; margin: 0; padding: 0; display: none;  }
#menu ul { display: block; float: left; list-style: none inside none; margin-top: 20px; padding: 0; }
#menu ul li { float: left; line-height: 10px; list-style: none outside none; margin: 10px 0 15px 30px; padding-left: 10px; text-align: right; }
#content { background-color: White; padding: 15px 25px; height: 850px; }
#billboard { border-bottom: solid 1px #eaeaea; border-right: solid 1px #eaeaea; float: left; width: 360px; padding: 0 20px 20px 0; height: 400px; }
#billboard h1 { font-family: Trebuchet MS; font-size: 72px; font-weight: bold; letter-spacing: -5px; line-height: 0.8em; padding: 25px 0;  }
#billboard h2 { font-family: Georgia; font-size: 24px; font-weight: normal; color: #1F1F1F; }
#billboard h3 { font-family: Georgia; font-size: 18px; font-weight: normal; color: #2F2F2F; margin: 1em 0; }
#billboard h4 { font-family: Arial; font-size: 10pt; }
#billboard input.email { width: 285px; position: relative; top: -9px; }
#billboard input.submit { width: 50px; background-image: url('ok.gif'); background-repeat: no-repeat; }
#awesomepic { border-bottom: solid 1px #eaeaea; float: left; width: 500px; padding-left: 29px; padding-top: 20px; height: 400px; }
#awesomepic img { border: solid 2px #6d6d6d; }
#awesomepic .caption { font-family: Arial; font-size: 10pt; color: #6d6d6d; }
#slider { position: relative; border: solid 2px #6d6d6d; }
#slider img { position: absolute; top: 0px; left: 0px; }
#welcome { float: right; background-image: url('http://37signals.com/images/bkgd_buzz_home.png'); background-repeat: no-repeat; margin: 5px 0 0; padding: 15px; width: 370px; }
#welcome h2 { margin-bottom: 19px; }
#welcome p { font-family: Georgia; font-size: 16px; line-height: 1.3em; margin: 0 0 20px; color: #222222; }
#blog { float: right; width: 485px; padding-right: 25px; margin-top: 18px; }
#blog ul { list-style-type: square; padding-left: 16px; }
#blog li { font-family: Arial; font-size: 12px; color: #222222; margin-bottom: 1em; border-top: solid 1px white; border-bottom: solid 1px white; padding: 4px 0; }
#blog li h3 { font-family: Garamond; font-size: 18px; line-height: 1.3em; }
#blog li:hover { background-color: #F7F6F6; border-top: solid 1px #EAEAEA; border-bottom: solid 1px #E8E8E9; cursor: pointer; }
#blog a { color: Black; text-decoration: none; }
#blog li h3 a { color: #2C5481; }
#footer { background-color: #2C5481; color: White; height: 225px; }
#footer a { color: White; }
#footer p { margin-bottom: 1em; }
#footer p.small { font-size: 10px; }
#footer address { font-family: Arial; font-size: 10px; text-align: center; font-style: normal; padding: 15px 0; clear:both; }
#footer .columns { height: 20px; padding: 0 0 0 25px; font-family: Arial; font-size: 10pt; }
#footer .columns .col { width: 180px; float: left; border-right: solid 1px #2F5F94; padding: 15px 30px 15px 0; margin: 0 30px 0 0; height: 150px; }
#footer .columns .col.last { border-right: none; padding-right: 0; }
#footer h3 { margin-bottom: 15px; }
#footer ul { list-style-type: square; padding-left: 16px; padding-top: 0; margin-top: 0; }
input[type=text] { background: url('http://assets.tumblr.com/images/input_bg.png') repeat-x scroll left top #f7fcff; border: solid 1px #aaaaaa; color: #25313c; font-family: Georgia; font-size: 18px; outline: 0 none; }
input[type=text]:focus { background-color: #f9f8e4; }
input.watermark { color: #aaa; font-style: italic; }