/*
Theme Name: Surplus Child Theme
Description: Surplus Child Theme
Author: Felix Jung
Author URI: http://avoision.com/
Template: Surplus
Version: 0.1
*/

@import url("../Surplus/style.css");


/*
    Brown Links: #9F7359;
    Orange Highlight: #D95B43;
    OriginalTeal: #79B5AC;
    Nav Light Black: #555555;
    Nav Off Black Highlight: #2D2D2D
    Background: #F0F0F0;
*/



/*======================================================*/
/*  Structural Adjustments
/*======================================================*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.55;
    background-image: url(/wp/wp-content/themes/Surplus-Child-Theme/images/bg/v3/darkdenim3.png) !important;
}

a:link, a:visited {
/*     color: #9F7F6C; */
    color: #9F7359;
}

.post a,
#single-portfolio a {
    font-weight: 600;
    font-size: 14px;
}


a:hover {
    color: #D95B43;
    font-style: normal;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6,
#page-heading h1, #page-heading h2
{
    color: #555555;
    line-height: 1.2em;
    font-weight: bold;
    font-family: 'Merriweather';
}

h2 a, h3 a, h4 a {
    color: #555555 !important;
}

h2 a:hover, h3 a:hover, h4 a:hover {
    color: #D95B43 !important;
    text-decoration: none;
}

.heading h2 {
    color: #555555;
}


#comments, #comments-respond {
    color: #555555;
}

#page-heading h1, #page-heading h2 {
    text-transform: none;
    max-width: 850px;
    line-height: 27px;
}


#masterhead {
    border-bottom: 4px solid #000000;
    border-top: 4px solid #000000;
    padding: 15px 0 25px 0;
    position: relative;
    text-align: left;
}

#headaside {
    text-align: center;
}

#logo img {
    display: inherit;
    float: left;
    line-height: 0;
    margin: 0;
    max-width: 100%;
    padding: 0 20px 0 0;
}

.site-description {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #666;
    text-transform: none;
    padding: 8px 0 0 0;
    float: right;
}

.site-description span {
    border-bottom: none;
}

.post {
    float: left;
    width: 600px;
}

.post figure {
  margin-block-start: 0;
  margin-block-end: 0;
}

#wrapper {
    width: 950px;
    background: #FFFFFF;
/*
    background: #FFF;
    background: #F1F1F1;
    background: #F2F2F2;
*/
}


#sidebar {
    float: right;
    font-size: 13px;
    width: 300px;
}


.sub-menu li a {
    letter-spacing: 0.1em;
    font-weight: normal !important;
}


#single-nav .prev {
    padding: 0 10px 0 0;
}

#single-nav .root {
    padding: 0;
}

#single-nav .next {
    padding: 0 0 0 10px;
}


#single-nav .awesome-icon-chevron-left,
#single-nav .awesome-icon-th,
#single-nav .awesome-icon-th a,
#single-nav .awesome-icon-chevron-right {
    font-size: 25px;
}

#single-nav a {
    color: #555555;
}

#single-nav a:hover {
    color: #79B5AC;
}


#headaside a:hover {
    background: #79B5AC !important;
}

#headaside {
    display: none;

}

.mastersocial-toggle,
.notification-toggle {
    background: #555555;
}

.mastersocial-toggle-active,
.mastersearch-toggle:hover,
.notification-toggle-active,
.notification-toggle:hover {
    background: #79B5AC !important;
}


#notification-bar {
    background: #555555;
    color: #79B5AC;
    font-size: 15px;
}

.master-social-links {
    background: #555555;
}

#masternav a,
#headaside a
{
    text-decoration: none;
}

#masternav .selector {
    margin-top: 0 !important;
}

.selector {
    color: #FFF;
}


.sf-menu a {
    padding: 0 20px;
}

.sf-menu ul {
    width: 220px;
}

.sf-menu > li {
    border-right: 2px solid #F0F0F0;
}



#masternav a:hover {
    background-color: #000 !important;
}

div.sharedaddy .sd-content {
    float: none !important;
}

.home .flex-direction-nav {
    display: none;
}

.home .full-slides .caption {
    top: 75%;
}

/*======================================================*/
/*  Tags, Buttons, Etc
/*======================================================*/

.button {
    font-weight: normal;
    margin-top: 5px;
    padding: 5px 12px;
}

#commentSubmit {
    text-transform: none;
    font-size: 12px;
    letter-spacing: inherit;
    background-color: #555555;
    color: #EFEFEF;
}

.button.custom-black {
    background-color: #555555;
    color: #EFEFEF;
/*     font-weight: normal; */
    letter-spacing: 0.1em;

}

