/*
Theme Name: Stereoreel Theme
Theme URI: http://www.stereoreel.com/
Description: The theme for Stereoreel!
Version: 1.0
Author: Corey Brown
Author URI: http://www.coreyweb.com/
Tags: black, custom header, fixed width, two columns, widgets

	stereoreel v.1.0
	 http://www.stereoreel.com

*/



/* Begin Typography & Colors */
a { color: #C72F2F; }
img { border: 0; }
:focus { -moz-outline-style: none; }
body { margin: 0; padding: 0; background: #777; font: normal 14px 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif; }
#container { width: 960px; margin: 10px auto; }
h1,h2,h3,h4 { margin: 0; padding: 0; }
h1 { font-size: 30pt; }
#header { background: #000; margin-bottom: 4px; height: 50px; position: relative; }
#header h1 { position: absolute; top: 0; left: 0; }
#header h1 a { display: block; width: 295px; height: 50px; background:url(images/logo.gif) no-repeat; text-indent: -999em; }
#pagebody { float: left; background: url(images/bg-pagebody.gif) repeat-y right; width: 960px; }
#content { width: 648px; padding: 15px; float: left; background: #fff; }
#sidebar { width: 250px; padding: 15px; float: left; }
.break { clear: both; }
#footer { background: #000; margin-top: 4px; padding: 8px; color: #fff; float: left; width: 944px; }
#footer .copyright { margin: 0; padding: 0; width: 200px; float: left; }
#footer .nav { margin-left: 20px; width: 724px; float: left; text-align: right; text-transform: lowercase; }
#footer .nav ul { margin: 0; padding: 0; }
#footer .nav li { display: inline; margin-left: 10px; }
#footer a { text-decoration: none; }
#footer a:hover { color: #fff; }

/** OLD NAV CODE
ul#nav { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; right: 20px; font-size: 15px; line-height: 50px; text-transform: lowercase; }
ul#nav li { display: inline; margin-left: 20px; }
ul#nav li a { text-decoration: none; }
ul#nav li a:hover { color: #fff; } **/

ul#nav { float: right; text-transform: lowercase; }
ul#nav, #nav ul {	padding: 0;	margin: 0; list-style: none; }
ul#nav a { display: block; text-decoration: none; font-size: 11pt; font-weight: bold; text-align: center; padding-top: 15px; height:35px; margin-right: 20px; background-color:#000; }
ul#nav li ul a { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;}
ul#nav li ul { position: absolute; width: 200px; left: -999em; }
ul#nav li:hover ul { left: auto; }
ul#nav li { float: left; height: 50px;}
ul#nav li ul li { width: 200px; }

#lead { width: 960px; }
#features { margin: 5px 0 0 0; background: #000; padding: 10px 0; float: left; color: #fff; }
.feature { float: left; width: 295px; padding-left: 20px;}
#blog { padding: 0 0 0 15px; width: 600px; }
#video, #promos { margin-left: 15px; }
#video { width: 0px; }

#respond textarea { width: 625px; height: 200px; }
#content { }
#content p { font-size: 12px; line-height: 20px; }
#content p.byline { font-size: 14px; color: #555; margin: 0; padding: 0; }

#sidebar h2 { font-size: 15px; color: #fff; }

.spotlight { margin-top: 12px; padding-right: 15px; }
#promos ul { margin: 12px 0; padding: 0 0 0 15px; list-style: none; }
#promos li a { display: block; padding-left: 20px; line-height: 16px; margin: 6px 0; text-decoration: none; font-weight: bold; text-transform: lowercase; display: block; width: 100px; float: left; margin-right: 8px; }
#promos li a.email { background: url(images/icons/email.png) no-repeat; }
#promos li a.facebook { background: url(images/icons/facebook.png) no-repeat; } 
#promos li a.myspace { background: url(images/icons/myspace.png) no-repeat; } 
#promos li a.twitter { background: url(images/icons/twitter.png) no-repeat; }
#promos li a.youtube { background: url(images/icons/youtube.png) no-repeat; } 
#promos li a.flickr { background: url(images/icons/flickr.png) no-repeat; }

#searchbox { margin: 0 0 12px 0; }
#searchbox form { margin: 0; padding: 0; }
#searchbox label { display: none; }

#subscribe, .sidebar-item { margin-top: 15px; padding-top: 10px; border-top: 1px solid #444; }
#subscribe ul { margin: 6px 0; padding: 0; list-style: none; }
#subscribe li a { display: block; padding-left: 20px; line-height: 16px; margin: 6px 0; text-decoration: none; font-weight: bold; text-transform: lowercase; display: block; width: 90px; float: left; margin-right: 8px; }
#subscribe li a.email { background: url(images/icons/email.png) no-repeat; }
#subscribe li a.facebook { background: url(images/icons/facebook.png) no-repeat; } 
#subscribe li a.myspace { background: url(images/icons/myspace.png) no-repeat; } 
#subscribe li a.twitter { background: url(images/icons/twitter.png) no-repeat; }
#subscribe li a.youtube { background: url(images/icons/youtube.png) no-repeat; } 
#subscribe li a.flickr { background: url(images/icons/flickr.png) no-repeat; }

.sidebar-item ul { margin: 0; padding: 0; list-style: none; }
.sidebar-item li { margin: 8px 0; }
.sidebar-item li a { font-weight: bold; text-decoration: none; }
.sidebar-item li a:hover { text-decoration: underline; }

#blog p { font-size: 14px; line-height: 20px; }
#blog p.more { margin: 0; padding: 0; text-align: right; font-size: 12px; line-height: 12px; }
#blog p.more a { text-decoration: none; }
#blog p.more a:hover { text-decoration: underline; }

.post img { max-width: 625px; }