/*
Name: INK DROP H|L
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: #fafafa center top; color: #444; background-image: url(layout/main-background.jpg); background-repeat: repeat;}
h1, h2, h3, h4, h5, h6{color: #191919;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a {color: #891f1d;}
a.std_link:hover, a:hover{color: #000;}
a:active{color: #900 !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: #999;}

#hlrss {
	width: 100%;
	padding-bottom: 5px;
}
#hlrss img {
	float: left;
	margin-right: 3px;
	margin-top: 2px;
}
#hlrss p {
	padding: 0;
	margin: 0;
}
#hlrss a {
	color: #666;
}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#content-container {
    background: #f7f7f7;
    margin-bottom: 78px;
    
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
}
#footer-container {
    background: #4c4c4c;
    
    -moz-box-shadow: 0px -2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px -2px 5px rgba(0,0,0,0.3);
	box-shadow: 0px -2px 5px rgba(0,0,0,0.3);
}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* #header{background: white;} */
.logo{position:absolute; left: 28px; top: 15px; z-index: 1001;}
	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu li.parent-item a.parent-link{ color: #444;}
	ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.active {
	   text-shadow: 0 -2px 0 #333;
	   background: #555;
	   color: #fff;
	   
	   -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	   -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	   box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    }
	
	ul.sub-menu {
	   background: #555;
	   
	   -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	   -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	   box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    }
	ul.sub-menu li a { color: #eee; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444; text-shadow: 0 -1px 0 #333;}
	ul.sub-menu li a:hover {background: #666;}

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

	/*--------------------------*/
	/*- FEATURE AREA -----------*/
			
			/*---------------------------------*/
			/*- POST TITLE AND INTRO ----------*/
			.feature .selected-item .post{border-left: 5px solid #891f1d;}
				.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: #891f1d;}
				.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: #891f1d;}
						.feature a.previous:hover{background-color: #891f1d;}
						
		/*-------------------------------*/
		/*- FEATURE POST ITEMS ----------*/
		.feature .feature-items li{border-bottom: 5px solid #999;}
			.feature .feature-items li:hover{border-bottom-color: #891f1d;}
			.feature .feature-items li.active{border-bottom-color: #891f1d;}
			.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: #891f1d;}
					.widget-gallery h3 a.previous:hover{background-color: #891f1d;}

	/*--------------------------*/
	/*- 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 {margin-top: 10px;}
		.sub-posts li h3 a{color: #000;}
			.sub-posts li h3 a:hover{color: #891f1d;}


/*-------------------------------------------------------------------------------------------*/
/*- 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: #891f1d;}

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

/*-------------------------------------------------------------------------------------------*/
/*- 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: #891f1d;}
			.post .copy blockquote a:hover{color: #000;}
	
	.post .copy iframe{ margin: 10px 0px 10px 0px;}
	.post .copy {position: relative; text-shadow: 0 1px 0 #FFF; }
	.post .copy #contact-google-map {
	 	position: relative;
	 	top: -10px;
	 	left: -30px;
	 }

	/*------------------------------*/
	/*- POST PAGE POST CONTAINER ---*/
	h2.post-page-title{border-bottom: 0;}
		h2.post-page-title a{
		  background: #191919; 
		  color: #fff; 
		  font-size: 32px;
		  text-shadow: 0 1px 1px #999;
		  border-bottom: 5px solid #891f1d;
		  
		  -moz-box-shadow: -2px -1px 6px 0px rgba(0,0,0,0.2);
	      -webkit-box-shadow: -2px -1px 6px 0px rgba(0,0,0,0.2);
	      box-shadow: -2px -1px 6px 0px rgba(0,0,0,0.2);
    }
			h2.post-page-title a:hover{text-shadow: 0; color: #fff;}

		/*-------------------*/
		/*- ARROWS ----------*/
		#left-column .controls span.next a, #left-column .controls span.previous a{background: #891f1d 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: #999;}
			.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: #891f1d;}

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


	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link{background: #891f1d; color: #fff; text-shadow: 0 -1px 0 #333;}
		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: #891f1d;}
		.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: #891f1d; border: none; color: #fff;}
	input.submit_button:hover{background: #191919;}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY MAIN PAGE -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.gallery-page-title{border-bottom: 5px solid #891f1d; padding-top: 40px; padding-bottom: 20px;}
.gallery-description{background: #191919; color: #eee; text-shadow: 0 -2px 0 #555;}
.gallery-list li a span {color: #ccc; font-size: 14px; font-weight: normal; text-shadow: 0 1px 0 #000; }
.gallery-list li a:hover span {background: url(layout/gallery-overlay.png) repeat; padding-top: 20px;}
.gallery-list li a span h4, .gallery-list li span.radioThumbs h4 {/* color:#891F1D; */ color: #EEE; font-weight: bold; font-size: 17px !important; margin-bottom:5px; padding:0px; text-shadow: 0 -1px 0 #000;}
.gallery-list li a.rThumbs{position: absolute; z-index: 1; top:0px; left:0px;}
.gallery-list li span.radioThumbs h4 {display: none; text-shadow: 0;}
.gallery-list li span.radioThumbs {
    color: #444;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	text-shadow: 0 1px 0 #fff;
}

/*-------------------------------------------------------------------------------------------*/
/*- CONTACT PAGE ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#contact-right-col{float: right};


/*-------------------------------------------------------------------------------------------*/
/*- 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: #891f1d;}
	.archives_list .date{color: #999;}
		ul.archives_list .label a{color: #ccc;}
		ul.archives_list .label a:hover{color: #891f1d;}

.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;}


/*-------------------------------------------------------------------------------------------*/
/*- TWITTER WIDGET --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list li.widget ul li a {
    font-weight: normal;
}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{
    background: #ebebeb; 
    color: #444; 
    border-top: 5px solid #191919; 
    border-bottom: 5px solid #191919;
    
    -moz-box-shadow: -2px -1px 6px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: -2px -1px 6px 0px rgba(0,0,0,0.2);
	box-shadow: -2px -1px 6px 0px rgba(0,0,0,0.2);
}
	ul.widget-list li.widget ul li{border-bottom: 1px dotted #dadada; overflow: hidden;}
		ul.widget-list li.widget ul li a{color: #891f1d;}
			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: #891f1d; 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-container {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
}
#footer ul li{color: #999;}
#footer ul li a{color: #999;}
	#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;}