/*
Theme Name: GLOSS
Color Version: Detail Green
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: #aacc77 url(layout/bg4.jpg) top repeat-x;
	color: #505050;
}
h1, h2, h3, h4, h5, h6{color: #1c1c1c;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{
	color: #C30;
	font-weight: bold;
}
a.std_link:hover, a:hover{
	color: #030;
}
				
.transparent-container{background: url(layout/transparent-bg.png) repeat;}
.content{background: url(layout/post-bg.png) repeat; border: 1px solid #fff;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer{background: #191919 url(layout/dark-gradient-bg.png) top repeat-x; border: 1px solid #000;}


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

	.menu-block{background: #191919 url(layout/menu-bg.png) top repeat-x;}

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu{background: #191919 url(layout/menu-bg.png) top repeat-x;}
		ul#menu li.parent-item a.parent-link{color: #fff;}
		ul#menu li.parent-item a.parent-link:hover,
			.ul#menu li.parent-item a.active{background: url(layout/form-bg.jpg) top left no-repeat; border: none;
												-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
												-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{background: #191919;}
			ul.sub-menu li a{
	color: #CC9;
	font-size: 12px;
}
				ul.sub-menu li a:hover{
	color: #fff;
	font-size: 12px;
}
			ul.sub-menu li:last-child a{border-bottom: none;}
			
			
	/*---------------------------*/
	/*- WORDPRESS MENU ----------*/
	#nav li{text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);}
		#nav li a{color: #fff;}
		#nav li a:hover, #nav li a.current{
	background: url(images/layout/form-bg.jpg) top left no-repeat;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	color: #F66;
}
	
	#nav ul.sub-menu{background: #191919;}
			#nav ul.sub-menu ul{background: #191919;}
			#nav ul.sub-menu li a{
	color: #CC9;
	border-bottom: 1px solid #333;
	font-size: 12px;
	font-family: "Droid Sans";
	font-weight: normal;
}
					#nav ul.sub-menu li a:hover{
	color: #fff;
	border-bottom: 1px solid #333;
	font-weight: normal;
}
											

	/*--------------------------*/
	/*- SEARCH -----------------*/
	.search-bar{background: url(layout/form-bg.jpg) top left no-repeat;
				-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
				-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
		.search-form input.search{color: #ccc; background: none; border: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}


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


	/*--------------------------*/
	/*- FEATURE AREA -----------*/
		.feature .left-column{background: url(layout/transparent-bg.png) repeat;}
			.feature .left-column .post{background: #aacc77 url(layout/light-gradient-bg2.png) bottom repeat-x;}
			.feature .left-column .feature-splurb{background: url(layout/transparent-bg-dark.png) repeat;}
			
			.feature .left-column .date-container{border-right: 1px solid #000;}
				.feature .left-column .date-container .day{color: #fff;}
				.feature .left-column .date-container .month{color: #ccc;}

			.feature .left-column .splurb{border-left: 1px solid #444;}
				.feature .left-column h2 a{color: #fff;}
				.feature .left-column h2 a:hover{color: #fff;}
				.feature .left-column p{color: #ccc;}
		
		.feature .right-column{background: url(layout/transparent-bg.png) repeat;}
			.feature .right-column li{background: url(layout/post-bg.png) repeat; border: 1px solid #fff; border-bottom: 1px solid #ccc;}
					.feature .right-column li img{background: #fff; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
					
					.feature .right-column li span.title{
	color: #333;
}
						.feature .right-column li a:hover span.title{
	color: #000;
}
						
					.feature .right-column li span.splurb{color: #e4e4e4;}
					
				.feature .right-column li.active, .feature .right-column li:hover{background: #f9f9f9;}
				
			.feature .right-column li:last-child{border-bottom: 1px solid #fff;}


	/*------------------------*/
	/*- FEATURE BLOCK STYLES -*/
	.feature-blocks li{background: url(layout/transparent-bg.png) repeat;}
		.feature-blocks li .content{
	background: #ccddbb url(layout/light-gradient-bg.png) top repeat-x;
	border: 1px solid #ffffff;
	color: #333;
}
			.feature-blocks li .content h3{
	color: #F63;
	font-family: "Droid Sans";
}
				.feature-blocks li .content h3 a{
	color: #C63;
}
					.feature-blocks li .content h3 a:hover{color: #fc0;}
		
		
	/*---------------------------------*/
	/*- SUB INFO FEATURE BLOCK STYLES -*/
	.sub-info-feature-blocks li.column{background: url(layout/transparent-bg.png) repeat;}


	/*-----------------------*/
	/*- POST BLOCK STYLES ---*/
	.post-title{border-bottom: 1px dotted #ccc; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);}
		.post-title a{
	color: #1c1c1c;
	font-size: 14px;
}
			.post-title a:hover{color: #333;}
			
		.post-image{background: #fff;
						-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
						-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
		

	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link{background: url(layout/action-button-bg.png) top repeat-x; border: 1px solid #DF8600; color: #793100; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);}
		a.action-link:hover{background-position: center;}
		a.action-link:active{background-position: bottom;}
		

	/*--------------------------------------------------------*/
	/*- POST META --------------------------------------------*/
	.post-meta{background: url(layout/post-bg.png) repeat; border: 1px solid #fff; color: #333;}
		.post-meta a{color: #333;}
			.post-meta a:hover{color: #000;}


	/*--------------------------*/
	/*- SUB POSTS --------------*/
	.sub-posts{background: url(layout/post-bg.png) repeat; border: 1px solid #fff;}
	.sub-posts li{border-top: 1px dotted #fff; border-bottom: 1px dotted #ccc;}
		.sub-posts li:first-child{border-top: none;}
		.sub-posts li:last-child{border-bottom: none;}
		.sub-posts li .post-image{background: #fff;
									-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
									-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
		.sub-posts li .post-title{border-bottom: none;}


	/*--------------------------*/
	/*- PAGINATION -------------*/
	.page_button_content ul{background: #191919 url(layout/menu-bg.png) top repeat-x;}
		.page_button_content ul li a{color: #ccc; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}
			.page_button_content ul li a:hover{color: #fff;}
		.page_button_content ul li a.selected-page{color: #fff;}


	/*--------------------------*/
	/*- GALLERY ----------------*/	
	.widget-gallery{background: #191919 url(layout/dark-gradient-bg.png) top repeat-x; border: 1px solid #000;}
	
		.widget-gallery-description{border-right: 1px solid #000;}
			.widget-gallery-description h3{color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}
			.widget-gallery-description p{color: #ccc; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}
			.widget-gallery-description a{background: url(layout/action-button-bg.png) top repeat-x; border: 1px solid #DF8600; color: #793100; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);}
				.widget-gallery-description a:hover{background-position: center;}
				
		.widget-gallery-list-container{border-left: 1px solid #333;}
			.widget-gallery-list a span{background: url(layout/gallery-image-overlay.png) no-repeat;}
				

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

	.post .copy img{
	background: #fff;
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
	margin-bottom: 7px;
}
	.post .copy h2{
	border-bottom: 1px dotted #999;
	font-family: Helvetica;
	color: #360;
}
	.post .copy h3{border-bottom: 1px dotted #ccc;}
	.post .copy h4{border-bottom: 1px dotted #ccc;}
	.post .copy blockquote{background: #fff;
								-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
								-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}

	/*--------------------------*/
	/*- AUTHOR -----------------*/
	.author{background: #191919 url(layout/dark-gradient-bg.png) top repeat-x; border: 1px solid #000; color: #ccc;}
		.author img{background: #999; border: 1px solid #ccc; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.99); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.99);}
			.author-details h4{color: #fff;}
				.author-details h4 a{color: #fc0;}
				.author-details h4 a:hover{color: #fff;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h3.section-title{border-bottom: 1px dotted #ccc; color: #1c1c1c; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);}

	li.comment{border-bottom: 1px dotted #ccc; border-top: 1px dotted #fff;}
		.comment-avatar img{border: 1px solid #fff;
								-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
								-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
			.comment-meta h4.comment-name a{color: #1c1c1c;}
				.comment-meta h4.comment-name a:hover{color: #2060CB;}
		
	li.comment:first-child{border-top: none;}
	li.comment:last-child{border-bottom: none;}
	

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{background: url(layout/post-bg.png) repeat; border: 1px solid #fff;}
		.threaded-comments li.comment{background: #f5f5f5; border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logged-in-as{background: #555; color: #fff;
				-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
				-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}
	.logged-in-as a{color: #fc0;}
		.logged-in-as a:hover{color: #fff;}

.comment-form-content{background: #191919 url(layout/dark-gradient-bg.png) top repeat-x; border: 1px solid #000;}

	.comment-form-content h3.section-title{border-bottom: none; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}
	
	.comment_form input[type=text]{background: url(layout/form-bg.jpg) top left no-repeat; border: none; color: #ccc;
									-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
									-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
									
	.comment_form textarea{background: url(layout/form-bg.jpg) top left no-repeat; border: none; color: #ccc;
							-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
							-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
	.checkbox{color: #999; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}
	input.submit_button{background: url(layout/action-button-bg.png) top repeat-x; border: 1px solid #DF8600; color: #793100; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);}


/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.portfolio-list li a.portfolio-image{background: #fff;
										-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
										-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
	.portfolio-list li h4 a{color: #1c1c1c;}
		.portfolio-list li h4 a:hover{color: #2060CB;}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY MAIN PAGE -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.gallery-page-title{border-bottom: 5px solid #09c;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.archives_list li{border-bottom: 1px dotted #ccc; border-top: 1px dotted #fff;}
	.archives_list li .archive-post-image{border: 1px solid #fff;
											-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);
											-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20);}
	.archives_list li a:hover{color: #1c1c1c;}
	ul.archives_list li:first-child{border-top: none;}
	ul.archives_list li:last-child{border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{color: #ccc; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);}
	ul.widget-list li.widget{background: url(layout/transparent-bg.png) repeat;}
		ul.widget-list li.widget .content{background: #191919 url(layout/dark-gradient-bg.png) top repeat-x; border: 1px solid #000;}
			ul.widget-list li.widget ul li{border-top: 1px dotted #333; border-bottom: 1px dotted #000;}
				ul.widget-list li.widget ul li:first-child{border-top: none;}
				ul.widget-list li.widget ul li:last-child{border-bottom: none;}
				ul.widget-list li.widget ul li a{color: #fff;}
					ul.widget-list li.widget ul li a:hover{
	color: #CC9;
}

	h4.widgettitle{
	color: #F63;
	border-bottom: 1px solid #000;
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}
		h4.widgettitle a{color: #fff;}
			h4.widgettitle a:hover{color: #fc0;}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments ul li{background: url(layout/sprite.png) 0px 15px no-repeat;}
		.widget_recent_comments li:first-child{background: url(layout/sprite.png) 0px 5px no-repeat;}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	.widget_popular_entries ul li{background: url(layout/sprite.png) 0px -148px no-repeat;}
		.widget_popular_entries li:first-child{background: url(layout/sprite.png) 0px -158px no-repeat;}


	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper .flickr_badge_image{background: url(layout/form-bg.jpg) top left no-repeat;
												-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
												-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
	
	
	/*--------------------------------------------*/
	/*- SOCIAL ICONS -----------------------------*/
	ul.widget-list li.follw_us ul li{background: url(layout/form-bg.jpg) top left no-repeat; border: none;
										-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
										-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
				ul.widget-list li.follw_us ul li a span{color: #fff;}
				ul.widget-list li.follw_us ul li a span.link{color: #999;}
					ul.widget-list li.follw_us ul li a:hover span.link{color: #fff;}			
		

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer h4{color: #fff; border-bottom: 1px solid #000; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
			-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);}
	#footer li.column, #footer li.column p{color: #ccc;}
		#footer li.column  a{color: #ccc;}
			#footer li.column a:hover{color: #fff;}
	#footer li.column h4 a{color: #fff;}
		#footer li.column h4 a:hover{color: #fc0;}


#footer ul li{background: url(layout/sprite.png) 0px -324px no-repeat; border-bottom: 1px dotted #000; border-top: 1px dotted #333; }
	#footer ul li:first-child{border-top: none;}
	#footer ul li:last-child{border-bottom: none;}

	#footer li.column .contact-form input[type=text]{background: url(layout/form-bg.jpg) top left no-repeat; border: none; color: #ccc;
														-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
														-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}
	#footer li.column .contact-form textarea{background: url(layout/form-bg.jpg) top left no-repeat; border: none; color: #ccc; font-weight: bold;
														-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
														-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);}