/*
Name: IMJUSTCREATIVE
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, 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;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; background: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #777;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 0px; font-weight: bold; letter-spacing: 0px; color: #000;}

h1{font-size: 26px; line-height: 26px;}
h2{font-size: 20px; line-height: 22px;}
h3{font-size: 11px; line-height: 12px;}
h4{font-size: 15px; line-height: 16px;}
h5{font-size: 12px; line-height: 13px;}
h6{font-size: 11px; line-height: 12px;}

p{line-height: 20px; margin-bottom: 7px;}
blockquote, blockquote p{border-left: 3px solid #f60 !important; padding: 0px 20px 0px; margin: 15px 0px; font-family: Helvetica, Arial, sans-serif !important; font-size: 20px; line-height: 23px;}

form{}
label{}
textarea, input{font-family: Helvetica, Arial, sans-serif; font-size: 11px;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}



/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #333; text-decoration: none;}
a.std_link:hover, a:hover{color: #f60;}
a:active{text-decoration: underline;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

strong{font-weight: bold;}
em{font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 920px; padding: 60px 0px 0px 60px;}
#header{clear: both; height: 140px;}
	#left-column{float: left; width: 160px; margin: 0px 130px 100px 0px;}
	#right-column{float: left; width: 500px;}
	#footer{clear: both;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTEROURS STYLES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.posterousHeaderPrimary{display: none;}
.posterousPrivateBox{ position: absolute;}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logo{padding: 0px; margin: 0px;}
.logo a{display: block; width: 512px; height: 37px; background: url(images/layout/logo.png) top no-repeat; overflow: hidden; text-indent: -9999px;}
	.logo a:hover{background-position: bottom;}


/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#left-column h3{ text-transform: uppercase;}

ul.menu{margin-bottom: 40px;}
	ul.menu li a{display: inline-block; width: auto; color: #b0b0b0; font-weight: normal; padding: 3px 0px;}
	ul.menu li a:hover{padding: 3px 5px; margin-left: -5px; background: #000; color: #fff;
						-moz-border-radius: 10px; -webkit-border-radius: 10px;}
			
	ul.menu li a.subscribe:hover, ul.menu li a.alt-link:hover{background: #f60;}
	ul.menu li a.twitter:hover{background: #09c;}
	
	#subscribe_link, #unsubscribe_link{display: inline-block; width: auto; color: #b0b0b0; font-weight: normal; padding: 3px 0px;}
		#subscribe_link:hover, #unsubscribe_link:hover{padding: 3px 5px; margin-left: -5px; background: #f60; color: #fff;
						-moz-border-radius: 10px; -webkit-border-radius: 10px; }
	
	.hire-me{margin-bottom: 40px;}


#more-tags-listing ul{margin-bottom: 40px !important; list-style: none;}
	#more-tags-listing ul li a{display: inline-block !important; width: auto !important; color: #b0b0b0 !important; font-weight: normal !important; padding: 3px 0px !important;}
	#more-tags-listing ul li a:hover{padding: 3px 5px !important; margin-left: -5px !important; background: #000 !important; color: #fff !important;
						-moz-border-radius: 10px !important; -webkit-border-radius: 10px !important;}


	/*-------------------------*/
	/*- ADVERTISE ------------*/
	.advertise{clear: both; display: block; margin-bottom: 40px;}
		.advertise img{display: block;}

	/*-------------------------*/
	/*- SEARCH BAR ------------*/
	.search-bar{width: 160px; height: 20px; margin: 0px 0px 40px; background: #fbfbfb; border: 1px solid #eaeaea;
				-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.search-form input.search{float: left; width: 130px; position: relative; top: 2px; left: 3px; background: none; border: none; font-size: 10px; color: #999; text-transform: uppercase;}
	.search-form input.search_button{float: right; margin: 3px 5px 0px 0px; background: none; border: none;}

		/*-------------------------*/
		/*- SEARCH RESULTS --------*/
		.search-sorter{font-size: 10px; color: #000;}
			.search-sorter li{float: left !important; margin: 20px 15px 0px 0px; list-style: none !important;}
				.search-sorter li strong{font-weight: bold;}
				.search-sorter li.term{clear: both;}
				
	.obox-logo img{display: inline-block; margin-top: 3px;}

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post{margin-bottom: 100px; position: relative;}
	.post h2{margin-bottom: 30px;}
	.post-date{display: block; float: right; margin-top: 2px; text-transform: uppercase; color: #888; font-size: 10px;}
	.action-link{padding: 3px 5px; margin-left: -5px; font-weight: bold; font-size: 14px; color: #000;}
		.action-link:hover{background: #000; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
			
	.posterousGalleryMainDiv{display: block !important; margin-bottom: 25px !important; border-bottom: none !important;}
		.posterousGalleryMainDiv a{border-bottom: none !important;}
		
	.posterous_quote_citation{display: block !important; margin-bottom: 25px !important;}

.next-prev{display: block; padding: 14px 0px; border: 1px dotted #ccc; border-left: none; border-right: none;}
	.next-prev a.next-page{float: right;}
	.next-prev a.previous-page{float: left;}
	.next-prev a{padding: 3px 5px; font-weight: bold;}
	.next-prev a:hover{margin-left: -5px; background: #000; color: #fff;
						-moz-border-radius: 10px; -webkit-border-radius: 10px;}

.post .mini_commands{clear: both; display: none; position: absolute; top: -40px; right: 0px; list-style: none !important; height: 10px; margin: 00px !important; font-size: 10px; text-align: right; text-transform: uppercase !important;}
	.post:hover .mini_commands{display: block;}
	.post .mini_commands li{color: #999; padding: 0px 0px; float: left; margin: 0px !important;}
		.post .mini_commands li a{display: inline-block; color: #999; height: 60px;  padding: 0px 0px 0px 20px !important; margin: 0px !important;}
			.post .mini_commands li a:hover{color: #000;}


.post-page{margin-bottom: 00px;}

	.author-details{padding: 20px 0px 50px; margin-top: 40px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font-size: 10px;}
	.author-details p{padding: 0px; margin: 0px;}
		.author-details .posterous_retweet_widget{font-size: 10px !important; margin: 0px !important; padding: 0px !important;}
		
		.author-details ul{margin: 0px 0px 10px;}
		.author-details ul li{float: left; list-style: none !important; margin-right: 20px;}
		.author-details ul li.attention-item{font-size: 11px;}
			.author-details ul li.attention-item strong{color: #000;}
			.author-details ul li.favourites{padding-left: 18px; background: url(images/layout/heart.gif) left no-repeat;}
			.author-details ul:hover li.fav-this{color: #fff;}
			
			
			.fav_mouseover{border: 1px solid #ccc; background-color: #fff;}
			div.fav_star{cursor: pointer; padding: 3px; margin-top: -3px; margin-right: -3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-title-container{display: block; padding: 14px 0px; margin-bottom: 20px;}
	.comment-title-container a.leave-a-comment-link{float: right; font-size: 10px; color: #999;}
		.comment-title-container a.leave-a-comment-link:hover{float: right; font-size: 10px; color: #f60;}	
	.comment-title-container h3{margin-bottom: 0px !important; font-size: 15px; font-weight: bold; color: #000;}


	.comment_list h3.comment-title{margin-bottom: 30px; font-size: 15px;}
	.comment_list h3.comment-title a{color: #000;}
		.comment_list h3.comment-title a:hover{color: #069;}
	
	.commentunit{border-bottom: 1px dotted #ccc; overflow: auto; padding-bottom: 20px; margin-bottom: 20px;}
		
		.commentunit .comment_label{float: left; width: 95px; margin-right: 20px;}
			.commentunit .comment_label .comment_date{float: left; width: 42px; font-size: 10px; text-transform: uppercase; color: #999; line-height: 15px; text-align: right;}
			.commentunit .comment_label .comment_avatar{float: right !important; width: 32px; height: 32px;}

		.commentunit .comment{float: left; width: 340px; text-align: left; color: #777; font-size: 11px; line-height: 20px;}
			.commentname{display: block; padding-bottom: 10px; color: #000; font-weight: bold;}
			.commentunit .comment p{margin: 0px; margin: 12px 0px 0px;}
		
		.commentunit .mini-commands{clear: both; padding: 10px 0px; margin: 30px auto 0px; border-top: 1px dotted #ccc; font-size: 10px; text-align: right; text-transform: uppercase; line-height: 20px;}
			.commentunit .mini-commands li{color: #999; padding: 0px 0px; float: left; margin-right: 20px;}
				.commentunit .mini-commands li a{color: #999;}
					.commentunit .mini-commands li a:hover{color: #000;}


		/*-------------------------------------------------------------------------------------------*/
		/*- LEAVE A COMMENT -------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------*/
		.leave-a-comment{clear: both; padding: 20px 0px; font-size: 11px; border-bottom: 1px dotted #ccc;}
					
			.leave-a-comment h4.comment-title{margin-bottom: 30px; font-size: 15px; color: #000; font-weight: bold;}
			.leave-a-comment .commentunit{border: none; margin: 0px !important; padding: 0px; overflow: inherit;}
			.leave-a-comment .comment_spacer{display: none;}
			
			.leave-a-comment .comment_profile_description{margin-bottom: 20px; color: #555;}
				.leave-a-comment .comment_profile_icon{border: 4px solid #555; height: 37px; overflow: hidden;}
				.leave-a-comment .comment_profile_icon img{border: 1px solid #777 !important;}
				.leave-a-comment .comment_profile_description a{color: #fff;}
			
			.leave-a-comment .comment_label{width: auto !important; padding: 0px 0px 5px !important; text-align: left; border: none; color: #777; font-weight: bold; font-size: 11px !important;}
			.leave-a-comment .comment_value{clear: both; margin: 0px 0px 20px;}
			
				.comment_value input{padding: 4px !important; background: #fbfbfb !important; border: 1px solid #eaeaea !important; color: #333 !important; font-size: 13px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;}
				.comment_value textarea{height: 100px !important; padding: 4px !important; margin-bottom: 10px !important; background: #fbfbfb !important; border: 1px solid #eaeaea !important; color: #333 !important; font-size: 13px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;}
						
				.comment_value input{}
				.comment_value input[type=checkbox]{ margin: 0px 5px 0px 0px; padding: 0px;}
				.comment_value input[type=submit]{
						padding: 3px 5px; margin-left: -5px; background: #000 !important; color: #fff !important;
						-moz-border-radius: 16px; -webkit-border-radius: 16px;
						font-size: 15px; font-weight: bold; border: none !important;}
						
				.comment_value input[type=submit]:hover{background: #f60 !important;}
						
				.post-to-facebook{display: block; padding: 5px 5px 5px 0px; margin: 10px 0px; color: #ccc; font-size: 12px; font-style: italic;}
				.submit-comment{padding: 2px 5px; clear: both; font-size: 12px;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer{font-size: 10px; margin: 30px 0px 60px;}

#footer, #footer h5{font-size: 10px;}
#footer a{color: #999; display: inline-block;}
	#footer a:hover{color: #f60;}
#footer h5 a{color: #000;}
	#footer h5 a:hover{color: #f60;}
#footer p{margin-bottom: 30px;}

ul.social-bookmarks li{float: left; margin: 0px 6px 40px 0px; list-style: none !important;}
	ul.social-bookmarks li a{display: block; width: 16px; height: 16px; background: url(images/layout/social-icons/social-set.png) no-repeat; text-indent: -9999px; overflow: hidden;}
	
		ul.social-bookmarks li a.rss 		{background-position: -0px -0px;}
		ul.social-bookmarks li a.cargo 		{background-position: -24px -0px;}
		ul.social-bookmarks li a.behance 	{background-position: -48px -0px;}
		ul.social-bookmarks li a.twitter 	{background-position: -72px -0px;}
		ul.social-bookmarks li a.facebook 	{background-position: -96px -0px;}
		ul.social-bookmarks li a.redux 		{background-position: -120px -0px;}
		ul.social-bookmarks li a.delicious 	{background-position: -144px -0px;}
		ul.social-bookmarks li a.magnolia 	{background-position: -168px -0px;}
		ul.social-bookmarks li a.tumblr 	{background-position: -192px -0px;}
		ul.social-bookmarks li a.posterous 	{background-position: -216px -0px;}
		ul.social-bookmarks li a.flickr 	{background-position: -240px -0px;}
		ul.social-bookmarks li a.yahoo 		{background-position: -264px -0px;}
		ul.social-bookmarks li a.stumble 	{background-position: -288px -0px;}
		ul.social-bookmarks li a.reddit 	{background-position: -312px -0px;}
		ul.social-bookmarks li a.linkedin 	{background-position: -336px -0px;}
		ul.social-bookmarks li a.friendfeed {background-position: -360px -0px;}
		ul.social-bookmarks li a.lastfm 	{background-position: -384px -0px;}
		ul.social-bookmarks li a.wave 		{background-position: -408px -0px;}
		ul.social-bookmarks li a.evernote 	{background-position: -432px -0px;}
		ul.social-bookmarks li a.backtype 	{background-position: -456px -0px;}
		ul.social-bookmarks li a.dropular 	{background-position: -480px -0px;}
		ul.social-bookmarks li a.ffffound 	{background-position: -504px -0px;}
		
		/*-------------------------*/
		/*- HOVER -----------------*/
		ul.social-bookmarks li a.rss:hover 		{background-position: -0px -26px;}
		ul.social-bookmarks li a.cargo:hover 	{background-position: -24px -26px;}
		ul.social-bookmarks li a.behance:hover 	{background-position: -48px -26px;}
		ul.social-bookmarks li a.twitter:hover 	{background-position: -72px -26px;}
		ul.social-bookmarks li a.facebook:hover {background-position: -96px -26px;}
		ul.social-bookmarks li a.redux:hover 	{background-position: -120px -26px;}
		ul.social-bookmarks li a.delicious:hover{background-position: -144px -26px;}
		ul.social-bookmarks li a.magnolia:hover {background-position: -168px -26px;}
		ul.social-bookmarks li a.tumblr:hover 	{background-position: -192px -26px;}
		ul.social-bookmarks li a.posterous:hover{background-position: -216px -26px;}
		ul.social-bookmarks li a.flickr:hover 	{background-position: -240px -26px;}
		ul.social-bookmarks li a.yahoo:hover 	{background-position: -264px -26px;}
		ul.social-bookmarks li a.stumble:hover 	{background-position: -288px -26px;}
		ul.social-bookmarks li a.reddit:hover 	{background-position: -312px -26px;}
		ul.social-bookmarks li a.linkedin:hover {background-position: -336px -26px;}
		ul.social-bookmarks li a.friendfeed:hover {background-position: -360px -26px;}
		ul.social-bookmarks li a.lastfm:hover 	{background-position: -384px -26px;}
		ul.social-bookmarks li a.wave:hover 	{background-position: -408px -26px;}
		ul.social-bookmarks li a.evernote:hover {background-position: -432px -26px;}
		ul.social-bookmarks li a.backtype:hover {background-position: -456px -26px;}
		ul.social-bookmarks li a.dropular:hover {background-position: -480px -26px;}
		ul.social-bookmarks li a.ffffound:hover {background-position: -504px -26px;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.copy{margin-bottom: 20px; line-height: 20px;}
.copy p{clear: none;}
.copy ol, .copy ul{list-style: disc; margin: 0px 0px 5px 30px;}
	.copy ol li, .copy ul li{line-height: 22px; padding-bottom: 5px;}
.copy ol{list-style: decimal;}
.copy code, .copy pre{}
.copy h2{line-height: normal; margin: 20px 0px 10px; font-size: 16px;}
.copy a{border-bottom: 1px dotted #999; font-weight: bold;}
.copy a:hover{border-bottom: 1px dotted #f60;}
.copy img{ border: none !important;}
.copy h3{margin-top: 20px;}
.copy blockquote{border-left: 3px solid #f60 !important; padding: 0px 20px 0px; margin: 15px 0px; font-family: Helvetica, Arial, sans-serif !important; font-size: 20px; line-height: 23px;}
	

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}