/*
Name: Waves
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.1.4
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


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


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; line-height: 1.6em; background: #F6E023 url(images/layout/texture.png) fixed; border-top: #000 solid 6px;
		font-family: "Arvo", Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #333;}

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

p{margin-bottom: 12px;}

a{color: #333; text-decoration: none; cursor: pointer;}
a:hover{color: #C0E2D1;}
a:active{text-decoration: #333;}

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

img{border-radius: 5px;}

input[type=text], textarea{padding: 8px; border: 1px solid #555; font-size: 13px; font-family: "Arvo", Georgia, "Times New Roman", Times, serif; color: #333; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);}
input[type=text]{width: 280px;}
textarea{width: 357px; height: 195px;}
input[type=button], input[type=submit]{background: #333; color: #fff; padding: 4px 8px; cursor: pointer; border-style: none; font-family: "Arvo", Georgia, "Times New Roman", Times, serif; font-size: 13px;
										-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: #86C045;}


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


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{width: 960px; margin: 0px auto 30px;}
#header{margin-top: 100px;}
#content-container{width: 960px; margin: 0px auto 30px;}
#left-column{float: left; width: 775px;}
#right-column{float: right; width: 160px; margin: 0px auto 60px; position: relative;}
#full-width{width: 960px; margin: 0px auto;}
#footer-container{clear: both; width: 100%; margin: 0px auto; overflow: hidden;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL STYLES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.section-title {clear: both; margin-bottom: 20px; color: #000; font-size: 20px; text-transform: 0px 1px 0px rgba(255, 255, 255, 0.5);}


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

	/*--------------------------*/
	/*- SEARCH -----------------*/
	.search-container {width: 960px; margin: auto; position: relative;}
	.header-search{position: absolute; top: 0px; right: 0px; width: 230px; border: 5px #000 solid; border-top: 0px; background: #000;
					-webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px;
					box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
	.header-search input[type=text]{float: left; width: 180px; padding: 0px; background: transparent; border: none; color: #919191; font-size: 13px;
									box-shadow: none;}
	.header-search .input-container {background: #3b3b3b; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.header-search input[type=submit]{float: right; width: 15px; height: 15px; margin-top: 1px; background: url(images/layout/sprite.png) -0px -0px no-repeat; border: none; position: relative; text-indent: -9999px;}
	
	
	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float:left; padding: 0px; margin: 0px; text-align: left; font-size: 40px; text-transform: uppercase;}
	.logo a{color: #333;}
		

	/*--------------------------*/
	/*- PAGES ------------------*/
	.page-menu{float: right; margin-top: 10px; text-align: left; font-size: 14px;}
	.page-menu li{float: left; position: relative;}
	.page-menu a{display: block; padding: 5px 15px; margin: 0px; color: #000; line-height: 1em;
					-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
	.page-menu a:hover{background: #111; color: #fff; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
	
	.sub-menu{display: none; margin-top: 5px; position: absolute; z-index: 2; background: #111; left: 0px;
					-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
	.sub-menu li{clear: both; width: 160px; border-bottom: 1px solid #333;}
	.sub-menu li a {padding: 10px 15px; color: #fff;}
	.sub-menu li a:hover{box-shadow: none; text-decoration: underline;}
	.sub-menu li:last-child{border-bottom: none;}
	.sub-menu .sub-menu{left: 161px; top: 0px;}
		
	ul#page_menu .sf-sub-indicator{float: right; display: block; width: 10px; margin: 4px 0px 0px 8px;  height: 7px; background: url(images/layout/sprite.png) no-repeat -0px -45px; text-indent: -9999px; overflow :hidden;}
	

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


	/*----------------------------*/
	/*- POST CONTAINER -----------*/
	.post-container{clear: both; margin-bottom: 80px; position: relative; width: 960px;}
	
	
		/*---------------------*/
		/*- POST INFO ---------*/
		.post-info{width: 140px; background: #fff; right: 0px; position: relative; position: absolute;}
		.post-info span.arrow {width: 14px; height: 35px; background: url(images/layout/arrow-left.png) no-repeat; position: absolute; top: 25px; left: -13px;}
		
		.post-info .date {background: #000; padding: 20px 40px; text-align: center; text-transform: uppercase;}
		.post-info .date span.month, .date span.day, .date span.year {clear:both; font-family: "Six Caps", Arial, Helvetica, sans-serif; font-size: 70px; color: #fffefe; line-height: 1.0em;}
		.post-info .date span.year {color: #5f5f5f;}
		
		.date-alt {background: #000; padding: 15px; text-align: left; text-transform: uppercase;}		
		.date-alt span.day-month, .date-alt span.year {display: block; font-family: "Six Caps", Arial, Helvetica, sans-serif; font-size: 36px; color: #fffefe; line-height: 1.0em;}
		.date-alt span.year {color: #5f5f5f;}
		
		.post-shadow-container{float: left; width: 770px; padding-bottom: 10px; margin-left: 10px; background-color: rgba(0, 0, 0, 0.2);
								border-radius: 5px; box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);}
		
		.post{width: 700px; padding: 35px; margin-bottom: -10px; position: relative; top: -10px; left: -10px; background: #fff; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
		.post-container:nth-child(even) .post-info{ left: 0px; right: auto; margin-left: 0px; margin-right: 0px;}
		.post-container:nth-child(even) .post-shadow-container{float: right;}
		.post-container:nth-child(even) span.arrow {background: url(http://norman.bobossemcorte.com/wp-content/themes/waves/images/layout/arrow-right.png) no-repeat; top: 25px; right: -13px; left: auto;}
	
	
		/*----------------------------*/
		/*- POST META ----------------*/
		.post-meta li{padding: 0px 0px 10px 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc;}
		.post-meta li:last-child{margin-bottom: 0px; border-bottom: 0px; }
		
		.author {padding: 0px 10px 5px; margin-top: 5px; font-size: 14px;}
		.author a {font-weight: bold; color: #000;}	
		
		.comment-count a, .short-url a{clear: both; font-family: Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000;}
		.comment-count {padding-left: 36px !important; background: url(images/layout/sprite.png) no-repeat; background-position: 8px -86px;}
		.comment-count span {font-weight: normal;}
		
		.short-url {padding-left: 36px !important; background: url(images/layout/sprite.png) no-repeat; background-position: 8px -125px; margin-bottom: 10px;}
		.twitter_share, .facebook_share {height: 21px; overflow: hidden;}
		
		.post-meta a:hover{color: #C0E2D1;}
		

		/*-----------------*/
		/*- POST TYPES ----*/
		.post-type{width: 36px; height: 32px; position: absolute; top: 20px; right: 20px; background: url(images/layout/sprite.png); background-position: -318px 0px; text-indent: -9999px;}
		.post-aside a.post-type {background-position: -318px 0px;}
		.post-video a.post-type {background-position: -318px -210px;}
		.post-quote a.post-type {background-position: -310px -57px;}
		.post-image a.post-type {background-position: -312px -158px;}
		.post-link	a.post-type {background-position: -310px -111px;}
		.post-audio	a.post-type	{background-position: -307px -262px;} 	 
		
		.post h3.title{padding: 0px 0px 10px; margin: 0px 0px 30px; border-bottom: 4px #f2f2f2 solid; font-size: 42px; line-height: 1em;}
		.post h3.title a{font-weight: normal; color: #000;}
		.post h3.title a:hover{color: #C0E2D1;}
		
		
		/*-------------------------*/
		/*- POSTS CLASSES ---------*/
		.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, .post h2, .post h3, .post h4, .post h5, .post h6, .post strong{font-weight: bold;}
		.post h1{font-size: 25px;}
		.post h2{font-size: 20px;}
		.post h3{font-size: 18px;}
		.post h4{font-size: 15px;}
		.post h5{font-size: 12px;}
		.post h6{font-size: 12px;}
		.post blockquote{display: block; padding: 0px 0px 0px 20px; margin: 20px 0px 20px; border-left: 3px solid #ccc; color: #444;}
		
		
		/*------------------------------*/
		/*- POST PAGE BASE META --------*/
		.post-base-meta{margin: 10px 10px 0px;}
		.post-base-meta li {float: left; list-style: none; margin: 8px 15px 0px 0px;}
		.post-base-meta a {color: #000;}
		.read-more{display: inline-block; padding: 5px 5px 10px; margin: 0px; background: rgba(0, 0, 0, 0.2);
					box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
					-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
		.read-more a{display: block; padding: 6px 15px 5px; position: relative; line-height: 1em; color: #ccc; background: #111;
							-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
							box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 5px 0px rgba(0, 0, 0, 0.8);}
		.read-more a:hover{color: #fff; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);}
		.read-more a:active{box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 1); background-color: #101010;
								-webkit-transform: translate(0, 4px);
								-moz-transform: translate(0, 4px);
								-o-transform: translate(0, 4px);
								transform: translate(0, 4px);}
		
			/*-----------*/
			/*- TAGS ----*/
			.tags {width: 610px;}
			.tags li{display: inline; padding: 3px 10px; margin-right: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 50px; line-height: 1em; color: #999;
						text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
						box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);}
			.tags li a{color: #fff;}
			.tags li a:hover{color: #C0E2D1;}
		

		/*-------------------------*/
		/*- AUDIO -----------------*/
		.audio-player {float: left; width: 116px; height: 116px; padding-bottom: 20px; position: relative;}
		.audio-player .jp-play {width: 116px; height: 116px; background: url(http://norman.bobossemcorte.com/wp-content/themes/waves/images/layout/play.png); position: absolute; z-index: 2; text-indent: -9999px; }
		.audio-player .jp-pause {width: 116px; height: 116px; background: url(http://norman.bobossemcorte.com/wp-content/themes/waves/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 .content {float: right; width: 550px;}
		.post-audio h3.title {float: right; width: 550px; margin: 0px 0px 10px;}
		.post-audio h3.title a{font-size: 40px;}

		/*-------------------------*/
		/*- QUOTE -----------------*/
		.post-quote .quote blockquote{padding: 0px 0px 20px; margin: 0px 0px 10px; border: none; line-height: 1.2em; font-size: 30px; font-style: italic; color: #000; }
		.post-quote .quote cite a{color: #000; font-weight: bold; font-family: Helvetica, sans-serif; font-size: 15px;}
		.post-quote .quote cite a:hover{color: #777;}		
					
		
	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination{clear: both; float: right; font-size: 15px;}
	.pagination li{display: inline-block; padding: 5px 5px 10px; margin: 0px; background: rgba(0, 0, 0, 0.2);
					box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
					-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
	.pagination a{display: block; padding: 6px 15px; position: relative; line-height: 1em; color: #ccc; background: #111;
					-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
					box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 5px 0px rgba(0, 0, 0, 0.8);}
	.pagination a:hover{color: #fff; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);}
	.pagination a:active{box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 1); background-color: #101010;
							-webkit-transform: translate(0, 4px);
							-moz-transform: translate(0, 4px);
							-o-transform: translate(0, 4px);
							transform: translate(0, 4px);}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives_list{width: 700px; padding: 35px; margin-bottom: -10px; position: relative; top: -10px; left: -10px; background: #fff; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
.archives_list li{padding: 20px 0px; margin: 0px; border-bottom: 2px solid #ccc;}
.archives_list .archive-post-image{float: left; width: 50px; height: 50px; margin-right: 10px; position: relative; overflow: hidden;}
.archives_list .archive-post-image img{display: block; position: relative;}
.archives_list a{font-weight: bold; font-size: 15px;}
.archives_list .comment-count{background: none; margin-left: 20px; font-weight: lighter; color: #333; font-size: 11px;}
.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase; color: #333;}
.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 .comment-count:hover, ul.archives_list .label :hover{color: #111;}
.archives_list li:last-child{ margin-bottom: 30px;}


/*-------------------------------------------------------------------------------------------*/
/*- FULL WIDTH ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#full-width .post{width: 890px;}
#full-width .post-shadow-container{float: none; width: 960px;}


/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.portfolio{width: 890px; padding: 35px; margin-bottom: -10px; position: relative; top: -10px; left: -10px; background: #fff; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
.portfolio #left-column{width: 260px;}
.portfolio #right-column{width: 600px; padding-top: 0px;}
#full-width .portfolio .post {width: auto;}

	/*------------------------------*/
	/*- LEFT COLUMN ----------------*/
	.portfolio #left-column h4{margin: 0px 0px 10px; font-size: 18px; color: #777;}
	.portfolio #left-column ul li{padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px dotted #ccc;}
	.portfolio #left-column ul li a{display: block;}
	.portfolio #left-column ul li a.selected{color: #000;}
	.portfolio .post{padding: 0px; margin: 0px 0px 20px; top: 0px; left: 0px; background: none; box-shadow: none; width: auto;}

	/*------------------------------*/
	/*- RIGHT COLUMN ---------------*/
	.portfolio .post-title{font-size: 13px; margin-bottom: 20px;}

	.portfolio-list{overflow: hidden; border-bottom: none; margin-bottom: 0px;}
	.portfolio-list li h4{margin: 0px 0px 10px; padding: 0px; font-size: 15px;}
	.portfolio-list li h4 a{color: #111;}
	.portfolio-list li h4 a:hover{color: #111; text-decoration: underline;}
	
		/*------------------------*/
		/*- THREE COLUMN ---------*/
		.portfolio-list.three-column li{float: left; width: 186px; margin: 0px 20px 30px 0px;}
		.portfolio-list.three-column li a.portfolio-image{display: block; width: 186px; margin-bottom: 10px; overflow: hidden;}
		.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: 290px; margin: 0px 20px 30px 0px;}
		.portfolio-list.two-column li a.portfolio-image{display: block; width: 290px; margin-bottom: 10px; overflow: hidden;}
		.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;}
		.portfolio-list.one-column  li a.portfolio-image{display: block; margin-bottom: 10px; overflow: hidden;}
		
		
/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO SUB PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- LEFT COLUMN ----------------*/
	.portfolio #left-column ul li{padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px dotted #ccc;}
	.portfolio #left-column ul li a{display: block;}

	/*------------------------------*/
	/*- RIGHT COLUMN ---------------*/
	.portfolio .post-title{font-size: 13px; font-weight: 600; margin-bottom: 20px;}

	.portfolio-item{overflow: hidden; border-bottom: none; margin-bottom: 0px;}
	.portfolio-item li{clear:both; margin: 0px 0px 20px 0px;}
	.portfolio-item li a.portfolio-image{display: block; margin-bottom: 10px; overflow: hidden;}


	/*-----------------------------*/
	/*- NEXT - PREV POST NAV ------*/
	.portfolio .next-prev-post-nav{padding: 10px 0px; margin-left: 0px; border-top: 2px solid #ccc; overflow: hidden;}
	.next-prev-post-nav li{clear: none; float: right; margin: 0px; padding: 0px;}
	.next-prev-post-nav li:first-child{float: left;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{width: 710px; padding: 35px 30px 0px 30px; margin-left: 10px; clear: both; background-color: rgba(0, 0, 0, 0.2);
								border-radius: 5px; box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);}
					
.comments .section-title{margin-bottom: 50px; font-size: 20px; color: #000; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);}
.comments .section-title span{display: inline-block; padding: 10px 15px; margin-right: 10px; background: #000; color: #fff;
								border-radius: 100px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
.comment-header{padding: 10px 30px; margin: 0px -30px 20px; overflow: hidden; background: rgba(0, 0, 0, 0.3);}
.comment-header .section-title{float: left; margin: 0px;}

.leave-a-comment{float: right; display: block; padding: 6px 15px 5px; margin-top: 8px; position: relative; line-height: 1em; color: #ccc; background: #111;
					-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
					box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 5px 0px rgba(0, 0, 0, 0.8);}
.leave-a-comment:hover{color: #fff; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);}
.leave-a-comment:active{box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 1); background-color: #101010;
						-webkit-transform: translate(0, 4px);
						-moz-transform: translate(0, 4px);
						-o-transform: translate(0, 4px);
						transform: translate(0, 4px);}

.comment-container{margin-bottom: 0px;}
.comment{margin-bottom: 30px; position: relative;}
.comment:last-child{padding-bottom: 0px; margin-bottom: 0px;}
	
.comment-avatar{float: left;}
.comment-avatar img{display: block; width: 60px; height: 60px; border-radius: 5px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
	
.comment h5.author{float: right; padding:0px; margin: 0px; font-size: 12px; color: #adacac;}
.comment h5.author a{color: #adacac;}
.comment h5.author a:hover{color: #333;}

.reply-to-comment{float: left; padding: 1px 6px; background: #000; color: #fff;}
.reply-to-comment:hover{background: #333; color: #fff;}

.comment-post{float: right; width: 590px; background: #fff; padding: 20px;
				border-radius: 5px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}

.comment-url , .twitter-url {float: left; width: 32px; height: 24px; margin-top: 10px; text-indent: -9999px; overflow: hidden; }
.comment-url a, .twitter-url a {float: left; width: 32px; height: 24px; background: url(images/layout/sprite.png) no-repeat; text-indent: -9999px; overflow: hidden;}
.comment-url a {background-position: -322px -325px;}
.twitter-url a {background-position: -286px -328px;}


	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both; padding: 20px 0px 0px 0px; width: 630px; float: right;}
	.threaded-comments li.comment{padding: 0px; margin: 0px 0px 20px;}
	.threaded-comments li.comment:last-child{border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	.threaded-comments .comment-post{padding: 20px; width: 510px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{padding-bottom: 15px; overflow: hidden;}
.comment-form-content .section-title{margin-bottom: 20px;}

.comment_left{float: left; width: 320px;}
.comment_right{float: right; width: 375px;}

.comment_form input[type="text"]{float: right; width: 210px;}
.comment_left label {float: left; padding-top: 7px; font-size: 15px; color: #000; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
.comment_left p {height: 45px;}		

input[type="submit"]#comment_submit{float: right; display: block; padding: 6px 15px 5px; margin-top: 8px; position: relative; line-height: 1em;
							color: #ccc; background: #111;
							-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
							box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 5px 0px rgba(0, 0, 0, 0.8);}
input[type="submit"]#comment_submit:hover{color: #fff; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);}
input[type="submit"]#comment_submit:active{box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 1); background-color: #101010;
											-webkit-transform: translate(0, 4px);
											-moz-transform: translate(0, 4px);
											-o-transform: translate(0, 4px);
											transform: translate(0, 4px);}
											
											
/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.widget h4 {color: #000; font-size: 15px; font-weight: bold; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
.widget-list{margin-bottom: 30px; font-size: 11px;}
.widget-list li.widget{padding: 20px 0px 0px 0px; white-space: normal; color: #333;}
.widget-list li.widget:last-child{border-bottom: none;}
.widget-list li.widget:first-child{padding-top: 0px;}
.widget-list ul li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff;}
.widget-list ul li:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.widget-list ul li a{color: #000;}
.widget-list ul li a:hover{ text-decoration:underline;}


	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-form input.search{float: left; width: 112px; height: 18px; padding: 3px 8px; margin: 0px; background: #eee; border: none;}	
	.search-form input.search_button{float: right; display: block; height: 24px; margin: 0px; padding: 0px 4px 0px; background: none; border: none; line-height: 1em; color: #fff; font-size: 11px; cursor: pointer; background: #86C045; text-align: center; font-family: Arvo, Georgia, "Times New Roman", Times, serif;}
	.search-form input.search_button:hover{color: #fff; background: #000;}
								
	/*-------------------------*/
	/*- 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 ---------------*/
	#twitter_update_list li{margin-bottom: 10px; padding-bottom: 10px;}
	#twitter_update_list li:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
			
			
	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	#footer-container {background: #000;}
	#footer{width: 960px; padding: 40px 0px 30px; margin: auto; color: #ccc;}
	#footer a{color: #fff;}
	#footer a:hover{text-decoration: underline;}
	#footer h4{margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #fff;}

	#footer ul{padding: 0px 0px 0px 0px; overflow: hidden;}
	#footer ul li.column{float: left; width: 285px; margin-right: 50px;}
	#footer ul li.column:last-child{margin-right: 0px;}

	#footer ul li.column ul{padding: 0px;}
	#footer ul li.column ul li{padding: 0px 0px 5px; margin: 0px 0px 5px; border-bottom: 1px dotted #555;}
	#footer ul li.column ul li:last-child{padding: 0px; margin: 0px; border-bottom: none;}
	#footer ul li.column .date{display: inline; padding: 0px; margin: 0px; border-radius: 0px; text-transform: none;}

	.footer-text{clear: both; width: 960px; margin:auto; padding: 20px 0px 10px 0px;}
	.footer-text p{float: left; font-size: 12px;}
	.footer-text .obox-credit{float: right;}
	.footer-text .obox-credit a:hover{text-decoration: underline; color: #333;}

	
	
/*-------------------------------------------------------------------------------------------*/
/*- CSS3 EFFECTS ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
textarea, input, .reply-to-comment, .sub-menu, .post, li.read-more, .post-info, .comment_form input[type="text"], textarea#comment{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.date, .date-alt{-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}