@import "style/reset.css";

body {background-color:#f6f6f6;line-height:1.1em;color:#666;font:.8em Helvetica, Arial, Verdana, sans-serif}
p {margin:10px 0;line-height:1.2em}
a {color:#cfad0c;text-decoration:none;}
a:hover {color:#666;}
h1, h2, h3, h4 {margin:5px 0;color:#000;}
h1 {font-size:16px;font-weight:bold;letter-spacing:-1px;}
h2 {font-size:14px;font-weight:bold;letter-spacing:-1px;}
input[type="text"] {}
textarea {}
input[type="image"] {}
.clear {clear:both;}
.titleBox {border-bottom:10px solid #333;height:25px;}


#wrapper {width:960px;margin:15px auto;background-color:#fff;padding:25px;}
#header {width:100%;background:url('images/bg-header.gif') top right no-repeat;clear:both;}

#container-left {width:530px;padding:20px;float:left;}
#container-right {width:350px;padding:20px;float:right;}

.content-widest, .content-wider, .content-wide, .content, .content-narrow {margin:10px;overflow:hidden;}
.content-widest {width:920px;clear:both;}
.content-wider {width:520px;float:left;}
.content-wide {}
.content {width:380px;float:left;}
.content-narrow {}

.inner-content {width:100%;height:100%;overflow:auto;}
.scroll-content {width:3000px;}

#intro p {margin-left:30px;font-size:.9em;}

.twitter-box {display:none;}
#twitter {height:350px;}
#twitter .titleBox h1 {width:300px;overflow:hidden;float:left;}
#twitter .titleBox ul {width:auto;float:right;text-align:right;font-size:10px;margin-top:10px;}
#twitter .titleBox li {display:inline;}
#twitter .titleBox li a {color:#000;padding:3px 5px;}
#twitter .titleBox li a.current {background-color:#ffce2f}
.navOn {background-color:#ffce2f}

#bike-hub {height:250px;background-color:#ffce2f;}

/*
#flickr {height:175px;}
#flickr .inner-content {height:135px;}

#blogs {height:300px;}
#youtube {height:175px;}
#news {height:350px;}
#included {height:300px;}
#tdf {height:250px;}
#amazon {height:250px;}
*/

#footer {clear:both;border-top:10px solid #333;font-size:.8em;margin-top:30px;}