.button.custom-black:hover {
    background-color: #D95B43 !important;
    color: #FFF;
    opacity: 1.0 !important;
    text-decoration: none;
}

#tagButtons a {
    text-decoration: none !important;
}



.read-more {
    float: right;
    display: block;
    background: #555555;
    color: #FFF !important;
    padding: 5px 12px;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.1em;
}

.read-more:hover {
    text-decoration: none;
}


/*======================================================*/
/*  Pages
/*======================================================*/
#page-featured-img { display: none; }



/*======================================================*/
/*  Home Page
/*======================================================*/

.hp-highlight {
    float: left;
    width: 300px;
    margin-right: 25px;
    margin-bottom: 30px;
}

.hp-highlight-content {
    background: #E0E0E0;
}

.hp-highlight-content h3 {
    text-transform: capitalize;
    color: #555;
}


.hp-highlight-content p {
    color: #555555;
}

.hp-highlight:hover .hp-highlight-content,
.hp-highlight-link:hover .hp-highlight-content {
    background: #2D2D2D;
}

.hp-highlight:hover .hp-highlight-content p,
.hp-highlight-link:hover .hp-highlight-content p {
    color: #999;
}






.portfolio-item {
    overflow: hidden;
    position: relative;
    float: left;
    width: 220px;
    margin-right: 22.5px;
    margin-bottom: 22.5px;
}

.full-slides .caption {
    position: absolute;
    left: 25px;
    top: 375px;
    font-weight: 700;
    font-size: 13px;
}

.full-slides .caption h3 {
    font-family: 'Merriweather', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: white;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
}

.full-slides .caption p {
    font-weight: 200;

    background: #555;
    float: left;
    padding: 5px 10px;
    margin: 0;
}

.flex-direction-nav .prev,
.flex-direction-nav .next
 {
    background: #555 !important;
    color: #FFF !important;
}

.flex-direction-nav .prev:hover,
.flex-direction-nav .next:hover
 {
    background: #D95B43 !important;
    color: #FFF !important;
}

.flex-direction-nav li span {
    padding: 3px 0 0 0;
}


.home-entry {
    margin-bottom: 25px;
    width: 220px;
    float: left;
    margin-right: 22.5px;
}

.home-entry img {
    width: 100%;
    margin-bottom: 5px;
}

.home-entry h3 {
    font-size: 12px;
    margin: 0;
    line-height: 17px;
}

.home-entry h3 a:link,
.home-entry h3 a:visited {
    color: #9F7359 !important;
}

.home-entry h3 a:hover {
    color: #D95B43 !important;
    text-decoration: underline;
}



/*======================================================*/
/*  Blog Sidebar
/*======================================================*/

#callout1,
#callout2 {
    height: 200px;
}

#callout1 p, 
#callout2 p {
    display: none;
} 

.callout-content {
    position: relative;
    background-image: url(/portnoy/images/structural/v5/pngs/transparent60.png);
    height: 30px;
    width: 100%;
    max-width: 300px;
    top: -35px;
}

.calloutTitle {
    position: relative;
    top: 5px;
    left: 10px;
    color: #FFF;
}

#search {
    background: #555;
    color: #FFF;
    margin: 0;
}

#search:focus {
    border: none !important;
    background: #333;
    color: #FFF;
}

.widget_recent_entries {
    line-height: 18px;
}

.widget_recent_entries span {
    display: none;
}



.widget_recent_entries li a:link,
.widget_recent_entries li a:visited {
    padding: 5px;
    display: block;
    color: #555 !important;
}



.widget_recent_entries li a:hover {
    display: block;
/*
    background: #79B5AC;
    color: #FFF !important;
*/

    background: #F1F1F1;
    color: #D95B43 !important;

}

.instagram-image {
    width: 65px;
    padding: 0 !important;
    background-color: white;
    float: left;
    margin-right: 10px !important;
    margin-top: 5px !important;
}

#contactSidebar i {
    font-size: 15px;
    padding: 0 5px 0 0
}

#contactSidebar span {
    margin: 0 5px 10px 0;
}

.sidebar-box h4 {
    color: #79B5AC;
    font-size: 13px;
    line-height: 19px;
}


/* Recent Comments */

.recentcomment {
	margin: 0 0 20px 0;
}

.recentcomment .avatar {
	float: left;
	margin: 3px 0 0 0;
}

.recentcomment-text {
	display: block;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    padding: 5px 0 0 60px;
}

.recentcomment-title a:link, .recentcomment-title a:visited {
    font-family: 'Merriweather';
    font-size: 12px;
    color: #9F7359 !important;
    display: block;
    margin: 5px 0 0 0;
    line-height: 1.7em;
}

