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


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{background: #1E2731 url(layout/bg.jpg) repeat; color: #333;}
h1, h2, h3, h4, h5, h6{color: #191919;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #cb0000;}
a.std_link:hover, a:hover{color: #000;}
a:active{color: #cb0000 !important;}

.tear-drop, .tear-drop-reverse{background: url(layout/tear-drop-overlay.png) no-repeat;}
	.tear-drop-reverse{background: url(layout/tear-drop-overlay-reverse.png) no-repeat;}
a.comment-tear{background: url(layout/comment-tear.png) top no-repeat; color: #fff;}
	a.comment-tear:hover{background-position: bottom;}
				
h5.date{color: #cb0000;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#content-container{background: #fff;}
#footer-container{background: #191919;}


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

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu li.parent-item a.parent-link{color: #555;}
	ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.active{background: #191919; color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FEATURE AREA -----------*/
			
			/*---------------------------------*/
			/*- POST TITLE AND INTRO ----------*/
			.feature .selected-item .post{border-left: 5px solid #101010;}
				.feature .selected-item .post h2{background: url(layout/transparent-bg-dark.png) repeat;}
					.feature .selected-item .post h2 a{color: #fff;}
						.feature .selected-item .post h2 a:hover{color: #cb0000;}
				.feature .selected-item .post p{background: url(layout/transparent-bg-dark.png) repeat; color: #fff;}
				
				/*-------------------*/
				/*- ARROWS ----------*/
				.feature a.next, .feature a.previous{background: #191919 url(layout/big-arrows.png) no-repeat;}
					.feature a.next{background-position: -41px 0px;}
					.feature a.previous{background-position: -0px 0px;}
						.feature a.next:hover{background-color: #cb0000;}
						.feature a.previous:hover{background-color: #cb0000;}
						
		/*-------------------------------*/
		/*- FEATURE POST ITEMS ----------*/
		.feature .feature-items li{border-bottom: 5px solid #cb0000;}
			.feature .feature-items li:hover{border-bottom-color: #cb0000;}
			.feature .feature-items li.active{border-bottom-color: #cb0000;}
			.feature .feature-items li a{background: #191919; color: #fff;}


	/*--------------------------*/
	/*- GALLERY ----------------*/	
	.widget-gallery{background: #101010;}
		.widget-gallery h3{border-bottom: 5px solid #333; color: #fff;}

			/*-------------------*/
			/*- ARROWS ----------*/
			.widget-gallery h3 a.next, .widget-gallery h3 a.previous{background: #333 url(layout/big-arrows.png) no-repeat;}
				.widget-gallery h3 a.next{background-position: -41px -0px;}
				.widget-gallery h3 a.previous{background-position: -0px -0px;}
					.widget-gallery h3 a.next:hover{background-color: #cb0000;}
					.widget-gallery h3 a.previous:hover{background-color: #cb0000;}

	/*--------------------------*/
	/*- SUB POSTS --------------*/
	h4.sub-posts-title{background: #191919; color: #fff;}
	.sub-posts{border-bottom: 1px solid #dbdbdb;}
	.sub-posts{background: url(layout/sub-post-border-bg.png) center repeat-y;}
	.sub-posts li{border-top: 1px solid #dbdbdb;}
		.sub-posts li h3 a{color: #000;}
			.sub-posts li h3 a:hover{color: #cb0000;}


/*-------------------------------------------------------------------------------------------*/
/*- BLOG MAIN PAGE --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h2.blog-main{background: #191919; color: #fff;}

	/*------------------------------*/
	/*- BLOG MAIN POST CONTAINER ---*/
	.blog-main-post-container .post{border-top: 3px solid #fafafa; border-bottom: 1px solid #dadada;}
		.blog-main-post-container .post:first-child{padding-top: 0px; border-top: none;}
		.blog-main-post-container .post:last-child{border-bottom: none;}
	
	.blog-main-post-container .post h3 a{color: #191919;}
	.blog-main-post-container .post h3 a:hover{color: #cb0000;}

	.blog-main-post-container .post h5.date{color: #cb0000;}
			

/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.post .copy blockquote{background: #f0f0f0 url(layout/quote-bg.png) 20px 22px no-repeat; color: #707070;}
		.post .copy blockquote a{color: #cb0000;}
			.post .copy blockquote a:hover{color: #000;}

	/*------------------------------*/
	/*- POST PAGE POST CONTAINER ---*/
	h2.post-page-title{border-bottom: 5px solid #cb0000;}
		h2.post-page-title a{background: #191919; color: #fff;}
			h2.post-page-title a:hover{text-shadow: 0px 1px 2px #000; color: #cb0000;}

		/*-------------------*/
		/*- ARROWS ----------*/
		#left-column .controls span.next a, #left-column .controls span.previous a{background: #cb0000 url(layout/big-arrows.png) no-repeat;}
			#left-column .controls span.next a{background-position: -41px -0px;}
			#left-column .controls span.previous a{background-position: -0px -0px;}
				#left-column .controls span.next a:hover{background-color: #191919;}
				#left-column .controls span.previous a:hover{background-color: #191919;}

		/*----------------------*/
		/*- AUTHOR META AREA ---*/
		.author-meta h4{color: #cb0000;}
			.author-meta h4 a{color: #545454;}
				.author-meta h4 a:hover{color: #000;}


	/*--------------------------*/
	/*- INDEX POST CONTAINER ---*/
	.index-post-container .post{border-top: 3px solid #fafafa; border-bottom: 1px solid #dadada;}
		.index-post-container .post:first-child{border-top: none;}
		.index-post-container .post:last-child{border-bottom: none;}
	
		.index-post-container .post h3 a{color: #191919;}
		.index-post-container .post h3 a:hover{color: #cb0000;}

		.index-post-container .post h5.date{color: #cb0000;}


	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link{background: #cb0000; color: #fff;}
		a.action-link:hover{background: #191919;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h3.section-title{background: #191919; color: #fff;}

li.comment{border-bottom: 1px dotted #dadada;}
	.comment-meta h4.comment-name a{color: #000;}
		.comment-meta h4 a:hover{color: #cb0000;}
		.comment-avatar .twitter-link{background: url(layout/twitter.png) top;}
			.comment-avatar .twitter-link:hover{background-position: bottom;}

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments li.comment{border-top: 1px dotted #ccc; border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment_form input[type=text]{background: #fafafa; border: 1px solid #d8d8d8; color: #545454;}

.comment_form textarea{background: #fafafa; border: 1px solid #d8d8d8; color: #545454;}

input.submit_button{background: #cb0000; border: none; color: #fff;}
	input.submit_button:hover{background: #191919;}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY MAIN PAGE -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.gallery-page-title{border-bottom: 5px solid #cb0000;}
.gallery-description{background: #191919; color: #ccc;}
.gallery-list li a:hover span{background: url(layout/gallery-overlay.png) repeat; color: #191919;}


/*-------------------------------------------------------------------------------------------*/
/*- 404 NOT FOUND ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#not-found{background: #191919;}
	#not-found h2{color: #900;}
	#not-found p{color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.archive_year{background: #f5f5f5; color: #191919;}
ul.archives_list li{border-bottom: 1px dotted #dadada;}
	.archives_list li a{color: #191919;}
	.archives_list li a:hover{color: #cb0000;}
	.archives_list .date{color: #cb0000;}
		ul.archives_list .label a{color: #ccc;}
		ul.archives_list .label a:hover{color: #cb0000;}

.archives_list li:first-child{border-top: none;}
.archives_list li:last-child{border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
li.large-advert a{background: #fafafa; border: 1px solid #d8d8d8;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{background: #f5f5f5; color: #707070; border-top: 5px solid #191919; border-bottom: 5px solid #191919;}
	ul.widget-list li.widget ul li{border-bottom: 1px dotted #dadada;}
		ul.widget-list li.widget ul li a{color: #cb0000;}
			ul.widget-list li.widget ul li a:hover{color: #333;}

	h4.widgettitle{color: #333;}

	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-form input.search{background: #fff; border: 1px solid #d8d8d8; color: #333;}
	.search-form input.search_button{background: #cb0000; border: none; color: #fff;}
		.search-form input.search_button:hover{background: #191919;}

	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper .flickr_badge_image a{border: 5px solid #fff;}
		#flickr_badge_wrapper .flickr_badge_image a:hover{border-color: #333;}
		

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer ul li{color: #555;}
#footer ul li a{color: #777;}
	#footer ul li a:hover{color: #fff;}


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