/*
Theme Name: Copper West Theme
Description: Custom 3 columns blog design for Copper West
Version: 1.0
Author: Rick Bjarnason
Author URI: http://www.cheekymonkeymedia.ca
*/

/*---------------------
		Resets
----------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------
		General Tags
----------------------*/
body {
	background: #030202 url(img/bg_body.jpg) no-repeat center top;
	color: #200d01;
	font: 12px/1.6em Verdana, Arial, sans-serif;
}
a {
	color: #007c82;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-family: Georgia;
	font-size: 22px;

}
h2 {
	font-family: Georgia;
	font-size: 18px;
}
h3 {
	font-family: Georgia;
	font-size: 18px;
}
h4 {
	font-family: Georgia;
	font-size: 18px;

}
h5 {
	font-family: Georgia;
	font-size: 16px;
}
h6 {
	font-family: Georgia;
	font-size: 15px;
}
p {
	padding: 5px 0;
}
/*---------------------
		Layout
----------------------*/
#wrapper {
	margin: 0 auto;
	width: 960px;
}
#header {
	height: 200px;
	position: relative; /* resets relative position for children */
}
#content-wrap {
	background: #d7d2c1 url(img/bg_sidebar.jpg) no-repeat 2px -6px;
	margin: 0 auto;
	overflow: hidden; /* contain floated elements */
	padding: 10px 0 0;
	width: 952px;
}
#content {
	background: url(img/bg_content_wrap.png) 0 0 repeat-y;
	float: right;
	/* trying to make this always the tallest so that the divider is right */
	min-height: 500px;
	height: auto!important;
	height: 500px;
	padding: 0 4px 0 8px;	
	width:676px;
}
#sidebar {
	float: left;
	padding:  0 0 0 10px;
	width:250px;
	
}
#footer {
	background: url(img/bg_copy.png) no-repeat 0 143px;
	clear: both;
	height: 176px;
	overflow: hidden;
	padding: 5px 0 0 5px;
}
/*--------------------------
	Header styles
--------------------------*/
#header h1 {
	background: url(img/logo-trans.png) no-repeat 0 0;
	height: 131px;
	left: 2px;
	position: absolute;
	top: 23px;
	width: 372px;
}
#header h1 a {
	display: block;
	height: 131px;
	text-indent: -9999em;
	width: 372px;
}
#headerImages {
	position: absolute;
	height: 130px;
	right: -10px;
	top:28px;
	width: 528px;
	
}
#headerImages img {
	border: 1px solid #007c82;
	float: left;
	margin: 0 9px 0 0;
}
/*--------------------------
	Navigation styles
--------------------------*/
#nav-wrap {
	background: url(img/bg_mainnav-trans.png) no-repeat 0 0;
	display: block;
	height: 37px;
	padding: 13px 0 0 0;
	position: absolute;
	top: 162px;
	width: 100%;
	
}
#mainnav {
	float: right;
}
#mainnav li {
	float: left;
	position: relative;
}
#mainnav li a {
	color: #d7d2c1;
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	padding: 0 14px;
	text-decoration: none;
}
#mainnav li a:hover, #mainnav li.current_page_item a{
	color: #c97e11;
}
/* first level or children */
#mainnav li ul {
	background: #301402	;
	display:none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1000;
}
#mainnav li:hover > ul {
	display: block;
}
#mainnav li ul li {
	padding: 5px 0;
	width: 15em;
}
#mainnav li ul li a{
	display: block;
}
#mainnav li li a:hover {

}
#mainnav li ul li {
 _display: inline; /* for IE6 */
}
#mainnav li li a:hover{
	background-image: none;
}
/* second level or grandchildren */
#mainnav li li ul {
	display:none;
	left: 100%;
	top: 0;
}
/*--------------------------
	Content styles
--------------------------*/
#main {
	float: left;
	width: 415px;
}
#main h2 {
	margin-bottom: 10px;
}
.post {
	background: #e9e6db;
	padding: 5px;
	margin: 0 0 12px 0;
	overflow: hidden;
}
.post h2 {
	font-family: Georgia;
}
.meta {
	color: #007c82;
	display: block;
	font: 11px Georgia;
	margin-bottom: 3px;
}
.post img {
	margin-top: 7px;
}
.read-more {
	display: block;
}
.page .post {
	min-height: 650px;
	height: auto!important;
	height: 650px;
}
.home .post {
	min-height: 0;
	height: auto;
}
#breadcrumb {
	padding: 0 0 20px 0;
}
/*--------------------------
	Content Side styles
--------------------------*/
#content-sidebar {
	float: right;
	padding: 0 0 0 5px;
	width: 255px;
}
#content-sidebar > div {
	margin-bottom: 5px;

}
#syndication p{
	background: url(img/feed-icons.png) no-repeat 98px -1px;
	color: #007c82;
	height: 35px;
	font-style: italic;
	font-family: Georgia;
	font-size: 14px;
	position: relative; /* for anchor tag */
}
#syndication p a {
	display: block;
	height: 35px;
	position: absolute;
	text-indent: -9999em;
	top:0;
	width: 42px;
}
#rss {
	left:145px;
}
#mail {
	left:100px;
}
#feedburn {
	left:192px;
}	
#large-adspace img{
	display: block;
	margin: auto
}
#adspace img {
	float: left;
	margin: 0 2px 2px 0;
}
.widg table {
	margin: auto;
}
.widg td {
	padding: 5px;
}
.prev {
	float: left;
}
.next {
	float: right;
}
/*--------------------------
	Sidebar styles
--------------------------*/
#spacer {
	float:left;
	height: 217px;
	width: 135px;
}
#categories li {
	padding: 0 0 10px 0;
	text-align: right;
}
#categories li a {
	font-family: Georgia;
	font-size: 18px;
	letter-spacing: 1px;
}
#tweets {
	background: url(img/twitter-icon.jpg) no-repeat;
	clear: both;
	min-height: 40px;
	height: auto!important;
	height: 40px;
	padding: 44px 0 0 60px;
	margin: 10px 0 0 0;
	
}
.widg {
	padding: 15px 0;
}
.widg select[name=archive-dropdown] {
	background: #200d01;
	border: none;
	color: #007c82;
	height: 20px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	width:232px;
}
.widg h3 {
	font-family: Georgia;
	font-weight: normal;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.last-twit {
	overflow: hidden;
	width: 240px;
}

/*--------------------------
	Comment styles
--------------------------*/

#commentform p {
	padding:.5em 0;
}
#commentform input {
	border:1px solid #7D6958;
	padding:.2em;
}
#comments-template {
	margin:2em auto;
	clear:both;
	overflow:hidden;
	padding:20px 10px;
	border:1px solid #BCBCBC;
	position:relative;
}
#comments-template li {
	clear:left;
	border-bottom:1px solid #ccc;
	padding:2em 0;
	overflow:hidden;
}
#comments-template .avatar{
	float:left;
	margin-right:25px;
	background:#afafaf;
	border:1px solid #fff;
	border-right:1px solid #BCBCBC;
	border-bottom:1px solid #BCBCBC;
	padding:4px;
}
.main_comment {
	background:#fff;
	padding:15px;
}
.main_comment h4 {
	font-size: 15px;
}
.main_comment p {
	font-size: 13px;
	padding: 5px 0;
}
#respond {
	margin-top:1em;
}	
/*--------------------------
	Footer styles
--------------------------*/
.columns {
	color: #d7d2c1;
	float: left;
	height: 113px;
	margin-right: 5px;
	padding: 10px;
}
.columns h4 {
	color: #007c82;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
}
.alpha,.charlie {
	background: url(img/bg_alpha.png) no-repeat;
	text-align: center;
	width: 237px;
}

.beta {
	background: url(img/bg_beta.png) no-repeat;
	margin-right: 2px;
	width: 402px;
}
.beta h4 {
	margin-left: 15px;
}
.beta ul li {
	float: left;
}
.beta ul li a {
	color: #d7d2c1;
	font-size: 14px;
	font-style: italic;
	padding: 15px 0 15px 15px;
}
.beta ul li a span {
	margin-left: 15px;
}
.charlie {
	font-size: 10px;
	margin: 0;
}
.charlie h4 {
	margin-bottom: 5px;
}
#copyright {
	color: #d7d2c1;
	font-family: Georgia;
	float: right;
	padding-top: 10px;
	margin-right: 10px;	
	_margin-right: 5px;/* ie6 fix */	
	
}