.recentcomment-title a:hover {
    color: #D95B43 !important;
    text-decoration: underline;

}


/*======================================================*/
/*  Blog Home / Pagination
/*======================================================*/

.blogHomeComments,
.blogHomeComments a {
    float: right;
    font-size: 12px !important;
    margin: 0px;
    font-weight: normal;
}

.page-pagination span.current {
    border-color: #79B5AC;
    background: #79B5AC;
    color: #FFF;
}

.page-pagination a:link,
.page-pagination a:visited {
    text-decoration: none;
    background-color: #FFF;
    border-color: #CCC;
}

.page-pagination a:hover {
    border-color: #79B5AC;
    background: #79B5AC;
    color: #FFF;
}

.loop-entry h2,
.loop-entry h2 a {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
}



/*======================================================*/
/*  Single Blog
/*======================================================*/

.loop-entry {
    border-bottom: 1px solid #CCC;
}

.loop-entry-meta {
    padding: 5px 0 0 0;
}

.loop-entry-meta span {
    padding: 0;
}


.loop-entry-meta .blogHomeDate {
    padding: 0 8px;
    color: #AAA;
    font-size: 12px;
}


.post-meta {
    color: #999;
    font-size: 12px;
    margin-left: 0;
}


#nav-below {
    margin: 15px 0 0 0;
    padding: 15px 0 15px 0;
    border-top: 1px solid #DDDDDD;
    overflow: hidden;
}

#nav-below a {
    font-weight: normal;
}

.nav-previous {
    float: left;
    text-align: left;
}


.nav-next {
    float: right;
    text-align: right;
}

.nav-previous,
.nav-next {
    max-width: 290px;
}





/*======================================================*/
/*  Google Ads
/*======================================================*/

#google-horizontal {
    border-top: 1px solid #DDDDDD;
    text-align: center;
    padding: 15px 0 0 0;
}

#google-horizontal-flash {
    text-align: center;
    padding: 0;
}

#google-sidebar {
    text-align: center;
}


/*======================================================*/
/*  Amazon Affiliate Links
/*======================================================*/
.advert {
    border-top: 1px #ccc solid;
    margin-top: 30px;
    padding-top: 15px;
}
.amazonThumbnail {
    float: left;
    margin-right: 15px;
}
.amazonAuthor {
    font-size: 13px;
    margin-bottom: 10px;
}

/*======================================================*/
/*  Comments
/*======================================================*/

#commentform textarea {
    font-size: 13px;
}

#commentsbox {
    margin-top: 30px;
}

#commentsbox .avatar {
    border: none;
}

.bypostauthor .avatar {
   border: 4px solid #79B5AC !important;
}


.comment-content {
    padding: 0 0 0 10px;
}

#comments {
    border-top: none;
}

.comment-author a:link,
.comment-author a:visited {
    color: #9F7359;
    text-decoration: none;
}

.comment-author a:hover {
    color: #D95B43;
}


.comment-meta {
    background: none;
    font-size: 11px;
    color: #666;
    margin: 0 0 0 5px;
}

.comment-body {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.reply {
    float: right;
}

.comment-reply-link {
    font-size: 11px;
    color: #D95B43;
}

.comment-reply-link:hover {
    text-decoration: none;
    font-style: normal;
}



/*======================================================*/
/*  Portfolio
/*======================================================*/

.portfolio-toggle-link {
    background: #555555;
    color: #FFF !important;
}

.portfolio-toggle-link:hover, .toggle-active {
    text-decoration: none;
    background: #2D2D2D;
    color: #FFF;
}

#portfolio-cats {
    background: #2D2D2D;
}

.portfolio-filter ul a {
    color: #999;
}

.portfolio-filter ul a:hover {
    text-decoration: none;
    color: #FFF;
    background: #79B5AC;
}


#stacked-portfolio-imgs img,
#stacked-portfolio-imgs img:hover {
    opacity: 1.0;
}



/*======================================================*/
/*  Single Portfolio
/*======================================================*/


#single-portfolio-left {
    float: left;
    width: 360px;
}



/*======================================================*/
/*  About Page
/*======================================================*/

.accolade {
    margin: 0 0 15px 0;
}

.accolade a:hover {
    color: #9F7359 !important;
}


.accolade .accolade-main {
    font-family: 'Merriweather';
    font-weight: bold;
}

.accolade .accolade-sub,
.accolade .accolade-sub a {
    color: #AAA !important;
}


/*======================================================*/
/*  Archive, Blog Index
/*======================================================*/

