/*
Theme Name: Handmade
Theme URI: https://wordpress.com/themes/handmade/
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0-wpcom
Author: Obox Themes
Author URI: https://wordpress.com/themes/by/obox-themes/
Description: A beautiful retro-styled theme for foodies and crafters that's sure to delight even the most creative bloggers.
Status: inactive
Tags: art, blue, classic-menu, colorful, craft, custom-background, custom-colors, custom-header, custom-menu, featured-images, food, full-width-template, handcrafted, infinite-scroll, one-column, responsive-layout, right-sidebar, scrapbooking, sticky-post, tan, textured, translation-ready, two-columns, yellow

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*-----------------------------------------------------------------------*/
/*- SETUP STD CLASSES ---------------------------------------------------*/
/*-----------------------------------------------------------------------*/
body{margin: 0; padding: 0; background-color: #CBD1CD; color: #a4a494; font-size: 14px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em;}

h1, h2, h3, h4, h5, h6{font-family: 'Copse', georgia, serif;}

a{color: #71ACAC;}
a:hover{color: #111;}

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

label{display: block; margin-bottom: 10px; font-weight: bold;}
input[type=text]{width: 92%; padding: 10px; background: #fff; border: 1px solid #ccc; font-size: 14px; color: #9e9e8f; border-radius: 4px;}
textarea{width: 92%; padding: 10px; background: #fff; border: 1px solid #ccc; font-size: 14px; color: #9e9e8f; border-radius: 4px;}
input[type=button], input[type=submit]{padding: 5px 8px; font-size: 11px; font-weight: 600; text-transform: uppercase; cursor: pointer; background: #fecd25; color: #fff; border: none; border-radius: 4px; -webkit-appearance: none;}
input[type=button]:hover, input[type=submit]:hover{background: #ff9d00;}

a{text-decoration: none;}
strong{font-weight: bold;}
em{font-style: italic;}

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


/*-----------------------------------------------------------------------*/
/*- GENERAL LAYOUT ------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
#header-container{padding: 40px 0 0;}
#header{max-width: 940px; padding: 0; margin: 0 auto;}

#content-container{max-width: 880px; margin: auto; padding: 30px; position: relative; background: #fffff1; box-shadow: 0 0 5px rgba(0,0,0,0.4); z-index: 2;}

#left-column{float: left; width: 61.363636%;}
#right-column{float: right; width: 34.090909%; position: relative;}

.portfolio #left-column{float: left; width: 220px;}
.portfolio #right-column{float: right; width: 700px;}

#full-width{margin: auto;}

#footer-container{padding: 30px 10px 0; margin: 45px 0 0; background: #345e6a; overflow: hidden;}
#footer{max-width: 940px; margin: auto;}

	/*-----------------------------------*/
	/*- PAGE SHADOW ---------------------*/
	.page-shadow-container {width: 940px; margin: 0 auto; position: relative;  z-index: 1;}
	.page-shadow {width: 348px; height: 346px; position: absolute; bottom: -28px; right: -24px; background: url(images/layout/box-shadow.png) no-repeat; z-index: 1;}


/*-----------------------------------------------------------------------*/
/*- COMMON ELEMENTS -----------------------------------------------------*/
/*-----------------------------------------------------------------------*/

	/*-----------------------------------*/
	/*- WP CAPTIONS ---------------------*/
	.wp-caption{max-width: 98%; padding: 1%; margin-bottom: 25px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); text-align: center;}
	.wp-caption.alignleft{margin: 0 20px 20px 0;}
	.wp-caption.alignright{margin: 0 0 20px 20px;}
	.wp-caption img{margin: 0 auto; padding: 0; border: none; }
	.wp-caption p.wp-caption-text{margin: 5px 0 0; font-size: 11px; font-weight: 600; text-transform: uppercase; color: #555; font-family: "Cantarell", Arial, sans-serif;}
	.wp-caption.alignnone{margin: 5px 20px 20px 0;}

	.gallery-caption{}


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

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


	/*-----------------------------------*/
	/*- PRE/CODE FORMATTING -------------*/
	pre {padding: 15px; margin: 0 0 22px 0; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; background-color: #f0f0f0; border: 1px solid #dadada; font-family: Consolas, Monaco, 'Courier New', Courier, monospace; line-height: 1.3em; overflow-x: auto; overflow-y: auto; orphans: 2;}


	/*-----------------------------------*/
	/*-TITLES ---------------------------*/
	h5.date{padding: 0 0 20px; margin-bottom: 20px; color: #c78809; background: url(images/layout/dotted.png) bottom left repeat-x; text-align: center;}

	.post-title{font-weight: 200; line-height: 1.3em; color: #345e6a;}
	.post-title a{color: #345e6a;}
	.post-title a:hover{color: #111;}

	.page-title{display: block; padding: 20px 0 10px; margin: 0; font-weight: 200; line-height: 1.3em; color: #345e6a; font-size: 28px;}
	.page-title a{color: #345e6a;}
	.page-title a:hover{color: #111;}

	.section-title{margin-bottom: 30px; font-weight: 200; line-height: 1.3em; color: #111;}
	.section-title span{color: #999;}

	.gallery-title {margin-bottom: 20px; padding-bottom: 10px; background: url(images/layout/dotted.png) bottom left repeat-x; font-weight: 200; line-height: 1.3em; color: #111; text-align: center;}


	/*-----------------------------------*/
	/*- LINKS / CTA's -------------------*/
	a.action-link{color: #345e6a; font-family: "Cantarell", Arial, sans-serif; text-transform: uppercase;}
	a.action-link:hover{color: #111;}

	.more-link{clear: left; width: auto; display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; cursor: pointer; color: #71ACAC; border: none; border-radius: 4px; font-family: "Cantarell", Arial, sans-serif;}
	.more-link:hover{color: #111;}
	p .more-link{margin-top: 14px;}


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

	/*-----------------------------------*/
	/*- HEADER ROW ----------------------*/
	.logo{margin-bottom: 10px; font-family: 'Copse', georgia, serif; font-size: 40px; line-height:  45px;}
	.logo a{color: #345e6a;}
	.logo a:hover{color: #111;}
	.logo img{display: block;}

		/*-------------------------------*/
		/*- TAGLINE ---------------------*/
		.tagline{display: inline-block; padding: 0 0 10px; margin-bottom: 10px;  background: url(images/layout/dotted.png) bottom left repeat-x; font-family: "Cantarell", Arial, sans-serif; font-weight: bold; font-size:  12px; color: #c4a359; text-transform: uppercase;}


	/*-----------------------------------*/
	/*- CATEGORY MENU -------------------*/
	ul#nav{clear: both; margin: 20px 0 0 13px; position: relative; z-index: 10; font-family: "Cantarell", arial, sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase;}
	ul#nav li{display: block; float: left; height: 29px; margin-right: 6px; padding-right: 40px; background: url(images/layout/button-right.png) no-repeat top right; text-decoration: none; position: relative;}
	ul#nav li a {display: block; float: left; padding: 5px 0 5px 32px; margin-left: -15px; background: url(images/layout/button-left.png) no-repeat 0 0; color: #437c9a; line-height: 22px;}
	ul#nav li a:hover{color: #000;}

	ul#nav .current-menu-item {background: url(images/layout/current-right.png) no-repeat top right;}
	ul#nav .current-menu-item a {background: transparent url(images/layout/current-left.png) no-repeat 0 0;}
	ul#nav li:hover > ul.sub-menu {display:block;}

		/*-------------------------------*/
		/*- SUB MENU --------------------*/
		ul#nav ul.sub-menu{display: none; background: #fff; width: 260px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); position: absolute; top: 29px; left: -10px; z-index: 1; font-size: 12px;}
		ul#nav ul.sub-menu ul{left: 260px; top: 0;}

		ul#nav ul.sub-menu li{float: none; height: auto; margin: 0; padding: 0; background: #fff url(images/layout/dotted.png) bottom repeat-x;}
		ul#nav ul.sub-menu li a{float: none; padding: 0; margin: 0; height: auto; background: none; padding: 10px; margin: 0; color: #437C9A;}
		ul#nav ul.sub-menu li a:hover{color: #111;}


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

	/*-----------------------------------*/
	/*- SLIDER --------------------------*/
	.slider{position: relative; z-index: 2;}

		/*-------------------------------*/
		/*- SLIDER IMAGES ---------------*/
		.slider li{float: left; width: 29.924242%; padding: 1.136364%; margin: 0 1.704545% 1.704545% 0; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}

		.slider li:first-child{width: 63.7303%;}
		.slider li:first-child img{width: 100%;}

		.slider li:nth-of-type(2){margin-right: 0;}
		.slider li:nth-of-type(3){margin-right: 0;}
		.slider li:nth-child(3n+3){margin-right: 0;}

		.slider .wp-post-image{display: block; margin-bottom: 10px;}

		/*-------------------------------*/
		/*- SLIDER COPY -----------------*/
		.slider .copy{padding: 0; border: none; margin-left: 0; margin-top: 10px;}
		.slider .copy a{ margin-top: 10px;}
		.slider .copy ul{list-style: none; margin: 0; padding: 0;}
		.slider .post-title{font-size: 13px; font-weight: 700; color: #3c3c19; text-transform: uppercase; font-family: "Cantarell", arial, sans-serif; }
		.slider .post-title a {display: block; color: #3c3c19;}
		.slider .post-title a:hover {color: #71ACAC;}
		.slider .copy p{width: 600px;}


	/*-----------------------------------*/
	/*- THREE COLUMN LIST ---------------*/
	.three-column{padding: 40px 0 0 0; margin-top: 30px; background: url(images/layout/single-divider.png) top left repeat-x;}
	.three-column li.column{float: left; width: 32.19697%; margin: 0 1.704545% 1.704545% 0;}
	.three-column li.column:nth-child(3n+3){margin-right: 0;}
	.three-column li.column:nth-child(3n+4){clear: left;}
	.three-column .post-image{padding: 10px; margin-bottom: 10px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
	.three-column .post-image img{display: block;}
	.three-column .post-title{margin-bottom: 10px; font-size: 18px; text-align: center;}
	.three-column .copy{font-size: 14px;}


	/*-----------------------------------*/
	/*- ONE COLUMN LARGE ----------------*/
	.blog-main-post-container li.post{margin-bottom: 30px; position: relative;}
	.blog-main-post-container .post-image{padding: 6px; margin-bottom: 20px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
	.blog-main-post-container .post-image img{display: block; width: 528px; height: auto;}
	.blog-main-post-container .post-title{margin: 0 0 5px;}
	.blog-main-post-container .date{margin-bottom: 25px;}


	/*-----------------------------------*/
	/*- FEATURE QUOTE -------------------*/
	.featured-quote{padding: 60px 0 30px; background: url(images/layout/quote-icon.png) top center no-repeat; text-align: center;}
	.featured-quote blockquote{color: #777; line-height: 1.3em; font-style: italic;}
	.featured-quote cite{font-weight: 600;}


	/*-----------------------------------*/
	/*- PAGINATION ----------------------*/
	.nav-previous {float: left; width: 50%;}
	.nav-next {float: right; text-align: right; width: 50%;}


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

	/*-----------------------------------*/
	/*- POST CONTENT --------------------*/
	.hentry{position: relative; background: url(images/layout/dotted.png) top left repeat-x;}

	.hentry .post-title, .hentry .attachment-title{display: block; padding: 20px 0 10px; margin: 0; text-align: center; font-size: 28px;}

	.hentry .post-image{margin: 0; padding: 6px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
	.hentry .post-image img {display: block; width: 528px; height: auto; margin: auto;}

	#full-width .post .post-title{margin-bottom: 15px;}

	.hentry .dater {display: block; width: 88px; height: 75px; position: absolute; top: 18px; left: -80px; background: url(images/layout/dater.png) no-repeat; font-family: 'Copse', georgia, serif; font-size: 17px;}
	.dater .month {display: block; height: 17px; padding: 14px 0 0 20px; text-transform: uppercase; color: #345e6a; clear: both;
					-moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}
	.dater .day {display: block; padding: 2px 0 0 15px; width: 50px; text-align: center; color: #96a7a7; clear: both;
					-moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}


	/*-----------------------------------*/
	/*- POST PAGE META ------------------*/
	.post-meta{float: left; width: 140px; color: #878787;}
	.post-meta li{padding: 4px 0;}
	.post-meta li:first-child{padding-top: 0;}

	.post-tags{display: block; clear: both; margin-bottom: 10px;}
	.post-tags a{background: #b7dfe8; margin-right: 10px; color: #3c3c19; padding: 5px 10px; line-height: 30px; font-weight: normal; font-family: "Cantarell", arial, sans-serif;}


	/*-----------------------------------*/
	/*- COPY STYLING --------------------*/
	.copy {padding-bottom:  30px; font-size: 16px; line-height: 1.4em;}

	.copy p{margin-bottom: 25px;}
	.copy ul{list-style: disc; margin: 0 0 25px 35px;}
	.copy ol{list-style: decimal; margin: 0 0 25px 35px;}
	.copy ul ul, .copy ul ol, .copy ol ol, .copy ol ul{margin-bottom: 0;}
	.copy ul li, .copy ol li{margin-bottom: 0px;}

	.copy dl{margin: 0 0 25px;}
	.copy dd{margin-left: 35px;}

	.copy code, .copy pre{}
	.copy img{ max-width: 98%; height: auto;}

	.copy h2{font-size: 22px; margin-bottom: 25px; color: #345e6a;}
	.copy h3{font-size: 16px; margin-bottom: 25px; color: #345e6a;}
	.copy h4{font-size: 14px; margin-bottom: 25px; color: #345e6a;}
	.copy h5{font-size: 12px; margin-bottom: 25px; color: #345e6a;}

	.copy blockquote{padding-left: 25px; border-left: 3px solid #71ACAC; font-style: italic; font-size: 18px; line-height: 1.4em;}

	.copy table{width: 100%; margin-bottom: 25px; border-collapse:  collapse;}
	.copy table th{padding: 8px 0px 11px; background: url(images/layout/dotted.png) bottom left repeat-x; font-weight: bold; color: #345e6a;}
	.copy table td{padding: 8px 0;}

	.copy form{overflow: hidden; margin-bottom:  25px;}
	.copy p label{float: left;}
	.copy p input[type=password]{padding: 10px; background: #fff; border: 1px solid #ccc; font-size: 14px; color: #9e9e8f; border-radius: 4px;}
	.copy p input[type=submit]{float: left; padding: 11px; margin-left:  10px;}


	/*-----------------------------------*/
	/*- POST PAGE WP GALLERY ------------*/
	.gallery{padding: 10px; width: auto; overflow: hidden; border-bottom: none; margin-bottom: 0;}
	.gallery dl.gallery-item{display: block; width: 31% !important; margin: 0 1% 0;}
	.gallery dl.gallery-item a{border: none;}
	.gallery dl.gallery-item img{display: block; padding: 5px; margin: auto; max-width: 90%; background: #fff; border: none !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}

	.gallery dd{font-family: "Cantarell", Arial, sans-serif; text-transform: uppercase; font-size: 11px;}

	.copy .gallery{margin-bottom: 30px !important; overflow: hidden;}
	dt.gallery-icon img{margin-bottom: 3px;}


	/*-----------------------------------*/
	/*- IN POST PAGINATION --------------*/
	.page-links{clear: both; display: block; padding: 30px 0; margin: 0; overflow: hidden; position: relative; z-index: 99; text-align: center; font-family: 'Copse', georgia, serif;}


	/*-----------------------------------*/
	/*- NEXT - PREV POST NAV ------------*/
	.next-prev-post-nav{display: block; padding: 10px 0 0; margin-top: 10px; overflow: hidden; position: relative; z-index: 99; background: url(images/layout/dotted.png) top repeat-x;}
	.gallery .next-prev-post-nav{margin-left: 0; border-bottom: none;}
	.next-prev-post-nav li{clear: none; float: right; margin: 0; padding: 0;}
	.next-prev-post-nav li:first-child{float: left;}


	/*-----------------------------------*/
	/*- ENTRY META ----------------------*/
	.entry-meta{padding: 10px; background: #E5E5D3; font-family: "Cantarell", arial, sans-serif; text-transform: uppercase; font-size: 11px;}
	.entry-meta a{color: #333;}
	.entry-meta a:hover{color: #71ACAC;}


	/*-----------------------------------*/
	/*-POST AUTHOR ----------------------*/
	.bypostauthor{padding: 30px 0 0 0; margin-bottom: 20px; background: url(images/layout/single-divider.png) top left repeat-x;}
	.bypostauthor img {float: left; margin: 0 15px 0 0; padding: 5px; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
	.bypostauthor h4 {margin-bottom: 15px;}
	.bypostauthor p { margin-bottom: 0;}


/*-----------------------------------------------------------------------*/
/*- COMMENTS ------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
.comments{clear: both;}
.comments .section-title, #respond h3#reply-title{padding-top: 35px; margin: 20px 0; background: url(images/layout/single-divider.png) top center no-repeat; font-weight: normal; color: #345e6a; font-family: 'Copse', georgia, serif; font-size: 24px; line-height:  30px;}

ul.comment-container{padding-top: 32px; background: url(images/layout/dotted.png) top left repeat-x;}

	ul.comment-container .bypostauthor{background:  none; padding-top:  0;}

	li.comment{clear: both; position: relative;}
	.comment-avatar{float: left; width: 10%;}
	.comment-avatar img{display: block; padding: 5px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}

	.comment-post{ padding-left: 15%; width: 85% !important; margin-bottom: 15px; padding-bottom: 15px; background: url(images/layout/dotted.png) bottom left repeat-x;}
	.comment-post p{margin-bottom: 25px;}
	.pingback{margin-bottom: 15px; padding-bottom: 15px; background: url(images/layout/dotted.png) bottom left repeat-x;}

	.comment h4.comment-name{float: left; margin: 0 0 20px 0; color: #111; font-size: 18px;}
	.comment h4.comment-name a{color: #345e6a; font-weight: normal;}
	.comment h4.comment-name a:hover{color: #111;}

	.comment-post .date{padding: 0; margin: 0 0 20px 0; text-align: right; background: none; font-size: 11px;}
	.comment-post .date a{color: #c78809;}
	.comment-post .date a:hover{color: #111;}

	.comment-reply-link{display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; cursor: pointer; color: #71ACAC; border: none; border-radius: 4px; font-family: "Cantarell", Arial, sans-serif;}
	.comment-reply-link:hover{color: #111;}

	.comment_form .submit_button {margin-bottom: 15px;}


	/*-----------------------------------*/
	/*- THREADED COMMENTS ---------------*/
	.comment-container .children{overflow: hidden; padding: 0 0 0 25px; margin: 0 0 0 15%; display: block; clear: both; min-height: 60px; background: url(images/layout/thread-reply.png) no-repeat 0 5px;}
	.comment-container .children .children{width: auto; margin-left: 0;}
	.comment-container .children li.comment:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
	.comment-container .children .comment-avatar{display: none;}

	#commentform p{margin-bottom: 10px;}
	#commentform .logged-in-as{text-transform: uppercase; font-size: 11px; font-family: "Cantarell", Arial, sans-serif;}
	#commentform .comment-notes{text-transform: uppercase; font-size: 11px; font-family: "Cantarell", Arial, sans-serif;}
	#commentform label{display: block; font-family: "Cantarell", arial, sans-serif; text-transform: uppercase; font-size: 11px; color: #345e6a;}
	.form-allowed-tags{font-size: 12px;}
	#commentform code{display: block; font-family: "Courier New", Courier, monospace;}


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

	/*-----------------------------------*/
	/*- LEFT COLUMN ---------------------*/
	.gallery-item .post-title{margin: 8px 0 0; font-weight: 700; color: #3c3c19; text-transform: uppercase; font-family: "Cantarell", arial, sans-serif; }
	.gallery-categories h4{margin-bottom: 30px;}
	.gallery-categories h4{font-weight: bold; color: #111; float: left; margin-right: 20px;}
	.gallery-categories ul {display: block; text-align: center; }
	.gallery-categories ul li{margin-right: 10px; display: inline;}
	.gallery-categories ul li a{display: inline; padding: 2px 6px;}
	.gallery-categories ul li a.selected{color: #2d5c70; background: #ffcb28;}
	.gallery-categories, .gallerycats {display: block; padding-bottom: 20px; margin-bottom: 15px; background: url(images/layout/dotted.png) bottom repeat-x; font-family: 'Copse', georgia, serif;}
	.gallery-item-main img {width: 540px; height: auto;}
	.single-gallery-list {width: 840px; display: block; position: relative;}


	/*-----------------------------------*/
	/*- RIGHT COLUMN --------------------*/
	.gallery .post-title{font-weight: 600; margin-bottom: 20px;}
	.gallery-list{overflow: hidden; border-bottom: none; margin-bottom: 0;}
	.gallery-list li {display: inline; width: 250px; float: left; padding: 6px 6px 8px; margin: 0 15px 25px 0; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
	.gallery-list li h4{margin: 0; padding: 0; font-weight: bold;}


/*-----------------------------------------------------------------------*/
/*- ADVERTS -------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
ul.widget-list li.widget .advert{float:left; padding: 0 7px 8px; margin: 0;}
.large-advert a {display: block; border: 3px solid #fff; box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);}


/*-----------------------------------------------------------------------*/
/*- RIGHT COLUMN --------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
ul.widget-list li.widget{margin-bottom: 40px;}
ul.widget-list li.widget li{padding-bottom: 10px; margin-bottom: 6px; background: url(images/layout/dotted.png) bottom left repeat-x;}
ul.widget-list li.widget .content a{color: #71acac; font-weight: normal;}
ul.widget-list li.widget a:hover{color: #111;}
ul.widget-list li.widget ul li ul.children li{margin: 0 0 0 20px; padding: 6px; background: none;}

h4.widgettitle {margin: 0 0 15px; color: #434318; text-transform: uppercase; font-weight: bold; font-family: "Cantarell", arial, sans-serif;}
h4.widgettitle a {color: #434318;}


	/*-----------------------------------*/
	/*- SEARCH --------------------------*/
	#searchform{overflow: hidden;}
	#searchform label{margin: 0 0 15px; color: #434318; text-transform: uppercase; font-weight: bold; font-family: "Cantarell", arial, sans-serif;}
	#searchform input[type=text]{float: left; width: 70%; padding: 5px; margin: 0;}
	#searchform input[type=submit]{float: right; width: 24%; height: 29px;}


	/*-----------------------------------*/
	/*- POPULAR/RECENT COMMENTS ---------*/
	.widget_recent_comments li{padding-left: 0;}
	.widget_recent_comments li a{display: block; font-style: italic;}


	/*-----------------------------------*/
	/*- POPULAR/RECENT POSTS ------------*/
	ul.widget-list li.widget_popular_posts ul li{}
	ul.widget-list li.widget_popular_posts ul li h5{display: none;}


	/*-----------------------------------*/
	/*- WP CALENDAR  --------------------*/
    #wp-calendar {empty-cells: show; margin: 10px auto 0; width: 100%;	}
	#wp-calendar a {display: block; text-decoration: none; font-weight: bold; }
	#wp-calendar a:hover {text-decoration: underline; }
	#wp-calendar caption {text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {padding: 3px 5px; color: #9f9f9f; }
	#wp-calendar td#today {color: #111; }
	#wp-calendar th {font-style: normal;text-transform: capitalize;	padding: 3px 5px; }
	#wp-calendar #prev a, #wp-calendar #next a { }	#wp-calendar #next a {padding-right: 10px; text-align: right; }
	#wp-calendar #prev a {padding-left: 10px; text-align: left; }


/*-----------------------------------------------------------------------*/
/*- FOOTER --------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/

	/*-----------------------------------*/
	/*- FOOTER ITEMS --------------------*/
	#footer h4{margin-bottom: 22px; color: #fff; font-size: 12px;}
	#footer a{color: #9AAFB5; border-bottom: 1px dashed #486E79;}
	#footer a:hover{color: #fff;}

		/*-------------------------------*/
		/*- FOOTER COLUMNS --------------*/
		#footer ul{ overflow: hidden;}
		#footer ul li.column{float: left; width: 29.7872%; margin-right: 5.319149%; color: #9AAFB5; font-weight: 500;}
		#footer ul li.column:last-child{margin-right: 0;}
		#footer ul li.column li{margin: 0 0 7px;}
		#footer ul li.column ul ul{margin: 7px 0px 0px 7px;}
		#footer ul li.column ul li li:last-child{margin-bottom: 0;}

		/*-------------------------------*/
		/*- FOOTER TEXT -----------------*/
		.footer-text{clear: both; padding: 15px 0; margin: 30px 0 0; color: #9AAFB5; font-size: 11px; overflow: hidden; border-top: 1px solid #5D7E88;}
		.footer-text p{float: left;}
		.footer-text .obox-credit{float: right;}


/*-----------------------------------------------------------------------*/
/*- CLEARFIX ------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */}
.clearfix:after{clear: both;}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {*zoom: 1;}

/*-----------------------------------------------------------------------*/
/*- WORDPRESS.COM -------------------------------------------------------*/
/*-----------------------------------------------------------------------*/

#wpstats {
	display: block;
	margin: -20px auto 0;
}
div.tiled-gallery {
	margin-bottom: 25px;
}

/*-----------------------------------------------------------------------*/
/*- INFINITE SCROLL -----------------------------------------------------*/
/*-----------------------------------------------------------------------*/

/**
 * Globally hidden elements when IS is supported and in use.
 */
.infinite-scroll #nav-below, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending #footer-container { /* Theme Footer (when set to scrolling) */
	display: none;
}
#infinite-footer { /* Make sure that the IS footer is on top of all other content */
	z-index: 9;
}

/**
 * When IS has reached its end we need to re-display elements that were hidden (via .neverending) before
 */
.infinity-end.neverending #footer-container{display: block;}

/**
 * Global style tweaks when IS is supported and in use
 */
.infinite-scroll .infinite-wrap, /* Each IS loop content wrapper (multiple instances) */
.infinite-scroll .infinite-loader, /* Each IS loading spinner (multiple instances) */
.infinite-scroll #infinite-handle /* The Load more posts button */ {
	clear: both;
}
.infinite-scroll #infinite-footer .container { /* IS container when set to scroll */
	background-color: rgb( 255, 255, 241 ); /* rgba fallback, #fffff1 */
	background-color: rgba( 255, 255, 241, 0.8 );
	border-color: rgb( 242, 242, 242 ); /* rgba fallback, #f2f2f2 */
	border-color: rgba( 0, 0, 0, 0.05 );
}
.infinite-scroll #infinite-handle span { /* The Older posts button */
	background: #345e6a;
}
.infinite-scroll .infinite-wrap{margin-bottom: 30px;}

/**
 * Make sure that clicking Load more posts doesn't cause any jarringness.
 */
.infinite-scroll #infinite-handle {float: left; height: 45px;}
.infinite-scroll #infinite-handle span {display: block; margin: 13px 0;}
.infinite-scroll .infinite-loader {margin: 0 0 17px;}


/*-----------------------------------------------------------------------*/
/*- MEDIA QUERIES -------------------------------------------------------*/
/*-----------------------------------------------------------------------*/

	/*------------------------------------------------*/
	/* layouts smaller than 600px, iPhone and mobiles */
	@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {

		html {-webkit-text-size-adjust: none;}
		body{padding: 0;}
		#header-container{padding: 10px; margin: 0;}
		#header{padding: 0; margin: 0;}
		#content-container{padding: 20px; margin: 0 10px 10px;}
		#left-column{float: none; width: auto; margin-bottom: 30px;}
		#right-column{clear: both; float: none; width: auto;}
		#widget-block{padding: 0;}
		#footer-container{padding: 20px 10px;}

		.page-shadow-container {display: none;}
		.post .dater {display: none;}
		.page-title{padding: 20px 0 0; margin: 0 0 10px; text-align: center; font-size: 30px; line-height:  35px;}
		.post .post-title{padding: 20px 0 0; margin: 0 0 10px; text-align: center; font-size: 30px; line-height:  35px;}
		.gallery-title {padding: 0 0 20px; margin: 0 0 10px; text-align: center; font-size: 30px; line-height:  35px;}

		input[type=text], input[type=password]{padding: 5px;}
		textarea{padding: 5px;}


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

		/*-------------------------------*/
		/*- HEADER ROW ------------------*/
		.logo{float: none; margin: 0 auto 20px; text-align: center;}
		.logo img{display: block; margin: auto;}
		.tagline {float: none; display: block; margin: auto; text-align: center; background:  none;}


		/*-------------------------------*/
		/*- NAVIGATION ------------------*/
		#menu-drop-button{z-index: 5; display: block; float: right; height: 40px; width: 40px; margin: 0 0 -10px; background: #345E6A url(images/layout/drop-down.png) center no-repeat; border-radius: 5px 5px 0 0;}

		ul#nav{display: none; clear: both; padding: 0; margin: 0; float: none; position: relative; background: #fffff1; box-shadow: 0 0 5px rgba(0,0,0,0.4);}
		ul#nav li{float: none; margin: 0 !important; padding: 0; height: auto; background: url(images/layout/dotted.png) bottom left repeat-x;}
		ul#nav li:last-child{background: none;}
		ul#nav li:last-child a{padding-bottom: none;}
		ul#nav li a{float: none; margin: 0; background: none; padding: 5px 10px 8px; margin: 0; height: auto;}
		ul#nav .current-menu-item {background: url(images/layout/dotted.png) bottom left repeat-x;}
		ul#nav .current-menu-item a {background: none;}
		ul#nav .current-menu-item a {background: none;}
		ul#nav.toggled-on, ul#nav.toggled-on li > ul.sub-menu {display:block;}

			/*---------------------------*/
			/*- SUB MENU ----------------*/
			ul#nav ul.sub-menu{background: #345e6a; width: auto; box-shadow: none; position: relative; top: auto; left: auto; z-index: 10; display: visible !important;}
			ul#nav ul.sub-menu li{float: none; height: auto; margin: 0; padding: 0; background: url(images/layout/dotted-light.png) bottom repeat-x;}
			ul#nav ul.sub-menu li a{float: none; background: none; padding: 5px 10px 8px; margin: 0; height: auto; color: #9AAFB5;}
			ul#nav ul.sub-menu li a:hover{color: #fff;}

			ul#nav ul.sub-menu ul{left: auto; top: auto; background: #24414A;}
			ul#nav ul.sub-menu ul li{padding-left: 10px;}


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

		/*-------------------------------*/
		/*- FEATURED POSTS --------------*/
		.slider li{float: none; clear: both; width: auto; padding:  10px; margin: 0 0 20px;}
		.slider li:first-child{width: auto; padding:  6px;}

		/*-------------------------------*/
		/*- CONTENT WIDGET --------------*/
		.three-column{padding-top: 30px; margin: 0 0 0;}
		.three-column li.column {clear: both; float: none; width: 100%; margin: 0 0 10px;}
		.three-column .post-image{padding: 6px;}

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

		.social{display: none;}

		.comment-post{margin-left: 0;}
		.comment-avatar{display: none;}

		.post-content{padding: 10px;}
		.comments{width: auto; padding: 0 0px 10px; margin: 0;}
		.comment-post{float: none; width: auto;}
		.comment h4.comment-name{float: none;}
		.comment-post .date{float:  none; text-align:  left;}
		.comment-container .children {margin-left: 0;}


	/*-------------------------------------------------------------------*/
	/*- RIGHT COLUMN ----------------------------------------------------*/
	/*-------------------------------------------------------------------*/

		#right-column ul.widget-list li.widget{margin: 0 0 30px; padding: 0;}
		#right-column ul.widget-list li.widget:last-child{margin-bottom: 0;}


	/*-------------------------------------------------------------------*/
	/*- FOOTER ----------------------------------------------------------*/
	/*-------------------------------------------------------------------*/

		#footer ul{padding: 0;}
		#footer ul li.column{float: left; width: 100%; padding: 0; margin: 0 5% 30px 0;}
		#footer ul li.column:nth-child(2n+2){margin-right: 0;}
		#footer ul li.column:nth-child(2n+3){clear: left;}

		.footer-text{text-align: center;}
		.footer-text p, .footer-text .obox-credit{float: none;}

	}

	/*-----------------------------------*/
	/* iPad PORTRAIT --------------------*/
	@media only screen and (max-width: 768px) and (min-width: 601px) {

		#header-container{padding: 20px 10px 0;}
		#content-container{margin-left: 10px; margin-right: 10px;}

		/*-------------------------------*/
		/*- CATEGORY MENU ---------------*/
		ul#nav{font-size: 12px;}
		ul#nav li {margin-right: 6px; padding-right: 25px;}
		ul#nav li a {padding: 5px 0 5px 20px; float: left; background: url(images/layout/button-left.png) no-repeat 0 0; color: #437c9a; margin-left: -15px; position: relative;}

		ul#nav .current-menu-item {background: url(images/layout/current-right.png) no-repeat top right; z-index: 6;}
		ul#nav .current-menu-item a {background: transparent url(images/layout/current-left.png) no-repeat 0 0;}


			/*---------------------------*/
			/*- SUB MENU ----------------*/
			ul#nav ul.sub-menu{display: none; background: #fff; width: 260px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); position: absolute; top: 41px; left: -10px; z-index: 7; font-size: 12px;}
			ul#nav ul.sub-menu ul{left: 262px; top: 0;}

			ul#nav ul.sub-menu li{float: none; height: auto; margin: 0; padding: 0; background: #fff url(images/layout/dotted.png) bottom repeat-x;}
			ul#nav ul.sub-menu li a{float: none; padding: 0; margin: 0; height: auto; background: none; padding: 10px; margin: 0; color: #437C9A;}
			ul#nav ul.sub-menu li a:hover{color: #111;}

		.page-shadow-container{display: none;}
		.content-widget .post-image img{width: 100%; height: auto;}

		/*-------------------------------*/
		/*- DATE TAG --------------------*/
		.hentry .dater {left: auto; top: auto; position: relative; background: none; height: auto; width: 100%; margin-bottom: 25px; text-align:  center;}
		.dater .month, .dater .day{float: none; display: inline; position: static; padding:  0; text-transform: none;}


		/*-------------------------------*/
		/*- SEARCH ----------------------*/
		#searchform input[type=text]{float: none; width: 95%; padding: 2%; margin: 0 0 5px;}
		#searchform input[type=submit]{float: none; width: 100%; padding: 5px;}


		.footer-text{text-align: center;}
		.footer-text p, .footer-text .obox-credit{float: none;}
	}