/* 
	Theme Name: Black Canvas WordPress Theme
	Theme URL: http://www.studiopress.com/themes/blackcanvas
	Description: Black Canvas is a 2-column theme created for WordPress.
	Author: StudioPress
	Author URI: http://www.studiopress.com
	Version: 2.0
	Tags: two col two columns, fixed width, black, gray, white, blue
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v2.0 - 2/2/09
		Second Release of Black Canvas, to ensure compatibility with WordPress 2.7
*/

body {
		background: #F90 url(images/bg.gif) repeat-x;
		color: #999;
		font-size: 12px;
		font-family: Myriad Pro Regular, Helvetica, Arial, Verdana, Tahoma;
		margin: 0px auto 0px;
		padding: 0px;
}

#wrap {
		background: #000 url(images/wrap.gif) top repeat-x;
		margin: 0px auto 0px;
		padding: 0px;
}

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
		color: #477EDA;
		text-decoration: none;
}

a:hover {
		color: #F90;
		text-decoration: underline;
}

a img { border: none; }

a:focus, a:hover, a:active { outline: none; }

/************************************************
*	Header  									*
************************************************/

#header {
		width: 960px;
		height: 100px;
		color: #333333;
		font-size: 16px;
		font-weight: normal;
		margin: 0px auto 0px;
		padding: 0px;
		overflow: hidden;
}

#header p {
		padding: 0px 0px 5px 0px;
		margin: 0px;
		line-height: 20px;
}

#header a img {
		border: none;
		margin: 0px;
		padding: 0px;
}

#header h1 {
		color: #474747;
		font-size: 36px;
		font-family: Myriad Pro Regular, Helvetica, Arial, Tahoma, Verdana;
		font-weight: normal;
		margin: 0px;
		padding: 25px 0px 0px 0px;
		text-decoration: none;
}

#header h1 a, #header h1 a:visited {
		color: #474747;
		font-size: 36px;
		font-family: Myriad Pro Regular, Helvetica, Arial, Tahoma, Verdana;
		font-weight: normal;
		margin: 0px;
		padding: 25px 0px 0px 0px;
		text-decoration: none;
}

#header h1 a:hover {
		color: #474747;
		text-decoration: none;
}

.headerleft {
		width: 400px;
		float: left;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
}

.headerright {
		width: 560px;
		float: right;
		margin: 0px;
		padding: 65px 0px 0px 0px;
		overflow: hidden;
}

#nav {
		margin: 0px;
		padding: 0px;
		float: right;
}

#nav ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#nav li {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
}

#nav li a, #nav li a:link, #nav li a:visited {
		color: #999;
		display: block;
		font-size: 12px;
		text-transform: lowercase;
		margin: 0px;
		padding: 5px 10px 5px 15px;
		border-left: 1px solid #000000;
}

#nav li a:hover, #nav li a:active {
		color: #ffcc33;
		margin: 0px;
		padding: 8px 15px 13px 15px;
		padding: 5px 10px 5px 15px;
		text-decoration: none;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
		opacity: .90;
		filter: alpha(opacity=90);
		background: #000000;
		width: 150px;
		color: #999999;
		text-transform: lowercase;
		float: none;
		margin: 0px;
		padding: 7px 10px 7px 10px;
		padding: 7px 15px 7px 15px;
		border-bottom: 1px solid #373737;
		border-left: 1px solid #373737;
		border-right: 1px solid #373737;
}

#nav li li a:hover, #nav li li a:active {
		background: #202020;
		color: #ffcc33;
		padding: 7px 10px 7px 10px;
		padding: 7px 15px 7px 15px;
}

#nav li ul {
		z-index: 9999;
		position: absolute;
		left: -999em;
		height: auto;
		width: 170px;
		margin: 0px;
		padding: 0px;
}

#nav li li { }

#nav li ul a { width: 140px; }

#nav li ul a:hover, #nav li ul a:active { }

#nav li ul ul { margin: -29px 0 0 171px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

#nav li:hover, #nav li.sfhover { position: static; }

/************************************************
*	Content 					     		    * 
************************************************/

#content {
		width: 960px;
		margin: 0px auto 0px;
		padding: 0px 0px 10px 0px;
		line-height: 18px;
}

#content h1 {
		color: #CCCCCC;
		font-size: 24px;
		font-family: Century Gothic, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		line-height:24px;
}

#content .postright h1 {
		display:block;
		color: #ff9900;
		font-size: 24px;
		font-family: Century Gothic, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		padding: 0px 0 10px 0;
		line-height:24px;
		border-bottom:1px dotted #666;
}

#content .postright p {
		margin-top:0;
		padding-top:0;
}

