/*
Theme Name: Depth
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0.9
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: "" "";}


/*--*********************************************************************************--------*/
/*- 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 -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size: 14px; color: #ccc;
	background: #301830 url(images/layout/blue-bg.jpg) top fixed no-repeat;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; color: #fff; font-weight: lighter;}

h1{font-size: 35px; line-height: 37px;}
h2{font-size: 30px; line-height: 32px;}
h3{font-size: 20px; line-height: 18px;}
h4{font-size: 14px; line-height: 16px;}
h5{font-size: 12px; line-height: 15px;}
h6{font-size: 10px; line-height: 13px;}

p{font-size: 14px; line-height: 22px; margin-bottom: 12px;}
blockquote, blockquote p{}

form{}
label{}
textarea, input{font-family: Tahoma, Geneva, sans-serif; font-size: 13px;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #fc0; text-decoration: none;}
a.std_link:hover, a:hover{color: #fff; }
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;}

.wp-caption{padding: 10px; width: auto !important; background: url(images/layout/transparent-bg.png) repeat;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;}
	.wp-caption img{display: block; margin-bottom: 5px;}
	.wp-caption p.wp-caption-text{clear: both; text-align: center; margin: 0px !important; padding: 0px !important; color: #fff !important; font-style: italic; font-size: 12px !important;}

strong{font-weight: bold;}
em{font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#page-nav-container{background: url(images/layout/transparent-bg.png) repeat;}

#content-container{width: 980px; margin: auto;}
	#header{padding-top: 0px; margin-bottom: 0px;}
	
	#post-content{margin-bottom: 30px; background: url(images/layout/transparent-bg.png) repeat;
		-moz-border-radius: 8px; -webkit-border-radius: 8px;}
	
	#left-column{float: left; width: 580px;}
	#right-column{float: right; width: 360px;}
	#full-width{}
	

#footer-container{margin-top: 40px; background: url(images/layout/transparent-bg.png) repeat;}
	.footer-widgets{padding: 30px 0px; width: 980px; margin: auto;}
	.footer-copy{padding: 10px; background: url(images/layout/transparent-bg.png) repeat;}

 


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	/*--------------------------*/
	/*- PAGE MENU --------------*/
	.page-nav{width: 980px; margin: auto; clear: both; padding: 10px;}
		ul.page-nav li {float: left; margin-right: 20px; font-size: 14px;}
			ul.page-nav li:last-child{ margin-right: 0px;}
	
			ul.page-nav li a{display: block; padding: 6px 8px; color: #fff; line-height: normal;
				text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.99);
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;}
			ul.page-nav li a:hover{}


	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left;}
		.logo h1{ margin: 0px; padding: 0px;}


	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu{clear: both; width: 960px; margin: 0px auto 0px; padding: 10px 10px; background: url(images/layout/transparent-bg.png) repeat;
			border-bottom: 1px solid rgba(255, 255, 255, 0.20);
			-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
			-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}
		ul#menu li.parent-item{float: left; position: relative; text-transform: uppercase; font-weight: lighter; font-size: 14px; line-height: normal;}
			ul#menu li.parent-item:last-child{}
	
			ul#menu li.parent-item a.parent-link{display: block; padding: 6px 10px; color: #fff;
				-webkit-border-radius: 4px; -moz-border-radius: 4px;} 
			ul#menu li.parent-item a.parent-link:hover{}
					
			ul#menu li.parent-item a.parent-link-sub-menu{}
				ul#menu li.parent-item a.parent-link-sub-menu:hover{}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{width: 180px; position: absolute; top: 45px; background: url(images/layout/transparent-bg-dark.png) repeat;
					-moz-border-radius: 8px; -webkit-border-radius: 8px;}
			ul.sub-menu li{border-bottom: 1px solid rgba(0, 0, 0, 0.50); border-top: 1px solid rgba(255, 255, 255, 0.10);}
				ul.sub-menu li a{display: block; padding: 10px; color: #fff; text-transform: none;}
					ul.sub-menu li a:hover{color: #fc0;}
			ul.sub-menu li:first-child{border-top: none;}
			ul.sub-menu li:last-child{border-bottom: none;}
		ul#menu li.parent-item:last-child ul.sub-menu{}


	/*---------------------------*/
	/*- WORDPRESS MENU ----------*/
	#nav{clear: both; width: 960px; margin: 0px auto 0px; padding: 10px 10px; background: url(images/layout/transparent-bg.png) repeat;
			border-bottom: 1px solid rgba(255, 255, 255, 0.20);
			-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
			-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}
			
		#nav li{float: left; position: relative; text-transform: uppercase; font-weight: lighter; font-size: 14px; line-height: normal;}
			#nav li:last-child{}
	
			#nav li a{display: block; padding: 6px 10px; color: #fff;
				-webkit-border-radius: 4px; -moz-border-radius: 4px;} 
			#nav li a:hover, #nav li a.current{}
	
	#nav ul.sub-menu{clear: both; width: 180px; position: absolute; top: 25px; left: 45px; background: url(images/layout/transparent-bg-dark.png) repeat;
					-moz-border-radius: 8px; -webkit-border-radius: 8px;}
	
	#nav ul.sub-menu ul, #nav ul.sub-menu ul ul, #nav ul.sub-menu ul ul ul{clear: both; width: 180px; position: absolute; top: 25px; left: 45px; background: url(images/layout/transparent-bg-dark.png) repeat;
					-moz-border-radius: 8px; -webkit-border-radius: 8px; z-index:1000;}
					
			#nav ul.sub-menu li{clear: both; border-bottom: 1px solid rgba(0, 0, 0, 0.50); border-top: 1px solid rgba(255, 255, 255, 0.10); width: 100%;}
				#nav ul.sub-menu li a{display: block;}
					#nav ul.sub-menu li a:hover{color: #fff;}
			#nav ul.sub-menu li:first-child{border-top: none;}
			#nav ul.sub-menu li:last-child{border-bottom: none;}

