/*=====================================================================
* Filename: style.css
* Template: Digital drink
* Author: Jarel Remick - http://www.jremick.com
* Date Created: 10/24/2008
* Media: Screen
*
* Description
* -----------
* CSS Reset using "reset.css" from 960 framework package, derived from Eric Meyers.
=====================================================================*/
 
@import "reset.css";

body { background-color: #212121; }

/* ===== GLOBAL ===== */
.center { margin: 0 auto; }
.tcenter { text-align: center; }

.fl { float: left; }
img.fl { float: left; margin: 8px 8px 8px 0; }
.fr { float: right; }
img.fr { float: right; margin: 8px 0 8px 8px; }

/* Use this instead of html hr tag */
span.hr { width: 100%; height: 1px; display: block; border-top: solid 1px #ccc; margin: 12px 0; }

/* ===== LAYOUT ===== */
#wrapper { width: 806px; margin: 0 auto; }

#header { height: 130px; text-align: left; }
#header .logo { height: 65px; width: 246px; position: relative; top: 35px; left: 41px; }
#header .tagline { height: 130px; position: relative; top: 0; left: 68px; }

#navigation { width: 550px; height: 56px; margin: 0 auto; background: url(../images/layout/navigation-bg.gif) repeat-x; }
#navigation .lcorner { float: left; margin-left: -6px; position: relative; }
#navigation .rcorner { float: right; margin-right: -6px; position: relative; }

#nav-links ul { width: 540px; height: 41px; position: relative; top: 13px; left: 1px; }
#nav-links li { float: left; }
#nav-links li a { display: block; float: left; height: 41px; padding: 0 8px; }
#nav-links li a:hover { background: url(../images/layout/navigation-link-hover.gif) repeat-x; }
#nav-links li a.active { background: url(../images/layout/navigation-link-active.gif) repeat-x; }

#content { width: 562px; float: left; background: url(../images/layout/content-bg.jpg) repeat-y; }
#content .container { padding: 0 26px; }
#content .container ul { margin: 15px 0 0 25px; }
#content .container ul li { background: url(../images/layout/listarrow-content.gif) no-repeat top left; margin-bottom: 10px; padding-left: 20px; }
#content a.readmore { margin-left: 15px; }
#content a.readmore img { margin-left: 10px; }
#content a.readmore.center { margin: 0; }
#content .toplink { height: 21px; background: url(../images/layout/toplink-bg.gif) no-repeat center; clear: both; }
#content .toplink a { display: block; height: 21px; width: 120px; margin: 0 auto; }

/* Photo Gallery Image Styles */
#content .photo-link { padding: 5px; margin: 5px 7px; border: 1px solid #999; display: block; width: 100px; float: left; }
#content .photo-link:hover { border-color: white; }

#sidebar { width: 230px; float: right; margin-left: 14px; text-align: left; padding-top: 15px; }
#sidebar .twittericon { background: url(../images/layout/twitter-icon.png) no-repeat bottom right; clear: both; padding-top: 20px; }
#sidebar .subscribe { height: 24px; padding-left: 34px; display: block; background: url(../images/layout/subscribe-icon.jpg) no-repeat top left; margin-bottom: 25px; }
#sidebar .subscribe img { margin-right: 10px; }

/* Fix IE 6 Search Margins for .search */
#sidebar .search input#fsearch { height: 14px; width: 165px; background: url(../images/layout/searchbox-bg.png) no-repeat top left; border: none; padding: 11px 10px; float: left; }
#sidebar .search input#fsubmit { height: 38px; width: 41px; background: url(../images/layout/search-button.png) no-repeat top left; border: none; cursor: pointer; float: right; }

#sidebar ul { margin-top: 15px; }
#sidebar ul li { background: url(../images/layout/listarrow-sidebar.gif) no-repeat top left; margin-bottom: 7px; padding-left: 20px; }

#twitter_updates { }
#twitter_updates li.tweets{ background: #333 url(../images/layout/twitterbox-top.gif) no-repeat top; padding: 8px 8px 0 8px; margin: 0; }
#twitter_updates li span.published { display: block; }
#twitter_updates span.baseimg { height: 21px; display: block; background: url(../images/layout/twitterbox-bottom.gif) no-repeat top; margin-bottom: 7px;  }

#footer { width: 550px; height: 100px; margin: 0 auto; background: url(../images/layout/footer-bg.gif) repeat-x; }
#footer .simple-nav { width: 132px; float: left; margin-top: 10px; }
#footer .legal { width: 417px; height: 80px; float: right; margin-top: 10px; border-left: solid 1px #333; }

/* === Contact Form === */
#contact-form { width: 365px; margin: 0 auto; text-align: left; }
#contact-form input,
#contact-form textarea {
	padding: 3px;
	width: 200px;
	font-size: .9em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}
#contact-form textarea { height: 90px; width: 250px; }
#contact-form textarea:focus,
#contact-area input:focus { border: 1px solid #900; }
#contact-form input.submit-button { width: 100px; float: right; margin-right: 15px; cursor: pointer; background: #d6d8ea; }
label { float: left; text-align: right; margin-right: 15px; width: 85px; padding-top: 5px; font-size: .9em; }

/* ===== FONTS ===== */
/* Global */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .9em; color: #212121; text-align: center; }

a { color: #400d0d; }
a:hover { text-decoration: none; color: #333; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #212121; text-align: left; }
h1 { font-size: 1.6em; line-height: 1.6em; }
h2 { font-size: 1.1em; line-height: 1.4em; }
h3 { font-size: 1em; line-height: 1.25em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#sidebar h2 { color: #cfc9c9; border-bottom: solid 1px #5c5c5c; line-height: 32px; letter-spacing: .05em; }

p { font-size: .9em; line-height: 1.45em; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 10px 0; }

/* Specific */
#header .tagline { font-size: .9em; letter-spacing: .1em; font-style: italic; font-weight: 100; color: #fff; }

#nav-links ul { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; text-shadow: 0 0 0 #000; }
#nav-links li a { color: #fff; text-decoration: none; font-size: 1.2em; font-weight: 100; letter-spacing: .06em; line-height: 42px; }

#content .container ul { font-size: .85em; line-height: 1.2em; text-align: left; }
#content .container ul li { list-style: none; }
#content a.readmore { font-size: .8em; font-weight: bold; font-style: italic; color: #400d0d; text-decoration: none; }
#content a:hover.readmore span { text-decoration: underline; }
#content .toplink a { font-size: .8em; font-weight: bold; color: #666; text-decoration: none; line-height: 24px; }
#content .toplink a:hover { color: #212121; }

#sidebar .subscribe a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #cfc9c9; text-decoration: none; line-height: 24px; letter-spacing: .05em; }
#sidebar .subscribe a:hover { color: #fff; }
#sidebar .search { font-size: .8em; color: #999; letter-spacing: .05em; }
#fsearch { font-size: 1.1em; color: #999; letter-spacing: .05em; }

#sidebar ul li { list-style: none; }
#sidebar ul li a { font-size: .85em; color: #cfc9c9; text-decoration: none; letter-spacing: .03em; }
#sidebar ul li a:hover { color: #fff; }

#twitter_updates li.tweets{ font-size: .8em; line-height: 1.5em; color: #999; }
#twitter_updates li.tweets a { font-size: 1em; line-height: 1.5em; color: #b3b5dc; }

#footer .simple-nav ul { width: 50%; margin: 5px 0 0 45px; line-height: 18px; text-align: left; }
#footer .simple-nav li { list-style-type: circle; color: #999; }
#footer .simple-nav li a { font-size: .8em; font-weight: bold; color: #999; text-decoration: underline; }
#footer .simple-nav li a:hover { color: #fff; text-decoration: none; }
#footer .legal { font-size: .75em; color: #999; line-height: 22px; letter-spacing: .04em; }
#footer .legal a { color: #999; text-decoration: underline; }
#footer .legal a:hover { color: #fff; text-decoration: none; }