/*
========================
posterous stylesheet for
blog.coldcactus.com
http://coldcactus.com
========================
*/

/*
	Hello nosy geeky person!
	Feel free to have a good poke around - it's how I always learn, too.
	Posterous is awesome, and VERY easy to theme.
	In fact you can usually just drop yout posterous theme in and go!
*/

/* Inspirational Comment Goes Here */

/*
	CONTENTS 
	=========

	SECTION A: coldcactus site styles
		Basic Rules
		Structure
		Headings
		Main
		Footer

	SECTION B: posterous specific styles
		Common Elements
		Posts
*/


/* imports */
@import "navbar.css";
@import "lightbox.css";






/*
======================================================
======================================================
	SECTION A : coldcactus site styles
======================================================
======================================================
*/
/*
===========================
	Basic Rules
===========================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, 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;
}
body {
	font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	color: #fff;
	background: #303030 url(http://coldcactustools.com/posterous/images/body_bg_grass.png) top left repeat;
}

/* lists */
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style-type: none; }

/* links & shit */
acronym { cursor: help; border-bottom: 1px dotted #ccc; }
a { color: #cfc; text-decoration: underline; }
a:hover { color: #fc9; text-decoration: underline; }
a img {
	margin: 1px;
	margin: 0;
	border: none;
}
/* coloured */
span.warm { color: #fcc; }
span.cool { color: #ccf; }
a.natural { color: #cfc; }
a.natural:hover { color: #fc9; }

/* images */
img.inline { margin: 0 2px -2px 0; }
img.float {
	margin: 2px;
	padding: 2px;
	border: 1px solid #e4e4e4;
	background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x;
}
img.left { float: left; }
img.right { float: right; }

/* Fucking IE bugs! Still valid, makes the markup ugly as sin though. Urgh. Must find a better way! */
p.invisible {
	margin: 0;
	padding: 0;
	clear: both;
}
br.clear { clear: both; }



/*
===========================
	Structure
===========================
*/
div.twitter {
	position: fixed;
	top: 100px;
	right: 20px;
	width: 200px;
}
div.twitter li { padding-top: 18px; }

div.corner_band {
	position: fixed;
	top: 0;
	left: 0;
	height: 96px;
	width: 96px;
	background: transparent url(http://coldcactustools.com/posterous/images/corner_band.png) top left no-repeat;
}
div.container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 868px;
}

/* Logo */
div.logo {
	margin: 0;
	padding: 0;
	height: 58px;
	background: transparent;
}
div.logo h1 {
	float: right;
	margin: 0;
	padding: 0;
	width: 340px;
	height: 58px;	
}
div.logo h1 a {
	display: block;
	width: 340px;
	height: 58px;
	background: transparent url(http://coldcactustools.com/posterous/images/logo.png) top left no-repeat;	
}
div.logo h1 a span { display: none; }
div.logo h1 a:hover { background: transparent url(http://coldcactustools.com/posterous/images/logo.png) no-repeat 0 -58px; }

/* Banner */
div.banner {
	clear: both;
	margin: 0;
	padding: 0;
	height: 225px;
	background: url(http://coldcactustools.com/posterous/images/banner_grass.jpg) top left;
}
div.banner h2 { display: none; }
div.banner p {
	float: right;
	margin-top: 152px;
	margin-right: 6px;
	height: 26px;
	width: 76px;
	border: 1px solid #e4e4e4;
}
div.banner p:hover { background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x; }
div.banner a {
	display: block;
	height: 24px;
	width: 74px;
	margin: 0;
	padding: 4px 0 0 6px;
	font-size: 1.1em;
	text-decoration: none;
	color: #fefefe;
}
div.banner a:hover {
	color: #cfc;
	text-shadow: 0 0 0.2em #9f9;
}
div.banner a img { float: right; margin-top: 2px; }
div.banner a img.archive { margin-right: 8px; margin-top: 3px; }
div.banner a img.rss { margin-right: 8px; }

/* Main */
div.wrapper {
	margin: 0 0 20px 0;
	padding: 0;
	background: url(http://coldcactustools.com/posterous/images/main_tile.gif) top left repeat-y;
}
div.main {
	margin: 0;
	padding: 10px 2px 20px 2px;
	min-height: 400px;
	background: url(http://coldcactustools.com/posterous/images/main_radial.png) bottom left no-repeat;
}

/* Navbar */
div.navbar {
	margin: 0 0 10px 0; 
	padding: 0;
	height: 163px;
	background: url(http://coldcactustools.com/posterous/images/navbar_bg.png) top left;
}

/* Footer */
div.footer {
	font-family: 'Tahoma', 'Arial', 'Verdana', sans-serif;
	font-size: 9px;
	margin: 0 0 6px 0;
	padding: 4px 0 0 12px;
	height: 46px;
	background: url(http://coldcactustools.com/posterous/images/footer_bg.png) bottom left no-repeat;
}



/*
===========================
	Headings
===========================
*/
h3 span { display: none; }
h3.image { height: 23px; width: 273px; }
h4 span { display: none; }
h4.image { height: 23px; width: 273px; }



/*
===========================
	Main
===========================
*/
/*
===========================
	Main Div
===========================
*/
/* h3 */
div.main h3 {
	margin-bottom: 24px;
	font-size: 2.0em;
	line-height: 20px;
	color: #a4cc8e;
	text-decoration: none;
}
div.main h3 a { text-decoration: none; }

/* h4 */
div.main h4 {
	margin-bottom: 18px;
	padding-top: 24px;
	font-size: 14px;
	line-height: 18px;
	color: #9ababb;
}

/* p */
div.main p {
	margin: 0 0 12px 0;
	padding-right: 8px;
}
div.main p.coloured {
	padding-top: 8px;
	padding-bottom: 8px;
	background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x;
	border: 1px solid #777;
}


div.main p.huge {
	margin-top: 12px;
	margin-bottom: 32px;
	font-size: 1.8em;
	line-height: 1.3em;
}
div.main p.large {
	font-size: 1.4em;
	color: #e1e1e1;
	margin-bottom: 32px;
}
div.main p.medium {
	font-size: 1.2em;
	color: #e4e4e4;
	margin-bottom: 32px;
}


/* 'pseudo sidebar' divs */
div.main div.rightside {
	clear: right;
	margin: 0 12px 24px 0;
	padding: 12px 12px 0 12px;
	width: 200px;
	float: right;
	border: 1px solid #e4e4e4;
	background: transparent url(http://coldcactustools.com/posterous/images/inline_bg_grass.png) top left repeat;
	/* background: transparent url(/images/site/main_radial.png) center center repeat; */
}
div.rightside p.medium { margin-bottom: 12px; }



/*
===========================
	Footer
===========================
*/
div.footer a {
	text-decoration: none;
	color: #fefefe;
}
div.footer a:hover { color: #cfc; }
div.footer p {
	margin: 0;
	padding: 0;
	display: inline;
}
div.footer p.left {
	float: left;
	margin: 0 220px 0 0;
	padding: 24px 0 0 0;
}
div.footer p.centre {
	margin: 0;
	padding: 0;
}
div.footer p.right {
	float: right;
	margin: 5px 8px 0 0;
	padding: 18px 0 0 0;

}

/* Footer Flashes */
div.footer ul { margin: 0; padding: 0; list-style-type: none; }
div.footer li { margin: 0; padding: 0; list-style-type: none; float: left; }

div.footer a.statswagon_link {
	display: block;
	margin: 0 20px 0 0;
	padding: 0;
	width: 51px;
	height: 46px;
	background: transparent url(http://coldcactustools.com/posterous/images/flash_statswagon.png) top left no-repeat;	
}
div.footer a.statswagon_link:hover { background: transparent url(http://coldcactustools.com/posterous/images/flash_statswagon.png) no-repeat 0 -46px; }
div.footer a.statswagon_link span { display: none; }

div.footer a.mailwagon_link {
	display: block;
	margin: 0;
	padding: 0;
	width: 51px;
	height: 46px;
	background: transparent url(http://coldcactustools.com/posterous/images/flash_mailwagon.png) top left no-repeat;	
}
div.footer a.mailwagon_link:hover { background: transparent url(http://coldcactustools.com/posterous/images/flash_mailwagon.png) no-repeat 0 -46px; }
div.footer a.mailwagon_link span { display: none; }





/*
======================================================
======================================================
	SECTION B : posterous specific styles
======================================================
======================================================
*/
/*
===========================
	Common Elements
===========================
*/
/* Posterous Bar */
div.posterousHeader {
	margin-left: 0;
	padding-left: 0;
}
div.posterousHeaderExpandedDivRight {
	background: #303030;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
}

/* Description */
div.description {  }

/* Footer */
div.blog_footer p {
	float: left;
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 24px;
	height: 26px;
	width: 76px;
	border: 1px solid #e4e4e4;
}
div.blog_footer p:hover { background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x; }
div.blog_footer p.right { float: right; }
div.blog_footer a {
	display: block;
	height: 24px;
	width: 74px;
	margin: 0;
	padding: 4px 2px 0 6px;
	font-size: 1.1em;
	text-decoration: none;
	color: #fefefe;
}
div.blog_footer a:hover {
	color: #cfc;
	text-shadow: 0 0 0.2em #9f9;
}
div.blog_footer a img.next {
	margin-bottom: -1px;
	margin-left: 16px;
}
div.blog_footer a img.previous {
	margin-bottom: -1px;
	margin-right: 0;
}

/*
===========================
	Search
===========================
*/
div.searchunit {
	padding-left: 24px;
}



/*
===========================
	Posts
===========================
*/
/* Common Elements */
.post {
	position: relative;
	clear: both;
	margin: 0 18px 40px 0;
	padding: 0 0 40px 0;
	background: transparent url(http://coldcactustools.com/posterous/images/content_divider.png) bottom left no-repeat;	
}
/* Edit Box */
.post div.editbox {
	padding-left: 24px;
}
/* Date Box */
.post div.date {
	float: right;
	height: 30px;
	width: 162px;
	margin: 0;	
	padding: 0;
	font-size: 1.4em;
	line-height: 20px;
	border: 1px solid #e4e4e4;
}
.post div.date:hover { background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x; }
.post div.date a {
	display: block;
	height: 28px;
	width: 160px;
	margin: 0;
	padding: 4px 0 0 6px;
	font-size: 1.1em;
	text-decoration: none;
	color: #fefefe;
}
.post div.date a:hover {
	color: #cfc;
	text-shadow: 0 0 0.2em #9f9;
}
.post div.date a img {
	float: right;
	padding: 5px 12px 0 0;
	margin: 0;
	border: none;
	background: none;
}
.post div.date a img:hover {
	padding: 5px 12px 0 0;
	margin: 0;
	border: none;
	background: none;
}

/* Individual Post Types */

/* Regular Post */
.post div.regular {
	margin-right: 180px; 
	padding-left: 24px;
}
.post div.regular blockquote { font-style: italic; }
.post div.regular img {
	margin: 16px 2px 2px 0;
	padding: 2px;
	border: 1px solid #e4e4e4;
	background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x;
}


/* Posterous Added Rules - Work in Progress! */
/* Image Links */
.post a img {
	margin: 16px 2px 2px 0;
	padding: 2px;
	border: 1px solid #e4e4e4;
	background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x;
}
.post a img:hover {
	padding: 1px;
	border: 2px solid #e4e4e4;	
}
/* Links Bar */
.post p { padding-top: 14px; }

/* Image Galleries */
.post div.gallery {
	display: none;
}

/* Actual Post Page */
.main h4.back a {
	padding-left: 24px;
	font-size: 0.8em;
}




/*
===========================
	Comments
===========================
*/
div.commentunit img.profile_border { margin: 0; }
div.commentunit a img.profile_border { margin: 12px 6px !important; }

div.comment {
	padding: 6px;
	margin-bottom: 12px;
	border: 1px solid #777;
	color: #fff;
	background: #3d3d3d url(http://coldcactustools.com/posterous/images/img_bg.png) top left repeat-x;
}
div.comment p { padding-right: 52px; }
div.comment a img.profile_border {
	margin: 0;
	padding: 0;
	border: 1px solid #888;
}
div.comment a img:hover { border: 1px solid #fff; }
div.comment h4 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

div.comment_profile_description { color: #fff; }