/*=====================================================================
* 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:  #000000;
}

/* ===== 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 {
	text-align: left;
}
#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: 530px; height: 41px; position: relative; top: 13px; left: 20px; }
#nav-links li { float: left; }
#nav-links li a { display: block; float: left; height: 41px; padding: 0 12px; }
#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;
}
#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;
	clear: both;
	background-image: url(../images/layout/toplink-bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#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: 0.9em;
	color: #CC0000;
	text-align: center;
}

a {
	color: #FFCC00;
}
a:hover {
	text-decoration: none;
	color: #FFFFCC;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #CC0000;
	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: #FFFFFF;
	border-bottom: solid 1px #5c5c5c;
	line-height: 32px;
	letter-spacing: 0.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: 0.8em;
	font-weight: bold;
	font-style: italic;
	color: #CC0000;
	text-decoration: none;
}
#content a:hover.readmore span { text-decoration: underline; }
#content .toplink a {
	font-size: 0.8em;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	line-height: 24px;
}
#content .toplink a:hover {
	color: #FFFFFF;
}

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

#sidebar ul li { list-style: none; }
#sidebar ul li a {
	font-size: 0.85em;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0.03em;
}
#sidebar ul li a:hover { color: #fff; }

#twitter_updates li.tweets{
	font-size: 0.8em;
	line-height: 1.5em;
	color: #FFFFFF;
}
#twitter_updates li.tweets a {
	font-size: 1em;
	line-height: 1.5em;
	color: #FFFFFF;
}

#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: #FFFFFF;
}
#footer .simple-nav li a {
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#footer .simple-nav li a:hover { color: #fff; text-decoration: none; }
#footer .legal {
	font-size: 0.75em;
	color: #FFFFFF;
	line-height: 22px;
	letter-spacing: 0.04em;
}
#footer .legal a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer .legal a:hover { color: #fff; text-decoration: none; }