#content .searchFootNote {
		color:#4e4e4e;
		line-height:14px;
		font-size:11px;
		padding:4px 0 4px 10px;
		background-color:#131313;
}

#content .footNote {
		color:#4e4e4e;
		line-height:14px;
		font-size:11px;
		padding:0 0 10px 0;
		/*	border-bottom:1px dotted #666;*/
}

#content .postright .footNote {
		color:#4e4e4e;
		line-height:14px;
		font-size:11px;
		padding-bottom:9px;
		border-bottom:1px dotted #666;
		margin-bottom:10px;
}

#content h1 a {
		color: #ff9900;
		text-decoration: none;
}

#content h1 a:hover {
		color: #CCCCCC;
		text-decoration: none;
}

#content h2 {
		color: #CCCCCC;
		font-size: 16px;
		font-family: Century Gothic, Light, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
		font-weight: normal;
		margin: 0px 0px 5px 0px;
		padding: 0px;
}

#content h3 {
		color: #CCCCCC;
		font-size: 14px;
		font-family: Century Gothic, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		padding: 0px;
}

#content h4 {
		color: #CCCCCC;
		font-size: 12px;
		font-family: Century Gothic, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
		font-weight: normal;
		margin: 0px 0px 20px 0px;
		padding: 0px;
}

#content img.wp-smiley {
		float: none;
		border: none;
		padding: 0px;
		margin: 0px;
}

#content img.wp-wink {
		float: none;
		border: none;
		padding: 0px;
		margin: 0px;
}

#content blockquote p {
		color:#666;
		line-height:16px;
		font-size:11px;
		margin: 10px 0px 10px 0px;
		padding: 0;
}

#photos {
		width: 960px;
		margin: 0px auto 0px;
		padding: 10px 0px 0px 0px;
		border-top: 1px solid #232323;
}

#photos a img, #photos a:visited img {
		padding: 0px;
		border: 4px solid #333333;
}

#photos a:hover img {
		padding: 0px;
		border: 4px solid #FF9900;
}

.postleft {
		float: left;
		width: 630px;
		margin: 10px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
}

.postleft p {
		padding: 0px;
		margin: 0px;
}

.commentsleft {
		margin: 40px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		border-top: 1px solid #232323;
}

.postright {
		float: right;
		width: 300px;
		margin: 0px 0px 0px 0px;
		padding: 25px 0px 20px 0px;
}

.postright p {
		padding: 10px 0px 10px 0px;
		margin: 0px;
		line-height: 18px;
}

.contentleft {
		float: left;
		width: 600px;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
}

.contentleft ol {
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 10px 0px;
}

.contentleft ol li {
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 5px 0px;
		line-height: 10px;
}

.contentleft ul {
		list-style-type: square;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 10px 0px;
}

.contentleft ul li {
		list-style-type: square;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 5px 0px;
		line-height: 10px;
}

blockquote {
		font-style: italic;
		margin: 0 20px 0 20px;
		padding: 10px 20px 10px 20px;
		border: 1px dotted #666;
		background-color:#333;
}

.archive {
		float: left;
		width: 300px;
		margin: 0px;
		padding: 0px 0px 20px 0px;
}

/************************************************
*	Sidebar 				    	     	    * 
************************************************/
	
#sidebar {
		float: right;
		width: 300px;
		margin: 0px;
		padding: 20px 0px;
		line-height: 15px;
}

#sidebar p {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		line-height: 18px;
}

#sidebar ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
}

#sidebar ul li {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 11px;
}

#sidebar ul ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
}

#sidebar ul li li {
		list-style-type: square;
		padding: 0px;
		margin: 0px 0px 0px 20px;
}

#sidebar ul li ul li {
		list-style-type: square;
		padding: 0px;
		margin: 0px 0px 0px 20px;
}

/************************************************
*	Footer Background							*
************************************************/

#footerbg {
		background: #ff9900;
		border-top: 1px solid #232323;
}

/************************************************
*	Footer  									*
************************************************/

#footer {
		width: 960px;
		height: 100px;
		margin: 0px auto 0px;
		padding: 0px;
}

#footer a {
		color: #666;
		text-decoration: none;
}

#footer a:hover {
		color: #000;
		text-decoration: underline;
}

.footer-1 {
		width: 170px;
		float: left;
		margin: 15px 0px 10px 0px;
		padding: 5px 0px 0px 20px;
		border-left: 1px solid #666;
}

.footer-1 p {
		color: #666;
		font-size: 11px;
		margin: 0px;
		padding: 0px 0px 2px 0px;
}

.footer-2 {
		width: 170px;
		float: left;
		margin: 15px 0px 10px 0px;
		padding: 5px 0px 0px 20px;
		border-left: 1px solid #666;
}