.page-pagination a, .page-pagination span {
    margin-bottom: 10px;
}



/*======================================================*/
/*  Footer
/*======================================================*/

#footer-bottom {
    border-bottom: 4px solid #79B5AC;
}

#footer-widget-wrap {
    padding: 20px 0;
    line-height: 1.4em;
    font-size: 13px;
    color: #CCC;
}


#footer-widget-wrap a:link,
#footer-widget-wrap a:visited {
    color: #9F7359 !important;
}

#footer-widget-wrap a:hover {
    color: #D95B43 !important;
}

.footerPic {
    float: left;
    width: 150px;
    padding: 0 15px 0 0;
}

#menu-footer-nav-preset li a {
    text-transform: uppercase;
    color: #9F7359;
}

#menu-footer-nav-preset li a:hover {
    color: #D95B43;
}

.toplink {
    background: #79B5AC;
}

.toplink:link {
    color: #FFF;
}

.toplink:hover {
    background: #D95B43;
}


/*======================================================*/
/*  Old Flash Projects
/*======================================================*/

.experiment {
    width: 100%;
    margin: 15px auto;
    text-align: center;
}

#youare,
#virus,
#pi10k,
#gould {
    background: #333;
}

#flickrTwitterThinker {
    width: 100%;
    margin: 0 auto 15px auto;
    text-align: center;
    padding: 15px 0 0 0;
    background: #333;
}

.ftt-head {
    font: 18px Merriweather, serif;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.ftt-step {
	font: 16px Merriweather, serif;
	color: #666;
	margin: 0 0 10px 0;
	text-decoration: underline;
}

.ftt-files td {
    margin: 0 10px 0 0;
}


#round {
    background: #FFF;
}

#onefiction {
    background: #000;
}

#headinhands {
    background: #404040;
}








/*======================================================*/
/*  Pecha Kucha
/*======================================================*/

.pk-header {
	margin: 5px 0;
	padding: 10px 0 0 0 !important;
	color: #555555;
	font-size: 16px !important;
}

#pknav {
	font: 13px Merriweather, serif;
	text-transform: lowercase;
	color: #666;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 0 5px 0;
	margin: 0 0 25px 0;
}

#pknav a:link, #pknav a:visited, .pkphoto a:link, .pkphoto a:visited {
	font: 13px Merriweather, serif;
	text-decoration: none;
	color: #9F7359;
	font-weight: normal;
}

#pknav a:hover, .pkphoto a:hover {
	color: #D95B43;
	text-decoration: underline;
	font-weight: normal;
}

.pkactive {
	color: #555555;
	text-decoration: underline;
}

.pkaccent {
	font: 17px helvetica, arial, sans-serif;
}

.pkphoto {
	font: 11px helvetica, arial, sans-serif;
	text-transform: lowercase;
	text-align: right;
	margin: -10px 0 0 0;
}

.pkindent {
	padding: 0 35px 0 35px;
}


/*======================================================*/
/*  Writing
/*======================================================*/

#writingPageFooter {
    font-size: 12px;
    border-top: 1px solid #CCC;
    margin: 50px 0 0 0;
    padding: 15px 0 0 0;
}

.writingHeader {
	margin: 0;
	padding: 0 0 5px 0 !important;
	color: #555555;
	font-size: 16px !important;
}


#writingPageFooter a {
    font-size: 12px;
}

.poemListing {
    margin: 0 0 40px 0;
}


/*======================================================*/
/*  Desktops
/*======================================================*/

.desktop-header {
	border-top: 1px solid #CCC;
	margin: 0 0 20px 0;
	color: #555555;
	font-size: 16px;
	padding: 10px 0 10px 0;
}

.desktop {
	margin: 50px 0 0 0;
	padding: 0 0 0 0;
}


/*======================================================*/
/*  Misc
/*======================================================*/

.quote
{
	margin: 20px;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #555555;
	font-size: 15px;
	line-height: 1.4;
	padding: 0 20px 0 20px;
	border-left: 3px solid #79B5AC;
}


.QAquestion {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 0 5px 0;
    color: #555;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #CCC;
}

.QAthumb {
    float: left;
    margin: 5px 10px 5px 0;
}


/*======================================================*/
/*  Speaking / Testimonials
/*======================================================*/
.testimonial-author { display: none; }

.testimonialSource,
.testimonialSource a,
.testimonialSource a:visited {
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
}

#testimonials-wrap h4 {
    color: #79B5AC;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/*======================================================*/
/*  Videos
/*======================================================*/
p > iframe {
    width: 100% !important;
}


audio {
    border: 1px solid #ccc;
    width: 100%;
}