/*
Theme Name: Personal
Theme URI: https://wordpress.com/themes/personal/
Version: 1.0-wpcom
Author: Obox Themes
Author URI: https://wordpress.com/themes/by/obox-themes/
Description: A minimal, content-first theme tailored for writers, journalists and bloggers.
Tags: black, blog, business, classic-menu, clean, conservative, contemporary, custom-background, custom-colors, custom-header, custom-menu, design, featured-images, formal, full-width-template, holiday, infinite-scroll, light, light, minimal, modern, photoblogging, responsive-layout, right-sidebar, simple, sophisticated, sticky-post, travel, two-columns, video, white
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Status: inactive
*/

/*--------------------------------------------------------------------------------------------------------------------------*/
/*- 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: #fff; color: #494949; font-size: 14px; font-weight: normal; font-family: 'PT Serif', Georgia, Times, serif; line-height: 1.4em;}

a{color: #9a9657;}
a:hover{color: #000;}

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;}
input[type=button], input[type=submit]{padding: 5px 8px; font-size: 11px; font-weight: 600; text-transform: uppercase; cursor: pointer; background-color: #cccab1;color: #fff; border: none; -webkit-appearance: none;}
input[type=button]:hover, input[type=submit]:hover{background: #000;}

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{position: relative; padding: 10px 0 0; background: #fff; border-bottom: 1px solid #e4e4e4; z-index: 10;}
#header{margin: 0 auto; max-width: 940px; padding: 0px 20px; position: relative;}

#content-container{max-width: 940px; margin: 0 auto; padding: 40px 20px 0;}

#left-column{float: left; width: 65.95744%;}
#right-column{float: right; width: 29.78%; position: relative;}

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

#full-width{margin: auto;}

#footer-container{padding: 0 20px; margin: 0 auto; overflow: hidden;}
#footer{padding: 50px 0px 0px; max-width: 940px; margin: 0 auto; border-top: 1px solid #cccab1;}

	/*-----------------------------------*/
	/*- 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; 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;}
	.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{margin-top: 0px; margin-bottom: 40px;  font-variant: small-caps; color: #777; text-align: center;}

	.post-title, .attachment-title{font-size: 45px; margin-bottom: 20px; line-height: 45px; font-family: 'Rochester', Georgia, Times, cursive; text-align: center;}
	.post-title a, .attachment-title a{color: #333;}
	.post-title a:hover, .attachment-title a:hover{color: #7c7a45;}

	.page-title{font-size: 45px; margin-bottom: 20px; line-height: 45px; font-family: 'Rochester', Georgia, Times, cursive; text-align: center;}
	.page-title a{color: #333;}
	.page-title a:hover{color: #7c7a45;}

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


	/*-----------------------------------*/
	/*- LINKS / CTA's -------------------*/
	a.action-link{color: #9a9657;}
	a.action-link:hover{color: #111;}

	.more-link{clear: both; width: auto; display: block; float: right; cursor: pointer; color: #9a9657; }
	.more-link:hover{color: #111;}
	p .more-link{margin-top: 30px;}


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

	/*-----------------------------------*/
	/*- HEADER ROW ----------------------*/
	.logo{margin-bottom: 20px;}
	.logo h1{font-size: 35px; line-height: 40px; font-family: 'Rochester', Georgia, Times, cursive;}
	.logo h1 a{color: #000;}
	.logo h1 a:hover{color: #999657;}

		/*-------------------------------*/
		/*- TAGLINE ---------------------*/
		.tagline{padding: 0px; margin: 0px 0px 0px; font-size: 15px; color: #777;}
	.logo img{ margin-top: 20px; }

	/*-----------------------------------*/
	/*- CATEGORY MENU -------------------*/
	ul#nav{z-index: 10; font-size: 15px; }
	ul#nav li{float: left; margin-right: 30px; position: relative;}
	ul#nav li a{display: inline-block; padding: 0px 0px 10px; color: #777;}
	ul#nav li a:hover{color: #000;}

	ul#nav .current-menu-item {}
	ul#nav .current-menu-item a {}
	ul#nav li:hover > ul.sub-menu {display:block;}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#nav ul.sub-menu{display: none; padding: 0px; position: absolute; top: 29px; z-index: 10; background: #fff; border: 1px solid #d2d2d2; box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);}
		ul#nav ul.sub-menu ul{top: 0px; left: 234px;}
		ul#nav ul.sub-menu li{clear: both; width: 230px; padding: 0px; margin: 0px; border-bottom: 1px dotted #ccc;}
		ul#nav ul.sub-menu li:last-child{border-bottom: none;}
		ul#nav ul.sub-menu li a{display: block; padding: 8px 10px; border: none; background: none; color: #000;}
		ul#nav ul.sub-menu li a:hover{padding-left: 13px; color: #555;}


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


	/*-----------------------------------*/
	/*- ONE COLUMN LARGE ----------------*/
	.blog-main-post-container li.post{clear: both; overflow: hidden; padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #cccab1;}
	.blog-main-post-container li:last-child{margin-bottom: 0px;}
	.blog-main-post-container .post-image{margin-bottom: 40px; }
	.blog-main-post-container .post-image img{display: block; height: auto;}
	.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 {display: inline-block; margin-right: 20px;}
	.nav-next {display: inline-block; margin-left: 20px;}


	/*------------------------------*/
	/*- SHOWCASE PAGE --------------*/
	.showcase{padding-top: 30px; margin: 0 0 0;}
	.showcase li.column {width: 100%; float: none; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #CCCAB1; }
	.showcase .post-image{padding: 6px; margin-bottom: 50px;}
		.showcase .column .copy { padding: 0px 90px; }
		.showcase .column .post-meta{width: 84%; margin-top: 25px; padding: 0px 90px; font-size: 15px; }
		.showcase .column .post-meta li{float: left; width: 43%; position: relative; margin-bottom: 0px; padding-bottom: 0px; line-height: 50px; border-bottom: none;}
		.showcase .column .post-meta .post-author{border-right: 1px solid #CCCAB1; padding-right: 50px; text-align: right;}
		.showcase .column .post-meta .post-comments{padding-left: 50px; text-align: left;}

		.author-icon, .comments-icon{position: absolute; top: 10%; height: 44px; width: 44px; border-radius: 22px; background-color: #cccbaf;}
		.author-icon{left: 0px; background-image: url(images/layout/pencil-icon.png); background-repeat: no-repeat; background-position: 10px 9px;}
		.comments-icon{right: 0px; background-image: url(images/layout/bubble-icon.png); background-repeat: no-repeat; background-position: 9px 9px;}

		.showcase .format-quote {margin-bottom: 50px;}

		/*---------------------*/
		/*- THREE COLUMNS -----*/
		.three-column li.column{float: left; width: 31.9149%; margin-right: 2.1276%; margin-bottom: 30px;}
		.three-column li:nth-child(3n+3){margin-right: 0px;}
		.three-column li:nth-child(3n+4){clear: left;}
		.three-column .post-title { margin-bottom: 0px; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; color: #333; }
		.three-column .post-image{margin-bottom: 15px;}
		.three-column .date{margin-top: 5px; font-variant: small-caps; color: #777;}
		.three-column .copy{margin-top: 5px; font-size: 14px; text-align: left;}

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

	/*-----------------------------------*/
	/*- POST CONTENT --------------------*/
	.hentry{}
	.hentry.post{padding-bottom: 25px; border-bottom: 1px solid #CCCAB1;}

	.hentry .post-image{margin: 0px 0px 40px;}
	.hentry .post-image img {display: block; 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; font-family: 'Copse', georgia, serif; font-size: 17px;}
	.dater .month {display: block; height: 17px; padding: 14px 0 0 20px; text-transform: uppercase; color: #9a9657; 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);}
	#about_author{border-top: 1px solid #CCCAB1;}

	.entry-content iframe, .entry-content embed{width: 100%;}


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


	/*-----------------------------------*/
	/*- 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{display: block; max-width: 98%; height: auto;}

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

	.copy blockquote{padding-left: 25px; border-left: 3px solid #9a9657; 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; font-weight: bold; color: #9a9657;}
	.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;}
	.copy p input[type=submit]{float: left; padding: 11px; margin-left:  10px;}

	#nav-below{padding: 50px 0px; text-align: center; overflow: hidden;}

	/*--------------------------*/
	/*- POST FORMATS -----------*/

		/*------------------*/
		/*- QUOTES -----------*/
		.format-quote .date{display: none;}
		.format-quote .copy{padding: 40px 40px 40px 80px; background: #333 url(images/layout/quote-icon.png) 20px 30px no-repeat; background-size: 38px 30px; color: #fff;}
		.format-quote .copy p{margin: 0px;}
		.format-quote .action-link{display: none;}
		.format-quote cite{display: inline-block; float: right; padding: 3px 10px; background: #f0f0f0; color: #777; font-size: 12px;}
		.format-quote cite a{color: #777; text-decoration: underline;}
		.format-quote cite a:hover{color: #000;}


	/*-----------------------------------*/
	/*- 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{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; margin: 0; overflow: hidden; position: relative; text-align: center;}


	/*-----------------------------------*/
	/*- NEXT - PREV POST NAV ------------*/
	.next-prev-post-nav{display: block; padding: 10px 0 10px; margin-top: 10px; overflow: hidden; position: relative;}
	.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{font-size: 11px; color: #555;}
	.entry-meta a{color: #333; text-decoration: underline;}
	.entry-meta a:hover{color: #9a9657;}


	/*-----------------------------------*/
	/*-POST AUTHOR ----------------------*/
	.bypostauthor{padding: 30px 0 0 0; margin-bottom: 30px;}
	.bypostauthor img {float: left; margin: 0 15px 0 0;}
	.bypostauthor h4 {margin-bottom: 15px;}
	.bypostauthor p { margin-bottom: 0;}


/*-----------------------------------------------------------------------*/
/*- COMMENTS ------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
.comments{clear: both;}
.comments .section-title, #respond h3#reply-title{padding-top: 25px; margin-bottom: 20px; font-size: 28px; font-family: 'Roboto Condensed', sans-serif; color: #333;}

#respond{border-top: 1px solid #CCCAB1;}
.comment .reply{position: absolute; top: 0px; right: 0px; text-transform: uppercase; font-size: 12px;}
#respond #submit{padding: 10px;}

ul.comment-container{}

	li.comment:first-child{border-top: none; padding: 0px;}
	li.comment{padding-top: 25px; margin-bottom: 0px;  clear: both; position: relative; overflow: hidden; border-top: 1px solid #CCCAB1;}
	.comment-avatar{float: left; width: 10%;}
	.comment-avatar img{display: block;}

	.comment-post{float: right; width: 85%; margin-bottom: 15px; padding-bottom: 15px; position: relative;}
	.comment-post p{margin-bottom: 25px;}
	.pingback{margin-bottom: 15px; padding-bottom: 15px;}

	.comment h4.comment-name{display: block; padding: 0px; margin: 0px; font-size: 15px; color: #333; font-weight: bold;}
	.comment h4.comment-name a{color: #9a9657; font-weight: normal;}
	.comment h4.comment-name a:hover{color: #111;}

	.comment-post .date{padding: 0; margin: 0 0 20px 0; text-align: left; background: none; font-size: 12px;}
	.comment-post .date a{margin-bottom: 20px; font-variant: small-caps; color: #777;}
	.comment-post .date a:hover{color: #111;}

	.comment-reply-link{display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; cursor: pointer; color: #9a9657;}
	.comment-reply-link:hover{color: #111;}

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


	/*-----------------------------------*/
	/*- THREADED COMMENTS ---------------*/
	.children .comment{border-top: 1px solid #CCCAB1; padding: 20px 0px 0px;}
	.children .comment:first-child{border-top: 1px solid #CCCAB1; padding: 20px 0px 0px;}

	.comment-container .children{overflow: hidden; padding: 0 0 0 25px; margin: 0 0 0 15%; display: block; clear: both; min-height: 60px; }
	.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-post{width: 100%; position: relative;}
	.comment-container .children .comment-avatar{display: none;}

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

/*-----------------------------------------------------------------------*/
/*- RIGHT COLUMN --------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
ul.widget-list li.widget{margin-bottom: 40px;}
ul.widget-list li.widget li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;}
ul.widget-list li.widget .content a{color: #9a9657; 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 {padding-bottom: 10px; margin-bottom: 10px; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; color: #333;}
h4.widgettitle a {color: #333;}
h4.widgettitle a:hover {color: #555;}

ul.widget-list li select {max-width: 100%;}
	/*-----------------------------------*/
	/*- SEARCH --------------------------*/
	#searchform{overflow: hidden;}
	#searchform label{padding-bottom: 10px; margin-bottom: 10px; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; color: #333; font-weight: normal;}
	#searchform input[type=text]{float: left; width: 70%; padding: 5px; margin: 0; border: 1px solid #ccc; border-radius: 0px;}
	#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: inline; font-style: italic;}


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

	/*-----------------------------------*/
	/*- RECENT --------------------------*/
	.widget_recent_entries li a{display: block;}


	/*-----------------------------------*/
	/*- 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: 20px; padding: 0px; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; color: #333;}
	#footer a{}
	#footer a:hover{}
	#footer .footer-three-column{max-width: 940px; margin: 0px auto 20px auto; overflow: hidden;}

		/*-------------------------------*/
		/*- FOOTER COLUMNS --------------*/
		#footer ul{ overflow: hidden;}
		#footer ul li.column{float: left; width: 31.271478%; margin: 0 3.092784% 30px 0; }
		#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; max-width: 940px; margin: 0px auto; padding: 15px 0px; overflow: hidden; border-top: 1px solid #cccab1; font-size: 13px; }
		.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, 255 ); /* rgba fallback, #fffff1 */
	background-color: rgba( 255, 255, 255, 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 */
	color: #9a9657;
	padding: 0;
	background: none;
	border-radius: none;
}
.infinite-scroll #infinite-handle:hover span{text-decoration: underline;}
.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; position: relative;}
		#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 ------------------*/
		.logo{float: none; margin: 0px;}

		#menu-drop-button{display: block; height: 30px; width: 30px; position: relative; top: 0px; left: 20px; background: #f0f0f0 url(images/layout/drop-down.png) center no-repeat; background-size: 60px 60px; border-radius: 0px 0px 5px 5px;}
			/*#menu-drop-button.toggled-on { top: 20px }*/

		ul#nav.toggled-on { display: block; }
		ul#nav{display: none; clear: both; padding: 0px; margin: 10px -10px -10px; background: #333; position: relative; right: 0;}
		ul#nav li{float: none; width: 100%; margin: 0px; padding: 0px 0px;}
		ul#nav li a{display: block; padding: 10px 20px; border-bottom: 1px dotted #555; color: #ccc;}
		ul#nav li a:hover{color: #fff;}
		ul#nav ul.sub-menu{ background: #333; display: block; position: relative; top: 0; }
		ul#nav ul.sub-menu li { width: 100%; }
		ul#nav ul.sub-menu li a{ color: #c1c1c1; text-indent: 15px; }

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

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