/*
Theme Name: I Steal Good Ideas
Author: Something Massive
Theme URI: http://www.standardmotion.com 
*/


/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 10px; margin: 10px 0; font-style: italic;}
.bold								{font-weight: bold;}
p									{margin-bottom: 15px;}
a									{color: #7dbb71; text-decoration: none;}
a:hover								{text-decoration: underline; color: #247414;}

/*
STRUCTURE
*/

body {font: 13px Georgia, Arial, sans-serif;  text-align: center; background-color: #f2eeda; margin: 0; padding: 0; background-image: url(images/pattern.jpg); background-repeat: repeat;}
#container {margin: 0 auto; text-align:left; width:800px; background-color: #ffffff; color: #333a32;}
.header {border-bottom: 1px dashed #a0cd97; border-right: 1px dashed #a0cd97;}
.main-column {width: 545px; float: left;}
.sidebar {width: 230px; float: left; font-size: 11px; padding: 10px; line-height: 18px; color: #7dbb71;}
.blogposts {padding: 20px 0px; width: 545px; line-height: 19px; border-right: 1px dashed #a0cd97; min-height: 460px;}
.blogposts a {color: #507991;}
.sidebar h3 {font-size: 12px; color: #507991; font-style: italic;}
.sidebar-section {margin-bottom: 35px;}
.recent {list-style: disc; list-style-position: inside;}
.blogposts h2 {margin-left: 10px;}
.post h2 {font-style: italic; font-size: 18px; margin-bottom: 10px; margin-left: 0px;}
.post {padding: 10px; margin-bottom: 25px; border-bottom: 1px dashed #a0cd97;}
.wp-caption-text {font-size: 10px;}
#comments {padding: 10px;}
#comments h3, #comments h4{
font-size:16px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:16px;
}
#comments cite{
font-size:14px;
font-weight:normal;
border-bottom:1px dotted #ccc;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border:1px dotted #ccc;
border-right:0;
padding:10px 5px 20px 10px;
min-height:110px;
}
#comments p {
margin:10px 0 0 10px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-size:42px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px 0;
width:375px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
}
#comments input {
font: 14px Georgia, Arial, sans-serif;
width:370px;
font-size:12px;
font-weight:normal;
}
#comments textarea {
width:370px;
font-size:12px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#fff;
border:1px solid #aaa;
color:#000;
font-weight:normal;
font-size:14px;
width:200px;
}
#comments .center {
text-align:left;
}


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 20px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;
	} 
#footer-content {	color: #333a32;
	font-size: 10px;
	text-align: left;
	width: 780px;
	margin: 0 auto;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */