/*
Theme Name: Rack Labs
Theme URI: http://blog.racklabs.com/
Description: The Rack Labs Theme
Version: 1.0
Author: Byron McCollum
Author URI:
*/

/* @import url(media/styles/layout.css); */
/* hello world (edited from wordpress) */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.postmeta {
    color: #777;
    font-size: 1.25em;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	font-size: 62.5%;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: url(media/images/body-bg.gif) bottom right no-repeat #666;
}

a img {
	border: 0;
}

.hide {
	display: none;
}

.minor {
	padding: 5px 10px 8px 10px;
	color: #666;
	background: #eee;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.minor div {
	float: right;
	margin-top: 2px;
}

.minor p {
	margin: 0;
	padding: 0;
}

#container {
	background :#fff;
	width: 920px;
	padding: 20px;
	position: relative;
}

#header {
	margin-bottom: 40px;
}

#logo {
	/* width: 196px; */
	height: 90px;
	background: url(media/images/racklabs.jpg) top right no-repeat;
	margin: 10px 0 20px 0;
}

#logo h1 {
	font-size: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
	display: none;
}

#navigation {
	position: relative;
	background: url(media/images/navigation-bg.gif) center left repeat-x;
}

#pages {
	float: left;
}

#pages ul {
	float: left;
	margin: 0;
	padding: 0;
}

#pages ul li {
	float: left;
	list-style: none;
	border-right: 1px solid #fff;
}

#pages ul li.active {
	background: url(media/images/page-active-bg.gif) center left repeat-x;
}

#pages ul li a {
	display: block;
	padding: 0 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	height: 2.7em;
	line-height: 2.7em;
	float: left;
}

#pages ul li a:hover {
	background: url(media/images/page-inactive-hover-bg.gif) bottom center no-repeat;
}

#pages ul li.active a:hover {
	background: url(media/images/page-active-hover-bg.gif) bottom center no-repeat;
}

#pages ul li.first.active #nav-topleft {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(media/images/navigation-topleft-active-bg.gif) top left no-repeat;
}

#pages ul li.first.active #nav-bottomleft {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(media/images/navigation-bottomleft-active-bg.gif) bottom left no-repeat;
}

#pages #nav-topleft {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(media/images/navigation-topleft-bg.gif) top left no-repeat;
}

#pages #nav-bottomleft {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(media/images/navigation-bottomleft-bg.gif) bottom left no-repeat;
}

#search {
	margin-right: 2em;
	float: right;
}

#search form {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	height: 2.7em;
	line-height: 2.7em;
}

* html #search form {
	float: left;
	height: auto;
	margin-top: 0.4em;
}

#search form p {
	margin: 0;
	padding: 0;
}

#search input {
	margin: 0;
	margin-left: 1em;
}

#nav-bottomright {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(media/images/navigation-bottomright-bg.gif) bottom right no-repeat;
}

#nav-topright {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(media/images/navigation-topright-bg.gif) top right no-repeat;
}

#torso {
	margin-top: 40px;
	margin-bottom: 40px;
}

#sidebar {
	float: right;
	width: 220px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style: none;
	background: url(media/images/sidebar-bullet.gif) center left no-repeat;
	border-top: 1px solid #E9E9EA;
	margin: 0;
	padding: 5px 0;
	padding-left: 1.5em;
}

#sidebar a {
	color: #ED1F24;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}

#sidebar a:hover {
	border-bottom: 1px dotted #ED1F24;
}

#categories h2 {
	display: block;
	background: url(media/images/sidebar-title-categories.gif) top left no-repeat;
	width: 94px;
	height: 15px;
}

#links h2 {
	display: block;
	background: url(media/images/sidebar-title-links.gif) top left no-repeat;
	width: 47px;
	height: 15px;
}

#feeds h2 {
	display: block;
	background: url(media/images/sidebar-title-feeds.gif) top left no-repeat;
	width: 44px;
	height: 15px;
}

