/*
Theme Name: Jealous Republic
Theme URI: http://jealousrepublic.com/
Description: Template made by Jealous Republic.
Version: 2.0
Author: Brian Bartholomew
Author URI: http://jealousrepublic.com/
Tags: grey, subtle, clean
*/
body {
	background: url(img/body-bg.jpg) repeat-x top left #e5e6d3;
	color: #3d3d3d;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 971px;
}
#content-container {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
#masthead {
	clear: both;
	height: 150px;
	margin: 0;
	padding: 0;
	width: 971px;
}
#masthead h1 {
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	width: 158px;
}
#masthead h1 a {
	background: url(img/jr-logo.jpg);
	display: block;
	height: 118px;
	text-indent: -9999px;
}
.site-nav {
	float: right;
	list-style: none;
	margin: 44px 0 0 0;
	padding: 0;
	width: 366px;
}
.site-nav li {
	float: left;
	height: 50px;
}
.site-nav li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
}
/* PRIMARY NAV */
#about {
	background: url(img/topnav-about-btn.jpg) no-repeat top left;
	width: 127px;
}
#work {
	background: url(img/topnav-work-btn.jpg) no-repeat top left;
	width: 106px;
}
#contact {
	background: url(img/topnav-contact-btn.jpg) no-repeat top left;
	width: 133px;
}
/* FEATURED CONTENT */
#featured-content {
	background: url(img/featured-content-bg.jpg) repeat-x top left #ffffff;
	border: solid 1px #c4c5b5;
	height: 267px;
	margin: 0;
	padding: 10px;
	width: 938px;
}
#featured-container {
	clear: both;
}
#featured-project {
	float: left;
	height: 267px;
	position: relative;
	width: 646px;
}
#featured-project img {
	display: block;
	position: absolute;
	width: 646px;
}
#featured-project a {
	background: url(img/view-more-btn.png) no-repeat top left;
	height: 48px;
	position: absolute;
	width: 120px;
	margin: 8px 0 0 -28px;
	text-indent: -9999px;
}
#contact-widget {
	float: left;
	margin-left: 10px;
	width: 280px;
}
#contact-widget h2 {
	background: url(img/need-help-hdr.jpg) no-repeat top left;
	text-indent: -9999px;
}
#contact-widget p {
	background: url(img/block-bg.jpg) repeat-x top left #ffffff;
	background-position-y: 1px;
	border-right: solid 1px #c4c5b5;
	border-left: solid 1px #c4c5b5;
	font-size: 0.689em;
	margin: 0;
	padding: 10px;
	width: 260px;
}
#contact-widget ul {
	background: url(img/contact-widget-bg.jpg) no-repeat top center #ffffff;
	border-right: solid 1px #c4c5b5;
	border-left: solid 1px #c4c5b5;
	border-bottom: solid 1px #c4c5b5;
	height: 52px;
	list-style: none;
	margin: 0;
	padding: 10px;
	width: 260px;
}
#contact-widget ul li {
	float: left;
	height: 52px;
	text-align: center;
	width: 110px;
	margin: 0 10px 0 10px;
}
#contact-widget ul li a {
	display: block;
	height: 52px;
	text-indent: -9999px;
}
#contact-widget ul li#twitter-icon {
	background: url(img/twitter-icon.jpg) no-repeat top center;
}
#contact-widget ul li#facebook-icon {
	background: url(img/facebook-icon.jpg) no-repeat top center;
}
#contact-widget a#contact-me {
	background: url(img/contact-me-btn.jpg) no-repeat top left;
	display: block;
	height: 52px;
	margin-top: 5px;
	width: 283px;
	text-indent: -9999px;
}
/* Content */
#content-primary {
	float: left;
	margin-bottom: 15px;
	padding: 10px;
	width: 632px;
}
#content-primary h2 {
	margin: 0;
	padding: 0;
}
#content-primary p {
	color: #99937d;
	font-size: 0.750em;
	margin: 10px 5px 5px 5px;
	padding: 0;
}
#content-primary a {
	color: #8e2aff;
	text-decoration: underline;
}
#content-primary a:hover {
	color: #3d3d3d;
}
#content-secondary {
	float: left;
	margin-bottom: 15px;
	padding: 10px 0 10px 10px;
	width: 295px;
}
#content-secondary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 295px;
}

