/*
Theme Name: Steal
Description: <a href="http://www.flaneurism.com">AGA7</a>
Version: 001
Author: Rey Agapito	
Author URI: <a href="http://www.flaneurism.com">AGA7</a>
Tags: steal, rebound, flaneurism
*/
body { background: #fff url(../../images/pattern-bg.gif) repeat top left; }

.clear { clear: both; margin: 0; padding: 0; height: 0; width: 0; border: 0 none; }

#blog { margin: 0; padding: 0; height: 100%; width: 900px; background:url(../../images/livelife.png) no-repeat top left; border-top: 1px solid #fff; background-position: 261px -6px; text-align: right; }

#blog-single { margin: 0; padding: 0; height: 100%; boder: 1px solid red; }

#blog .top { height: 220px; display: block; }

#blog #container {
	padding: 10px;
	width: 880px; 
    overflow: hidden;
	}


/* head */
#blog #container #head { 
	float: left;
	background: #040404;
	width: 260px;
	height: 400px;
	padding: 10px;
	margin: 0 10px 10px 0;
    border: 1px dotted #c1c1c1;
    overflow: hidden;
	}
#blog #container #head #tweet { border-bottom: 1px dotted #3b3b3b; margin-bottom: 10px; height: auto; }
#blog #container #head #tweet ul li { margin: 0; padding: 0 0 10px 0; font-size: 23px; line-height: 1.1em; color: #c4aec3; }
#blog #container #head .contact p { line-height: 1.6em; border-bottom: 1px dotted #3b3b3b; margin-bottom: 5px; padding-bottom: 5px; }
#blog #container #head .contact p span.about { background: #020202; color: #c7e5e4; font-size: 13px; }
#blog #container #head .contact ul {  border-bottom: 1px dotted #3b3b3b; margin-bottom: 5px; padding-bottom: 5px; }
#blog #container #head .contact ul li { padding: 2px 0; }

/* content home */
#blog #container #content { float: left; }
#blog #container .posts { 	
	float: left;
    background: #fff;
	width: 280px;
	height: 420px;
	margin: 0 10px 10px 0;
    border: 1px dotted #c1c1c1;
	padding: 0;
	}
#blog #container .posts .thumb { width: 280px; height: 300px; margin: 0; padding: 0; }
#blog #container .posts .label { width: 260px; height: 100px; background: #040404; padding: 10px; }
#blog #container .posts .label h4 { font-size: 12px; font-weight: normal; padding: 0 0 5px 0; text-transform: uppercase; }
#blog #container .posts .label p { font-size: 11px; line-height: 1.2em; }
#blog #container a span { 
	display: none; 
   	width: 240;
	background: #040404;
	color: #adb6bb;
	padding: 10px;
	text-align: right;
    vertical-align: bottom;
    line-height: 1.2em;
    }	
#blog #container #content a:hover span { display: block; }

/* content single */
#blog-single .thisway {
	float: left;
	background:url(../../images/thisway.gif) no-repeat top left;
	width: 169px;
	height: 244px;
	text-indent: -9999px;
	margin: 135px 0 0 15px;
	display: block;
}
#blog-single .full-set { text-align: right; background: #010101; height: 20px; padding: 8px 20px 8px 0; text-transform: uppercase; }

#blog-single .topdiv { text-indent: -9999px; display: block; width: 221px; height: 31px; background: url(../../images/flaneurism.gif) no-repeat top left; margin: 10px 10px 0;  }

#blog-single .images { margin-top: 10px; height: 440px; background: #010101; padding: 0 10px; }	
#blog-single .images img { margin: 10px 10px 0 0; float: left; }
#blog-single .images img.last { margin: 10px 0 0; float: left; }


/*  footer */
#blog #container #foot {
	float: left;
	background: #040404;
	width: 260px;
	height: 400px;
	padding: 10px;
	margin: 0 10px 10px 0;
    border: 1px dotted #c1c1c1;
    overflow: hidden;
	}
#blog #container #foot a { font-size: 28px; font-weight: bold; padding: 5px; }