/*
Theme Name: Photogenic
Description: The best WordPress photography on the web.
Design Studio: Obox Themes http://oboxthemes.com/
Version: 1.1.4
Author: Obox Themes
Author URI: http://oboxthemes.com/
License: 100% GPL http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, full-width, responsive, custom-colors, featured-images, theme-options, translation-ready, photography, instagram

*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*
To make updates to your theme, do not edit the styles in this file. Rather use
the custom.css file to add your style changes. By copying a style from this
file and pasting it in custom.css you will override the style in this file.

*/


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

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0; font-size: 16px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 180%; color: #777; background: #fff;}

textarea, input, button {padding: 6px; background: #fff; border: none; border: 2px solid #ccc; border-radius: 4px; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; color: #595959; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea{width: 97%; max-width: 700px;}
input[type=text], input[type=email]{width: 90%; max-width: 280px;}
input[type=text], input[type=email], input[type=password], textarea{margin-bottom: 10px;}

button, input[type=button], input[type=submit]{display: block; padding: 10px 20px; background: none; border: 2px solid #333; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; border-radius: 100px; color: #000; font-size: 12px; cursor: pointer;}
button:hover, input[type=button]:hover, input[type=submit]:hover{color: #555; border-color: #555;}
button:active, input[type=button]:active, input[type=submit]:active{position: relative; top: 2px;}

input[type=button]:active, input[type=submit]:active{position: relative; top: 1px;}

label{display: block; text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: 1px; color: #333;}

a{color: #000; text-decoration: none; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out;}
a:hover{color: #595959;}

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

img {height: auto; max-width: 100%;}


/*-------------------------------*/
/*- 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{max-width: 96%; padding: 5px 0 10px 5px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; text-align: center;}
.wp-caption.alignleft{margin: 0 10px 10px 0; }
.wp-caption.alignright{ margin: 0 0 10px 10px; }
.wp-caption img{margin: 0; padding: 0; border: 0 none; max-width: 98.5%;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
.wp-caption.alignnone{margin: 5px 20px 20px 0;}
.gallery-caption {margin-left: 0;}

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

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

.gallery {margin: auto;}
.gallery-item {float: left; margin: 10px; text-align: center;}
#gallery img {border: 1px solid #ccc; padding: 3px;}
#gallery img:hover{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ transition: ease-in-out 1s;}
.gallery-caption {margin-left: 0;}

pre {background-color: #f0f0f0; padding: 15px; margin: 0 0 22px 0; border: 1px solid #dadada; text-indent: 0; overflow-x: auto; overflow-y: auto; white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word;  font-variant: normal; text-align: left; font-family: Consolas, Monaco, 'Courier New', Courier, monospace;  font-size: 12px; line-height: 1.3em;  color: #000000; font-weight: normal; font-style: normal; letter-spacing: normal; orphans: 2;  text-transform: none; widows: 2; word-spacing: 0;}

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

cite, em, i {font-style: italic;}

blockquote {font-style: italic; font-weight: normal; margin: 0 3em;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;}

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: 700;}
tr{border-bottom: 1px solid #eee;}
tr:last-child{border: 0;}
tr, td{padding: 3px 8px;}

.sticky{}
.bypostauthor{}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{width: 100%;}

#header-container{padding: 0; margin: 0; position: relative; background-color: #333; overflow: hidden;}
#header-control-container{position: relative; z-index: 4; background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 1%); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);}

	.no-gradient{background: none !important;}

#header{max-width: 1080px; margin: auto; padding: 20px 0; position: relative; z-index: 5;}

#navigation-container{float: right; margin-left: 20px; position: absolute; bottom: 20px; right: 0;}

#content-container{clear: both; max-width: 1080px; padding: 60px 20px; margin: auto;}
#content-container.home-collage{max-width: none; padding: 0; margin: 0; overflow: hidden;}
#left-column{float: left; width: 61.22449%;}
#right-column{float: right; width: 30.612245%;}

.widget-list li:last-child{margin-bottom: 0; border-bottom: 0;}
#widget-block .widget{padding-top: 40px; margin-bottom: 30px;}

#footer-container{padding: 40px 20px; overflow: hidden; background: #f5f5f5;}
#footer{max-width: 1080px; margin: auto;}
#footer-text-container{padding: 10px 0; background: #f0f0f0;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.section-title{padding: 10px 0 0; margin: 0 0 30px; border-top: 2px solid #000; color: #000; text-transform: uppercase; font-size: 16px;}

.page-title{margin-bottom: 20px; font-size: 30px; line-height: 1.2em; color: #000; letter-spacing: 5px; text-transform: uppercase; font-weight: 700;}

.post-date{text-transform: uppercase; color: #777; font-weight: 400; font-size: 12px; letter-spacing: 3px;}
.post-date + .post-title{margin-top: 5px;}

.linker{display: block;}
#left-column .linker{text-align: left;}

.action-link, .submit_button{padding: 3px 10px; margin-bottom: 5px; border: 2px solid rgba(0, 0, 0, 0.2); color: #000; font-weight: 700; text-transform: uppercase; font-size: 12px; border-radius: 100px;}
.action-link:hover, .submit_button:hover{border-color: rgba(0, 0, 0, 0.8);}

.category-title{margin-bottom: 10px; font-size: 30px; line-height: 1.2em; color: #fff;}
.category-title + p{width: 600px; font-size: 20px; margin-bottom: 30px;}


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

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left;}
	.logo h1{font-size: 20px; line-height: 30px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); color: #fff;}
	.logo h1 a, .logo img{margin: 0; padding: 0; display: block; color: #fff;}
	.logo .tagline{padding: 0; margin: 10px 0 0; font-style: italic; font-size: 12px; color: #777;}


	/*--------------------------*/
	/*- MAIN MENU --------------*/
	#menu-drop-button{display: none;}
	ul#nav{max-width: 1080px; padding: 0 0; margin: 0 auto 0; text-transform: uppercase; font-size: 12px; font-weight: 700;}
	ul#nav li{float: left; position: relative; margin-left: 15px;}
	ul#nav li a{padding: 3px 10px; margin: 0 0; border-radius: 100px; border: 2px solid transparent; color: #fff;}
	ul#nav li a:hover{border-color: rgba(255, 255, 255, 0.5);}
	ul#nav li .active{border-color: rgba(255, 255, 255, 0.5);}


	/*--------------------------*/
	/*- SUB MENU ---------------*/
	ul#nav ul.sub-menu, ul#nav .children{display: none; padding: 0; position: absolute; top: 34px; z-index: 10;
					background: #1E1E20; border-radius: 8px; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);}
	ul#nav ul.sub-menu ul, ul#nav .children ul{top: -1px; left: 185px;}
	ul#nav ul.sub-menu li, ul#nav .children li{clear: both; width: 180px; padding: 0; margin: 0; border-bottom: 1px dotted #333; }
	ul#nav ul.sub-menu li:last-child, ul#nav .children li:last-child{border-bottom: none;}
	ul#nav ul.sub-menu li a, ul#nav .children li a{display: block; margin: 4px; padding: 2px 10px; text-shadow: none; border: 1px solid transparent;  border-color: transparent; border-radius: 8px; }
	ul#nav ul.sub-menu li a:hover, ul#nav .children li a:hover{text-shadow: none; border-radius: 8px; border: 1px solid #999;}


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

	/*--------------------------*/
	/*- HEADER BANNER ----------*/
	.header-copy{z-index: 2; position: relative; padding: 220px 0 120px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 1%,rgba(0, 0, 0, 0.75) 100%);
			text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}
	.header-copy h2{max-width: 1100px; margin: auto; font-size: 50px; line-height: 60px; color: #fff; letter-spacing: 8px; text-transform: uppercase; font-weight: 700;}
	.header-copy .post-date{margin-top: 10px; color: rgba(255, 255, 255, 0.6);}
	.header-copy p{max-width: 860px; margin: 20px auto 0; color: rgba(255, 255, 255, 0.8); font-weight: 200; font-size: 26px; line-height: 36px;}

		/*----------------------*/
		/*- COLLAGE ------------*/
		.collage{overflow: hidden; margin-bottom: 30px; background: #000; position: absolute; top: 0; z-index: 1;}
		.collage li{float: left; width: 16.666667%;}
		.collage li:nth-child(6n+7){clear: left;}
		.collage li img{display: block; opacity: 0.4; transition: 0.4s all ease-in-out;}
		.collage li a:hover img{opacity: 1;}


	/*--------------------------*/
	/*- HOME PAGE WIDGETS ------*/
	.home-page-widgets li.widget{margin-bottom: 60px; overflow: hidden;}
	.home-page-widgets li .widgettitle{font-size: 28px; color: #000; margin-bottom: 30px;}
	.home-page-widgets .social-widget{padding: 0 60px;}


	/*--------------------------*/
	/*- PHOTO LIST -------------*/
	.photolist{clear: both; max-width: 1080px; margin-bottom: 30px; overflow: hidden;}
	.photolist .photo-item{clear: both; margin-bottom: 60px; position: relative; overflow: hidden; text-align: center;}
	.photolist .photo-item:last-child{margin-bottom: 0;}

	.post-photo{position: relative; z-index: 2; background: #fff; transition: 0.3s all ease-in-out; transform: translateX(0px); -webkit-transform: translateX(0px);}

	.photo img{display: block; margin: 0 auto; max-width: 100%; opacity: 1; position: relative; z-index: 1; transition: 0.2s all ease-in-out; transition-delay: 0.5;}
	.photo span{display: none; width: 100%; height: 100px; line-height: 100px; position: absolute; top: 50%; margin-top: -50px; z-index: 2;
					background: url(images/layout/image-overlay.png) no-repeat center;
					font-weight: 600; text-transform: uppercase; color: #fff; text-align: center; font-size: 20px; letter-spacing: 3px;}
	.photo:hover span{display: block;}

	.photo-meta{display: block; text-align: left; width: 300px; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: -60px; z-index: 1; transition: 0.2s all ease-in-out; transition-delay: 0.2; z-index: 1;}

	.photolist .active .post-photo{background: #111; transform: translateX(-300px); -webkit-transform: translateX(-300px);}
	.photolist .active .photo img{opacity: 0.3;}
	.photolist .active .photo-meta{right: 0}

		/*--------------------------*/
		/*- PHOTO INFO BUTTON ------*/
		.info{display: block; width: 28px; height: 28px; background: url(images/layout/sprite.png) 0 -86px; border: 2px solid #ccc; position: absolute; top: 20px; right: 20px; z-index: 3; text-indent: -9999px; overflow: hidden; z-index: 10;
				-webkit-transition: none; -moz-transition: none;
				border-radius: 100px;}
		.info:hover{background-position: 0 -124px; background-color: #333; border-color: #444;}
		.active .info{background-position: 0 -0px; top: 20px; right: 20px;}
		.active .info:hover{background-position: 0 -38px; background-color: #333; border-color: #444;}


		/*--------------------------*/
		/*- PHOTO META -------------*/
		.photo-meta .meta-type{padding: 20px; margin: 0; border-bottom: 1px solid #111;}
		.photo-meta .meta-type:last-child{border-bottom: none;}
		.photo-meta h6:empty{display: none;}
		.photo-meta h6{margin-bottom: 20px; text-transform: uppercase; font-size: 11px; font-weight: 700; color: #fff;}

			/*----------------------*/
			/*- DIRECT LINK --------*/
			.url input{display: block; background: #232323; border: 1px solid #1c1c1c; border-radius: 5px; color: #888; font-size: 13px; overflow: hidden;
						white-space: nowrap;}

			/*----------------------*/
			/*- CATEGORIES ---------*/
			.photo-meta .category-list a{display: inline-block; padding: 3px 10px; margin: 0 5px 5px 0; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 100px; font-size: 12px; line-height: 22px; color: #828282;}
			.photo-meta .category-list a:hover{border-color: rgba(255, 255, 255, 1);}

			/*----------------------*/
			/*- EXIF DATA ----------*/
			.exif-data li{color: #ccc; margin-bottom: 5px; font-size: 11px; line-height: 21px;}
			.exif-type{display: inline-block; width: 100px; padding-left: 25px; color: #828282; background: url(images/layout/sprite.png) no-repeat; text-transform: uppercase;}
			.exif-type.camera{background-position: -483px 4px;}
			.exif-type.focal{background-position: -483px -55px;}
			.exif-type.shutter{background-position: -483px -116px;}
			.exif-type.aperature{background-position: -483px -182px;}
			.exif-type.iso-type{background-position: -482px -246px;}


	/*--------------------------*/
	/*- PHOTO DETAILS ----------*/
	.photo-details{clear: both; padding: 30px 60px; background: #f5f5f5; text-align: left; position: relative; z-index: 3;}
	.photo-details h3{margin: 0; font-size: 20px; line-height: 30px; letter-spacing: 5px; text-transform: uppercase; font-weight: 700;}


	/*-----------------------------*/
	/*- HOME PAGE - TEXT WIDGET ---*/
	.home-page-widgets{list-style-type: none;}
	.home-page-widgets .widget_text{padding: 0 60px;}
	.home-page-widgets .widget_text{font-size: 18px; line-height: 1.6em;}


	/*--------------------------*/
	/*- PHOTO GRID -------------*/
	.grid{overflow: hidden; padding: 0px 60px; margin-bottom: 60px;}
	.grid .title-block{padding: 0;}
	.grid .title-block .post-title{margin: 0; font-size: 20px; line-height: 30px;}
	.grid .fitvid{margin: 0 -60px 30px;}
	.grid .copy{margin: 0;}
	.grid li img, .album-grid li img{margin: 0 auto;}
	.widget .grid:last-child{margin-bottom: 0;}

	.album-grid{margin: 0 -60px 30px; /* background: #202020; */}
	.album-grid li{float: left; margin-bottom: 0;}
	.album-grid a{display: block; overflow: hidden;}
	.album-grid img{display: block; opacity: 1; width: 100%; height: auto; transform: scale(1); transition: 0.2s all ease-in-out;}
	.album-grid a:hover img{opacity: 1; transform: scale(1.1);}

		.photos-1 li, .photos-1 li img{width: 100%;}
		.photos-2 li{width: 50%;}
		.photos-3 li{width: 33.33333333%;}
		.photos-4 li{width: 25%;}
		.photos-5 li{width: 20%;}
		.photos-6 li{width: 20%;}

	/*--------------------------*/
	/*- FULL PAGE PHOTO GRID ---*/
	.page-grid{max-width: 100%; overflow: hidden; position: relative;}
	.page-grid li{float: left; overflow: hidden; position: relative;}

		.page-grid .photos-4 li{width: 25%; height: 350px; }
		.page-grid .photos-3 li{width: 33.3333%; height: 450px; }
		.page-grid .photos-2 li{width: 50%; height: 700px; }

			@media only screen and (max-width: 1440px){
				.page-grid .photos-4 li{width: 25%; height: 250px;}
				.page-grid .photos-3 li{width: 33.3333%; height: 250px;}
				.page-grid .photos-2 li{width: 50%; height: 250px;}
			}

	.page-grid img{display: block; transform: scale(1); transition: 0.1s all ease-in-out;}
	.page-grid span{position: absolute; padding: 27% 10px 0; height: 100%; width: 100%; text-align: center; top: 0; left: 0; opacity: 0; transition: 0.3s all ease-in-out; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.65) 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.page-grid h3{display: inline-block; position: relative; top: 10px; opacity: 0; transition: 0.3s all ease-in-out; text-transform: uppercase; font-size: 22px; line-height: 32px; letter-spacing: 2px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}
	.page-grid p{display: block; position: relative; top: 10px; opacity: 0; transition: 0.3s all ease-in-out; transition-delay: 0.15s; max-width: 80px; margin: 20px auto 0; padding: 0px 10px; border-radius: 100px; border: 2px solid rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 11px; color: #fff;  text-align: center;}

		.page-grid li:hover img{transform: scale(1.1);}
		.page-grid li:hover span{ opacity: 1; top: 0; background: rgba(0,0,0,0.65);}
		.page-grid li:hover h3{opacity: 1; top: 0px; }
		.page-grid li:hover p{opacity: 1; top: 0px;}


	/*--------------------------*/
	/*- PAGINATION -------------*/
	.pagination{text-align: center; max-width: 420px; padding: 20px; margin: 0 auto 0; font-size: 12px; overflow: hidden;}
	.pagination li{display: inline; text-align: center;}
	.pagination a{padding: 5px 15px; margin: 0 auto 5px; border: 4px solid #333; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; border-radius: 100px;}
	.pagination a:hover{color: #fff; border-color: #000; background: #000;}
	.pagination span{font-size: italic; text-align: center;}
	.page-count{display: block; clear: both; max-width: 420px; margin: 0 auto 60px; text-align: center; font-size: 12px; font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- BLOG LIST AND POST PAGES ----------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-----------------------------*/
	/*- BREAD CRUMBS --------------*/
	#crumbs{text-align: center; margin-bottom: 20px; font-size: 12px; text-transform: uppercase;}
	#crumbs li{display: inline; margin: 0 10px;}
	#crumbs li a{padding: 3px 10px; border: 2px solid transparent; border-radius: 100px; color: #818181;}
	#crumbs li a:hover{border-color: #fff; color: #fff;}
	#crumbs li span{padding: 3px 10px; border: 2px solid #252525; border-radius: 100px;}


	/*-----------------------------*/
	/*- TITLE BLOCK ---------------*/
	.title-block{margin-bottom: 30px; padding: 0 60px;}
	.title-block:empty{display: none;}

	#left-column .title-block{margin-bottom: 30px; text-align: left;}
	#left-column .title-block .post-title{font-size: 20px; line-height: 30px;}

	.title-block .post-title{font-size: 50px; line-height: 60px; color: #000; letter-spacing: 5px; text-transform: uppercase; font-weight: 700;}
	.title-block .post-title a{color: #000;}
	.title-block .post-title a:hover{color: #777;}

	.has-background .title-block-container{padding: 220px 0 120px; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);}
	.has-background #crumbs{color: rgba(255, 255, 255, 0.95);}
	.has-background #crumbs li a{color: rgba(255, 255, 255, 0.95);}
	.has-background #crumbs li span{color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 0.5);}

	/*----------------------------*/
	/*- POST CONTENT -------------*/
	.post-content{max-width: 700px; margin: 0 auto 30px; position: relative; z-index: 2;}
	.post-image{display: block; margin-bottom: 30px; text-align: center;}
	.fitvid{display: block; margin-bottom: 30px; text-align: center;}


	/*----------------------------*/
	/*- SIDEBAR LEFT -------------*/
	.sidebarleft #left-column{float: right;}
	.sidebarleft #right-column{float: left;}


	/*----------------------------*/
	/*- SIDEBAR NONE -------------*/
	 .sidebarnone .post-content{max-width: 760px; margin: 0 auto 30px;}

		/*-------------------*/
		/*- COPY BLOCK ------*/
		.post-content .copy{margin: 0;}
		.copy p{margin-bottom: 20px;}
		.copy ul{list-style: disc; margin: 0 0 20px 30px;}
		.copy ol{list-style: decimal; margin: 0 0 20px 30px;}
		.copy ul li, .copy ol li{margin-bottom: 0; float: none;}
		.copy img{display: block;}
		.copy a{font-weight: 700; color: #000;}
		.copy a:hover{color: #555;}
		.copy h2{font-size: 24px; line-height: 34px; font-weight: 400; margin-bottom: 25px; color: #000;}
		.copy h3{font-size: 20px; line-height: 30px; font-weight: 400; margin-bottom: 25px; color: #000;}
		.copy h4{font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 25px; color: #000;}
		.copy h5{font-size: 14px; line-height: 24px; font-weight: 400; margin-bottom: 20px; color: #000;}
		.copy blockquote{padding-left: 15px; margin: 0 0 20px; font-weight: 500; font-style: italic;}
		.copy pre {padding: 15px; margin: 0 0 22px; background-color: #f0f0f0; border: 1px solid #dadada;
					white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; overflow-x: auto; overflow-y: auto;
					letter-spacing: normal; orphans: 2; text-indent: 0; text-transform: none;
					text-align: left; line-height: 1.3em; color: #000;
					font-size: 12px; font-weight: normal; font-style: normal; font-family: "Courier New", Courier, monospace;}


	/*----------------------------*/
	/*- POST GALLERY -------------*/
	.gallery .gallery-item{width: auto !important;}
	.gallery .gallery-item img{width: 135px;}


		/*-------------------*/
		/*- POST META -------*/
		.post-meta{margin-top: 30px;}
		.post-meta .meta-block{float: left; width: 50%;}
		.post-meta .meta-block:first-child{margin-top: 0;}

			.post-meta .share-button{display: block; height: 28px; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 0 10px;}
			.post-meta .share-button label{padding: 0px 10px; background: none; color: #111;}

			.tags {overflow: hidden; text-align: right;}
			.tags a{display: inline; padding: 3px 10px; margin: 0 0px 5px 0; font-size: 10px; text-transform: uppercase; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 100px;}
			.tags a:hover{border-color: rgba(0, 0, 0, 0.8);}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{clear: both; max-width: 760px; margin-top: 30px;}

.comment-container{margin-bottom: 30px; }
.comment-container li{float: none;}


	/*-----------------------------*/
	/*- COMMENTS STYLING ----------*/
	.comment{clear: both; padding: 30px 0; border-top: 2px solid #ddd; position: relative;}
	.comment:first-child{padding-top: 0; border-top: 0;}
	.comment-avatar{float: left; margin-right: 20px; background: #ddd; border-radius: 100%;}
	.comment-avatar img{display: block; border-radius: 100%;}

	#new_comments .comment:first-child{padding-top: 30px;}

	.comment-post{overflow: hidden; padding: 0; margin: 0;}
	.comment-post .comment-name{float: left; margin-bottom: 20px; font-size: 16px; font-weight: 600; color: #E0E0E0;}
	.comment-post .date{float: right; margin-bottom: 20px; font-size: 12px; text-transform: uppercase;}
	.comment-post p{clear: both; margin-bottom: 20px;}

	.comment-reply-title{margin: 0 0 30px; padding: 10px 0 0; border-top: 2px solid #000; color: #000; font-size: 16px; line-height: 26px; text-transform: uppercase; letter-spacing: 2px;}
	.reply-to-comment{display: inline; padding: 3px 10px; margin-bottom: 20px; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 100px; font-size: 12px; text-transform: uppercase;}
	.reply-to-comment:hover{border-color: rgba(0, 0, 0, 0.8);}
	.comment:first-child .reply-to-comment{top: 65px;}

	.comments-required{margin-bottom: 20px; font-size: 12px;}
	.comment-form-comment label, .form-allowed-tags{display: none;}
	.comment-form-comment {margin-bottom: 20px;}

	#commentform .comment-notes{margin-bottom: 10px; font-size: 12px; text-transform: uppercase;}
	.logged-in-as{margin-bottom: 10px;}

	/*-----------------------------*/
	/*- THREADED COMMENTS ---------*/
	.comments ul.children {clear: both; margin-left: 80px;}
	.comments ul.children li{border-top: 2px solid #ddd; border-bottom: none;}
	.comments ul.children li:first-child{padding-top: 20px;}
	.comments ul.children li:last-child{margin-bottom: 0;}


	/*-----------------------------*/
	/*- COMMENTS FORM -------------*/
	#commment-post-alert{margin: 20px 0; background: #222; border-radius: 100px; color: #999; font-size: 10px; text-transform: uppercase; font-weight: 600; text-align: center;}
	.logged-in-as{padding-left: 25px; margin-bottom: 20px; background: url(images/layout/sprite.png) -485px -355px no-repeat;  font-size: 10px; line-height: 20px; text-transform: uppercase;}
	textarea.comment{padding: 6px !important; margin-bottom: 20px; border-color: #ccc;}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY PAGES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-----------------------------*/
	/*- GALLERY CATEGORIES --------*/
	.gallery-categories{padding: 0 60px 0; margin-bottom: 60px; overflow: hidden;}
	.gallery-categories li{display: inline; margin: 0 10px 0 0; text-align: center;}
	.gallery-categories a{padding: 3px 10px; font-size: 12px; text-transform: uppercase; border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 100px;}
	.gallery-categories li.active a, .gallery-categories a:hover{border-color: rgba(0, 0, 0, 0.8);}

	.gallery-excerpt{padding: 0 60px 2px; margin-bottom: 60px; color: #CCC; font-weight: normal; font-size: 18px; line-height: 1.6em; text-align: center;}


/*-------------------------------------------------------------------------------------------*/
/*- ATTACHMENTS -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.attachment #header-container{max-width: 700px; padding-bottom: 0; margin: auto; background: none;}
.attachment #header{max-width: 940px;}
.attachment .view-post{float: right; display: block; padding: 0px 20px; border: 2px solid #333; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; border-radius: 100px; font-size: 10px;}
.attachment .view-post:hover{color: #fff; border-color: #fff;}

.attachment-comments{width: 100%; max-width: 700px; clear: both; margin: 30px auto 0;}


	/*-----------------------------*/
	/*- CONTENT PANEL -------------*/
	.content-panel{background: #313131; width: 100%; position: relative; z-index: 99;}

		/*-----------------------------*/
		/*- CONTENT PANEL TABS --------*/
		.content-panel .related-photos-link{position: absolute; top: 0; left: 10px; display: block; width: 22px; height: 22px; padding: 10px; background: #252525 url(images/layout/sprite.png) 10px -162px no-repeat; border-radius: 0 0 3px 3px; text-indent: -999px; overflow: hidden; -webkit-transition: none; -moz-transition: none;}
		.content-panel .related-photos-link:hover{background-position: 10px -214px; background-color: #313131; -webkit-transition: none; -moz-transition: none;}
		.content-panel .related-comments-link{position: absolute; top: 0; left: 60px; display: block; width: 22px; height: 22px; padding: 10px; background: #252525 url(images/layout/sprite.png) 10px -286px no-repeat; border-radius: 3px 0 0 3px; text-indent: -999px; overflow: hidden; -webkit-transition: none; -moz-transition: none;}
		.content-panel .related-comments-link:hover{background-position: 10px -336px; background-color: #313131; -webkit-transition: none; -moz-transition: none;}

		.content-panel .panel-title{padding: 0; margin: 0 0 10px; border-top: 2px solid #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #fff;}

		/*-----------------------------*/
		/*- RELATED PHOTOS ------------*/
		.related-photos{width: 90%; padding: 60px 20px 10px; display: none; margin: 0 auto;}
		.active-related-photos{display: block;}
		.related-photos li.photo-item{float: left; margin: 0 20px 20px 0; clear: none; }
		.related-photos li.photo-item img{max-width: 180px;}
		/*-----------------------------*/
		/*- RELATED COMMENTS ----------*/
		.related-comments{padding: 20px 20px 40px; display: none;}
		.active-related-comments{display: block;}
		.related-comments .comments .section-title{display: none;}
		.related-comments .reply-to-comment{display: none;}

		.related-comments .post-a-comment{clear: both; padding: 8px 20px; border: 2px solid #444; background: #282828; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; border-radius: 100px; font-size: 12px;}
		.related-comments .post-a-comment:hover{color: #fff; border-color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{ font-size: 12px;}
ul.widget-list .widgettitle{padding-top: 6px; margin: 0 0 20px; border-top: 2px solid #000; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #000;}
ul.widget-list .widget{margin-bottom: 60px;}
ul.widget-list li li{padding: 0 0 6px; margin: 0 0 6px; border-bottom: 1px solid #ddd;}
ul.widget-list .children{margin-left: 20px;}

	/*------------------------------------*/
	/*- AUTHOR WIDGET --------------------*/
	.author-widget{position: relative; font-size: 12px; overflow: hidden;}
	.author-widget .avatar{float: left; width: 50px; border-radius: 100%;}
	.author-widget .avatar img{border-radius: 100%;}
	.author-widget img + p{margin-left: 60px;}

	/*------------------------------------*/
	/*- ADVERTS --------------------------*/
	.adverts-125 ul{overflow: hidden;}
	.adverts-125 ul .advert{float: left; margin: 0 20px 20px 0; padding: 0; border: none;}
	.adverts-125 ul .advert:nth-child(2n+2){margin-right: 0;}
	.adverts-125 ul .advert img {max-width: 125px;}

	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	.searchform{overflow: hidden;}
	.searchform input[type=text]{float: left; width: 68%; height: 32px; padding: 0 10px; border-right: 0; border-radius: 100px 0 0 100px; line-height: 24px;}
	.searchform input[type=submit]{float: left; width: 32%; height: 32px; padding: 0 10px; border-width: 2px;  border-radius: 0 100px 100px 0;text-align: center; font-size: 12px; line-height: 24px; cursor: pointer;}
	.archives .searchform{margin-bottom: 20px;}

	/*------------------------------------*/
	/*- RECENT COMMENTS ------------------*/
	.widget_recent_comments li a{display: block; font-size: 85%;}

	/*------------------------------------*/
	/*- POPULAR POSTS --------------------*/
	.widget_popular_posts .date{display: block; font-size: 85%;}

	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	.twitter-timeline{max-width: 100%;}

	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper{}
	#flickr_badge_wrapper .flickr_badge_image{float: left;}
	#flickr_badge_wrapper .flickr_badge_image a{display: block;}
	#flickr_badge_wrapper .flickr_badge_image img{display: block;}

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.archives_list{max-width: 960px; margin: 0 auto;}
.archives_list li{padding: 20px 0; margin: 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.archives_list li .archive-post-image{float: left; width: 80px; height: 80px; margin-right: 3.225806%; position: relative; overflow: hidden;}
.archives_list li .archive-post-image a{display: block; width: 80px; height: 80px; overflow: hidden;}
.archives_list li .archive-post-image img{max-width: 100%; height: auto; display: block; position: relative;}
.archives_list li a{font-weight: 600; font-size: 13px;}
.archives_list li h3{margin: 0;}
.archives_list li .comment-count{font-weight: 500; font-size: 11px;}

.archives_list .date{display: block; margin: 0 0 0 0;}
.archives_list .label{float: right; display: inline-block;}
.archives_list .label a{font-weight: 500; font-size: 11px;}

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

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer{font-size: 12px; line-height: 22px;}
#footer h4{margin-bottom: 20px; text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: 1px; color: #333;}

	/*- BACK TO TOP -----*/
	#back-top{position: fixed; bottom: 20px; right: 20px; z-index: 3;}
	#back-top a{display: block; width: 40px; height: 40px; border-radius: 100px; background: #000 url(images/layout/up-arrow.png) center no-repeat;}

	/*-------------------------------------------*/
	/*- FOOTER WIDGETS --------------------------*/
	#footer ul{overflow: hidden;}
	#footer ul ul{padding: 0;}
	#footer ul li.column{float: left; width: 23.469388%; margin: 0 2.040816% 30px 0;}
	#footer ul li.column:nth-child(4n+4){margin-right: 0;}
	#footer ul li.column:nth-child(4n+5){clear: left;}
	#footer ul li.column ul li{ margin-bottom: 8px;}
	#footer ul li ul li ul.children li a{display: block;}
	#footer .search-form input[type=text]{width: 105px;}
	#footer .search-form input[type=submit]{}

	/*-------------------------------------------*/
	/*- FOOTER TEXT -----------------------------*/
	.footer-text{max-width: 1080px; clear: both; padding: 0 20px; margin: 0 auto; color: #878787; overflow: hidden; font-size: 9px; letter-spacing: 1px; text-transform: uppercase;}
	.footer-text p{float: left; margin: 0;}
	.footer-text .obox-credit{float: right; text-transform: uppercase; font-size: 9px;}
	.footer-text .copyrights{max-width: 1080px; margin: 0 auto;}