/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: style.css
* Version: 1.0.0 (2009-08-10)
* Author: Michael Cairns
* Description: Stylesheet for Black Dog Project.

*/

/* Eric Meyer CSS Reset */

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* End CSS Resset */

/* Begin Style/Structure */

body {
	background: #F7F7F7 url(images/bg_other.jpg) no-repeat top left;
	color: #787878;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	margin-bottom: 50px;
	line-height: 16px;
	}
	
body#home {
	background: #F7F7F7 url(images/bg_home.jpg) no-repeat top left;
}

body#blog #wrapper #content .category-army-of-ink, body#blog #wrapper #content .category-secrets { /* hides these posts from blog page */
	display: none;
}

	body a {
		color: #787878;
	}
	
#wrapper {
	width: 780px;
	min-height:690px;
 	height:auto !important; /* min-height hack for IE6 */
 	height:690px;
	}

#navigation {
	width: 780px;
	height: 67px;
	padding: 10px 0 10px 20px;
	margin-top: 60px;
	font-size: 12px;
	}
	
	#navigation ul {
		float: left;
	}
	
	#navigation li a {
		height: 16px;
		margin-left: 40px;
		display: block;
		color: #F7F7F7;
		text-decoration: none;
	}
	
	#navigation li a:hover {
		color: #999;
	}

#content {
	width: 430px;
	min-height:525px;
 	height:auto !important; /* min-height hack for IE6 */
 	height:525px;
 	float: left;
 	padding: 25px 100px 0 65px;
 	position: relative;
 	margin-bottom: 30px;
	}
	
	#content p, #content img, .post ul, h2 {
		padding-bottom: 12px;
	}
	
	#slideshow {
		width: 370px;
		height: 237px;
		position: absolute;
		top:196px;
		left:44px;
		margin:0;
		overflow:hidden;
	}
	
	.header {
		height: 65px;
		padding-top: 10px;
	}
	
	.columnize .first.column{ padding-right: 10px; }
	.columnize .last.column{ }
	
/* Blog styling */

	h2 {
		font-size: 13px;
	}

	h2 a {
		text-decoration: none;
	}

	.post_info {
		margin: 18px 0 12px;
		border-bottom: 1px solid #787878;
		text-align: right;
	}
	
	.results {
		border-bottom: 1px solid #787878;
		margin-bottom: 10px;
	}
	
	.sociable {
		padding-top: 5px;
	}
	
	.sociable img a {padding-bottom: 0;}

	.post h2, .post h2 a, .post a, .tags a, .sociable ul li a, .navigation a {
		color: #000;
	}
	
	.post a:hover, .tags a:hover, .sociable ul li a:hover, .navigation a:hover {
		color: #787878;
	}
	
	.post ul {
		margin-left: 20px;
	}
	
	.post ul li {
		list-style: disc;
	}
	
/* Shop styling */

.shop_item {
	background-color: #FFF;
	width: 410px;
	height: auto;
	padding: 10px 10px 30px 10px;
	margin-bottom: 12px;
}

.shop_item input {
	background-color: #c0beb3;
	border: 0;
	text-transform: uppercase;
	color: #F7F7F7;
}

	h2.shop {
		margin-bottom: -4px;
	}

	.price {
		font-weight: bold;
		font-size: 16px;
	}
	
	.donate {
		padding-bottom: 8px;
	}

#sidebar {
	width: 180px;
	min-height:450px;
 	height:auto !important; /* min-height hack for IE6 */
 	height:450px;
 	float: right;
 	margin-top: 95px;
 	z-index: -1;
}

	#search {
		position: relative;
	}

	#sidebar ul li {
		background: url(images/li_bg.png) no-repeat bottom left;
		list-style: none;
		height: auto;
		padding: 8px 0;
	}
	
	#sidebar a:hover {
		color: #000;
	}
	
#footer {
	width: 780px;
	height: 10px;
	padding-left: 60px;
}

/* Begin sitewide classes */

	.caps { /* makes selected text uppercase */
		text-transform: uppercase;
	}
	
	.black {
		color: #000;
	}
	
	.left { /* applies left float to any element with this class */
		float:left;
	}
	
	.right { /* applies right float to any element with this class */
		float:right;
	}
	
	.aligncenter,
	div.aligncenter { /* positioning for images in WYSIWYG editor */
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.alignleft { /* positioning for images in WYSIWYG editor */
		float: left;
		padding: 5px;
	}
	
	.alignright { /* positioning for images in WYSIWYG editor */
		float: right;
		padding: 5px;
	}
	
/* End sitewide classes */

/* Mailpress/Searchform styles */

#mp-container, #search {
	height: 105px;
	background: url(images/input_bg.jpg) no-repeat top left;
}

.MailPressFormEmail, .searchterm {
	width: 124px;
	height: 14px;
	position: absolute;
	top: 54px;
	left: 5px;
}

#mp-message, #mp-loading {
	position: absolute;
	top: 83px;
	left: 5px;
}

#mp_submit, #searchsubmit, .btn {
	width: auto;
	height: 15px;
	position: absolute;
	top: 53px;
	left: 133px;
	cursor: pointer;
}

#mp_submit,  #search input, .btn {
	background: none;
	border: 0;
	color: #F7F7F7;
}

#mp-container .MailPressFormEmail {
	background: none;
	border: 0;
	color: #000;
}

div#mp-container {position:relative;} div#MailPress div#mp-loading, div#MailPress div#mp-message {position:absolute;opacity:0;} div#MailPress div#mp-loading, div#MailPress div#mp-message {filter:alpha(opacity=0);}

/* contact form styles */

#wpcf7-f1-p23-o1 {
	background-color: #FFF;
	width: 410px;
	height: auto;
	padding: 0 10px 40px 10px;
	margin: 5px 0 20px;
}

#cf_field_4 {
	background-color: none;
	padding: 0;
}

#wpcf7-f1-p23-o1 input, #wpcf7-f1-p23-o1 textarea {
	border: none;
	background-color: #c0beb3;
	color: #FFF;
	margin-top: 10px;
	padding: 2px 5px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
}

#wpcf7-f1-p23-o1 #sendbutton {
	padding: 0;
	margin-right: -18px;
}

#cformsform ol li #cf_field_4 {
	background-color: #FFF;
	margin-top: 5px;
}

#wpcf7-f1-p23-o1 textarea {
	width: 400px;
}

.wpcf7-checkbox {margin-top: -8px;}

p.cf-sb {
	float: right;
}