html {background-color:#fff; color:#000;}
div  {font-family: arial, sans-serif; font-size:11px; color:#666; background-color:#fff; padding:0px; margin:0px; }
img  {border:0}
h1   {font-size: 22px; font-weight: bold; line-height: 26px;}
h2   {font-size: 16px; line-height: 18px; font-weight: bold; margin-top: 30px; margin-bottom: 8px;}
h3   {font-size: 16px; line-height:18px; font-weight: bold; padding-bottom: 2px; margin:0px;  border-bottom: 2px solid #666; }
p    {line-height: 140%; margin-top: 8px;}
hr {border-color:#cccccc; border-style:double none none; border-width:3px 0 0; height:3px; margin:10px auto 0 0;}
ul {list-style:none outside none; padding:0px; margin: 0px; }

#head {position: absolute; top: 0px; left: 0px; width: 100%; height: 58px; background-color: #f9f3df; color: #666; border-bottom: 1px solid #666; }
#header {position: relative; width: 960px; margin: 0 auto; padding-top: 12px; background-color: #f9f3df; color: #666; }
#container {position: relative; top:85px; width: 960px; margin: 0 auto; }

div.clear {clear:both; height: 40px; }
div.group {border: 0px; }
#barchinect, #baiathisweek, #barchrecord, #barchnewspaper, #barchdaily, #bnyt,
    #bbdinter, #bplanetizen, #barchicentral, #binteriordesign, #bguardian, 
    #bcontract, #bjetson, #barchitectmag, #btwitarch, #btwitid,
    #btwiturban {position: relative; float: left; margin: 0px 10px; width: 300px; }

#flickr {position: relative; float: left; margin: 0px 10px; width: 620px; }
#adsense-square {position: relative; float: left; margin: 20px 10px 0px 10px; width: 300px; }

h3 a:link, h3 a:hover, h3 a:visited, h3 a:active {text-decoration: none; color: #666; }

ul.box li {border-bottom: 1px solid #bbb; }
ul.box li a {display: block; padding: 3px 0px; text-decoration: none; color: #666; }
ul.box li a:visited {color: #d7d7d7; }
ul.box li a:hover {color: #A84837; background-color: #f7f7f7; }

ul.flickr {margin-top: 5px; }
ul.flickr li {display: inline; float: left; width: 102px; padding: 4px 0px; height: 80px; }
ul.flickr li a {display: block; padding: 3px 0px; text-decoration: none; color: #666; }

#foot {position: relative; left: 0px; width: 100%; height: 58px; border-top: 1px solid #666; margin-top: 40px; padding: 10px 3px; }
#footernav {float: left; width: 500px; }
ul.footnav li {display: inline; }
ul.footnav li a:link, ul.footnav li a:active, ul.footnav li a:visited {border-left: solid 1px #666; padding: 0px 8px; color:#666; text-decoration: none;  }
ul.footnav li a:hover {border-left: solid 1px #666; padding: 0px 8px; color:#A84837; text-decoration: none;  }
ul.footnav li a.first {border-left: 0px; padding-left: 0px; }
#copy {float: right; text-align: right; width: 350px; }

.itips {background-color: #f9f3df; border:1px solid #bbb; }

.tip-wrap {width: 299px; background-color: #f9f3df; border:1px solid #bbb; }
.tip-title {font-weight: bold; font-size: 11px; margin: 0; color: #666; padding: 8px 8px 4px; background-color: #f9f3df; }
.tip-text {font-size: 11px; padding: 4px 8px 8px; background-color: #f9f3df; }

p.large {font-size: 14px; width: 750px; }
p.large a:link, p.large a:active, p.large a:visited {color:#A84837; text-decoration: none; }
p.large a:hover {color:#A84837; text-decoration: underline; }