/* @override 
	http://iron.local/blog/wp/wp-content/themes/iron/style.css
	http://www.ironcreative.com/blog/wp/wp-content/themes/iron/style.css
*/
/*
Theme Name: Iron
Version: 1.0
Author: Iron Creative
Author URI: http://ironcreative.com
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font: 68.75%/16px "Verdana", sans-serif;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,fieldset {
	margin: 16px 0;
}
ul, ol, dl {
	padding-left: 2em;
}
blockquote {
	padding-left: 2em;
}
h1, h2, h3, h4 {
	font-family: "Georgia", serif;
	font-weight: normal;
}
h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 3em;
	
/*line-height: 1em;*/
	margin: 0.5em 0;
}
h2 {
	font-size: 2em;
	line-height: 27px;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.25em;
}
h5 {
	font-size: 1.125em;
}
h6 {
	font-size: 1em;
}
fieldset {
	border: none;
}
legend {
	font-size: 1.25em;
	padding: 0 0 16px 0;
}
#col2 h2, #col4 h2, #col2 legend, #col2 #searchform label.s {
	font: 1em/16px "Verdana", sans-serif;
	font-weight: bold;
	max-height: none;
	margin: 9px 0 0 0;
}
#col2 ul, #col4 ul, #nav ul, #col2 p, #col4 p {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 0;
}
/* Mark first one ?? Actually this should be margin-top:0 and add padding to each col ? */
#prev-posts ul {
	list-style: none;
}
#nav-blog {
	font-weight: bold;
}
.date-header {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
}
#col2 #searchform {
	display: block;
}
#col2 #searchform legend {
	display: none;
}
#col2 #searchform label.s {
	display: block;
	margin: 0;
}
#col2 #searchform input.text {
	display: block;
	width: 95%;
	height: 16px;
	margin: 8px 0 8px 0;
}
.posts {
	list-style: none;
	padding: 0;
}
.post img, .posts img {
	max-width: 100%;
	height: auto;
}
#nav li {
	line-height: 20px;
}
@media screen {
/* @group Layout */
html, body {
	height: 100%;
}
/* flashbox.css is styling body */
body, body.iron {
	position: relative;
	margin: 0 auto 0 10px;
	padding: 101px 0 0 0;
}
.mceContentBody {
	position: static;
	overflow: auto;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
}

#header {
	position: absolute;
	top: 33px;
	left: 0;
}
#header h1, #header a, #header img {
	display: block;
	margin: 0;
}
/* Logo image #1 has 4px vertical padding */
#header #logo {
	margin-left: -10px;
}
#nav, #main, #col2, #col4 {
	position: absolute;
	top: 101px;
	overflow: hidden;
}
#nav, #main .in, #col2, #col4 {
	padding-top: 9px;
}
/* Eliminate top margin within columns */
.col .first, #col2 .first, #col4 .first {
	margin-top: 0;
}
/* #nav width = Iron logo */
#nav {
	left: 0;
	width: 111px;
}
#col2 {
	left: 124px;
	width: 142px;
}
#main {
	left: 279px;
	width: 489px;
	min-height: 100%;
	margin: 0;
	padding: 0 13px;
}
#main .in {
	padding-bottom: 1.5em;
}
#col4 {
	left: 807px;
	width: 173px;
}
/* @end */
/* @group Borders */
div, .post, form {
	border-style: dashed;
	border-width: 0;
}
#nav, #main .in, #col2, #archives, #col4, #blogs, #col2 #searchform, #tags {
	border-width: 1px 0 0 0;
}
#main {
	border-width: 0 1px 0 1px;
}
.post {
	border-width: 0 0 1px 0;
}
/* @end */
/* @group Post */
.sociable_tagline span {
	display: none;
}
.sociable ul, .sociable li, .sociable_tagline {
	display: inline;
	margin: 0;
	padding: 0;
}
.sociable img {
	vertical-align: middle;
}

.posts {
	list-style: none;
	padding: 0;
	margin: 0;
}
.brief.posts {
	list-style: disc;
	padding-left: 2em;
}
/* 489 - 168 = 321px content width */
#main .post, .mceContentBody {
	position: relative;
	padding-right: 168px;
}
#main .post {
	overflow: hidden;
}
.posts .post {
	margin-bottom: 16px;
}
.post .content img.alignright, .mceContentBody img.alignright {
	float: right;
	clear: right;
	max-width: 150px;
	height: auto;
	margin: 0 -168px 16px auto;
}
/* top margin must be  -(height of image); too large & there is a gap before next image */
/* This should not be raised if there is an attached image preceding it! */

.post .content img.first.alignright {
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
/* @group Archives (tag, date) */
.archive .posts {
	list-style: none;
	padding: 0;
	margin: 0;
}
.archive #main .post {
	padding-right: 0;
}
.archive #main .post img.alignright {
	position: static;
	float: right;
	margin: 0 0 16px 16px;
}
/* @end */


.content ul, .content ul ul {
	list-style: disc;
}
.content ol {
	list-style: decimal;
}


/* @end */
/* @group Icons */
a.edit {
	padding: 0 0 3px 16px;
	background: transparent url(/blog/img/pencil.png) no-repeat top left;
}
a.edit.bookmarks {
	padding: 0 0 3px 18px;
	background: transparent url(/blog/img/book_addresses.png) no-repeat top left;
}
/* @end */
/* @group Colors */
body, .mceContentBody {
	background-color: white;
}
/* Gray */
body, .mceContentBody, #col2 :link, #col2 :visited, #nav :link, #nav :visited {
	color: #4e5151;
}
div, .post {
	border-color: #567782;
}
h1, h2, h3, h4, h5, h6, legend, #nav-blog, :link, :visited, #col2 #searchform label.s, #col2 :link:hover, #col2 :visited:hover {
	color: #567782;
}
a.edit {
	color: #3f7f4f;
}
/* @end */
}
@media print {

body {
	font-family: inherit;
	font-size: 12pt;
	line-height: 16pt;
	font-family: inherit;
}
h1 {
	font-size: 24pt;
}
h2 {
	font-size: 18pt;
}
h3 {
	font-size: 16pt;
}
h4 {
	font-size: 14pt;
}
h5 {
	font-size: 13pt;
}
h6 {
	font-size: 12pt;
}
#nav, #searchform, a.edit, a.user, .sociable, .embedflash {
	display: none;
}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,fieldset {
	margin: 8pt 0 !important;
}
}