/* Main CSS Document */

.container { width: 960px; margin: 0px auto 0px auto; }

#header { background-image: url(../../images/header-bg.png); height: 40px; }
#header .container { margin: 0px auto 0px auto; padding: 50px 0px 0px 0px; }
#header .logo { float: left; }
#header .logo img { position: absolute; }

#nav { height: 40px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-top: 68px; font-size: 17px; font-family: trebuchet ms; font-weight: normal; letter-spacing: -0.02em; }
#nav a { color: #d42525; margin-right: 20px; text-decoration: none; }
#nav a:hover { color: #222222; text-decoration: underline; }
#nav .links { margin: 12px 0px 0px 80px; padding: 0px 0px 0px 0px; position: absolute; }

#binder { padding: 0px 0px 0px 0px; margin-top: 124px; }
#content { float: left; width: 620px; }
#sidebar { float: right; width: 320px; }
#footer { padding: 20px 0px 20px 0px; }

#content .taly .gaspump { float: left; }
#content .taly .gaspump img { position: absolute; }
#content .taly .count { float: left; margin-left: 148px; padding-top: 16px; font-size: 18px; font-weight: bold; }
#content .taly .count span { color: #96a1a7; margin: 0px 4px 0px 4px; font-weight: normal; }
#content .taly .count strong { color: #206ce0; }

#content .post { border: 8px solid #ebebeb; margin-top: 14px; padding: 16px 20px 8px 20px; }
#content .post h1 { font-weight: normal; margin-bottom: 12px; color: #206ee4; }
#content .post h1 a { text-decoration: none; font-weight: normal; }
#content .post p { line-height: 20px; font-size: 13px; }
#content .post .date { float: left; color: #96a1a7; font-size: 11px; font-style: italic; margin-top: 20px; }
#content .ribbon { float: right; }
#content .ribbon img { margin-top: 14px; position: relative; right: -36px; }
#content .comments { float: right; height: 23px; background-color: black; width: 160px; margin-top: 14px; position: relative; right: -36px; background-image: url(../../images/ribbon-comment-bg.png); padding: 7px 0px 0px 10px; font-weight: bold; color: #f7dc23; font-size: 14px; font-style: italic; }
#content .comments a { color: #f7dc23; text-decoration: none; }
#content .comments a:hover { color: #ffffff; text-decoration: none; }

#sidebar li { list-style: none; background-image: url(/wp-content/themes/oilspill/images/bullet.png); background-repeat: no-repeat; background-position: 0px 5px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 20px; }
#sidebar li span { font-size: 10px; color: #6a707b; text-transform: uppercase; }