@import url(//fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
@import url(//fonts.googleapis.com/css?family=Lobster);

/*
Name: MY CORNER
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: "" "";}


/*- Generated by Font Squirrel (http://www.fontsquirrel.com) on July 17, 2010 ---------------*/
/*- SETUP FONTS -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
@font-face {
	font-family: "ChunkFiveRegular";
	src: url("../PLEl5tm3o/chunkfive-webfont.eot");
	src: local("?"), url("../kyTl5tm9h/chunkfive-webfont.woff") format("woff"),
		url("../hk8l5tm82/chunkfive-webfont.ttf") format("truetype"),
		url("../g3fl5tm4v/chunkfive-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "NewCicleSemiItalic";
	src: url("../Fhul5tm49/new_cicle_semi_italic-webfont.eot");
	src: local("?"), url("../uYrl5tma0/new_cicle_semi_italic-webfont.woff") format("woff"),
			url("../Dl5l5tm8p/new_cicle_semi_italic-webfont.ttf") format("truetype"),
			url("../EgZl5tm7d/new_cicle_semi_italic-webfont.svg") format("svg");
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: "NewCicleSemi";
	src: url("../BFvl5tm4l/new_cicle_semi-webfont.eot");
	src: local("?"), url("../cR1l5tmb8/new_cicle_semi-webfont.woff") format("woff"),
			url("../wtVl5tm91/new_cicle_semi-webfont.ttf") format("truetype"),
			url("../PLsl5tm7q/new_cicle_semi-webfont.svg") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "NewCicleFina";
	src: url("../W0Xl5tm40/new_cicle_fina-webfont.eot");
	src: local("?"), url("../0vzl5tm9r/new_cicle_fina-webfont.woff") format("woff"),
			url("../KOnl5tm8e/new_cicle_fina-webfont.ttf") format("truetype"),
			url("../Kxcl5tm5c/new_cicle_fina-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #595959;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; color: #999; font-weight: lighter; font-family: "NewCicleFina", Josefin Sans Std Light, Arial, Helvetica, sans-serif;}

h1{font-size: 35px; line-height: 37px;}
h2{font-size: 30px; line-height: 32px;}
h3{font-size: 20px; line-height: 18px;}
h4{font-size: 13px; line-height: 16px;}
h5{font-size: 12px; line-height: 15px;}
h6{font-size: 10px; line-height: 13px;}

p{line-height: 25px; margin-bottom: 12px;}

textarea, input{font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #595959;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a{color: #000; text-decoration: none; cursor: pointer;}
a:hover{color: #7AC7BD;}
a:active{text-decoration: #333;}

	
/*--- 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;}

u{text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#header-container{padding-top: 20px; margin: 0px; text-align: center; background: #111; border-bottom: 5px solid #f33;}
	#header{clear: both; width: 500px; margin: 0px auto 0px; padding: 60px 100px 20px;}
#container{width: 700px; margin: 0px auto; padding: 80px 0px 30px; background: #fff;}
#content-column{}
	#post-column{clear: both;}
#sidebar-container{float: right; width: 240px; margin: 0px auto 60px; position: relative;}
#footer-container{padding: 40px 0px; margin: 0px; text-align: center; background: #111; border-top: 5px solid #f33;}
	#footer{width: 500px; margin: 0px auto 0px; padding: 0px; text-align: center;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- PAGES ------------------*/
	.page-menu{clear: both; width: 800px; margin: auto; text-transform: uppercase;}
		.page-menu li{float: left; margin-right: 10px;}
			ul.page-menu li.social-links{float: right;}
			.page-menu a{color: #595959; text-transform: uppercase; font-size: 10px; margin: 0px 6px;}
			ul.page-menu li a:hover{color: #7AC7BD;}
		

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.header-image{margin-bottom: 20px; text-align: center;}
	.logo{clear: both; padding: 0px; margin: 0px 0px 20px; font-family: ChunkFiveRegular, Josefin Sans Std Light, Georgia, "Times New Roman", Times, serif; font-size: 33px; text-transform: uppercase;}
		.logo a{color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);}
		#header p{font-family: "NewCicleFina", Josefin Sans Std Light, Arial, Helvetica, sans-serif; font-size: 20px; color: #999; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);}
			#header p a:nth-of-type(1){color: #FEE942;}
			#header p a:nth-of-type(2){color: #80D0C6;}
			#header p a:nth-of-type(3){color: #f36;}
			#header p a:hover{color: #fff;}
	

/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/*----------------------------*/
/*- THE POSTS ----------------*/
.post-container{clear: both; margin: 0px; padding-bottom: 40px; margin-bottom: 80px;}
				

	/*----------------------------*/
	/*- POST CONTAINER -----------*/
	.post{clear: both; padding: 0px 0px 0px; min-height: 70px; position: relative;}
	
	
		a.post-type{display: block; width: 40px; height: 40px; background: url(../xC8l6d4uh/sprite.png) no-repeat; text-indent: -999px; overflow: hidden;
					position: absolute; top: 25px; left: -60px;}
			.post-quote a.post-type	{background-position: 0px -80px;}
			.post-video a.post-type	{background-position: 0px -320px;}
			.post-image a.post-type	{background-position: 0px -0px;}
			.post-url a.post-type	{background-position: 0px -240px;}
			.post-audio a.post-type	{background-position: 0px -400px;}
			.post-chat a.post-type	{background-position: 0px -480px;}
			.post-note a.post-type	{background-position: 0px -160px;}
			
			.post-quote a.post-type:hover	{background-position: -41px -80px;}
			.post-video a.post-type:hover	{background-position: -41px -320px;}
			.post-image a.post-type:hover	{background-position: -41px -0px;}
			.post-url a.post-type:hover		{background-position: -41px -240px;}
			.post-audio a.post-type:hover	{background-position: -41px -400px;}
			.post-chat a.post-type:hover	{background-position: -41px -480px;}
			.post-note a.post-type:hover	{background-position: -41px -160px;}

		
		.video-item, .post .image-item{float: left; margin: 0px 20px 10px 0px;}
		
		.post h4.date{margin-bottom: 10px; padding: 0px 0px 0px; font-size: 20px; text-transform: uppercase; color: #888;}
		h3.title{padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; color: #333; text-transform: uppercase; line-height: 40px; font-size: 40px; font-weight: lighter; border-bottom: 4px solid #7AC7BD;}
			h3.title a:hover{color: #7AC7BD;}		
		.shadow{display: none;}
		
		
		/*-------------------------*/
		/*- POST META -------------*/
		.meta{clear: both; padding: 0px 0px 0px; margin: 20px 0px 0px; color: #ccc; text-transform: uppercase;
				font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height: 11px;}
			.tag-list{float: left;}
				.tag-list a{float: left; display: block; height: 13px; padding: 2px 5px 1px 18px; margin-right: 10px; background: #000 url(../68Gl5tmjo/tag-bg.png) left top no-repeat;
							color: #ccc; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); line-height: 11px;
							-moz-border-radius: 0px 3px 3px 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;}
				.tag-list a:hover{background-position: bottom left; background-color: #7AC7BD; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);}
			.alt-meta{float: right; display: block; height: 8px; padding: 2px 5px 6px 18px; margin-right: 10px;}
		

		/* ------------------------*/
		/*- AUDIO -----------------*/
		.post-audio .title-block{border-color: #908895; background-color: #A89CA8;}
			.post-audio .meta a{color: #524E5C;}
			.post-audio .meta a:hover{color: #333;}
			
		.post-audio .audio-container{width: 280px; height: 281px; margin: 0px 20px 20px 0px; background: url(../xC8l6d4uh/sprite.png) -219px -319px no-repeat; position: relative; float: left;}
			.audio-meta{width: 120px; margin: auto; text-align: center;}
				.play-count {padding-top: 1px; width: 120px; height: 28px; margin: 126px auto 40px; position: relative; overflow: hidden;}
				.player {position: absolute; width: 28px; height: 28px; position: relative; left: 46px; overflow: hidden; }
				
				p.plays{font-family: "NewCicleFina", Josefin Sans Std Light, Arial, Helvetica, sans-serif; font-size: 32px; color: #fff; text-align: center;}
					p.plays	span{display: block; margin-top: 8px;  color: #ccc; text-transform: uppercase; font-size: 18px; letter-spacing: 0px; text-align: center;}
			

		/*-------------------------*/
		/*- CHAT ------------------*/
		ul.chat-item{line-height: 22px; margin: 0px !important;}
			ul.chat-item li{clear: both; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
				ul.chat-item li strong{color: #333; font-style: italic;}
				ul.chat-item li span{color: #595959;}
			ul.chat-item li:first-child{border-top: none; margin-top: 10px;}
			ul.chat-item li:last-child{border-bottom: none;}
			
	
	
	/*-------------------------*/
	/*- NEXT PREVIOUS BUTTONS -*/
	.next-prev{margin: 0px auto 0px; width: 90px;}
	.next-prev div{}
		.next-prev a{display: block; width: 40px; height: 40px; margin-bottom: 80px; cursor: pointer; background: url(../xC8l6d4uh/sprite.png) no-repeat; text-indent: -999px; overflow: hidden;}
			a.prev-page{float: left; background-position: -230px -0px;}
			a.next-page{float: right; background-position: -271px -0px;}
				a.prev-page:hover{background-position: -230px -41px;}
				a.next-page:hover{background-position: -271px -41px;}
				
			
			
/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post p{}
.post ol, .post ul{list-style: disc; margin: 0px 0px 10px 30px;}
	.post ol li, .post ul li{line-height: 22px; padding-bottom: 7px;}
.post ol{list-style: decimal;}
.post code, .copy pre{}
.post img{}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{color: #333;}
.post blockquote{margin-bottom: 10px; font-style: italic; color: #777; font-size: 15px; line-height: 22px;
					font-family: Georgia, "Times New Roman", Times, serif;}


/*-------------------------*/
/*- QUOTE -----------------*/
.post-quote{padding-bottom: 0px; color: #333;}
.post-quote blockquote{padding: 0px 0px 0px; border: none; font-size: 40px; font-style: normal; line-height: 50px; color: #333; font-family: "NewCicleFina", Josefin Sans Std Light, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.quote-source{font-size: 15px; font-style: italic; color: #999; margin: 0px;}
	.quote-source a{color: #999;}
	.quote-source a:hover{color: #000;}



/*-------------------------------------------------------------------------------------------*/
/*- NOTES CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ol.notes{clear: both; list-style: none; margin: 40px auto; padding: 0px; background: #80D0C6; border: 1px solid #6BC0B6;
			-moz-border-radius: 8px; -webkit-border-radius: 8px;}
	ol.notes li{padding: 15px 15px; margin: 0px; font-size: 11px; border-bottom: 1px solid #6BC0B6;}
	
		ol.notes li a{clear: both; color: #000; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3); font-weight: bold;}
			ol.notes li a:hover{color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);}
		ol.notes li span.action{color: #000; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);}
		ol.notes li img.avatar{display: none !important;}
		ol.notes li blockquote{clear: both; display: block; padding-left: 10px; margin: 10px 0px 0px -10px; font-size: 11px; line-height: 22px; color: #333;}
			ol.notes li blockquote a{color: #333; font-weight: lighter; font-style: italic;}
				ol.notes li blockquote a:hover{color: #fff;}

ol.notes li:first-child{}
ol.notes li:last-child{border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer h5{color: #fff; font-family: ChunkFiveRegular, Josefin Sans Std Light, Georgia, "Times New Roman", Times, serif; font-size: 33px; text-transform: uppercase;}
	#footer p{width: 300px; margin: auto; font-family: "NewCicleFina", Josefin Sans Std Light, Arial, Helvetica, sans-serif; font-size: 13px; color: #777; text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);}
	#footer a{color: #777;}
		#footer a:hover{color: #FEE942;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- 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;}



/*-------------------------------------------------------------------------------------------*/
/*- DISQUS CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.disqus h3{font-size: 20px; margin-bottom: 15px;}
#dsq-content .dsq-options, #dsq-content .dsq-login-buttons{border: none !important; padding: 10px 0px !important;}
.disqus .dsq-post-area{padding-top: 30px !important; margin-top: 20px !important;}