/*
Theme Name: Photolist
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.2.4
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


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


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

h1, h2{margin: 0px 0px 5px; padding: 0px 0px 5px; font-family: "SansationLight", "SansationBold"; font-weight: lighter;}

h1{font-size: 35px; line-height: 37px;}
h2{font-size: 25px; line-height: 29px; font-weight: bold;}
h3{padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 17px;}
h4{font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 8px;}
h5{font-size: 12px; line-height: 15px; font-weight: bold; margin-bottom: 8px;}
h6{font-size: 10px; line-height: 13px; font-weight: bold; margin-bottom: 8px;}

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


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

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

h5.date{margin-bottom: 5px; font-size: 10px; text-transform: uppercase; font-weight: lighter;}

/*-------------------------------*/
/*- DEFAULT WORDPRESS STYLING ---*/
.wp-caption, #gallery .gallery-caption {border: 1px solid #cccccc; text-align: center; background-color: #fff; padding: 5px 0px 10px 0px; 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: 0; padding: 0; border: 0 none; max-width: 98.5%;}
.wp-caption p.wp-caption-text, #gallery-1 .gallery-caption{font-size: 10px !important; line-height: 12px; padding: 0 4px 5px; margin: 0;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.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;}

form{}
label{}
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
input[type=text]{width: 96%; padding: 8px; margin: 0px 0px 10px; font-size: 14px; line-height: 15px; background: #fff; border: 1px solid #ccc; color: #000;}
						
textarea{width: 96%; height: 220px; padding: 8px; margin: 0px 0px 20px; font-size: 14px; line-height: 20px; background: #fff; border: 1px solid #ccc; color: #000;}
input[type=submit]{width: auto; padding: 10px; background: #09c; border: none; font-size: 14px; font-weight: bold; color: #fff;}
input[type=submit]:hover{background: #ccc; color: #111}
/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{padding: 30px 0px 0px;}
	#header{width: 940px; padding-top: 0px; margin: auto; position: relative; z-index: 5;}
	
#content-container{width: 940px; margin: 0px auto 60px;}
	#left-column{float: left; width: 600px; margin-top: 30px;}
	#right-column{float: right; width: 300px; margin-top: 30px;}
		.index-double-column #left-column{float: left; width: 700px;}
			.index-double-column #left-column h3 a{font-size: 11px; float: right; text-decoration: none;}
		.index-double-column #right-column{float: right; width: 220px;}
	#full-width{margin: 30px 0px;}
	#gallery{margin: 30px 0px 0px;}

#footer-container{clear: both; padding: 30px;}
	#footer{width: 940px; margin: auto;}
	

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

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


	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav{clear: both; width: 940px; padding: 0px; margin: 5px auto 0px; position: relative; z-index: 5; bottom: 0px;
			-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
		ul#nav li{float: left; margin-right: 10px; position: relative;}
			ul#nav li a{display: block; padding: 10px 0px; margin: 0px 20px 0px 0px; font-weight: bold; font-size: 14px; line-height: normal;}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#nav ul.sub-menu{display: none; width: 150px; position: absolute; top: 43px; z-index: 6;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			ul#nav ul.sub-menu li a{display: block; width: 136px; padding: 8px; font-weight: bold; font-size: 12px;}			
			ul#nav ul.sub-menu ul{float: left; position: absolute; left: 151px; top: 0px;}


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


	/*--------------------------*/
	/*- FEATURE AREA -----------*/
	#feature-container{overflow: hidden; white-space: nowrap; width: 2820px; margin: 0 0 30px -940px;}
		#feature-container ul {position: relative; z-index: 2; left: 0px; width: 9999px;}
			#feature-container ul li {display: inline; position: relative;}
				#feature-container ul li a.image-link{display: block; overflow: hidden; float: left; width: 940px; height: 340px; margin: 0px; padding: 0px; position: relative; z-index: 5;}
				#feature-container ul img {display: block; margin: auto; padding: 0px;}

		.overlay-container{width: 940px; margin: -350px 0px 0px 940px; height: 350px; background: none; position: relative; z-index: 4;}
			span.fade-overlay-right{display: block; width: 940px; height: 350px; position: absolute; z-index: 2; left: 940px; top: 0px;}
			span.fade-overlay-left{display: block; width: 940px; height: 350px; position: absolute; z-index: 2; right: 940px; top: 0px;}
			
			/*---------------------------------*/
			/*- POST TITLE AND INTRO ----------*/
			.slider-post{width: 860px; padding: 20px; margin: 0px auto; bottom: 20px; left: 20px; position: absolute; white-space: normal;
							-moz-border-radius: 5px; -webkit-border-radius: 5px;}
				.slider-post h2{padding: 0px; margin: 0px; font-size: 27px;}
					.slider-post h2 a{font-weight: lighter; font-size: 18px; text-transform: uppercase;}
				.slider-post p{padding: 0px; margin: 0px; font-size: 14px;}
				
				/*-------------------*/
				/*- ARROWS ----------*/
				.overlay-container a.previous, .overlay-container a.next{display: block; width: 35px; height: 36px; position: absolute; top: 45%; z-index: 6; text-indent: -9999px; overflow: hidden;}
			
			
	/*--------------------------*/
	/*- SPECIAL QUOTE ----------*/
	.featured-quote{text-align: center; margin-bottom: 50px;}
		.featured-quote blockquote{clear: both; margin: 0px 60px; padding: 50px 0px 10px;
									line-height: 35px; font-size: 25px; font-weight: lighter; font-family: "SansationLight";}
		.featured-quote cite{font-weight: bold;}
		
		
	/*--------------------------*/
	/*- LATEST POSTS -----------*/
	.latest-posts{margin-top: 10px;}
		.latest-posts li{float: left; width: 220px; margin-right: 20px;}
			.latest-posts li:last-child{margin: 0px;}
			.latest-posts li h4{padding: 0px; margin: 8px 0; font-weight: bold;}
	h3.about{margin-bottom: 10px;}
    .latest-posts .home-image{height: 120px; overflow: hidden;}

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


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

	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.copy{font-size: 14px;}
	.copy ol, .copy ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;}
		.copy ol li, .copy ul li{}
	.copy ol{list-style: decimal;}
	.copy code, .copy pre{}
	.copy img{}
	.copy h2{margin: 20px 0px 10px;}
	.copy h3{margin: 20px 0px 10px;}
	.copy blockquote{clear: both; min-height: 42px; margin: 30px 0px 30px; padding: 0px 0px 0px 50px;
						text-align: left; line-height: 35px; font-size: 20px; font-weight: lighter; font-family: "SansationLight";}

	/*------------------------------*/
	/*- POST PAGE POST CONTAINER ---*/
	h3.post-title{margin-bottom: 15px; padding: 0px; font-size: 24px; line-height: 25px; font-weight: bold; font-family: "SansationRegular", "SansationBold";}
					
	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta{padding: 0px 0px 5px; margin-bottom: 10px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
		.post-meta h5.date{padding-left: 18px; margin-right: 30px; float: left; font-size: 11px; line-height: 12px; text-transform: none;}
		.post-meta ul{float: left; padding-left: 18px; font-size: 11px;} 
			.post-meta ul li{float: left; margin-right: 8px; padding: 0px; line-height: 12px;} 
				.post-meta ul li a{} 
					.post-meta ul li a:hover{} 
	

		/*----------------------*/
		/*- AUTHOR META AREA ---*/
		.author{clear: both; margin-top: 40px;}
		.author-avatar{float: left; position: relative;}
			.author-avatar img{position: relative; z-index: 1;}
			.author-avatar span{display: block; width: 50px; height: 50px; position: absolute; top: 0px; left: 0px; z-index: 2;}

		.author-details{float: right; width: 530px;}
			.no-author-image{ width: auto;}
			.author-details h4{padding: 0px; margin: 0px 0px 5px; line-height: normal;}
				.author-details h4 a{display: block; margin-top: 3px; font-size: 14px; font-weight: bold;}
					

	.post{margin-bottom: 0px;}
	.post .post-image{margin-bottom: 20px;}
		.post .post-image img{display: block;}
	.copy{padding: 0px;}
	
	.blog-list{margin-bottom: 40px;}
	.blog-list .post-image{height: 233px; margin-bottom: 0px; overflow: hidden;}
		.blog-list .post-image img{display: block;}

	/*--------------------------------------------------------*/
	/*- ACTION LINK ------------------------------------------*/
	a.action-link{float: right; padding: 4px 8px 3px 8px; font-size: 12px; font-weight: bold; cursor: pointer;}
		a.action-link:hover{}

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

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

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

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


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


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logged-in-as{width: 296px; padding: 0px 0px 0px 20px; margin-bottom: 15px; font-weight: bold; font-size: 14px;}

.comment-form-content{margin: auto; width: 600px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.comment_form input[type=text]{width: 300px; padding: 8px; margin: 0px 0px 10px; font-size: 14px; line-height: 15px;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 0px;}
						
	.comment_form textarea{width: 350px; height: 180px; padding: 8px; margin: 0px 0px 10px; font-size: 14px; line-height: 20px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 0px;}

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


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY STYLING -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.slider-wrapper{width: 940px; height: 450px; margin: 20px auto 0px; overflow: hidden;}
	.slider-wrapper ul.slider{left: 0px; top: 0px; display: block; width: 9999999px; height: 450px; position: relative;}
		.slider-wrapper ul li{width: 940px; float: left; list-style: none; display: block; position: relative;}
		.slider-wrapper ul li a img{display: block; margin: auto; top: 0px;}

	/*--------------------------*/
	/*- GALLERY LISTS ----------*/
	.gallery-category{}
	.gallery-description{padding-bottom: 0px; margin-bottom: 0px; font-size: 12px;}
	
	.gallery-container{margin: 20px 0px 30px;}
	#gallery .gallery-container{margin: 20px 0px 0px;}
		.gallery-container li{float: left; width: 220px; margin: 0px 20px 20px 0px; padding-bottom: 4px;}
			.gallery-container li:nth-child(4n+4){margin-right: 0px;}
			.gallery-container li:nth-of-type(5){clear: left;}			
			
			.gallery-container li a{display: block; padding-bottom: 4px;}
				.gallery-container li img{margin: auto; display: block;}
				.gallery-container li span{display: block; text-align: center;}
					.gallery-container li span.image{display: block; width: 220px; height: 150px; overflow: hidden;}
					.gallery-container li span.image-name{padding: 4px 8px 0px; font-weight: bold; font-size: 14px;}
					.gallery-container li span.image-date{padding: 0px 4px 0px; font-style: italic; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;}
				.gallery-container li a:hover{-webkit-transition: all .2s ease-in;}
			
      /*------------------------------------*/
      /*- LATEST GALLERY ITEMS -------------*/
       .latest_gallery ul{margin-left: 10px}
       .latest_gallery ul li{background: none; float: left; margin: 10px 10px 0px 0px; padding: 0px !important; width: 130px; height: 82px;}
	   .latest_gallery ul li a {display: block; width: 130px; height: 80px; overflow: hidden;}
	   .latest_gallery ul li a img {}
/*-------------------------------------------------------------------------------------------*/
/*- 404 NOT FOUND ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#not-found{padding: 40px 30px; margin: 0px 0px 30px 0px;}
	#not-found h2{float: left; margin: 0px 40px 0px 0px; padding: 0px; font-size: 40px; font-weight: bold;}
	#not-found p{float: left; margin: 10px 0px 0px 0px; padding: 0px; font-size: 25px; font-weight: bold;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.archive_year{padding-left: 16px; font-size: 16px;}
ul.archives_list{padding-right: 30px;}
ul.archives_list li{padding: 20px 0px;}
	.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; font-size: 15px;}
	.archives_list li a:hover{}
	.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase;}
		ul.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;}
		ul.archives_list .label{float: right; display: inline-block;}
		ul.archives_list .label a{font-weight: bold; font-size: 12px;}

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


/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.advert{float: left; margin: 0px 20px 20px 0px;}
	.advert a, .advert img{display: block;}
		.advert li a:hover{}
.alt{margin-right: 0px;}
.widget_ocmx_small_ad_widget{}
li.large-advert a{display: block; width: 270px; height: 250px; overflow: hidden;}
	li.large-advert img{display: block;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{padding: 0px; margin: 0px;}
	ul.widget-list li.widget{clear: both; padding: 0px 0px 30px;}
		ul.widget-list li.widget ul{padding-left: 0px;}
			ul.widget-list li.widget ul li{padding: 10px 0px;}
				ul.widget-list li.widget ul li:first-child{}
				ul.widget-list li.widget ul li:last-child{}
				ul.widget-list li.widget ul li a{display: block; font-weight: bold;}
                   ul li.widget ul li ul.children li {margin-left: 20px; padding: 6px; border-bottom: 0;}
	h4.widgettitle{padding: 0px 0px 5px; margin-bottom: 5px; font-weight: bold; font-size: 17px;}
		h4.widgettitle a{}
			h4.widgettitle a:hover{}

	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{padding: 20px 10px 20px 0px;}
	.search-form input.search{width: 220px; padding: 5px; font-size: 10px; font-weight: bold;}
	.search-form input.search_button{width: auto; padding: 5px; font-size: 10px; font-weight: bold; cursor: pointer;}
	.search-form input.search_button:hover{}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments li{padding-left: 20px !important; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
	.widget_recent_comments li a{font-size: 10px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; font-style: normal;}
	
	
	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	ul.widget-list li.widget_popular_posts ul li{padding: 12px 0px;}
		ul.widget-list li.widget_popular_posts ul li a{margin: 0px 0px 5px; font-size: 18px; font-family: "SansationLight"; font-weight: lighter;}
		ul.widget-list li.widget_popular_posts ul li h5{margin: 0px; padding: 0px;}


	/*--------------------------------------------*/
	/*- LATEST GALLERY ITEMS ---------------------*/
	ul.widget-list li.latest_gallery ul li{float: left; margin: 5px 15px 5px 0px; width: 80px; height: 52px; padding: 5px;}
		ul.widget-list li.latest_gallery ul li:nth-child(3n+3){margin: 5px 0px 5px 0px;}
		ul.widget-list li.latest_gallery ul li a{display: block; width: 80px; height: 52px; overflow: hidden;}
		
	
	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list li a{display: inline !important;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer div{float: left; font-size: 12px;}
	#footer ul li{float: left; margin-right: 20px;}
#menu-footer-menu {float: left;}
#footer .obox-credit{float: right;}
			
.footer-copy{clear: both; padding: 20px 20px 5px; font-size: 9pt;}
	p.copyright{font-size: 9pt; float: left; width: 60%;}
	.obox-logo{float: right; width: 185px; height: 16px; display: block;}