.footer-2 p {
		color: #666;
		font-size: 11px;
		margin: 0px;
		padding: 0px 0px 2px 0px;
}

.footer-3 {
		width: 170px;
		float: left;
		margin: 15px 0px 10px 0px;
		padding: 5px 0px 0px 20px;
		border-left: 1px solid #666;
}

.footer-3 p {
		color: #666;
		font-size: 11px;
		margin: 0px;
		padding: 0px 0px 2px 0px;
}

.footer-4 {
		width: 366px;
		float: left;
		margin: 15px 0px 10px 0px;
		padding: 5px 0px 0px 20px;
		border-left: 1px solid #666;
}

.footer-4 p {
		color: #666;
		font-size: 11px;
		margin: 0px;
		padding: 0px 0px 2px 0px;
}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
		margin: 0px;
		padding: 0px;
}

#searchform {
		margin: 30px 0px;
		padding: 0px;
}

#searchform label {
		font-family: Century Gothic, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
		font-size:16px;
		color: #CCCCCC;
}

#s {
		background: #333;
		width: 200px;
		color: #999;
		font-size: 11px;
		font-family: Myriad Pro Regular, Helvetica, Arial, Tahoma, Verdana;
		padding: 3px;
		margin: 5px 0px 0px 0px;
		border: 1px solid #666;
}

#sbutt {
		background: #111111;
		color: #FFFFFF;
		font-size: 11px;
		font-family: Myriad Pro Regular, Helvetica, Arial, Tahoma, Verdana;
		padding: 1px;
		margin: 0px;
		border: 1px solid #FFFFFF;
}

#submit {
		background: #333333;
		color: #999999;
		font-family: Myriad Pro Regular, Helvetica, Arial, Tahoma, Verdana;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		margin: 0px;
		padding: 2px 5px 2px 5px;
		border: 1px solid #666666;
}

#author, #email, #url {
		background: #333333 !important;
		color: #999999;
		font-size: 12px;
		font-family: Myriad Pro Regular, Helvetica, Arial, Tahoma, Verdana;
		margin: 0px;
		padding: 4px;
		border: 1px solid #666666;
}

#comment {
		background: #333333 !important;
		color: #999999;
		font-size: 11px;
		font-family: Myriad Pro Regular, Helvetica, Arial, Tahoma, Verdana;
		margin: 5px 0px 10px 0px;
		padding: 4px;
		border: 1px solid #666666;
}

/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li { font-size: 11px; }

.commentlist li {
		font-weight: bold;
		background: #000;
}

.commentlist li .avatar {
		background: #666666;
		float: right;
		border: 1px solid #999999;
		margin: 0px 5px 0px 10px;
		padding: 1px;
}

.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 11px;
}

.commentlist p {
		font-size:11px;
		font-weight: normal;
		text-transform: none;
}

.commentmetadata { font-weight: normal; }

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0px;
}

#commentform { margin: 5px 10px 0px 0px; }

#commentform textarea {
		width: 98%;
		padding: 2px;
}

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

#commentform p { margin: 5px 0px 5px 0px; }

#commentform #submit {
		margin: 0px;
		float: left;
}

#submit {
		background: #000000;
		color: #990000;
}

.alt {
		margin: 0px;
		padding: 10px;
}

.commentlist {
		margin: 0px;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #232323;
}

.commentlist ol {
		margin: 0px;
		padding: 10px;
}

.commentlist li {
		margin: 15px 0px 10px;
		padding: 10px 5px 10px 10px;
		list-style: none;
}

.commentlist li ul li {
		margin-right: -5px;
		margin-left: 10px;
}

.commentlist p {
		margin: 10px 5px 10px 0px;
		padding: 0px;
}

.children {
		margin: 0px;
		padding: 0px;
}

.nocomments {
		text-align: center;
		margin: 0px;
		padding: 0px;
}

.commentmetadata {
		font-size: 10px;
		margin: 0px;
		display: block;
}

.navigation {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 15px;
}

.alignright { float: right; }

.alignleft { float: left; }

.thread-alt {
		background: #151515;
		margin: 0px;
		padding: 0px;
}

.thread-even {
		background: #333333;
		margin: 0px;
		padding: 0px;
}

.depth-1 {
		border: 1px dotted #999999;
		margin: 0px;
		padding: 0px;
}

.even, .alt {
		border-top: 1px dotted #999999;
		border-bottom: 1px dotted #999999;
		border-left: 1px dotted #999999;
		margin: 0px;
		padding: 0px;
}

/*calendar styles*/
#calendar_wrap { margin-bottom: 25px; }

#calendar_wrap td { color:#999; }

#calendar_wrap th { color:#fff; }

#calendar_wrap caption { color:#F90; }