/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FEATURE AREA -----------*/
	.feature{clear: both;}
		.feature .left-column{float: left; width: 540px; padding: 20px;}
			.feature .left-column .post{margin-bottom: 25px;}
			.feature .left-column a img{padding: 10px; margin-bottom: 15px; background: url(images/layout/transparent-bg.png) repeat; border: 1px solid rgba(255, 255, 255, 0.10);}
			.feature .left-column h2{padding: 0px 0px 10px !important;}
				.feature .left-column h2 a{color: #fff;}
					.feature .left-column h2 a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);}
			
			.feature .meta{float: right; display: inline-block; padding: 8px; background: url(images/layout/transparent-bg.png) repeat; font-style: italic; color: #ccc; font-size: 11px; letter-spacing: 1px;
					border: 1px solid rgba(255, 255, 255, 0.10);
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;}
					
				.feature .meta li{float: left; margin: 0px 10px;}
					.feature .meta li a{color: #fff;}
					.feature .meta li a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}
		
		.feature .right-column{float: right; width: 400px;}
			.feature .right-column li{
					border-bottom: 1px solid rgba(0, 0, 0, 0.50);
					border-top: 1px solid rgba(255, 255, 255, 0.10);
					border-left: 1px solid rgba(255, 255, 255, 0.10);}
					
				.feature .right-column li a{display: block; padding: 20px; background: url(images/layout/transparent-bg.png) repeat;}
					.feature .right-column li img{float: left; padding: 10px; margin-right: 10px; background: url(images/layout/transparent-bg.png) repeat; border: 1px solid rgba(255, 255, 255, 0.10);}
					.feature .right-column li span.title{display: block; float: left; width: 210px; margin-bottom: 6px; font-size: 17px; line-height: 20px; font-weight: bold; color: #fff;}
						.feature .right-column li a:hover span.title{text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);}
					.feature .right-column li span.splurb{display: block; float: left; width: 210px; font-size: 12px; line-height: 18px; color: #e4e4e4;}
			
			.feature .right-column li.active{border-left: none; border-bottom: none;}
				.feature .right-column li.active a{background: none;}
			.feature .right-column li:first-child{border-top: none;}
			.feature .right-column li:last-child{border-bottom: none;}
				.feature .right-column li:last-child a{-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}


	/*--------------------------*/
	/*- PAGINATION -------------*/
	.pagination-container{padding: 10px; background: url(images/layout/transparent-bg.png) repeat; text-transform: uppercase; color: #ccc; font-size: 11px; letter-spacing: 1px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;}
			
	ul.page_button_content{}
		ul.page_button_content li{float: left; margin-right: 10px;}
		ul.page_button_content li a{display: block; padding: 8px; background: url(images/layout/transparent-bg.png) repeat; text-transform: uppercase; color: #ccc; font-size: 11px; letter-spacing: 1px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;}
		ul.page_button_content li a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);}
		
			ul.page_button_content li a.selected-page{margin-top: -1px; font-weight: bold; color: #fff;}
			ul.page_button_content li a.selected-page:hover{background: url(images/layout/transparent-bg.png) repeat;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.post .copy p{clear: none; margin-bottom: 20px; font-size: 14px;}
	.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 10px 30px; font-size: 13px; color: #ccc;}
		.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 10px; font-size: 13px; color: #ccc;}
	.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{padding: 10px; margin-bottom: 15px; background: url(images/layout/transparent-bg.png) repeat; font-style: italic;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;}


	/*--------------------------*/
	/*- POST TITLE -------------*/
	#post-content h2{padding: 20px; margin: 0px;}
		#post-content h2 a{color: #fff;}
		#post-content h2 a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);}

	/*--------------------------*/
	/*- POST CONTAINER ---------*/
	.post-container{padding: 20px; margin-bottom: 30px; background: url(images/layout/transparent-bg.png) repeat;
		-moz-border-radius: 8px; -webkit-border-radius: 8px;}
		.post-container .post-image img{padding: 10px; margin-bottom: 10px; background: url(images/layout/transparent-bg.png) repeat; border: 1px solid rgba(255, 255, 255, 0.10);}

	.post h3, .post h3 a{color: #fff;}
		.post h3 a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);}
			
	.post .post-image{margin-bottom: 10px;}
	.post .copy{margin-bottom: 10px;}

	.image-right{float: right; width: 200px; margin-right: 20px;}
	.content-left{float: left; width: 290px;}
			
	.image-left{float: left; width: 200px;}
	.content-right{float: right; width: 290px;}
	
	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link{display: inline-block; padding: 8px; text-transform: uppercase; color: #fff; font-size: 10px; font-weight: bold; letter-spacing: 1px;
			text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;}
		a.action-link:hover{}
		
	/*--------------------------------------------------------*/
	/*- META STYLES ----------------------------------------*/
	.post-container .meta{float: right; display: inline-block; padding: 8px; background: url(images/layout/transparent-bg.png) repeat; font-style: italic; color: #ccc; font-size: 11px; letter-spacing: 1px;
			border: 1px solid rgba(255, 255, 255, 0.10);
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;}
			
		.post-container .meta li{float: left; margin: 0px 10px;}
			.post-container .meta li a{color: #fff;}
			.post-container .meta li a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}

		.post-page-meta{clear: both; float: none !important;}

h3.section-title{padding: 10px 20px; color: #fff; font-size: 25px; font-weight: bold; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.99);}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-container{margin-bottom: 30px; background: url(images/layout/transparent-bg.png) repeat;
					-moz-border-radius: 8px; -webkit-border-radius: 8px;}
	.comment{padding: 20px;}
	
		.comment-avatar{float: left; width: 50px; padding: 8px; margin-left: -40px; background: url(images/layout/transparent-bg.png) repeat;
						-moz-border-radius: 6px; -webkit-border-radius: 6px;}

		.comment-post{float: right; width: 500px;}
		
			.comment h4 a{color: #fff; font-weight: bold;}
				.comment h4 a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.60);}
				.comment h4 a.twitter-link{margin-left: 20px; font-weight: lighter; font-size: 11px; font-style: italic;}
				.comment h4 a.twitter-link:hover{}
				
		.comment-date{float: right; padding-top: 10px; font-style: italic; color: #fff; font-size: 11px;}
	
	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{width: 500px; margin-left: 80px;}
		.threaded-comments .comment{border-bottom: 1px solid rgba(0, 0, 0, 0.50);
									border-top: 1px solid rgba(255, 255, 255, 0.10);}
			.threaded-comments .comment-post{width: 420px;}
		.threaded-comments .first{border-top: none;}
		.threaded-comments .last{border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{padding: 20px; margin-bottom: 30px; background: url(images/layout/transparent-bg.png) repeat;
						-moz-border-radius: 8px; -webkit-border-radius: 8px;}
	.comment-form-content .comment_form label{}

	.comment-form-content .comment_form label{clear: left; float: left; width: 70px; padding: 5px 0px; color: #fff; font-size: 15px; font-style: italic;}

	.comment-input{float: left; width: 220px; margin-bottom: 10px;}
		.comment-input input{width: 210px; padding: 5px; background: #fff; border: none;
							-moz-border-radius: 6px; -webkit-border-radius: 6px;}

	.logged-in{clear: left; color: #fff; font-style: italic; font-size: 11px; margin-left: 70px; width: 210px; display: block; height: 26px;}
	.checkbox{clear: left; color: #fff; font-style: italic; font-size: 11px; margin-left: 0px;}

	.textarea{float: right; width: 290px;}
		.textarea label{clear: both;}
		.comment-texarea{clear: both; margin-bottom: 10px;}
			.comment-texarea textarea{width: 280px; height: 200px; padding: 5px; background: #fff; border: none;
										-moz-border-radius: 6px; -webkit-border-radius: 6px;}
									
			input.submit_button{clear: both; display: inline-block; padding: 8px; margin-top: 10px; text-transform: uppercase; color: #fff; font-size: 10px; font-weight: bold; letter-spacing: 1px;
								text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);
								-webkit-border-radius: 6px; -moz-border-radius: 6px;}
				input.submit_button:hover{}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY PAGES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.gallery_list{clear: both;}
	li.gallery_description{float: left; width: 351px; height: 155px; padding: 20px; margin: 0px 1px 1px 0px; background: url(images/layout/transparent-bg.png) repeat;
							-moz-border-radius: 8px; -webkit-border-radius: 8px;}
		li.gallery_description p{color: #ccc;}
		
	li.gallery_image{float: left; width: 155px; height: 155px; padding: 20px; margin: 0px 1px 1px 0px; position: relative;
					background: url(images/layout/transparent-bg.png) repeat;
					-moz-border-radius: 8px; -webkit-border-radius: 8px;}
		li.gallery_image a{position: relative; text-decoration: none; display: block; width: 155px; height: 155px; overflow: hidden;}
			li.gallery_image a img{position: absolute; z-index: 1; margin: auto;}
			span.gallery-image-overlay{position: absolute; z-index: 2; top: 0px; left: 0px; width: 155px; height: 155px; background: none; text-indent: -9999px;}
			span.gallery-image-overlay:hover{background: url(images/layout/transparent-bg-dark.png) repeat; text-decoration: none;}
			span.gallery-image-overlay:hover span.gallery_name{display: block; padding: 10px; z-index: 3; color: #fff; text-indent: 0px; line-height: 19px; font-size: 13px;}
			span.gallery-image-overlay:hover span.gallery_name span.gallery-date{display: block; color: #ccc; font-size: 10pt; font-style: italic;}
			li.gallery_image a:hover, li.gallery_image a span:hover{text-decoration: none;}
	li.image-right{margin-right: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#archives a{}
#archives a:hover {}
h4.archive_year{padding: 0px 0px 5px; margin: 0px 0px 5px; color: #fff; font-size: 20px; line-height: 24px; text-align: left;}
ul.archives_list{font-size: 14px;}
ul.archives_list li{line-height: 24px; padding: 15px 0px;
					border-bottom: 1px solid rgba(0, 0, 0, 0.50);
					border-top: 1px solid rgba(255, 255, 255, 0.10);}
	.archives_list li .archive-post-image{float: left; width: 45px; height: 45px; margin-right: 20px; overflow: hidden; border: 5px solid #000;}
		.archives_list li .archive-post-image img{display: block; margin: auto;}
	.archives_list li a{color: #fff;}
	.archives_list li a:hover{color: #fc0;}
	.archives_list .date{display: block; margin-right: 20px; font-size: 11px; text-transform: uppercase; color: #fff;}
		ul.archives_list .date sup{position: relative; top: -3px; font-size: 11px; text-transform: lowercase; font-size: 8px;}
		ul.archives_list .label{ display: inline-block; min-width: 80px; font-style: italic;}
		ul.archives_list .label a{color: #ccc; font-weight: bold;}
		ul.archives_list .label a:hover{color: #fff;}

.archives_list li:first-child{border-top: none;}
.archives_list li:last-child{border-bottom: none; margin-bottom: 30px;}


/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.adverts{clear: both;}
	.advert{width: 180px; float: left;}
		.advert a{display: block; width: 125px; padding: 20px 0px 0px; margin: auto;}
			.advert li a:hover{}
	.widget_ocmx_small_ad_widget{padding-bottom: 20px;}

.advert-468{float: right; margin: 0px; padding: 0px; width: 468px; min-height: 60px; padding: 5px; background: url(images/layout/transparent-bg.png) repeat;
			text-align: right;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;}
			
li.large-advert{text-align: center;}
	li.large-advert img{ margin: 20px 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column h4.widgettitle, #right-column h4.widgettitle a{font-size: 17px; padding: 10px; margin: 0px; background: url(images/layout/transparent-bg.png) repeat; text-align: left;
															border-bottom: 1px solid rgba(255, 255, 255, 0.20);
															-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
															-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}
	#right-column h4.widgettitle a{display: block; background: none; margin: 0px; padding: 0px; border: none;}
	#right-column h4 a{color: #fff;}
	#right-column h4 a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}

#right-column ul{}
	#right-column ul li.widget{margin-bottom: 30px; background: url(images/layout/transparent-bg.png) repeat;
								-moz-border-radius: 8px; -webkit-border-radius: 8px;}
		#right-column ul li.widget ul{}
			#right-column ul li.widget ul li, #right-column .textwidget, #right-column .search{padding: 10px; line-height: 18px;
																								border-bottom: 1px solid rgba(0, 0, 0, 0.50);
																								border-top: 1px solid rgba(255, 255, 255, 0.10);}
			#right-column ul li.widget ul li:first-child{ border-top: none;}
			#right-column ul li.widget ul li:last-child, #right-column .textwidget, #right-column .search{border-bottom: none;}
				#right-column ul li.widget ul li a{}
					#right-column ul li.widget ul li a:hover{}


	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{background: #fff; padding: 4px 6px; height: 22px;
		-moz-border-radius: 4px; -webkit-border-radius: 4px;}
	.search-form input.search{float: left; width: 270px; margin: 0px !important; padding: 2px 0px !important; background: none; border: none !important; line-height: normal;}
	.search-form input.search_button{float: right; display: block; margin: 0px; padding: 4px 3px; background: none; border: none; color: #fff; text-transform: uppercase; font-size: 10px; line-height: normal;
									background: #000; text-align: center;
									-moz-border-radius: 3px; -webkit-border-radius: 3px;}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	.widget_popular_entries{}
		.widget_popular_entries ul{}
			.widget_popular_entries li{background: url(images/layout/popular-icon.png) 10px 13px no-repeat; padding-left: 35px !important; position: relative;}
			.widget_popular_entries li a{color: #fff;}
				.widget_popular_entries li a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}
			.widget_popular_entries li p{margin-bottom: 0px;}
			
	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments{}
		.widget_recent_comments li{background: url(images/layout/comment-icon.png) 10px 13px no-repeat; padding-left: 35px !important;}
			.widget_recent_comments li:last-child{}
			.widget_recent_comments li p{margin-bottom: 0px;}
			.widget_recent_comments li a{color: #fff; font-size: 11px; font-style: italic;}
			.widget_recent_comments li a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}
			
	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper{ padding-bottom: 10px;}
		#flickr_badge_wrapper .flickr_badge_image{float: left; margin: 10px 10px 0px 10px;}
		#flickr_badge_wrapper .flickr_badge_image a{display: block; padding: 10px; background: url(images/layout/transparent-bg.png) repeat; border: 1px solid rgba(255, 255, 255, 0.10);}
		#flickr_badge_wrapper .flickr_badge_image a:hover{border: 1px solid rgba(255, 255, 255, 0.40);}
	
	
	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list li{background: url(images/layout/twitter-icon.png) 10px 13px no-repeat; padding-left: 35px !important; position: relative;}
		ul#twitter_update_list li a{display: block; clear: both; width: 90px; padding: 4px 6px; margin-top: 10px; background: url(images/layout/transparent-bg.png) repeat;  font-size: 11px; font-style: italic; color: #fff;
									-webkit-border-radius: 6px;	-moz-border-radius: 6px;}
		ul#twitter_update_list li span a{display: inline-block; width: auto; margin: 0px; padding: 0px; position: relative; left: 0px; font-size: inherit; background: none;}
		ul#twitter_update_list li a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}


	/*--------------------------------------------*/
	/*- ARCHIVES ---------------------------------*/
	.widget_archives{font-size: 14px; line-height: 22px;}
	.widget_archives ul, .widget_archives ul li{}
		.widget_archives a{display: block; font-style: italic; color: #fff;}
		.widget_archives ul.month span{color: #fff; float: right;}
		.widget_archives a.selected{font-weight: bold;}
			.widget_archives a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}
		
		.widget_archives ul.year{float: left; width: 100px; margin-bottom: 20px;}
		.widget_archives ul.month{float: left; width: 260px; margin-bottom: 20px;}
			
		.widget_archives ul li{padding: 3px 0px;}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.footer-content h2{font-size: 16px; line-height: 20px; font-weight: bold;}

.footer-one{float: left; width: 580px; line-height: 22px;}
.footer-two{float: right; width: 360px; line-height: 22px;}
	.tags a{display: block; float: left; display: block; padding: 3px 8px; margin: 0px 10px 10px 0px; background: url(images/layout/transparent-bg.png) repeat; text-transform: uppercase; color: #ccc; font-size: 11px; letter-spacing: 1px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;}
		.tags a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}

.footer-content{width: 980px; margin: auto;}
	.footer-copy{padding: 10px 0px;}
		.footer-copy p{float: left; margin: 0px; padding: 0px; color: #ccc; font-size: 11px; letter-spacing: 1px;}
		.footer-copy a, .footer-copy p a{color: #fff;}
			.footer-copy a:hover, .footer-copy p a:hover{color: #fff; text-shadow: 0px 0px 2pt rgba(255, 255, 255, 0.90);}
				a.obox-logo{float: right; display: block; width: 185px; height: 16px; background: url(images/layout/obox-logo.png) top; text-indent: -9999px;}
					a.obox-logo:hover{background: url(images/layout/obox-logo.png) bottom;}


/*-------------------------------------------------------------------------------------------*/
/*- SOME STANDARD WORDPRESS PLUGIN/WIDGET STYLES --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	/*--------------------------------------------*/
	/*- SOCIAL BOOKMARKS -------------------------*/
	ul.social-bookmarks {padding: 10px;}
	ul.social-bookmarks li{float: left; margin: 0px 6px 10px 0px !important; padding: 0px  !important; border: none !important; list-style: none !important;}
		ul.social-bookmarks li a{display: block; width: 16px; height: 16px; background: url(images/layout/social-set.png)  no-repeat; text-indent: -9999px; overflow: hidden;}
		
			ul.social-bookmarks li a.rss 		{background-position: -0px -0px;}
			ul.social-bookmarks li a.cargo 		{background-position: -24px -0px;}
			ul.social-bookmarks li a.behance 	{background-position: -48px -0px;}
			ul.social-bookmarks li a.twitter 	{background-position: -72px -0px;}
			ul.social-bookmarks li a.facebook 	{background-position: -96px -0px;}
			ul.social-bookmarks li a.redux 		{background-position: -120px -0px;}
			ul.social-bookmarks li a.delicious 	{background-position: -144px -0px;}
			ul.social-bookmarks li a.magnolia 	{background-position: -168px -0px;}
			ul.social-bookmarks li a.tumblr 	{background-position: -192px -0px;}
			ul.social-bookmarks li a.posterous 	{background-position: -216px -0px;}
			ul.social-bookmarks li a.flickr 	{background-position: -240px -0px;}
			ul.social-bookmarks li a.yahoo 		{background-position: -264px -0px;}
			ul.social-bookmarks li a.stumble 	{background-position: -288px -0px;}
			ul.social-bookmarks li a.reddit 	{background-position: -312px -0px;}
			ul.social-bookmarks li a.linkedin 	{background-position: -336px -0px;}
			ul.social-bookmarks li a.friendfeed {background-position: -360px -0px;}
			ul.social-bookmarks li a.lastfm 	{background-position: -384px -0px;}
			ul.social-bookmarks li a.wave 		{background-position: -408px -0px;}
			ul.social-bookmarks li a.evernote 	{background-position: -432px -0px;}
			ul.social-bookmarks li a.backtype 	{background-position: -456px -0px;}
			ul.social-bookmarks li a.dropular 	{background-position: -480px -0px;}
			ul.social-bookmarks li a.ffffound 	{background-position: -504px -0px;}
			
			/*-------------------------*/
			/*- HOVER -----------------*/
			ul.social-bookmarks li a.rss:hover 		{background-position: -0px -26px;}
			ul.social-bookmarks li a.cargo:hover 	{background-position: -24px -26px;}
			ul.social-bookmarks li a.behance:hover 	{background-position: -48px -26px;}
			ul.social-bookmarks li a.twitter:hover 	{background-position: -72px -26px;}
			ul.social-bookmarks li a.facebook:hover {background-position: -96px -26px;}
			ul.social-bookmarks li a.redux:hover 	{background-position: -120px -26px;}
			ul.social-bookmarks li a.delicious:hover{background-position: -144px -26px;}
			ul.social-bookmarks li a.magnolia:hover {background-position: -168px -26px;}
			ul.social-bookmarks li a.tumblr:hover 	{background-position: -192px -26px;}
			ul.social-bookmarks li a.posterous:hover{background-position: -216px -26px;}
			ul.social-bookmarks li a.flickr:hover 	{background-position: -240px -26px;}
			ul.social-bookmarks li a.yahoo:hover 	{background-position: -264px -26px;}
			ul.social-bookmarks li a.stumble:hover 	{background-position: -288px -26px;}
			ul.social-bookmarks li a.reddit:hover 	{background-position: -312px -26px;}
			ul.social-bookmarks li a.linkedin:hover {background-position: -336px -26px;}
			ul.social-bookmarks li a.friendfeed:hover {background-position: -360px -26px;}
			ul.social-bookmarks li a.lastfm:hover 	{background-position: -384px -26px;}
			ul.social-bookmarks li a.wave:hover 	{background-position: -408px -26px;}
			ul.social-bookmarks li a.evernote:hover {background-position: -432px -26px;}
			ul.social-bookmarks li a.backtype:hover {background-position: -456px -26px;}
			ul.social-bookmarks li a.dropular:hover {background-position: -480px -26px;}
			ul.social-bookmarks li a.ffffound:hover {background-position: -504px -26px;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- 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;}


