/*
Name: MICRO.PRESS
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: "" "";}

ul.meta li a.dsq-comment-count {color: #C03A2D;} 

/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px; color: #a60000;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html{height: 100%; min-width: 881px;}
body{height: 100%; min-width: 881px; background: #f5f5f5 url(images/body-bg.png) top repeat-y; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;}

h1{font-size: 25px; margin: 0px; line-height: 30px; font-weight: lighter;}
	h1.h1-sub-title{padding: 20px;}
h2{font-size: 24px; margin: 0px 0px 10px; line-height: 24px; font-weight: lighter;}
h3{font-size: 17px; margin: 0px 0px 10px; line-height: 24px; font-weight: lighter;}
h4{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}
h5{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}
h6{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}

p{font-size: 16px; line-height: 24px; margin: 0px 0px 14px; color: #333;}
blockquote, blockquote p{font-size: 18px; line-height: 30px; margin: 0px 0px 15px; color: #777;}

form{}
label{}
textarea, input{font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{padding: 8px;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #C03A2D; text-decoration: none;}
a.std_link:hover, a:hover{ color: #000; text-decoration: underline;}
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;}

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

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 981px; margin: auto; height: 100%;}

	#left-column{float: left; width: 319px; height: 100%; padding-top: 00px; position: relative;}
	#right-column{float: right; width: 660px; height: 100%; padding-top: 00px;}

#footer{clear: both; padding: 20px 0px 10px 30px; margin: 0px; background: #f5f5f5; color: #555; line-height: 20px; font-size: 14px;}
#counter{clear: both; padding: 0px 0px 10px 30px; background: #f5f5f5;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.commments-block {
	padding:30px 30px 30px 30px;

}

.commments-block label {
	margin-left: 5px;
	font-size:13px;
	}


.commments-block h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	font-family: Arial;
	margin: 35px 0px 10px 0px;
}

#respond p {
	color:#333;
	font-size:14px;
	}
#cancel-comment-reply {
	margin: 0px 0px 20px 0px;
}
	
.commments-block h3#comments {
	margin: 10px 0px 30px 0px;
}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 1em;
	}
	
#commentform input{
	height: 23px;
	border: 1px solid #e4e4e4;
	padding-left: 4px;
	width: 180px;
	}	
	
#commentform input#submit{
	border: 1px solid #d7d7d7;
	padding: 5px 10px;
	height: auto;
	width: 165px;
	}

#commentform input#submit:hover{
	border: 1px solid #c03a2d;
	background: #c03a2d;
	color: #fff;
	padding: 5px 10px;
	height: auto;
	cursor:pointer;
	}		
	
#commentform textarea {
	border: 1px solid #e4e4e4;
	padding: 5px;
	width: 590px;
	}	
	
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: none;
	border: 0px solid #eee;
	padding: 2px;
	background: #fff;
	display: none;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	color: #333;
	padding: 0px;
	margin: 0px;
	}

.commentlist p {
	font-weight: normal;
	line-height: 21px;
	text-transform: none;
	font-size: 15px;
	}

#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	font-size: 11px;
	margin: 6px 0px 10px 0px;
	}
	
.commentmetadata a{
	color: #999;
	}	
	
.reply {
	margin: 0px 0px 15px 0px;
	padding: 6px 16px 6px 20px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	background: url(http://themehybrid.com/blog/wp-content/themes/fusion/images/bullet-alt.png) no-repeat 5px 7px;
	}	
	
.children {margin-left: 20px;}

.comment-body {
	border-bottom: 1px dashed #eee;
	margin-bottom: 10px;
	margin-top: 15px;
}	
	
/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.content{width: 250px; padding: 0px 0px 40px; margin-left: 30px;}
	.header{margin-top: 40px; width: 250px;}
		.logo{padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px dotted #ccc; text-align: center;}
		p.intro-text{text-align: left; color: #555; font-style: italic; margin-bottom: 5px; font-size: 15px; line-height: 22px;}
		
		ul.follow-me{padding: 22px 0px;  border-bottom: 1px dashed #dedede; font-size: 12px; text-transform: uppercase;}
		ul.follow-me li{float: left; padding: 0px 20px 0px 0px;}
			ul.follow-me li a{color: #C03A2D;}
			ul.follow-me li a:hover{color: #000;}
		
		.content h3  {
		font-size: 18px;
		font-family: Arial;
		font-weight: bold;
		padding: 15px 0px;
		background: url(images/follow-me-bg.gif);
		margin-bottom: 10px;
		color: #333;
		margin-top: 40px;
		}
		
		.content li  {
			list-style: none;
			margin: 0px 0px 6px;
			padding: 2px 0px 12px 15px;
			font-size:16px;
			border-bottom: 1px dashed #e1e1e1;
			background: url(images/bullet.gif) no-repeat 0px 6px;
			
		}
		
	.content p.term-cloud a {
	float: right;
	display: block;
	height: 11px;
	margin: 0 6px 12px 6px;
	padding: 9px 21px 9px 10px;
	font-size: 11px !important;
	line-height: 11px;
	color: #fff;
	background: #000 url(images/tag-icon.png) no-repeat right 0;
	}
		
		
		
		.content ul.recent-comments-list li{
		font-size: 15px;
		line-height:20px;
		}
		
		.content ul.recent-comments-list li a{
		color: #333;
		}		
		.content li ul {
		margin: 13px 0px 0px;
		}
		
		.content li ul li {
		background: url(images/bullet-alt.png) no-repeat 0px 6px;
		border-bottom: 0px;
		margin: 0px 0px 3px;
		padding: 0px 0px 9px 15px;
		}
		
			
		/*-------------------------*/
		/*- SEARCH BAR ------------*/
		.search-bar{width: 210px; height: 40px; margin: 20px auto 10px; background: url(images/search-bar.png) no-repeat;}
		.search-form input.search{float: left; width: 160px; position: relative; top: 11px; left: 15px; background: none; border: none; font-style: italic; font-size: 10pt;}
		.search-form input.search_button{ margin: 13px 15px 0px 0px; font-size: 10pt; font-style: italic; width: 15px; float: right;}


		/*-------------------------*/
		/*- VISIT OBOX ------------*/
		.visit-obox{clear: both; display: block; padding-top: 15px; margin: auto; text-align: center;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.stb-custom_box {
	line-height: 22px;
}


#adsense {margin-bottom: 18px;}

#mixkt_4294941105 {
	background: #f5f5f5;
	font-family: Arial;
	padding-top:10px;

	
}