/* end calendar styles */

/* navigation styles */

.navigationDefault {
		border-top:#4e4e4e dotted 1px;
		padding:0 0 0 0;
		margin-top:40px;
}

.prevLink a {
		width:120px;
		color:#477EDA;
		display:block;
		padding:2px 5px 2px 5px;
		text-align:center;
		background:#000;
		border:#666 1px solid;
		text-decoration:none;
		font-size:11px;
		float:left;
		margin-top:8px;
}

.nextLink a {
		width:120px;
		color:#477EDA;
		display:block;
		padding:2px 5px 2px 5px;
		text-align:center;
		background:#000;
		border:#666 1px solid;
		text-decoration:none;
		font-size:11px;
		float:right;
		margin-top:8px;
}

.more-link {
		font-size:11px;
		padding-left:5px;
}


/* end naviagtion styles */

.searchResultBox h2 { padding-top:10px; }

.searchResultBox h2 a {
		color: #ff9900;
		text-decoration: none;
}

.searchResultBox h2 a:hover {
		color: #ccc;
		text-decoration: none;
}

.searchResultBox {
		padding-top:15px;
		border-top: 1px #666 dotted;
}

.searchResultBox p { margin:5px 0 5px 0; }


.listThumbnail img {
		border:6px solid #333;
		display:block;
		width:120px;
		height:80px;
		float:right;
}

.list h1 {
		display:block;
		width:460px;
}


.list .footNote {
		padding:0;
		margin-bottom:15px;
}

.list {
		border-top:#4e4e4e dotted 1px;
		margin-top:15px;
		margin-bottom:30px;
		padding-top:20px;
}

.singleThumbnail img {
		border:6px solid #333;
		width:120px;
		height:80px;
		float:right;
}

.singleList h1 {
		display:block;
		width:460px;
		padding:0;
		margin:0;
}

.singleList p {
		padding: 0px 0px 20px 0px;
		margin: 0px;
		line-height: 18px;
}

.singleList .footNote {
		margin-top:5px;
}

.singleList {
		padding-top:20px;
}


.catListHeader a {
		color: #ff9900;
		line-height:18px;
		font-size: 18px;
		font-family: Century Gothic, Light, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
		font-weight: normal;
}

.catListHeader a:hover { color: #ccc; }

.imageBorder{
border:10px solid #333;
}

/************************************************
*	MAILCHIMP									*
************************************************/
h2.legend {
	margin-bottom: 3px !important;
	cursor: pointer;
	border: 1px solid #999;
	color: #F90 !important;
	font-size: 10px !important;
	padding: 3px 10px !important;
	text-align: center;
	background-image: url(images/email_add.png);
	background-repeat: no-repeat;
	background-position: 45px 75%;
	background-color: #000;
}

.mc_custom_border {
	padding: 10px 15px !important;
	display: none;
}

#mc_display_rewards {
	font-size: 10px !important;
}

#mc_signup_form {
	/*margin-top: 30px;*/
}

#mc_signup_form label,
#mc-indicates-required {
	font-size: 10px;
	margin-bottom: 2px;
}

#mc_signup_form legend {
	font-size: 12px;
	font-family: Century Gothic, Light, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
	color: #F90;
}

#mc_signup_submit {
	float: right !important;
	margin-bottom: 10px;
}

#mc_mv_EMAIL,
#mc_mv_FNAME,
#mc_mv_LNAME {
	width: 254px;
	margin-bottom: 10px;
	border: 1px solid #666;
	background: #333;
	padding: 3px;
	color: #999;
}

/************************************************
*	CONTACT FORM								*
************************************************/

#wpcf7-f1-p26-o1 td {
	color: #666;
	font-size: 11px;
	font-style: normal;
}

#wpcf7-f1-p26-o1 fieldset {
	border: 1px solid #999;
	padding: 0px 15px;
}

#wpcf7-f1-p26-o1 legend {
	border: 1px solid #999;
	background: #000;
	font-family: Century Gothic, Light, Myriad Pro Regular, Helvetica, Verdana, Arial, Tahoma;
	font-style: normal;
	padding: 5px 10px;
	color: #F90;
}

#wpcf7-f1-p26-o1 #your-name,
#wpcf7-f1-p26-o1 #your-email,
#wpcf7-f1-p26-o1 #your-subject,
#wpcf7-f1-p26-o1 #your-message,
#wpcf7-f1-p26-o1 #captcha {
	border: 1px solid #666;
	background: #333;
	padding: 3px;
	color: #999;
}

#wpcf7-f1-p26-o1 textarea {
	border: 1px solid #666;
	background: #333;
	padding: 3px;
	color: #999;
	font-size: 11px;
	width: 350px;
}