/* GLOBALS */
.sidebar {
	background: url(img/block-bg.jpg) repeat-x top left #ffffff;
	background-position-y: 1px;
	border-right: solid 1px #c4c5b5;
	border-left: solid 1px #c4c5b5;
	border-bottom: solid 1px #c4c5b5;
}
.sidebar-title {
	background: url(img/block-title-bg.jpg) repeat-x top left;
	border-right: solid 1px #c4c5b5;
	border-left: solid 1px #c4c5b5;
	border-top: solid 1px #c4c5b5;
	color: #ffffff;
	font-size: 1.2em;
	height: 24px;
	margin: 0;
	padding: 3px 0 3px 0;
	width: 100%;
}
.sidebar p {
	color: #3d3d3d;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	padding: 10px;
}
.sidebar li {
	border-bottom: solid 1px #dedddc;
	font-size: 0.750em;
	margin: 0 5px 0 5px;
	padding: 5px;
}
.sidebar a {
	color: #3d3d3d;
	text-decoration: none;
}
.sidebar li.last {
	border-bottom: none;
}
.sidebar.recent-projects {
	height: 128px;
}
.sidebar.recent-projects li {
	border: solid 1px #dedddc;
	float: left;
	height: 59px;
	width: 69px;
	padding: 0;
	margin: 2px 0 0 2px;
}
.sidebar.recent-projects li a {
	display: block;
	height: 59px;
}
/* Headers */
.sidebar-title .recent-updates-hdr  {
	background: url(img/recent-updates-hdr.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
.sidebar-title .recent-projects-hdr  {
	background: url(img/recent-projects-hdr.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
.sidebar-title .need-help  {
	background: url(img/need-help-hdr.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.sidebar-title .need-help {
	text-indent: -9999px;
}
#welcome-hdr {
	background: url(img/welcome-hdr-bg.jpg) no-repeat top left;
	margin: 5px 0 5px 0;
	padding: 0;
	text-indent: -9999px;
}
/* Site Info */
#site-info-container {
	background: url(img/site-info-container-bg.jpg) repeat-x top left;
	clear: both;
	height: 119px;
	padding-top: 28px;
}
#site-info {
	margin: 0 auto;
	width: 971px;
}
#site-info p {
	color: #ffffff;
	float: left;
	font-size: 0.750em;
	margin: 25px 0 0 0;
	padding: 0;
}
#site-info ul {
	background: url(img/site-info-ul-bg.jpg) no-repeat top left;
	float: right;
	height: 64px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 318px;
}
#site-info ul li  {
	float: left;
	height: 32px;
	margin-top: 15px;
}
#site-info ul li a  {
	display: block;
	height: 32px;
	text-indent: -9999px;
}
#siteinfo-about {
	background: url(img/siteinfo-about-btn.jpg) no-repeat top left;
	width: 98px;
}
#siteinfo-work {
	background: url(img/siteinfo-work-btn.jpg) no-repeat top left;
	width: 101px;
}
#siteinfo-contact {
	background: url(img/siteinfo-contact-btn.jpg) no-repeat top left;
	width: 119px;
}
/* Portfolio Page */ 
.project {
	background: url(img/featured-content-bg.jpg) repeat-x top left #ffffff;
	border: solid 1px #c4c5b5;
	height: 200px;
	margin: 5px 0 5px 0;
	padding: 5px;
	width: 610px;
}
.project h3 {
	margin: 0 0 5px 0;
	padding: 0;
}
#content-primary .project h3 a {
	color: #333;
	text-decoration: none;
}
#content-primary .project h3 a:hover {
	color: #333;
	text-decoration: none;
}
.project-image {
	position: relative;
}
.project-image img {
	height: 170px;
	position: absolute;
	width: 610px;
}
.project-image a {
	background: url(img/view-more-btn.png) no-repeat top left;
	height: 48px;
	position: absolute;
	width: 120px;
	margin: 8px 0 0 -28px;
	text-indent: -9999px;
}