#main-netbook {
	border: 1px solid #ebebeb;
}

#bgline {
	background: #f5f5f5;
	height: 25px;
}


#image-netbook {
	text-align: center;
	padding: 13px 0px;
	background: #fff;
	}

#label-netbook {
	padding: 0px 0px;
	background: #efefef;
	line-height: 21px;
	font-size: 14px;
	padding: 8px 8px;
	color: #333;
	}	

#page-title {
	margin: 43px 30px 0px 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	}
	
.mixmarket-after-article {
	margin-bottom: 29px;
	margin-top: 0px;
}	

.mixmarket-after-article  h3{
	margin-top: 0px;
}

.mixmarket-after-article i {color: #C03A2D;}

.mixmarket-after-article ul li {
	font-family: Arial;
	padding: 10px 0px;
	padding-left: 16px;
	font-size: 14px;
	border-bottom: 1px dashed #eeeeee;
	background: url(images/bullet-gray.png) no-repeat 4px 16px;
	line-height: 20px;
	}	
	
.related-posts {
	margin-bottom: 35px;
	}

.related-posts ul li {
	padding: 10px 0px;
	padding-left: 16px;
	font-size: 15px;
	border-bottom: 1px dashed #eeeeee;
	background: url(images/bullet-gray.png) no-repeat 4px 16px;
	}		
	
.related-posts  h3 {
	margin-top: 5px;
	}	
	
.tag {
	margin-top: 15px;
	margin-left: 30px;
	padding: 9px 30px 7px 30px;
	background: url(images/tag-icon.gif) no-repeat 0px 3px;
	color: #999;
	}	

.post{padding: 40px 0px 0px; border-bottom: 2px solid #ccc;}

	.icon-container{float: left; width: 10px; height: 30px; padding: 11px 0px 0px 10px; margin: 0px 0px 0px -21px; background: #fff; border: 1px solid #e0e0e0; border-right: none;
		-moz-border-radius-topleft: 8px;
		-webkit-border-top-left-radius: 8px;
		-moz-border-radius-bottomleft: 8px;
		-webkit-border-bottom-left-radius: 8px;}
		
		/*-------------------------*/
		/*- ICONS -----------------*/
		.icon-note, .icon-quote, .icon-chat, .icon-video, .icon-image, .icon-sound, .icon-link
			{display: block; margin: 0px; padding: 0px; width: 20px; height: 20px; background: url(images/icons.png) no-repeat; overflow: hidden; text-indent: -9999px;}
				.icon-note	{background-position: -0px -0px;}
				.icon-link	{background-position: -0px -80px;}
				.icon-chat	{background-position: -0px -160px;}
				.icon-video	{background-position: -0px -239px;}
				.icon-sound	{background-position: -0px -316px;}
				.icon-image	{background-position: -0px -394px;}
				.icon-quote	{background-position: -0px -471px;}
		
	
	.post-content, #dsq-content {margin: 5px 0px 0px 30px; width: 600px;}
	.dsq-brlink {text-align:center; display:block; margin:10px auto;}
	#discus_thread .dsq-comment-body .dsq-comment-message {margin:40px;}
		.post-content h5{border-bottom: 1px dotted #ccc; font-size: 10px; text-align: center; text-transform: uppercase; line-height: 20px;}
		
		/*-------------------------*/
		/*- QUOTES ----------------*/
		.quote blockquote{width: 600px;}
		.quote span.caption{display: block; width: 370px; margin-left: 40px; color: #333; font-size: 13px;}


		/*-------------------------*/
		/*- PHOTO -----------------*/
		.image .photo{width: 500px; padding: 20px; margin-bottom: 15px; background: #f5f5f5; border: 1px solid #e0e0e0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;}
		.image p.caption{display: block; width: 500px; margin-left: 20px; color: #333; font-size: 13px;}


		/*-------------------------*/
		/*- VIDEO -----------------*/
		.video .post-content{width: 500px; margin: 0px 0px 0px 30px;}
		.video .video-clip{width: 500px; padding: 20px; margin-bottom: 15px; background: #f5f5f5; border: 1px solid #e0e0e0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;}
		.video p.caption{display: block; width: 500px; margin-left: 20px; color: #333; font-size: 13px;}


		/*-------------------------*/
		/*- POST ------------------*/
		.note .post-content{width: 520px;}
		.note .post-content .copy{margin-left: 20px; color: #555;}


		/*-------------------------*/
		/*- CHAT ------------------*/
		.chat ul.chat-item{margin-left: 20px; color: #555; line-height: 22px; width: 520px;}
			.chat ul.chat-item li{padding: 15px 0px; border-bottom: 1px dotted #ccc;}
				.chat ul.chat-item li strong{display: inline-block; margin-right: 15px; width: 120px; float: left; color: #000; font-size: 10px; text-transform: uppercase;}
				.chat ul.chat-item li span{display: inline-block; width: 380px; float: right; font-style: italic;}
				
				.chat ul.chat-item li.odd strong{color: #555;}
				.chat ul.chat-item li.odd span{color: #000;}
				
			.chat ul.chat-item li:first-child{padding-top: 0px;}
			.chat ul.chat-item li:last-child{padding-bottom: 0px; border-bottom: none;}


		/*-------------------------*/
		/*- AUDIO -----------------*/
		.audio-container{padding: 20px; margin: 0px 0px 15px 0px; background: #f5f5f5; border: 1px solid #e0e0e0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;}


	/*-------------------------*/
	/*- META DATA -------------*/
	ul.meta{clear: both; padding: 10px 30px; margin: 30px auto 0px; border-top: 1px dotted #ccc; font-size: 10px; text-align: right; text-transform: uppercase; line-height: 20px;}
		ul.meta li{color: #999; padding: 0px 0px; float: left; margin-right: 20px;}
			ul.meta li a{color: #333; }
				ul.meta li a:hover{color: #000;}
			ul.meta li.tags a{color: #C03A2D; margin-left: 8px;}
			ul.meta li.tags a:hover{color: #000;}
		
		ul.meta li#category {
		background: url(images/category-icon.gif) no-repeat 0px 3px;
		padding-left: 17px;
		}	
		
		ul.meta li#comments {
		background: url(images/comments-icon.gif) no-repeat 0px 3px;
		padding-left: 17px;
		}	

			
	/*-------------------------*/
	/*- NEXT PREVIOUS BUTTONS -*/
	.next-prev{}



/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post .copy p{clear: none;}
.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 10px 30px;}
	.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 10px;}
.post .copy ol{list-style: decimal;}
.post .copy code, .post .copy pre{}
.post .copy img{}
.post .copy h2{line-height: 35px; margin-top: 20px;}
.post .copy h3{margin-top: 20px;}
.post .copy blockquote{border-left: 3px solid #e0e0e0; padding: 0px 20px 0px; margin: 15px 0px; font-style: italic; font-size: 13px;}



.caption h2 {
	margin-top: 25px;
	font-size: 21px;
	color: #333;
}

.caption ul {
	margin-bottom: 14px;
}

.caption ul li {
	padding-left: 17px;
	background: url(images/bullet-gray.png) no-repeat 4px 7px;
	color: #333;
	font-size: 16px;
	margin-top: 9px;
}
/*-------------------------------------------------------------------------------------------*/
/*- NOTES CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.notes-container{margin: 10px 30px 30px; background: #1e1e1e; border: 1px solid #000;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;}
	.notes-container h3.notes-title{padding: 10px 10px; margin: 0px; color: #fff; font-size: 16px;}

	.notes-container ol li{clear: both; padding: 10px 10px; border-top: 1px dotted #444; line-height: 20px; color: #999;}
		.notes-container ol li a{float: left; display: inline-block; padding: 4px; margin-right: 15px; background: #333; border: 1px solid #444; color: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;}
		.notes-container ol li a.tumblelog, .notes-container ol li a.source_tumblelog{float: none; padding: 0px; margin: 0px; background: none; border: none; border: none;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;}
		.notes-container ol li a:hover{color: #ccc;}


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