/*
Theme Name: Fresh Tart
Author: New Nine Media
Author URI: http://www.newnine.com
Description: Just another custom WordPress theme by the fine folks at <a href="http://www.newnine.com" target="_blank">New Nine</a>!
Version: 2013
*/

/*---------------------------------------------------------------
  Reset default browser CSS
---------------------------------------------------------------*/
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, 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 {border: 0; font-family: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
:focus {outline: 0;}
body, html {background: #fff; font: 13px 'Muli', arial, helvetica, sans-serif; line-height: 1; text-align: center;}
h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: normal;}
input, textarea {font-family: inherit; font-size: inherit; resize: none; outline: none;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
sup, sub {height: 0; font-size: 70%; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}

/*---------------------------------------------------------------
  Theme Universals
---------------------------------------------------------------*/
a {color: #1982d1; text-decoration: none;}
label, input[type="submit"] {cursor: pointer;}
.aligncenter {clear: both; display: block; margin: 0px auto;}
.alignleft {float: left;}
.alignright {float: right;}
.clear, .clearboth {clear: both;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.hm {display: none;}
#printfriendly br {display: block !important;}

/*---------------------------------------------------------------
  Header
---------------------------------------------------------------*/
body {background: url(images/bg_site.jpg) no-repeat center top;}
.wrapper {margin: 0 auto; max-width: 960px; text-align: left; width: 100%;}
#topnav-wrapper {background: rgba(255,255,255,.45);}
#topnav {height: 24px; padding: 12px 0 0 0;}
#topnav > div.hm {display: block;}
#topnav > div > ul {font-size: 0; text-align: center;}
#topnav > div > ul > li {border-left: 1px solid #000; font-size: 10px; display: inline; letter-spacing: 0.1em; line-height: 1.25; padding: 0 12px; text-align: center;}
#topnav > div > ul > li:first-child {border-left: none;}
#topnav > div > ul > li > a {color: #000; text-transform: uppercase;}
#topnav > div > ul > li > a:hover {color: #006699;}
#topnav-toggle {display: none;}
#header-tag {color: #fff; font-size: 17px; font-weight: 400; letter-spacing: .2em; height: 188px; padding: 126px 0 0 180px;}
@media screen and (max-width: 960px){
    body {padding: 0 13px;}
	#topnav-wrapper {margin: 0 -13px;}
	#topnav-toggle {display: block; float: right;}
	#topnav-toggle a {color: #000; display: block; padding: 12px;}
	#topnav {height: auto; padding: 0;}
	#topnav > div {border-top: 1px solid rgba(255,255,255,.85); clear: both;}
	#topnav > div.hm {display: none;}
	#topnav > div > ul > li {display: block; border: none; font-size: 12px;}
	#topnav > div > ul > li > a {display: block; padding: 6px;}
    #header-tag {padding-left: 12%;}
}
@media screen and (max-width: 780px){
	body.custom-background {background-size: auto 300px;}
	#header-tag {height: 120px;}
}
@media screen and (max-width: 650px){
	body.custom-background {background-size: auto 225px;}
	#header-tag {height: 80px; padding-top: 80px;}
}
@media screen and (max-width: 600px){
    #header-tag {font-size: 14px; padding-left: 10%; text-align: left;}
}
@media screen and (max-width: 500px){
	body.custom-background {background-size: auto 150px;}
    #header-tag {display: none;}
	#topnav-wrapper {margin-bottom: 50px;}
}

/*---------------------------------------------------------------
  Archives, Tags, Categories, and Search Results
---------------------------------------------------------------*/
#archive-title h1 {border-bottom: 1px solid #333; color: #333; font-size: 18px; padding: 0 0 11px 0;}
#archive-title {padding: 0 0 11px 0;}
#pagination li {display: inline-block; *display: inline; zoom: 1;}
#pagination li span, #pagination li a {display: block; margin: 0 4px 4px 0; padding: 4px;}
#pagination li span {background: #eaeaea;}

/*---------------------------------------------------------------
  Singular
---------------------------------------------------------------*/
#page-left {float: left; width: 68.75%;}
#page-left > .content {letter-spacing: 1.3px; line-height: 22px;}
#page-left > .content p, #page-left > .content ol, #page-left > .content ul, #page-left > .content h2, #page-left > .content h3 {margin: 13px 0;}
#page-left > .content ol, #page-left > .content ul {margin-left: 2em;}
#page-left > .content ol {list-style: decimal;}
#page-left > .content ul {list-style: disc;}
#page-left > .content img {clear: both; display: block; height: auto; margin: 13px auto 13px 0; max-width: 100%;}
#page-left > .post.content {padding: 0 0 70px 0;}
#page-left > .post.content a:hover {text-decoration: underline;}
#page-left > .post.content h1.post-title {font-size: 18px; font-weight: 400; text-transform: uppercase;}
#page-left > .post.content .archive-meta-header {color: #333; font-size: 12px;}
#page-left > .post.content .archive-meta-footer {border-top: 1px solid #000; color: #333; font-size: 12px;}
#page-left > .post.content .archive-meta-footer a {font-weight: bold;}
#page-left > .post.content .archive-meta-footer ul {list-style: none; margin: 0; padding: 13px 0 0 0;}
#page-left > .post.content .archive-meta-footer ul li a {font-weight: normal;}
#page-left > .post.content .archive-meta-footer ul li#postnav-previous {float: left;}
#page-left > .post.content .archive-meta-footer ul li#postnav-next {float: right;}
img.side-by-side-image {display: block; height: auto; margin: 0 0 .5em 0; width: 100%;}
#old-comments h3 {color: #1982d1; font-size: 120%; margin: 0 0 13px 0;}
ol.commentlist > li {border-bottom: 1px solid #ccc; line-height: 1.5; padding: 13px 0;}
ol.commentlist .comment-body p {padding: 8px 0 0 0;}
@media screen and (max-width: 600px){
    #page-left {clear: both; float: none; margin: 13px auto; width: 100%;}
}

/*---------------------------------------------------------------
  Contact Form
---------------------------------------------------------------*/
.form-row {padding: 0 0 20px 0;}
.form-row label {display: block; letter-spacing: 0.1em; padding: 0 0 3px 0;}
.form-row input, .form-row textarea {border: 1px solid #39c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 2px 0; width: 100%;}
.form-row textarea {height: 125px;}
@media screen and (max-width: 600px){
	#form-btn {padding: 0 0 20px 0; text-align: center;}
}

/*---------------------------------------------------------------
  Sidebar
---------------------------------------------------------------*/
#sidebar {float: right; width: 20.83%;}
.sidebar-box {border-bottom: 1px solid #ddd; font-size: 11px; margin: 0 0 25px 0; padding: 0 0 25px 0;}
.sidebar-box.widget h3.widget-title {color: #069; font-size: 12px; letter-spacing: 0.1em; line-height: 1.2; padding: 0 0 15px 0; text-align: center; text-transform: uppercase;}

.sidebar-box.widget_search {text-align: center;}
.sidebar-box.widget_search label {display: none;}
.sidebar-box.widget_search input#s {display: block; border: 1px solid #ccc; margin: 0 0 15px 0; padding: 4px 0; width: 98%;}
.sidebar-box.widget .widget-page-featured-image img {display: block; height: auto; width: 100%;}
.sidebar-box.widget.widget_page_in_sidebar p {line-height: 18px; letter-spacing: .1em; padding: 8px 0 0 0;}
.sidebar-box.widget.widget_page_in_sidebar a:hover {text-decoration: underline;}
.sidebar-box.widget.widget_fresh_tart_archive_list ul {text-align: center;}
.sidebar-box.widget.widget_fresh_tart_archive_list ul li {line-height: 18px; text-align: center;}
.sidebar-box.widget.widget_fresh_tart_archive_list ul li.archive-year, .sidebar-box.widget.widget_fresh_tart_archive_list ul li.archive-year-separator {padding: 0 0 8px 0;}
.sidebar-box.widget.widget_fresh_tart_archive_list ul li.archive-year {padding-top: 1em;}
.sidebar-box.widget.widget_fresh_tart_archive_list ul li.archive-year-separator hr {border: none; background: #000; height: 1px; display: block; margin: 0 auto; width: 30%;}
.sidebar-box.widget.widget_fresh_tart_archive_list ul li a {color: #000;}
.sidebar-centered-icon-list {text-align: center;}
.sidebar-centered-icon-list li {display: inline-block; *display: inline; zoom: 1;}
.sidebar-centered-icon-list li a {display: block; height: 32px; width: 32px;}
.sidebar-centered-icon-list li a#sidebar-facebook {background: url(images/sm-facebook2.png) no-repeat left top;}
.sidebar-centered-icon-list li a#sidebar-facebook:hover {background: url(images/sm-facebook2.png) no-repeat left bottom;}
.sidebar-centered-icon-list li a#sidebar-twitter {background: url(images/sm-twitter2.png) no-repeat left top;}
.sidebar-centered-icon-list li a#sidebar-pinterest {background: url(images/sm-pinterest2.png) no-repeat left top;}
.sidebar-centered-icon-list li a#sidebar-instagram {background: url(images/sm-instagram2.png) no-repeat left top;}
.sidebar-centered-icon-list li a#sidebar-twitter:hover {background: url(images/sm-twitter2.png) no-repeat left bottom;}
.sidebar-centered-icon-list li a#sidebar-pinterest:hover {background: url(images/sm-pinterest2.png) no-repeat left bottom;}
.sidebar-centered-icon-list li a#sidebar-instagram:hover {background: url(images/sm-instagram2.png) no-repeat left bottom;}
.sidebar-centered-icon-list li a#sidebar-rss {background: url(images/sm-rss2.png) no-repeat left top;}
.sidebar-centered-icon-list li a#sidebar-rss:hover {background: url(images/sm-rss2.png) no-repeat left bottom;}
.sidebar-centered-icon-list li a#sidebar-email {background: url(images/sm-email2.png) no-repeat left top;}
.sidebar-centered-icon-list li a#sidebar-email:hover {background: url(images/sm-email2.png) no-repeat left bottom;}
#sidebar [class*="lambda"] {text-align: center;}
@media screen and (max-width: 600px){
    #sidebar {clear: both; float: none; width: 100%;}
}

/*---------------------------------------------------------------
  Footer
---------------------------------------------------------------*/
#footer {letter-spacing: 0.1em; line-height: 1.5; padding: 0 0 25px 0;}
#footer ul {font-size: 0;}
#footer ul li {display: inline; border-left: 1px solid #333; color: #333; font-size: 10px; padding: 0 4px;}
#footer ul li:first-child {border-left: none; padding-left: 0;}
#footer ul li a {font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: bold;}