/*
Theme Name: Gloss Surface
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.2.1
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: "" "";}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8em;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; font-weight: lighter;}

h1{font-size: 35px;}
h2{font-size: 30px;}
h3{font-size: 20px;}
h4{font-size: 13px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

p{
	margin-bottom: 12px;
	line-height: 18px;
}
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{text-decoration: none;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

strong{font-weight: bold;}
em{font-style: italic;}

.alignleft{float: left; margin: 0px 20px 10px 0px !important;}
.alignright{float: right; margin: 0px 0px 10px 20px !important;}
.aligncenter{text-align: center !important;}
				
h5.date{margin-bottom: 5px; font-size: 10px; text-transform: uppercase;}

.transparent-container{clear: both; padding: 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.content{padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#content-container{width: 950px; margin: 0px auto 60px;}
	#header{
	width: 950px;
	position: relative;
	z-index: 998;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
	#left-column{float: left; width: 590px; margin-bottom: 20px;}
	#right-column{float: right; width: 330px; margin-bottom: 30px;}

#footer-container{clear: both; margin-top: 10px;}
	#footer{padding: 20px; margin: auto; 
				-moz-border-radius: 5px; -webkit-border-radius: 5px;}


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

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{clear: both; margin: 0px 0px 7px 0px;}
		.logo h1{margin: 0px; padding: 0px;}

	.menu-block{clear: both; height: 50px; padding: 0px 10px; position: relative; bottom: 0px; z-index: 3;
				-moz-border-radius: 5px; -webkit-border-radius: 5px;}

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu{float: left; padding: 0px 0px; position: relative; bottom: 0px; z-index: 3; font-size: 13px;
			-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		ul#menu li.parent-item{float: left; margin-right: 10px; position: relative;}
			ul#menu li.parent-item a.parent-link{display: block; padding: 5px 10px 5px; margin: 12px 0px 0px; font-weight: bold; line-height: normal;}
			ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.active{-moz-border-radius: 5px; -webkit-border-radius: 5px;}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{display: none; width: 180px; position: absolute; top: 52px; z-index: 3;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			ul.sub-menu li a{display: block; padding: 8px; font-weight: bold;}

	/*---------------------------*/
	/*- WORDPRESS MENU ----------*/
	#nav{
	float: left;
	padding: 0px 0px;
	position: relative;
	bottom: 0px;
	z-index: 2;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
		#nav li{float: left; margin-right: 10px; position: relative; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);}
	
			#nav li a{
	display: block;
	padding: 5px 10px 5px;
	margin: 12px 0px 0px;
	font-weight: normal;
	line-height: normal;
	font-family: "Droid Sans";
	font-size: 14px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #F66;
}
			#nav li a:hover, #nav li a.current{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
}
	
	#nav ul.sub-menu{width: 180px; position: absolute; top: 52px; z-index: 3;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			#nav ul.sub-menu ul{width: 180px; position: absolute; left: 185px; top: 0px; z-index: 999; margin-left: 0px;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;}

			#nav ul.sub-menu li{clear: both; width: 180px; position: relative;}
				#nav ul.sub-menu li a{
	display: block;
	width: auto;
	padding: 8px;
	margin: 0px;
	font-weight: bold;
	color: #F63;
}
					#nav ul.sub-menu li a:hover{}
			#nav ul.sub-menu li:last-child a{ -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
												-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}	
												
	/*--------------------------*/
	/*- SEARCH -----------------*/
	.search-bar{float: right; width: 160px; height: 30px; margin: 9px 0px 0px; 
				-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.search-form input.search{float: left; width: 120px; padding: 5px; margin: 2px 0px 0px 2px; font-size: 13px; font-weight: bold;}
			.search-form input.search_button{float: right; width: 12px; margin: 10px 10px 0px 0px;}


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

	/*--------------------------*/
	/*- FEATURE AREA -----------*/
	.feature{clear: both; margin-bottom: 10px; position: relative;}
		.feature .left-column{float: left; padding: 4px; position: relative; z-index: 2;
								-moz-border-radius: 8px; -webkit-border-radius: 8px;}
			.feature .left-column .post{clear: both; width: 580px; height: 280px; padding: 10px; margin: 0px; position: relative;
											-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			.feature .left-column .feature-splurb{margin: 0px 10px 0px 10px; position: absolute; z-index: 2; bottom: 20px;
													-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			.feature .left-column .post a.feature-image {
	display: block;
	position: relative;
	width: 580px;
	height: 280px;
	overflow: hidden;

}
			.feature .left-column a img{display: block; position: absolute; z-index: 1;}
			
			.feature .left-column .date-container{float: left; padding: 15px; margin: 0px; font-family: "Jura"; text-transform: uppercase; text-align: center;}
				.feature .left-column .date-container .day{display: block; font-size: 46px; line-height: 46px;}
				.feature .left-column .date-container .month{font-size: 20px;}

			.feature .left-column .splurb{float: left; width: 470px; padding: 15px;}
			.feature .left-column h2{margin: 0px 0px 8px; padding: 0px; font-size: 18px; font-weight: bold; line-height: 25px;}
				.feature .left-column p{font-size: 11px; font-weight: bold; line-height: 17px; padding: 0px; margin: 0px;}
		
		.feature .right-column{float: left; width: 350px; padding: 4px 4px 4px 0px; position: absolute; right: 0px; top: 18px; z-index: 1;
									-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
									-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}
					
				.feature .right-column li a{
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
					.feature .right-column li img{float: left; width: 50px; max-height: 50px; padding: 4px; margin-right: 10px; 
													-moz-border-radius: 3px; -webkit-border-radius: 3px;}
					.feature .right-column li span.title{
	display: block;
	float: left;
	width: 230px;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	font-family: "Droid Sans";
	line-height: 16px;
	letter-spacing: -0.02em;
}
					.feature .right-column li span.splurb{display: block; float: left; width: 210px; font-size: 12px; line-height: 18px;}
		

			.feature .right-column li:first-child{-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
			.feature .right-column li:last-child{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
				.feature .right-column li:first-child a{-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}
				.feature .right-column li:last-child a{-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}


	/*------------------------*/
	/*- FEATURE BLOCK STYLES -*/
	.feature-blocks{margin-bottom: 10px;}
	.feature-blocks li{float: left; width: 292px; margin-right: 25px; padding: 4px; 
						-moz-border-radius: 8px; -webkit-border-radius: 8px;}
		.feature-blocks li .content{padding: 20px; position: relative;
									 -moz-border-radius: 5px; -webkit-border-radius: 5px;}
			.feature-blocks li .content h3{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -.03em;
}
		.feature-blocks li:last-child{margin-right: 0px;}
		
		
	/*---------------------------------*/
	/*- SUB INFO FEATURE BLOCK STYLES -*/
	.sub-info-feature-blocks{margin-bottom: 30px; width: 950px;}
		.sub-info-feature-blocks li.column{float: left; width: 452px; margin: 0px 30px 0px 0px; padding: 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
		.sub-info-feature-blocks li.column:last-child{margin: 0px;}


	/*-----------------------*/
	/*- POST BLOCK STYLES ---*/
	.post{margin-bottom: 30px;}
		.post-title{padding-bottom: 15px; margin-bottom: 15px; font-size: 27px; font-weight: bold;}
		.post-image{padding: 4px; margin-bottom: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
			.post-image a{display: block;}
		.post .copy{padding: 0px;}
		

	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link{float: left; padding: 4px 8px 3px 8px; font-size: 12px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

	
	/*--------------------------------------------------------*/
	/*- POST META --------------------------------------------*/
	.post-meta{float: right; padding: 4px 4px; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.post-meta a{margin: 0px 4px;}

	/*--------------------------*/
	/*- SUB POSTS --------------*/
	.sub-posts{-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.sub-posts li{padding: 15px; min-height: 60px; clear: both; position: relative;}
		.sub-posts li .post-image{
	float: left;
	padding: 4px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
		.sub-posts li .post-title{padding: 0px; margin: 5px 0px 8px 0px; font-size: 16px;}
		.sub-posts li h5.date{margin: 0px;}
		.sub-posts li p{
	margin-bottom: 5px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
		.sub-posts li blockquote{display: block; margin-bottom: 10px; font-size: 16px; font-weight: lighter; line-height: 24px;
									-moz-border-radius: 5px; -webkit-border-radius: 5px;}
				.sub-posts li cite{font-weight: bold;}
		.sub-posts li a, .sub-posts li img{display: block;}


	/*--------------------------*/
	/*- PAGINATION -------------*/
	.page_button_content{margin-top: 30px;}
	.page_button_content ul{position: relative; bottom: 0px; z-index: 1000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.page_button_content ul li{float: left;}
		.page_button_content ul li a{float: left; padding: 4px 10px 4px 10px; font-weight: bold; font-size: 10px; text-transform: uppercase;}


	/*--------------------------*/
	/*- GALLERY ----------------*/	
	.widget-gallery-container{margin-top: 30px;}
	.widget-gallery{clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.widget-gallery-description{float: left; width: 75px; height: 140px; padding: 20px;}
			.widget-gallery-description h3{padding: 0px; margin-bottom: 8px; font-size: 14px; font-weight: bold;}
			.widget-gallery-description p{font-weight: bold; font-size: 10px; line-height: 14px;}
			.widget-gallery-description a{padding: 4px 4px; font-size: 10px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.widget-gallery-list-container{float: left; display: block; padding-bottom: 0px; position: relative; width: 800px; height: 180px; overflow: hidden;}
				.widget-gallery-list-container div{display: block; position: absolute; width: 999999px; height: 140px; left: 0px;}		
		.widget-gallery-list{float: left; width: 780px; height: 140px; padding: 20px; overflow: hidden;}
			.widget-gallery-list li{float: left; width: 140px; overflow: hidden; margin-right: 20px;}
				.widget-gallery-list li:last-child{margin-right: 0px;}
				.widget-gallery-list li a{display: block; width: 140px; height: 140px; position: relative;}
					.widget-gallery-list a img{display: block; position: absolute; top: 0px; z-index: 1;}
					.widget-gallery-list a span{display: block; width: 140px; height: 140px; position: absolute; top: 0px; z-index: 2;}
				

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

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS -*/
	.post .copy{
	line-height: 1.9em;
	color: #000;
}
	.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;}
	.post .copy ol{list-style: decimal;}
	.post .copy code, .post .copy pre{}
	.post .copy a{font-weight: bold;}
	.post .copy img{padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.post .copy h2{
	padding-bottom: 5px;
	font-size: 24px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
	.post .copy h3{padding-bottom: 10px; margin: 20px 0px 10px; font-size: 20px;}
	.post .copy h4{padding-bottom: 5px; margin: 20px 0px 10px; font-size: 13px; font-weight: bold;}
	.post .copy blockquote{padding: 20px; margin: 20px 0px; font-size: 16px; font-weight: bold; line-height: 24px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.post .copy blockquote p{padding-bottom: 0px; margin-bottom: 0px; line-height: 30px;}
		.post .copy blockquote a{font-weight: bold;}


	/*--------------------------*/
	/*- AUTHOR -----------------*/
	.author{padding: 10px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.author img{float: left; max-width: 65px; max-height: 65px; margin: 0px 10px 0px 0px; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
		.author-details{width: 420px; float: left;}
			.author-details h4{font-size: 16px; font-weight: bold;}
			.author-details p{margin-bottom: 0px;}
			

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{width: 580px; margin-bottom: 30px;}
h3.section-title{padding-bottom: 10px; margin-bottom: 10px; font-size: 16px; font-weight: bold;}

ul.comment-container{padding: 0px 0px 0px 0px;}
	#full-width ul.comment-container{padding: 0px 0px 0px 0px;}
	li.comment{padding: 30px 0px;}
	
		.comment-avatar{float: left; margin-right: 15px;}
			.comment-avatar img{position: relative;}
			
		.comment-meta{clear: both; height: 30px; margin: 0px;}
			.comment-meta h4.comment-name{float: left; margin: 0px; padding: 0px; font-weight: bold;}
			.comment-meta h5.date{float: right; padding-bottom: 0px; margin-bottom: 0px;}
			.comment-meta .reply-to-comment{text-transform: uppercase; font-size: 10px;}

		.comment-post{float: left; width: 460px;}
		
	li.comment:first-child{padding-top: 10px;}
	li.comment:last-child{margin-bottom: 0px;}
	

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both; margin-left: 65px; 
						-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.threaded-comments li.comment{margin: 0px 0px 0px; padding: 15px;}
		.threaded-comments .comment-meta{clear: both; float: none; width: auto;}
			.threaded-comments .comment-meta h4.comment-name{float: left; margin-bottom: 0px;}
			.threaded-comments .comment-meta h5.date{float: right; margin: 2px 0px 0px;}
		.threaded-comments .comment-post{clear: both; float: none; width: auto;}


	.comment-post ol,.comment-post ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;}
ul.comment-container .leave-comment{float: right; width: 425px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.leave-comment{width: 580px;}

.logged-in-as{width: 296px; padding: 6px 10px; margin-bottom: 10px; font-weight: bold; font-size: 13px;
				-moz-border-radius: 5px; -webkit-border-radius: 5px;}

.comment-form-content{padding: 20px; margin: auto; 
						-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
	.comment-form-content h3.section-title{font-size: 17px; font-weight: bold;}
	.comment_form input[type=text]{width: 300px; padding: 8px; margin: 0px 0px 10px; line-height: 15px; font-weight: bold; font-size: 13px;
									-moz-border-radius: 5px; -webkit-border-radius: 5px;}
						
	.comment_form textarea{width: 350px; height: 130px; padding: 8px; margin: 0px 0px 10px; line-height: 20px; font-weight: bold; font-size: 13px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}

	.checkbox{padding: 10px 0px; margin-bottom: 10px; font-size: 13px; font-weight: bold;}
	input.submit_button{padding: 4px 8px 3px 8px; font-size: 13px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer;}


/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.portfolio-list li{float: left; width: 210px; margin: 0px 20px 20px 0px;}
	.portfolio-list li a.portfolio-image{display: block; width: 205px; height: 100px; padding: 4px; margin-bottom: 10px; overflow: hidden;
											-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			.portfolio-list li a.portfolio-image span{display: block; height: 100px; width:205px; overflow: hidden;}
			.portfolio-list li a.portfolio-image span img{display: block; max-width: 205px;}
			.portfolio-list li h4{margin: 0px; padding: 0px; font-weight: bold;} 

	.portfolio-list li:nth-child(4n+4){margin: 0px;}
	.portfolio-list li:nth-child(4n+5){clear: left;}


/*-------------------------------------------------------------------------------------------*/
/*- 404 NOT FOUND ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#not-found{padding: 40px 30px; margin: 0px 0px 30px 0px;}
	#not-found h2{float: left; margin: 0px 40px 0px 0px; padding: 0px; font-size: 40px; font-weight: bold;}
	#not-found p{float: left; margin: 10px 0px 0px 0px; padding: 0px; font-size: 25px; font-weight: bold;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.archive_year{padding: 0px; margin: 40px 0px 0px; font-weight: bold; font-size: 16px;
				-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
ul.archives_list{padding-right: 0px;}
ul.archives_list li{padding: 20px 0px;}
	.archives_list li .archive-post-image{float: left; width: 50px; height: 50px; margin-right: 10px; overflow: hidden;}
		.archives_list li .archive-post-image img{display: block;}
	.archives_list li a{font-weight: bold; font-size: 15px;}
	.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase;}
		ul.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;}
		ul.archives_list .label{float: right; display: inline-block;}
		ul.archives_list .label a{font-weight: bold; font-size: 12px;}

.archives_list li:first-child{}
.archives_list li:last-child{margin-bottom: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{padding: 0px; margin: 0px 0px 0px 0px;}
				
	ul.widget-list li.widget{clear: both; padding: 4px; margin: 0px 0px 10px;
								-moz-border-radius: 8px; -webkit-border-radius: 8px;}
							
			ul.widget-list li.widget ul li{
	padding: 5px 0px;
	font-size: 12px;
}
				ul.widget-list li.widget ul li:first-child{padding-top: 0px;}
				ul.widget-list li.widget ul li a{
	display: block;
	font-weight: normal;
	font-family: "Droid Sans";
	font-size: 12px;
}
		ul.widget-list li.widget .textwidget{
	font-size: 12px;
	background-color: #FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

	h4.widgettitle{
	padding: 0px 0px 8px;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	font-family: "Droid Sans";
}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments ul li{padding-left: 20px !important;}
	.widget_recent_comments li a{font-size: 10px;}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	.widget_popular_entries ul li{padding-left: 20px !important;}


	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper{}
		#flickr_badge_wrapper .flickr_badge_image{float: left; padding: 5px; margin: 0px 10px 10px 0px;
													-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			#flickr_badge_wrapper .flickr_badge_image a{display: block;}
			#flickr_badge_wrapper .flickr_badge_image img{display: block; max-width: 50px; max-height: 50px;}
	
	
	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list li a{display: inline !important;}
	
	
	/*--------------------------------------------*/
	/*- SOCIAL ICONS -----------------------------*/
	ul.widget-list li.follw_us ul li{padding: 10px; margin: 0px 0px 10px; line-height: 15px;
										-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		ul.widget-list li.follw_us ul li:first-child{padding: 10px;}
			ul.widget-list li.follw_us ul li:last-child{margin-bottom: 0px;}
			ul.widget-list li.follw_us ul li a{display: block; padding-left: 42px; background: url(images/layout/social-icons/social-set.png) no-repeat;}
				ul.widget-list li.follw_us ul li a span{display: block; font-weight: bold; font-size: 11px; padding: 0px;}
				ul.widget-list li.follw_us ul li a span.link{font-size: 10px;}
					ul.widget-list li.follw_us ul li a:hover span.link{}
				
					/*------------------*/
					/*- SOCIAL ICONS ---*/
					ul.widget-list li.follw_us ul li.vimeo a{background-position: 0px -0px;}
					ul.widget-list li.follw_us ul li.twitter a{background-position: 0px -82px;}
					ul.widget-list li.follw_us ul li.tumblr a{background-position: 0px -164px;}
					ul.widget-list li.follw_us ul li.skype a{background-position: 0px -246px;}
					ul.widget-list li.follw_us ul li.rss a{background-position: 0px -328px;}
					ul.widget-list li.follw_us ul li.reddit a{background-position: 0px -410px;}
					ul.widget-list li.follw_us ul li.posterous a{background-position: 0px -492px;}
					ul.widget-list li.follw_us ul li.linkedin a{background-position: 0px -574px;}
					ul.widget-list li.follw_us ul li.flickr a{background-position: 0px -656px;}
					ul.widget-list li.follw_us ul li.facebook a{background-position: 0px -738px;}
					ul.widget-list li.follw_us ul li.digg a{background-position: 0px -820px;}
					ul.widget-list li.follw_us ul li.float a{background-position: 0px -902px;}
					ul.widget-list li.follw_us ul li.delicious a{background-position: 0px -984px;}
					ul.widget-list li.follw_us ul li.wordpress a{background-position: 0px -1066px;}
			
	/*-------------------------------------------------------------------------------------------*/
	/*- ADVERTS ---------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------------------*/
	.adverts{}
		.advert{float: left; margin: 0px 20px 20px 0px;}
			.advert a, .advert img{display: block;}
				.advert li a:hover{}
		.alt{margin-right: 0px;}
		.widget_ocmx_small_ad_widget{}
	
	.advert-468{}
				
	li.large-advert a{display: block; width: 270px; height: 250px; overflow: hidden;}
		li.large-advert img{display: block;}

		

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer h4{
	padding: 0px 0px 8px;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	font-family: "Droid Sans";
}
#footer li.column{float: left; width: 200px; margin-right: 33px;}
	#footer li:last-child{margin-right: 0px;}

#footer ul li{clear: both; padding: 5px 0px 5px 12px;}
	#footer li.column .contact-form input[type=text]{width: 190px; padding: 5px 5px; margin: 0px 0px 10px; line-height: 15px; font-weight: bold;
														-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#footer li.column .contact-form textarea{width: 190px; height: 100px; padding: 5px 5px; margin: 0px 0px 10px; line-height: 15px; font-weight: bold;
														-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#footer a.obox-logo{display: block; float: right; margin-top: 4px;}


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