/*

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: 840px){

	body.custom-background {background-size: auto 320px !important;}

}

@media screen and (max-width: 780px){

	body.custom-background {background-size: auto 300px !important;}

	#header-tag {height: 120px;}

}

@media screen and (max-width: 650px){

	body.custom-background {background-size: auto 225px !important;}

	#header-tag {height: 80px; padding-top: 90px;}

}

@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 !important;}

    #header-tag {display: none;}

	#topnav-wrapper {margin-bottom: 100px;}

}



/*---------------------------------------------------------------

  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 > .content img {clear: both; display: block; height: auto; margin: 13px auto; 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;}