#calendar #wp-calendar {
	width: 100%;
	border-spacing: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 2px solid #bbb;
	border-right: 2px solid #bbb;
}

#calendar #wp-calendar caption {
	margin-bottom: 10px;
	

	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #ED1F24;
}

#calendar #wp-calendar td,
#calendar #wp-calendar th {
	text-align: center;
	padding: 5px;
	font-size: 1.1em;
}

#calendar #wp-calendar thead th {
	background: #eee;
	border-bottom: 1px solid #ddd;
}

#calendar #wp-calendar tfoot td {
	background: #eee;
	border-top: 1px solid #ddd;	
}

#calendar #wp-calendar tfoot #prev {
	text-align: left;
}

#calendar #wp-calendar tfoot #next {
	text-align: right;
}

#calendar #wp-calendar tbody #today {
	background: #ED1F24;
	color: #fff;
	font-weight: bold;
}

#calendar #wp-calendar tbody #today a {
	color: #fff;
}

#calendar #wp-calendar tbody #today a:hover {
	border-bottom: 1px dotted #fff;
}

#calendar #wp-calendar tbody .pad {
	background: url(media/images/hash-bg.gif) top left #fee;
}

#content {
	float: left;
	width: 660px;
}

#content .entry {
	margin-bottom: 2em;
}

#content h3 {
	font-size: 2.8em;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 2px 2px 2px #bbb;
	color: #ED1F24;
	margin-top: 0;
	margin-bottom: 0;
}

#content h3 a {
	border-bottom: none;
}

#content h3 a:hover {
	/* Don't underline post title links
	border-bottom: 1px dotted #ED1F24;
	*/
	border-bottom: none;
}

#content h4 {
	font-size: 2em;
	font-weight: normal;
	color: #333;
	margin-bottom: 0.5em;
	margin-top: 0;
}

#content h5 {
	color: #ED1F24;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}

#content p {
	color: #333;
	font-size: 1.3em;
	line-height: 1.4em;
}

#content a {
	color: #ED1F24;
	text-decoration: none;
	border-bottom: 1px dotted #ED1F24;
}

#content a:hover {
	border-bottom: 1px solid #ED1F24;
}

#content .float-left {
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
}

#content .float-right {
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
}

#new-comment {
	border: 1px solid #EDEDED;
	background: #F6F6F7;
	padding: 20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#new-comment form {
	margin: 0;
	padding: 0;
}

#new-comment p {
	font-size: 1.1em;
}


#new-comment label {
	float: left;
	width: 6.5em;
	font-weight: bold;
}

#new-comment textarea {
	width: 530px;
}

.comment {
	padding: 10px 10px;
	border: 1px solid #EDEDED;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 3em;
}

.comment p {
	margin-bottom: 0;
}

.comment.odd {
	background: #F6F6F7;
}

#footer {
	background: #fff;
}

#copyright {
	color: #666;
	margin-top: 40px;
	font-size: 1.1em;
}

#copyright a {
	color: #ED1F24;
	text-decoration: none;
	border-bottom: 1px dotted #ED1F24;
}

#copyright a:hover {
	border-bottom: 1px solid #ED1F24;
}

.divider {
	height: 3px;
	background: url(media/images/divider-horizontal-bg.gif) top left repeat-x;
	margin: 2em 0;
}

.divider hr {
	display: none;
}

#container-topleft {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(media/images/container-topleft-bg.gif) top left no-repeat;
}

#container-topright {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(media/images/container-topright-bg.gif) top right no-repeat;
}

#container-bottomleft {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(media/images/container-bottomleft-bg.gif) bottom left no-repeat;
}

* html #container-bottomleft {
	bottom: -1px;
}

#container-bottomright {
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(media/images/container-bottomright-bg.gif) bottom right no-repeat;
}

* html #container-bottomright {
	bottom: -1px;
}