/*  
Theme Name: Chops
Theme URI: http://www.joshmccarty.com
Description: This is a custom theme using black and orange. This theme and all associated images are Copyright (c) 2010 by Josh McCarty. This theme is not released for public use and is intended solely for use on the justinchoponis.com website.
Version: 2.0
Author: Josh McCarty
Author URI: http://www.joshmccarty.com/
*/

* {margin: 0; padding: 0;}

/*GENERAL STYLES*/
body {
	font-family: cambria, "bookman old style", "times new roman", serif;
	color: #d4d4d4;
	background-color: #0e0e0e;
	}
h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #868686; margin-bottom: .5em;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}
p {margin-bottom: 1em;}
ul {list-style-type: disc; margin-bottom: 20px;}
ul ul {margin-bottom: 0px;}
ol {margin-bottom: 20px;}
ol ol {margin-bottom: 0px;}
dl {margin-bottom: 20px;}
li {margin-left: 25px; margin-bottom: 5px;}
dd {margin-left: 25px;}
dd {margin-bottom: 5px;}
a:link, a:visited {color: #dc6116; text-decoration: none;}
a:hover {text-decoration: underline;}
blockquote {margin: 1em;}
table {
	border: 1px solid #444444;
	border-spacing: 0;
	border-collapse: collapse;
	}
th, td {
	padding: 5px;
	vertical-align: text-top;
	border: 1px solid #444444;
	}
img {margin: 1em 0 1em 0;}
a img{border: none;}
.wp-caption 
	{padding: 5px;
	border: 2px solid #444444;
	background-color: #d4d4d4;
	}
.wp-caption img {display: block; margin: 1px auto 1px auto;}
.wp-caption p {display: block; margin: 1px; text-align: center; font-size: .8em; color: #444444;}

/*LAYOUT*/
#header {
	display: inline;
	float: left;
	position: relative;
	width: 100%;
	margin-top: 40px;
	padding: 0;
	background-image: url("images/brushed_header.png");
	background-repeat: repeat-x;
	background-position: top left;
	}
#header .wrapper {
	width: 960px;
	height: 180px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	}
#container {
	clear: both;
	width: 960px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
#content {
	display: inline;
	float: left;
	position: relative;
	width: 619px;
	margin: 10px;
	padding: 10px;
	border-right: 1px solid #313131;
	}
#content2 {
	display: inline;
	float: left;
	position: relative;
	width: 679px;
	margin: 10px;
	padding: 10px;
	border-right: 1px solid #313131;
	}
.sidebar {
	display: inline;
	float: left;
	position: relative;
	width: 200px;
	margin: 10px;
	padding: 10px;
	}
#footer {
	clear: both;
	width: 100%;
	height: 400px;
	background-image: url("images/brushed_footer.png");
	background-repeat: repeat-x;
	background-position: top left;
	}
#footer .wrapper {
	width: 960px;
	height: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	}

/*HEADER STYLES*/
div.logo {
	position: absolute;
	left: 0;
	bottom: -28px;
	}
h1.logo a {
	clear: both;
	font-family: arial;
	font-weight: bold;
	font-size: 80px;
	line-height: 100px;
	text-decoration: none;
	color: #444444;
	vertical-align: top;
	}
div.description {
	position: absolute;
	left: 430px;
	bottom: -14px;
	}
p.description {
	font-style: italic;
	font-size: 20px;
	vertical-align: top;
	}
a#rss {
	width: 18px;
	height: 18px;
	background-image: url("images/rss_icon.png");
	position: absolute;
	right: 20px;
	bottom: 10px;
	}
a#rss span {display: none;}

/*NAV STYLES*/
#navigation {
	width: 100%;
	height: 50px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -31px;
	left: 0;
	}
#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#nav li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: lowercase;
	margin-top: 18px;
	}
#nav li a {
	display: block;
	line-height: 30px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	color: #444444;
	}
#nav li a:hover {color: #d4d4d4;}
	
/*CONTENT STYLES*/
#breadcrumb {margin-top: 10px; margin-bottom: 20px;}
.entry-header {
	position: relative;
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #868686;
	margin-bottom: 10px;
	}
.entry-header h2 {font-size: 20pt; font-weight: normal; font-family: cambria, serif;}
.entry-header h2 a {text-decoration: none;}
.entry-header h2 a:hover {text-decoration: underline;}
.entry-date {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	left: -80px;
	font-size: 12pt;
	font-family: cambria, serif;
	color: #444444;
	text-align: center;
	}
.entry-date span {font-size: 18pt;}
.entry-footer {
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #868686;
	margin-top: 20px;
	margin-bottom: 40px;
	}
.newer, .older {float: left; margin-right: 20px;}
.gototop {float: right;}
.pager {font-weight: bold; font-size: 1.1em;}
.comments-template {font-size: .8em;}

/*SIDEBAR STYLES*/
.sidebar ul {list-style: none;}
.sidebar ul li {margin-left: 0; margin-bottom: 10px;}
.sidebar ul li ul {margin-left: 20px; margin-bottom: 20px; list-style: disc;}
.sidebar ul li ul li {margin-bottom: 5px;}
.sidebar ul li a {text-decoration: none;}
.sidebar ul li a:hover {text-decoration: underline;}
#search ul {list-style-type: none;}
#s {
	width: 196px;
	height: 25px;
	font-family: cambria, serif;
	font-size: 12pt;
	color: #d4d4d4;
	margin-left: -20px;
	border: 2px solid #101010;
	background-image: url("images/search_background.png");
	background-repeat: no-repeat;
	}
#searchform .button {
	display: none;
	}
#wp-calendar {
	border: none;
	border-spacing: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	font-family: cambria, serif;
	font-size: 10pt;
	}
#wp-calendar th, #wp-calendar td {padding: 5px; border: none;}

/*FOOTER STYLES*/
#footer {font-size: 9pt;}
#footer ul {list-style-type: none;}
#footer li {margin: 0 0 15px 0;}
#footer .col9 li {margin: 0;}
#footer a {color: #d4d4d4;}

/*COMMENT STYLES*/
.commentlist li {
	list-style-type: none;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #313131;
	}
.commentmetadata {
	font-family: arial, sans-serif;
	color: #868686;
	margin-bottom: 10px;
	}
#comments {border-top: 1px solid #868686;}

/*COLUMN STYLES*/
.col1 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 20px;
	}
.col2 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 80px;
	}
.col3 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 140px;
	}
.col4 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 200px;
	}
.col5 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 260px;
	}
.col6 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 320px;
	}
.col7 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 380px;
	}
.col8 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 440px;
	}
.col9 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 500px;
	}
.col10 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 560px;
	}
.col11 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 620px;
	}
.col12 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 680px;
	}
.col13 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 740px;
	}
.col14 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 800px;
	}
.col15 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 860px;
	}
.col16 {
	display: inline;
	float: left;
	margin: 10px;
	padding: 10px;
	width: 920px;
	}