/* 
Copy from "style.css" into this file and make the changes HERE!
This makes it possible to upgrade the core system and theme without destroying your style changes.
*/
body {
	background-image: url(http://morethanclark.com/images/standardbackground-02.jpg);
	background-repeat: repeat-y;
	background-position:center;
	background-color:#cccccc
}

/* Image */
.entry img  { border: 0px solid #b0b0b0; }
.entry .attachment-post-thumbnail {float: left; width: auto; border: 0px solid #b0b0b0; margin: 0 10px 10px 0;}

/* Posts */

.post {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0; background: url(http://morethanclark.com/images/webback.png);}

/* Comments */

#comments {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0; }
#comments h3 {margin: 0 0 20px 0;}
#comments .comment {margin-top: 10px; width: 100%; list-style-type: none;}
#comments .comment .comment-container {padding: 10px 0; border-bottom: 1px solid #eee; background: url(http://morethanclark.com/images/webback.png);}
#comments .comment-head {margin: 0 0 15px 0;}

/* Columns */
.col-left {float: left;}
.col-right {float: right;}
.col-full {width: 965px; margin: 0 auto;}

/* Main Content Area */
#content {min-height: 550px; padding: 0;}
#html #content {height: 550px;}
#main {width: 650px;}

h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Helvetica, Arial, Sans-serif; color: #000;}
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}

/* Header Icons */
ul.social_icons li img {-webkit-transition: opacity .5s linear; opacity: 0; /* for IE */ filter: alpha(opacity=0); vertical-align: middle;}
ul.social_icons li img.small {opacity: 0.8;/* for IE */ filter: alpha(opacity=80)}
ul.social_icons li:hover img{opacity: 1;/* for IE */ filter: alpha(opacity=100)}	
ul.social_icons li:hover img.small {opacity: 0;/* for IE */ filter: alpha(opacity=0)}

/* Last Tweet */
#logo img{
	z-index: 0
}

#logo div.lasttweetback{
	background-color: #000000;
	background-image: url(http://www.morethanclark.com/images/tweetBack.png);
	/* for IE */
	filter: alpha(opacity=50);
	/* CSS3 standard */
	opacity: 0.5;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 45px;
	height: 185px;
	width: 250px;
}

#logo div.lasttweet:hover{
	background-color: #000000;
	background-image: url(http://www.morethanclark.com/images/tweetBack.png);
}

#logo div.lasttweet{
	background-color: transparent;
	background-image: none;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 45px;
	height: 185px;
	width: 250px;
}

#logo div.lasttweet a{
	color: #ffffff;
	text-decoration: none;
}

#logo div.lasttweet a p{
	color: #ffffff;
	padding: 6px 10px;
	height: 173px;
	width: 230px;
}

/* Ads */
#sidebar .ads125 { border: 1px solid #cccccc; padding: 0 0 10px 15px; background: #cccccc; }
.ads125 img  { margin: 18px 15px 0 0; }