/*
Theme Name: Casual 
Design Studio: Obox Design http://www.obox-design.com/
Version: 2.0
Author: Obox Design
Author URI: http://www.obox-design.com/
Theme URI: http://www.obox-design.com/themes_page.cfm/theme/personal
Description: Free blogging theme from Obox, supports all post formats and custom colors!
License: Wordpress derivate http://www.gnu.org/licenses/gpl-2.0.html, CSS, JS, Graphics http://themeforest.net/wiki/buying/howto-buying/licensing/
License URI: http://themeforest.net/wiki/buying/howto-buying/licensing/
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, featured-images, theme-options, translation-ready
*/

@import url(reset.css);
@import url(social.css);	
@import url(clearfix.css);


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; background: #f5f5f5;
		font-family: Tahoma,Arial, serif; font-size: 13px; color: #444; line-height: 1.6em;}

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

p{margin-bottom: 12px;}

a{color: #3D536C; text-decoration: none; cursor: pointer; font-weight: bold;}
a:hover{color: #000;}
a:active{text-decoration: #333;}

u{text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}

textarea, input{border-style: none; padding: 8px;  font-size: 12px; color: #595959; border: 1px solid #ccc;
					font-family: Tahoma,Arial, serif;}
input[type=text]{border-style: none; width: 280px; border: 1px solid #ccc;}
textarea{width: 400px;}
input[type=button], input[type=submit]{background: #3D546C; color: #fff; padding: 4px 8px;  cursor: pointer; border-style: none;
										-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
input[type=button]:hover, input[type=submit]:hover{background: #1d3045;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

/*-------------------------------*/
/*- DEFAULT WORDPRESS STYLING ---*/
.wp-caption { border: 1px solid #cccccc; text-align: center; background-color: #f0f0f0; padding: 5px 0px 10px 5px; margin-bottom: 10px; max-width: 96%;}
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0px; padding: 0px; border: 0px none; max-width: 98.5%;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0px 4px 5px; margin: 0px; }
.wp-caption.alignnone {margin: 5px 20px 20px 0px;}

.alignnone {margin: 5px 20px 20px 0px;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0px 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0px;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0px 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0px;}
a img.alignleft {float:left; margin: 5px 20px 20px 0px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

pre{padding: 15px; margin: 0px 0px 22px 0px;
	background-color: #f0f0f0; border: 1px solid #dadada;
	overflow-x: auto; overflow-y: auto;

	white-space: pre-wrap; word-wrap: break-word;
	text-indent: 0px;
	font-family: 'Courier New', Courier, monospace; font-size: 12px; line-height: 1.3em;
	color: #000; orphans: 2; text-transform: none; widows: 2;}

.gallery-item img:hover{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ transition: ease-in-out 1s;}
.gallery-caption {margin-left: 0; font-size: 11px; width: 74%;}

small {font-size: 75%;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {border-collapse: collapse; border-spacing: 0;}

em, i {font-style: italic;}

abbr, acronym, dfn {border-bottom: 1px dotted #666;cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {text-decoration: none;}

table{padding: 10px; margin-bottom: 20px;}
th{padding: 3px; font-weight: bold;}
tr{border-bottom: 1px solid #eee;}
tr:last-child{border: 0px;}
tr, td{padding: 3px 8px;}

/* WP3.4 Required */
.sticky{}
.bypostauthor{}
/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{width: 980px; margin: 0px auto 30px; padding: 10px; background: #222; border-radius: 0px 0px 8px 8px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);}

#content-container{width: 920px; margin: auto;}

#left-column{float: left; width: 64%; margin-bottom: 20px;}
#right-column{float: right; width: 32%; margin: 0px auto; position: relative;}

#full-width{width: 920px; margin: 0px auto;}

#footer-container{clear: both; width: 980px; margin: 0px auto; overflow: hidden; background: #333;}


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

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{padding: 0px; margin: 0px 0px 0px 10px; text-align: left; font-size: 40px; text-transform: uppercase; float: left;}
	.logo a{color: #333;}
	.logo h1 {padding: 0; margin: 0; }
		
	/*--------------------------*/
	/*- WP HEADER BANNER -------*/
	#header-banner{overflow: hidden; padding: 0px 0px; min-height: 350px; text-align: center; position: relative;}
	#header-banner img{position: absolute; top: 0px; z-index: 1;}
	
	.header-overlay{max-width: 960px; padding: 40px 20px; margin: auto; position: relative; top: 0px; left: 0; right: 0; z-index: 2;}
	.header-overlay .section-title{width: 71.428571%; margin: 0 auto 20px; font-size: 50px; line-height: 50px; color: #fff; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);}
	.header-overlay p{width: 71.428571%; margin: 0 auto 20px; color: #fff; font-size: 20px; line-height: 28px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
	.header-overlay .action-link{float: none; font-weight: bold; font-size: 16px; padding: 12px 20px; margin: 0px 0px 0px 0px; display: inline-block; border-radius: 22px;}
	
	/*--------------------------*/
	/*- PAGES ------------------*/
	#page_menu{float: right;}
	.page-menu{font-size: 12px; }
	.page-menu li{float: left; margin: 0px 2px 0px 0px; position: relative;}
	.page-menu a{display: block; padding: 5px 10px; margin: 0px 0px; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
					-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
					-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.page-menu a:hover{background: #3d546c;}
	.page-menu .current_page_item {background: #3d546c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	
	.sub-menu{display: none; position: absolute; z-index: 2; background: #222;
				-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.sub-menu li{clear: both; width: 160px; margin: 0px; border-right: none; border-bottom: 1px dotted #595959;}
	.sub-menu li:last-child{border-bottom: none;}
	.sub-menu .sub-menu{left: 161px; top: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#left-column .section-title {margin-left: 70px;}
#left-column.archives-page .section-title {margin-left: 0px;}

#right-column {font-size: 12px; line-height: 20px; margin-bottom: 0;}
#right-column p {font-size: 12px; line-height: 20px; margin-bottom: 0;}


	/*-------------------------*/
	/*- POSTS ----------------*/
	.post-container{clear: both; margin-bottom: 30px; position: relative;}
	.post-container .date-container {float: left; margin-right: 20px;}

	.icon-image{width: 50px; height: 50px; padding: 0px; margin: 0px; background: url("images/layout/icons.png") top left no-repeat; display: block; overflow: hidden; text-indent: -9999px;}

	.post-image .icon-image {background-position: 0 -480px;}
	.post-image	.icon-image:hover {background-position: -52px -480px;}
	.post-video .icon-image {background-position: 0 -320px;}
	.post-video	.icon-image:hover {background-position: -52px -320px;}
	.post-audio .icon-image {background-position: 0 -80px;}
	.post-audio	.icon-image:hover {background-position: -52px -80px;}	
	.post-quote .icon-image {background-position: 0 -160px;}
	.post-quote	.icon-image:hover {background-position: -52px -160px;}
	.post-link 	.icon-image {background-position: 0 -240px;}
	.post-link	.icon-image:hover {background-position: -52px -240px;}
	.post-aside .icon-image {background-position: 0 0px;}
	.post-aside	.icon-image:hover {background-position: -52px 0px;}
	.post-aside h3 {margin: 0 0 5px 0; font-size: 20px !important;}
		
	.date {width: 40px; height: 41px; padding: 0px; margin: -44px 0 0 -32px; background: url("images/layout/icons.png") no-repeat scroll -57px -645px transparent; color: #f0f0f0; display: block; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
	.date:hover	{background-position: -5px -645px; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.20);}
	.date .day{display: block; padding: 7px 0px 3px; font-size: 12px; font-weight: bold; text-align: center; line-height: 12px;}
	.date .month{display: block; font-size: 10px; text-transform: uppercase; line-height: 12px; font-weight: bold;}
		
	h3.section-title {margin: 0 0 20px; padding-bottom: 10px; background: url("images/layout/blue-base.png") repeat-x scroll center bottom transparent; font-size: 18px !important; color: #3D536C;}
	.blue-base {background: url(images/layout/blue-base.png) repeat-x bottom;} 
	
	.views, .likes{padding-left: 20px; font-size: 12px; text-transform: uppercase;}
    .views{background: url(images/layout/views.png) left no-repeat;}
    .likes{background: url(images/layout/likes.png) left no-repeat; margin-left: 1.0204%;}	
	
	/*----------------------------*/
	/*- POST CONTAINER -----------*/
	.post{float: right; width: 88%; padding: 0px; min-height: 70px;}

	a.post-type{padding: 3px 7px; font-size: 12px; position: absolute; top: 0px; left: 40px; z-index: 100; background: #3D536C;
					color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
					font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
	a.post-type:hover{padding-top: 5px;}
		
	.post .video:first-child, .post .woo-image, .page-image img, .audio {background: none repeat scroll 0 0 #253F58; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); display: block; width: 500px; margin: -40px 0px 40px -40px; position: relative; border: none;}
	.video div.video { padding: 0 !important; margin-bottom: 0 !important;}
	.audio-player {width: 116px; height: 116px; margin: 0px auto 20px; padding-bottom: 20px; display: block; position: absolute; z-index:1; left: 48%; top: 20%; overflow: hidden;}
	.audio-player .jp-play {width: 116px; height: 116px; background: url(images/layout/play.png); position: absolute; z-index: 2; text-indent: -9999px; }
	.audio-player .jp-pause {width: 116px; height: 116px; background: url(images/layout/pause.png); position: absolute; z-index: 1; text-indent: -9999px;}
	.audio-player .stop {display: none;}
	.audio-player a:hover {opacity: .9;}
	.post-audio .post-image iframe{max-height: 170px;}
	
	/*-------------------------*/
	/*- POSTS CLASSES ---------*/
	.post h4.date{margin-bottom: 10px; padding: 0px; font-size: 12px; color: #888;}
	.post .post-title{padding: 0px; margin: 10px 0px; font-size: 20px;}
	.post .post-title a{font-weight: lighter; font-weight: normal; color: #333;}
	.post .post-title a:hover{color: #000;}
	.post .post-image img{background: none repeat scroll 0 0 #253F58; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); display: block; margin-bottom: 20px; padding: 10px; position: relative; max-width: 500px;}
	.post p{clear: none;}
	.post ol, .post ul{list-style: disc; margin: 0px 0px 10px 30px;}
	.post ol li, .post ul li{padding-bottom: 7px;}
	.post ol{list-style: decimal;}
	.post h1{font-size: 25px; font-weight: bold;}
	.post h2{font-size: 22px; font-weight: bold;}
	.post h3{font-size: 18px;}
	.post h3 a{font-size: 18px; font-weight:  normal;}
	.post h4{font-size: 14px; font-weight: bold;}
	.post h5{font-size: 12px; font-weight: bold;}
	.post h6{font-size: 12px; text-transform: uppercase; font-weight: bold;}
	.post blockquote{display: block; padding: 0px 0px 0px 20px; margin: 0px 0px 2px; border-left: 3px solid #ccc; font-style: italic; color: #777;}
	.post .copy {}
	
	.format-video .post-image{margin-bottom: 20px;}

	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.meta-container-block{padding: 10px 0px; margin: 0px 0px 0px 70px;}
	.post-meta{margin-bottom: 20px; padding: 10px; background: #fff; border: 1px solid #ccc; font-size: 10px; border-radius: 3px;}
	.post-meta li.meta-block:first-child{padding-bottom: 10px; margin: 0px 0px 15px 0px; overflow: hidden; border-bottom: 1px solid #ddd;}
	.post-meta li.meta-block:first-child a.action-link{float: left;}
	.post-meta li.meta-block:first-child a.comment-count{float: left;}
	.post-meta li.meta-block:last-child{padding-bottom: 0px; margin-bottom: 0px; overflow: hidden;}
		
	
		/*-------------------------*/
		/*- SOCIAL ----------------*/
		.social{clear: none; height: 20px;}
		
		
		/*-------------------------*/
		/*- SHORT URL -------------*/
		.short-url{float: right; height: 20px; font-size: 12px; line-height: 1em;}
		.short-url input{width: 120px; padding: 3px 0px 0px; margin: 0px; font-size: 12px; text-align: right; background: none; border: none;}
							
		
		/*-------------------------*/
		/*- TAGS ------------------*/
		ul.tags{float: right; overflow: hidden; font-size: 10px;}
		ul.tags li{display: inline; margin-left: 5px;}
		ul.tags a{color: #777;}
		ul.tags a:hover{color: #000;}

		
	/*-------------------------*/
	/*- LINK ------------------*/
	.link-post-link a{display: block; color: #3D536C; font-size: 20px; border-bottom: 4px solid #CCC; margin-bottom: 10px; line-height: 28px;}
	.link-post-link a:hover{background-position: -454px -228px; color: #000;}


	/*-------------------------*/
	/*- QUOTE -----------------*/
	.quote blockquote{padding: 0px; margin: 0px; border: none; line-height: 1.3em; font-size: 25px; font-style: normal; color: #333; font-family: droid serif, Georgia, "Times New Roman", Times, serif;}
	
	cite a{color: #999; margin: 10px 0px; display: block; font-style: italic; font-weight: lighter; font-family: droid serif, Georgia, "Times New Roman", Times, serif;}
	cite a:hover{color: #777;}
	
	.post-quote-tags{background: #111; border-top: 1px dotted #444;}
	.post-quote-tags a:hover{color: #fff;}
	
	.post-quote-tags.meta a.comment-count, .post-quote-tags.meta a.aside-count{color: #ccc;}
	.post-quote-tags.meta a.comment-count:hover,  .post-quote-tags.meta a.aside-count:hover{color: #fff;}
		
		
	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination{clear: both; text-align: right; background: url(images/layout/blue-base.png) repeat-x center top; margin: 0px 0px 20px 70px; padding-top: 15px;}
	.pagination li{display: inline-block; margin: 0px 0px; font-weight: bold; font-size: 10px;}
	.pagination li.page-count-next{float: left; padding-left: 10px;}
	.pagination li.page-count-previous{float: right;}
	.pagination a{display: block; clear: both; overflow: hidden; font-weight: bold;}
	.pagination .next a{display: block; padding: 1px 5px; background: #fff; border: 1px solid #ccc; color: #555; border-radius: 3px;}
	.pagination .previous {float: left;}
	.pagination .previous a{background: none #fff; border: 1px solid #ccc; color: #555; cursor: pointer; display: block; padding: 1px 5px; border-radius: 3px;}
	.pagination .next a:hover, .pagination .previous a:hover{background-color: #3d556c; border: 1px solid #333; color: #fff;}
	
/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.portfolio #category-column{clear: both; padding-bottom: 10px; margin-bottom: 20px;}
	.portfolio #content-column{clear: both;}
	
	#portfolio-content h4 {margin-bottom: 20px;}

	
	/*------------------------------*/
	/*- CATEGORY COLUMN ----------------*/
	.portfolio-links{float: right; margin-top: -52px;}
	.portfolio-links li{padding: 5px 10px; float: left; text-align: right;}
	.portfolio-links li a{display: block;}
	.portfolio-links li a.selected{font-weight: bold;}

	/*------------------------------*/
	/*- CONTENT COLUMN ---------------*/
	.portfolio .post-title{font-size: 13px; font-weight: 600; margin-bottom: 20px;}
	.portfolio-list{clear: both; overflow: hidden; border-bottom: none; margin-bottom: 0px;}
	.portfolio-list a{display: block;}
	.portfolio-list .portfolio-image{margin-bottom: 15px;}
	.portfolio-list img{display: block; margin: 0 auto;}
	.portfolio-list li h4{margin: 0px 0px 10px; padding: 0px;}
	.portfolio-list li h4 a{margin: 0px;}
	.portfolio-list li .post-image img{width: 100%; height: auto;}
	
	
		/*------------------------*/
		/*- FOUR COLUMN ---------*/
		.portfolio-list.four-column li{float: left; width: 23.404255%; margin: 0px 2.12766% 30px 0px; text-align: left;}
		.portfolio-list.four-column li:nth-child(4n+4){margin: 0px;}
		.portfolio-list.four-column li:nth-child(4n+5){clear: left;}
		
		/*------------------------*/
		/*- THREE COLUMN ---------*/
		.portfolio-list.three-column li{float: left; width: 31.914894%; margin: 0px 2.12766% 30px 0px;}
		.portfolio-list.three-column li:nth-child(3n+3){margin: 0px;}
		.portfolio-list.three-column li:nth-child(3n+4){clear: left;}
		
		/*------------------------*/
		/*- TWO COLUMN -----------*/
		.portfolio-list.two-column li{float: left; width: 48.93617%; margin: 0px 2.12766% 30px 0px;}
		.portfolio-list.two-column li:nth-child(2n+2){margin: 0px;}
		
		/*------------------------*/
		/*- ONE COLUMN -----------*/
		.portfolio-list.one-column li{clear:both; margin: 0px 0px 30px 0px;}
		
		.next-prev-post-nav{width: 100%;}
		.next-prev-post-nav li{float: left; width: 50%;}
		.next-prev-post-nav li:last-child{text-align: right;}
			
/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{width: 89%; padding: 30px 0px 0px; float: left; margin: 0 0 0 70px; background: url(images/layout/blue-base.png) repeat-x top;}
#comments .date{margin: -50px 0 0 -95px;}			
#comments .section-title {margin-left: 0px !important; background: none;}
.commentlist{margin-bottom: 30px;}
.comment-container{margin-bottom: 0px;}
.comment{padding: 20px 0px 20px !important; margin: 0px; position: relative; border-bottom: 2px solid #ccc;}
.comment p{margin-bottom: 10px;}
.comment-avatar{float: left; margin: 8px 0 0 -60px;; padding: 5px; background: #fff; border-radius: 60px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
.comment-avatar img{display: block; width: 40px; height: 40px; border-radius: 60px;}
.children{margin-left: 10%; min-height: 100px;}
.children .comment{border-bottom: 0px;}
#reply-title, .comment-form-comment label, h2.comments-title{color: #3D536C; font-size: 18px !important; font-weight: bold; display: block; margin-bottom: 10px;}
#reply-title small{font-size: 10px; text-decoration: underline;}
.reply{margin-bottom: 10px;}
.comment-form-comment textarea{width: 97%;}

.reply-to-comment, .comment-reply-link{float: right; display: inline-block; padding: 1px 6px; margin-bottom: 0px; background: #ccc; font-size: 10px; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}
.comment-reply-link:hover, .reply-to-comment:hover{background: #333; color: #fff;}

.comment-post{float: left; width: 440px; margin-bottom: 20px; position: relative; margin-bottom: 20px;}
.comment-post .date{float: left; position: absolute; top: 45px; left: -25px; color: #fff !important;}

li.comment:first-child{border-top: none; padding-top: 0px;}
li.comment:last-child{padding-bottom: 0px; margin-bottom: 0px;}

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both; padding: 18px 0px 0px 25px; background: url(images/layout/thread-reply.gif) 0px 24px no-repeat; border-top: 2px solid #ccc;}
	.threaded-comments li.comment{padding: 0px; margin: 0px 0px 10px; border-top: none; border-bottom: 1px dotted #ccc;}
	.threaded-comments li.comment:last-child{border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	.threaded-comments .comment h4.comment-name{font-size: 13px;}
	.threaded-comments .comment h4.comment-name a{color: #333;}
	.threaded-comments .comment h4.comment-name a:hover{color: #3D536C;}
	.threaded-comments .comment-post{padding: 0px; margin: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{width: 500px; padding: 25px 0px 40px;}
.logged-in-as{margin-bottom: 10px;}

.comment-form-content .section-title { background: none;}
	

/*-------------------------------------------------------------------------------------------*/
/*- AUDIO -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post-audio p {margin-top: 20px;}
.audio embed {width: 500px;}


/*-------------------------------------------------------------------------------------------*/
/*- FULL WIDTH -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#full-width .post{width: 100%; padding-left: 0px; position: relative;}
#full-width .post .copy{padding-left: 0px;}
#full-width .date-container{display: none;}
#full-width .comments{margin-left: 0px;}
#full-width .meta-container-block{margin: 0px; width: 520px;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives-page h3.section-title{margin-left: 0px;}
.archives_list li{padding: 10px 0px; margin: 0px; border-bottom: 1px dotted #ddd;}

.archives_list li .archive-post-image{float: left; width: 50px; height: 50px; margin-right: 10px; position: relative; overflow: hidden;}
.archives_list li .archive-post-image img{display: block; position: relative;}
	
.archives_list li a{font-weight: bold;}
.archives_list li .comment-count{margin-left: 20px; font-weight: lighter; color: #999; font-size: 11px;}
.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase; color: #999;}

.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;}
.archives_list .label{float: right; display: inline-block;}
.archives_list .label a{font-weight: lighter; color: #999; font-size: 11px;}
.archives_list li .comment-count:hover, ul.archives_list .label :hover{color: #111;}

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

/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.widget h4{clear: both; color: #333; font-size: 18px; background: url("images/layout/blue-base.png") repeat-x scroll center bottom transparent; margin: 20px 0px; padding-bottom: 10px;}
.widget-list{margin-bottom: 30px;}
.widget-list li.widget{white-space: normal; color: #595959; margin-bottom: 30px;}
.widget-list li.widget:last-child{border-bottom: none;}
.widget-list ul li{margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
.widget-list ul li:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.widget-list ul li a{color: #3D536C;}
.widget-list ul li a:hover{color: #111;}
.widget{margin-bottom: 10px;}  

	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-form input.search {background: none repeat scroll 0 0 transparent; border: medium none; float: left; line-height: normal; margin: 0; padding: 2px 0; width: 150px;}	
	.search-form input.search_button {background: none repeat scroll 0 0 #3D546C; border: medium none; border-radius: 3px 3px 3px 3px; color: #fff; display: block; float: right; font-size: 10px; 
										line-height: normal; margin: 0; padding: 4px 3px; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-transform: uppercase;}
	.search-form input.search_button:hover{color: #fff; background: #000;}
	.search-bar {background: none repeat scroll 0 0 #fff; border: 1px solid #9BA6AE; border-radius: 3px 3px 3px 3px; height: 22px; padding: 6px;}
		
	/*--------------------------------------------*/
	/*- EXTENDED ADVERT---------------------------*/
	.extended-advert{position: relative; padding: 10px; background: #E3E4E1; border: 1px solid #CED2D1; text-align: center; line-height: 1.2em;}
	.extended-advert a.detail{display: block; margin: 0px auto 5px; width: 160px; font-size: 10px; font-weight: bold; text-transform: uppercase;}
	.extended-advert img{display: block; margin: 0px auto 10px; max-width: 100%; height: auto;}
	.extended-advert span.advert-name{display: block; margin-bottom: 5px; font-weight: bold; font-size: 11px;}
	.extended-advert span.advert-description{color: #525252; font-size: 11px; font-weight: lighter;}
	.extended-advert a:hover span.advert-name{color: #000;}
	
	.advert{float: left; margin: 0px 5px 0px 10px;}
	.advert .right a{margin-left: 0px;}
			
	/*-------------------------*/
	/*- FLICKR ----------------*/
	div.flickr{margin-top: 10px; background: #333;}
	
	#flickr_badge_wrapper{padding: 10px 0px 0px 0px;}
	#flickr_badge_wrapper .flickr_badge_image{float: left; margin: 0px 10px 10px 0px; width: 50px; height: 50px;}
	#flickr_badge_wrapper .flickr_badge_image:hover{background: #777;}
	#flickr_badge_wrapper .flickr_badge_image a{display: block; width: 50px; height: 50px; overflow: hidden; text-align: center;}
	#flickr_badge_wrapper .flickr_badge_image a img{text-align: center;}
	
	
	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	.chirp{padding: 0px;}
	.chirp span a{display: inline;}
	.chirp span.meta{height: 40px; display: block; font-size: 13px;}
	.chirp p{font-size: 13px; margin-bottom: 5px;}
	
	/*-------------------------*/
	/*- SOCIAL ----------------*/
	a.addthis_default_style{padding: 0px !important;}
	a.addthis_button_tweet{width: 90px;}
	a.addthis_button_facebook_like{width: 80px;}
			
	/*-------------*/
	/*- FOOTER ---*/
	a.obox-logo {margin-left: 52px;}
	
	
	
/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
			
			
	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	#footer{color: #999; padding: 0px; font-size: 12px;}
	#footer h4{padding: 0px; margin-bottom: 20px; font-size: 13px; color: #ccc; font-weight: bold;}
	#footer a{color: #fff; font-weight: lighter;}
	#footer a:hover{color: #fc0;}

	#footer ul{padding: 20px 20px 20px; margin: 0px; border-bottom: 2px solid #222; overflow: hidden;}
	#footer ul li.column{float: left; width: 286px; margin-right: 20px;}
	#footer ul li.column:last-child{margin-right: 0px;}

	#footer ul li.column ul{padding: 0px; border-bottom: none;}
	#footer ul li.column ul li{padding: 0px 0px 3px; margin: 0px 0px 3px; border-bottom: 1px dotted #595959;}

	.footer-text{clear: both; padding: 10px 10px 0px; border-top: 1px solid #444; color: #999;}
	.footer-text p{float: left; font-size: 11px;}
	.footer-text .obox-logo{float: right; margin-top: 5px;}
	
	.obox-credit {float: right;}
	.obox-credit a {color: #F5F5F5; }
	
	
/*-------------------------------------------------------------------------------------------*/
/*- CSS3 EFFECTS ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.extended-advert, textarea, input, .reply-to-comment, .pagination a{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#footer-container{-moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}