/*
Theme Name: nick onken shoptalk
Theme URI: http://ratafia.info
Version 1.0
Author: We the Media
Author URI: http://wtmworldwide.com/
*/

/*
 LAYOUT (widths, positining, etc.)--VISUAL STYLING BEGINS LINE 371
*/
* {
 margin: 0;
 padding: 0;
}
body { position: relative; }

#logo {
 display: block;
 height: 64px;
 left: 0px;
 position: fixed;
 top: 0;
 width: 343px;
 z-index: 9999;
 background: url('images/logo.png') top left no-repeat;
}

h1 {line-height: 20pt;}

#logo a { text-indent: -1000em; display: block; }
#logo a#portfolio_home { height: 57px; width: 125px; float: left; margin-right: 10px;}
#logo a#blog_home { height: 57px; width: 200px;  float: left;}

#content, #nextprev {
 position: relative;
 width: 940px;
}
#content {
 padding-top: 85px;
 width: 940px;
}
#content #content_type {
 margin: 20px auto;
 padding: 10px 0;
 width: 500px;
}
#content .hentry { margin-bottom: 47px; }
#content .meta { height: 78px; position: relative;
}
#content .meta h1, #content .meta .published, #content .meta .categories {
 position: absolute;
}
#content .meta h1, #content .meta .categories { left: 160px; }
#content .meta h1 { bottom: 25px; }
#content .meta .categories { bottom: 9px; }
#content .meta .published, #content .meta .published span {
 position: absolute;
}
#content .meta .published {
 height: 78px;
 left: 0;
 top: 0;
 width: 146px;
}
#content .meta .published span {
 margin-left: 80px;
 width: 60px;
}
#content .meta .published .day {
 bottom: 25px;
 height: 30px;
 left: 3px;
 width: 33px;
}
#content .meta .published .month {
 bottom: 58px;
 height: 10px;
 width: 43px;
}
#content .meta .published .year {
 bottom: 12px;
 height: 10px;
 left: 6px;
 width: 28px;
}

/* position: relative; left: 20px; */
#content .entry-content {
 margin-left: 160px;
 margin-top: 21px;
}

#content .entry-content blockquote { border-left: 1px solid #ccc; padding-left: 20px;}
#content .entry-content blockquote p { font-style: italic; }
#content .entry-content p { margin-top: 1em; }
#content .entry-content a { padding: 0 1px;  color: #da2223; }
#content .entry-content a:hover { padding: 0 1px;  border-bottom: 1px dotted; }
#content .entry-content img {
 margin: 0 15px 15px 0;
 max-width: 775px;
}

#content .entry-content img.size-thumbnail {
max-width: 780px;
margin-left: -160px;
}

#content .entry-content img.size-large {
max-width: 940px;
margin-left: -160px;
}

#content .entry-content img.alignleft {
 margin-left: -160px;
 max-width: 950px;
}

#content .entry-content img.aligncenter {
 max-width: 780px;
 margin-left: 0px;
}

#content .entry-content img.alignright {
 margin: 0 0 15px 15px;
}

#content .entry-content img.size-medium {
max-width: 780px;
margin-left: 0px!important;
}

#content #comments {
 margin-bottom: 51px;
 margin-left: 150px;
 position: relative;
}

#content #comments li { padding: 42px 11px 44px 11px; }
#content #comments .title, #content #comments .comment-meta {
 padding-left: 17px;
}

#content #comments .title {
 margin: 0 0 8px 451px;
 padding-top: 18px;
}

#content #comments .comment-text {
 min-height: 60px;
 padding-right: 17px;
 width: 423px;
}

#content #comments .comment-text p+p { margin-top: 1em; }
#content #comments .comment-meta {
 left: 451px;
 position: absolute;
}
/* xxx */
#content #comments .moderation {
margin-bottom: 5px;
}
/* xxx */
#content #comments #new_comment {
 height: 160px;
 margin-top: 20px;
 padding: 13px 32px 54px 450px;
 position: relative;
}
#content #comments #new_comment form {
 padding-left: 17px;
}
#content #comments #new_comment label,
#content #comments #new_comment p {
 margin-top: 20px;
}
#content #comments #new_comment #c_author,
#content #comments #new_comment #c_email {
 height: 15px;
 padding: 0 3px;
 width: 278px;
}
#content #comments #new_comment #c_comment {
 height: 180px;
 left: 17px;
 padding: 3px;
 position: absolute;
 top: 20px;
 width: 409px;
}
#content #comments #new_comment .submit {
 bottom: -1px;
 height: 41px;
 position: absolute;
 right: -1px;
 width: 184px;
}

#content .interact { margin: 27px 0 0 160px; }
#content .interact .photostory { padding: 1px 0 0 20px; }
#content .interact .comments, #content .interact .social {
 float: left;
}
#content .interact .feedback {
 height: 20px;
 margin-top: 10px;
}
#content .interact .comments { padding-right: 15px; }
#content .interact .social { margin-left: 15px; }
#content .interact .social li { margin-right: 9px; }
#content .interact .social a {
 height: 16px;
 width: 16px;
}

#nextprev {
 height: 19px;
 margin-bottom: 51px;
}
#nextprev li {
 position: absolute;
 width: 40px;
}
#nextprev #previous {
 padding-left: 9px;
 left: 149px;
}
#nextprev #next {
 padding-right: 9px;
 right: 0;
}

#footer {
 bottom: 0;
 height: 40px;
 padding: 0 10px;
 position: fixed;
 width: 939px;
 z-index: 8888;
}
#footer ul { padding-top: 14px; }
#footer .social {
 float: left;
 height: 20px;
 margin-top: 14px;
 position: relative;
 width: 139px;
}
#footer .social ul {
 bottom: 19px;
 display: none;
 padding-top: 2px;
 position: absolute;
 width: 133px;
}
#footer .social a {
 display: block;
 padding: 5px 0 5px 12px;
}

#footer .nav_popup .nav li {
 padding: 2px 0 0 10px;
 width: 141px;
}
#footer .nav_popup.popped {
 bottom: 32px;
 left: 137px;
 height: 414px;
 padding: 32px 2px 0 2px;
 position: fixed;
 width: 822px;
}
#footer .nav_popup .popped_content,
#footer .nav_popup .popped_content .nav_list,
#footer .nav_popup .popped_content .nav_drilldown,
#footer .nav_popup .popped_content .nav_drilldown li .xoxo { display: none; }
#footer .nav_popup.popped .popped_content,
#footer .nav_popup .popped_content .active { display: block !important; }
#footer .nav_popup .popped_content .nav_drilldown,
#footer .nav_popup .popped_content .nav_content {
 bottom: 0;
 margin-left: 6px;
 position: absolute;
 top: 74px;
}
#footer .nav_popup .popped_content .nav_drilldown {
 width: 199px;
 z-index: 30;
}
#footer .nav_popup .popped_content .nav_drilldown ul,
#footer .nav_popup .popped_content .nav_content .content {
 height: 335px;
 overflow-y: auto;
}
#footer .nav_popup .popped_content .nav_drilldown ul {
 padding-top: 0;
 width: 199px;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_list li a,
#footer .nav_popup .popped_content .nav_drilldown .xoxo li,
#footer .nav_popup .popped_content .nav_drilldown .cat,
#footer .nav_popup .popped_content .nav_content li {
 display: block;
 float: none;
 padding: 9px 0 9px 15px;
}
#footer .nav_popup .popped_content .nav_content li {
 display: block;
 width: auto;
}
#footer .nav_popup .popped_content .nav_drilldown li .xoxo {
 display: none;
 position: absolute;
 left: 215px;
 top: 36px;
 width: 596px;
}
#footer .nav_popup .popped_content .nav_drilldown li .xoxo li {
 padding-left: 0;
 width: auto;
}
#footer .nav_popup .popped_content .nav_drilldown .categories li,
#footer .nav_popup .popped_content .nav_drilldown .nav_list li,
#footer .nav_popup .popped_content .nav_drilldown .nav_list li a {
 float: none;
 width: auto;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_list li.active a,
#footer .nav_popup .popped_content .nav_drilldown.nav_links li span.active {
 padding-bottom: 8px;
}
#footer .nav_popup .popped_content .nav_drilldown.nav_links .title {
 display: block;
 padding: 10px 0 8px 15px;
 width: 184px;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_type {
 height: auto;
 overflow: visible;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_type li {
 padding: 10px 0 8px 15px;
 width: 85px;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_type li.active { width: 84px; }
#footer .nav_popup .popped_content .nav_content {
 overflow-y: auto;
 position: absolute;
 right: 7px;
 width: 611px;
 z-index: 1;
}
#footer .nav_popup .popped_content .nav_content.wide { width: 811px; }
#footer .nav_popup .popped_content .nav_content.wide .content {
 height: 325px;
 padding: 5px;
}
#footer .nav_popup .popped_content .nav_content .content ul {
 float: none;
 padding: 0;
}
#footer .nav_popup .popped_content .nav_content .title {
 display: block;
 padding: 10px 0 8px 15px;
}
#footer .nav_popup #nav_popup_close {
 position: absolute;
 right: 15px;
 top: 15px;
}

#footer #searchform {
 padding-top: 13px;
 width: 188px;
}
#footer #searchform #s {
 height: 19px;
 padding: 3px 10px 0 10px;
 width: 146px;
}
#footer #searchform .submit { margin: 0 0 -7px -3px; float: right; }

#widgets {
 position: absolute;
 top: 0;
 width: 950px;
}
#widgets #subscribe {
 position: absolute;
 right: 0;
 top: 58px;
}
#widgets #subscribe #email {
 height: 17px;
 padding: 4px 10px 0 10px;
}
#widgets #subscribe .submit { margin-bottom: -7px; }
#widgets #twitter {
 position: absolute;
 right: 0;
 top: 8px;
 width: 475px;
}








/*
  DECORATIVE STYLING (fonts, colors, backgrounds...)
*/
html {
 background: #fff url('images/body_bg.gif') bottom center repeat-x fixed;
}
body {
 background: url('images/content_bg.gif') top center repeat-x;
 color: #7f7f7f;
 font: 62.5%Helvetica, Arial, sans-serif;
 line-height: 2em;
}
a {
 color: #666;
 text-decoration: none;
}

h2{
font-size: 14pt;
}

h3{
padding-top:15px;
clear:left;
}

form input.rounded {
outline: none;
 border-radius: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
}
input, textarea { font-family: inherit; }

.hidden { display: none; }



#content { font-size: 10pt; }
#content #content_type {
 background-color: #f9f9f9;
 border: 1px solid #ccc;
 font-size: 14pt;
 text-align: center;
}
#content .hentry { clear: both; }
#content .meta {
 line-height: 0;
 vertical-align: bottom;
}
#content .meta ul li, #content .meta ul {
 display: inline;
 list-style: none;
}
#content .meta .categories { color: #ababab; }
#content .meta .categories { font-size: 9pt; }
#content .meta .categories a:hover, #content .entry-content a:hover {
 border-bottom-color: #da2223;
}

#content .meta h1 { line-height: 1em; }
#content .meta .published {
 background: url('images/pubdate_bg.png') top right no-repeat;
}
#content .meta .published span {
 background: url('images/date_sprite.png') no-repeat;
 display: block;
 text-indent: -1000em;
}
#content .meta .published .month.January { background-position: -50px 0; }
#content .meta .published .month.February { background-position: -50px -10px; }
#content .meta .published .month.March { background-position: -50px -20px; }
#content .meta .published .month.April { background-position: -50px -30px; }
#content .meta .published .month.May { background-position: -50px -40px; }
#content .meta .published .month.June { background-position: -50px -50px; }
#content .meta .published .month.July { background-position: -50px -60px; }
#content .meta .published .month.August { background-position: -50px -70px; }
#content .meta .published .month.September { background-position: -50px -80px; }
#content .meta .published .month.October { background-position: -50px -90px; }
#content .meta .published .month.November { background-position: -50px -100px; }
#content .meta .published .month.December { background-position: -50px -110px; }
#content .meta .published .day.d01 { background-position: 0 0; }
#content .meta .published .day.d02 { background-position: 0 -30px; }
#content .meta .published .day.d03 { background-position: 0 -60px; }
#content .meta .published .day.d04 { background-position: 0 -90px; }
#content .meta .published .day.d05 { background-position: 0 -120px; }
#content .meta .published .day.d06 { background-position: 0 -150px; }
#content .meta .published .day.d07 { background-position: 0 -180px; }
#content .meta .published .day.d08 { background-position: 0 -210px; }
#content .meta .published .day.d09 { background-position: 0 -240px; }
#content .meta .published .day.d10 { background-position: 0 -270px; }
#content .meta .published .day.d11 { background-position: 0 -300px; }
#content .meta .published .day.d12 { background-position: 0 -330px; }
#content .meta .published .day.d13 { background-position: 0 -360px; }
#content .meta .published .day.d14 { background-position: 0 -390px; }
#content .meta .published .day.d15 { background-position: 0 -420px; }
#content .meta .published .day.d16 { background-position: 0 -450px; }
#content .meta .published .day.d17 { background-position: 0 -480px; }
#content .meta .published .day.d18 { background-position: 0 -510px; }
#content .meta .published .day.d19 { background-position: 0 -540px; }
#content .meta .published .day.d20 { background-position: 0 -570px; }
#content .meta .published .day.d21 { background-position: 0 -600px; }
#content .meta .published .day.d22 { background-position: 0 -630px; }
#content .meta .published .day.d23 { background-position: 0 -660px; }
#content .meta .published .day.d24 { background-position: 0 -690px; }
#content .meta .published .day.d25 { background-position: 0 -720px; }
#content .meta .published .day.d26 { background-position: 0 -750px; }
#content .meta .published .day.d27 { background-position: 0 -780px; }
#content .meta .published .day.d28 { background-position: 0 -810px; }
#content .meta .published .day.d29 { background-position: 0 -840px; }
#content .meta .published .day.d30 { background-position: 0 -870px; }
#content .meta .published .day.d31 { background-position: 0 -900px; }
#content .meta .published .year.y2007 { background-position: -107px 0; }
#content .meta .published .year.y2008 { background-position: -107px -10px; }
#content .meta .published .year.y2009 { background-position: -107px -20px; }
#content .meta .published .year.y2010 { background-position: -107px -30px; }
#content .meta .published .year.y2011 { background-position: -107px -40px; }
#content .meta .published .year.y2012 { background-position: -107px -50px; }
#content .meta .published .year.y2013 { background-position: -107px -60px; }
#content .meta .published .year.y2014 { background-position: -107px -70px; }
#content .meta .published .year.y2015 { background-position: -107px -80px; }
#content .meta .published .year.y2016 { background-position: -107px -90px; }
#content .meta .published .year.y2017 { background-position: -107px -100px; }
#content .meta .published .year.y2018 { background-position: -107px -110px; }
#content .entry-content img { float: left;  }
#content .entry-content a img { border: none; }
#content .entry-content img.alignright { float: right; }
#content .entry-content p { text-align: justify; }
#content .entry-content ul, #content .entry-content ol {
 margin-top: 1em;
 position: relative;
}
#content .entry-content ol { list-style: decimal; }
#content .entry-content ul { list-style: disc; }
#content .entry-content li {
 left: 30px;
 padding-right: 30px;
 position: relative;
}
#content #comments ul, #content #comments li { list-style: none; }
#content #comments li {
 border-bottom: 1px solid #dcdcdc;
 border-top: 1px solid #dcdcdc;
}
#content #comments li+li { margin-top: -1px; }
#content #comments .title, #content #comments .comment-meta {
 border-left: 1px solid #dcdcdc;
}
#content #comments .title {
 display: block;
 font-size: 18pt;
 line-height: 1em;
}
#content #comments .comment-text { text-align: right; }
#content #comments .comment-meta { font-size: 8pt; }
#content #comments .comment-meta span { display: block; }
#content #comments .comment-meta .comment-author {
 font-size: 2.2em;
 font-weight: bold;
}
#content #comments #new_comment {
 border: 1px solid #e1e1e1;
}
#content #comments #new_comment form {
 border-left: 1px solid #d1d1d1;
}
#content #comments #new_comment label,
#content #comments #new_comment p {
 display: block;
 font-size: 8pt;
}
#content #comments #new_comment span {
 display: block;
 font-size: 2em;
}
#content #comments #new_comment #c_author,
#content #comments #new_comment #c_email,
#content #comments #new_comment #c_comment {
 color: inherit;
}
#content #comments #new_comment #c_author,
#content #comments #new_comment #c_email {
 background-color: transparent;
 border: none;
 border-bottom: 1px solid #e1e1e1;
}
#content #comments #new_comment #c_comment {
 border: 1px solid #e1e1e1;
}
#content #comments #new_comment .submit {
 background: #f1f1f1;
 border: none;
 border-top: 1px solid #e1e1e1;
 border-left: 1px solid #e1e1e1;
 color: #da2223;
 font-size: 1em;
}
#content #comments #new_comment .submit:hover {
 background-color: #aaa;
 color: #fff;
}
#content .interact { clear: both; }
#content .interact .photostory {
 background: url('images/photolink.gif') center left no-repeat;
 color: #da2223;
 font-size: 9pt;
}
#content .interact .social, #content .interact .social li {
 list-style: none;
}
#content .interact .social li { float: left; }
#content .interact .social a {
 background: url('images/post_social.png') no-repeat;
 display: block;
 text-indent: -1000em;
}
#content .interact .comments {
 border-right: 1px solid #b1b1b1;
 font-size: 7pt;
 line-height: 1em;
}
#content .interact .comments strong {
 display: block;
 font-size: 12pt;
 font-weight: normal;
}
#content .interact .social .twitter a { background-position: 0 0; }
#content .interact .social .twitter a:hover { background-position: 0 -16px; }
#content .interact .social .facebook a { background-position: -16px 0; }
#content .interact .social .facebook a:hover { background-position: -16px -16px; }
#content .interact .social .delicious a { background-position: -32px 0; }
#content .interact .social .delicious a:hover { background-position: -32px -16px; }
#content .interact .social .stumbleupon a { background-position: -48px 0; }
#content .interact .social .stumbleupon a:hover { background-position: -48px -16px; }
#content .interact .social .feed a { background-position: -64px 0; }
#content .interact .social .feed a:hover { background-position: -64px -16px; }

#nextprev, #nextprev li { list-style: none; }
#nextprev { line-height: 1.1em; }
#nextprev #previous { border-left: 1px solid #c6c6c6; }
#nextprev #next {
 border-right: 1px solid #c6c6c6;
 padding-right: 9px;
 text-align: right;
}

#footer {
 background: url('images/footer_bg.png') top left no-repeat;
 line-height: 1.7em;
}
#footer.popped { background-position: 0 -41px; }
#footer ul, #footer li, #footer #searchform { float: left; }
#footer ul, #footer li { list-style: none; }
#footer .social {
 background: url('images/follow_footer.gif') top left no-repeat;
 cursor: pointer;
}
#footer .social.active { background-position: 0 -20px; }
#footer .social a {
 color: #fff;
 font: 7pt Georgia, serif;
 font-weight: bold;
 text-transform: uppercase;
}
#footer .social ul, #footer .social li { float: none; }
#footer .social ul {
 background: url('images/follow_footer_bg.gif') top left no-repeat;
}
#footer .social.active ul { display: block; }
#footer .nav li {
 border-left: 1px solid #ccc;
 font: 10pt Georgia, serif;
 font-style: italic;
}
#footer .nav li a { color: #333; }
#footer .nav li.active a { color: #da2223; }
#footer .popped .nav li.browse {
 border-left: none;
 padding-left: 22px;
}
#footer #searchform #s {
 background: url('images/search_bg.png') top left no-repeat;
 border: none;
 color: #c80019;
 /* setting size ensures consistent appearance */
 font: 9pt Georgia, serif;
}

#footer .nav_popup.popped {
 background: url('images/footer_popped_bg.png') top left no-repeat;
}
#footer .nav_popup .popped_content li.active a { color: #da2223; }
#footer .nav_popup .popped_content .active { background-color: #f1f1f1; }
#footer .nav_popup .popped_content .nav_drilldown {
 background: #f1f1f1 url('images/footer_fade.png') bottom left repeat-x;
}
#footer .nav_popup .popped_content .nav_drilldown,
#footer .nav_popup .popped_content .nav_content { border-top: 1px solid #ccc; }
#footer .nav_popup .popped_content .nav_drilldown .active {
 background: transparent;
}
#footer .nav_popup .popped_content .nav_drilldown li span,
#footer .nav_popup .popped_content .nav_drilldown .nav_type li {
 cursor: pointer;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_list li.active a,
#footer .nav_popup .popped_content .nav_drilldown.nav_links li span.active {
 background-color: #fff;
 border-bottom: 1px solid #ccc;
}
#footer .nav_popup .popped_content .nav_drilldown li.active a,
#footer .nav_popup .popped_content .nav_drilldown span.cat.active,
#footer .nav_popup .popped_content .nav_drilldown .title {
 color: #575757;
 font-weight: bold;
}

#footer .nav_popup .popped_content .nav_drilldown .nav_list a,
#footer .nav_popup .popped_content .nav_drilldown .xoxo,
#footer .nav_popup .popped_content .nav_drilldown .cat,
#footer .nav_popup .popped_content .nav_content li {
 font-size: 9pt;
}
#footer .nav_popup .popped_content .nav_drilldown .title {
 background: url('images/nav_content_title_bg.png') top right no-repeat;
 border-bottom: 1px solid #ccc;
 font-size: 10pt;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_type li a,
#footer .nav_popup .popped_content .nav_drilldown span.cat, { color: #3f3f3f; }
#footer .nav_popup .popped_content .nav_drilldown .nav_type li a:hover,
#footer .nav_popup .popped_content .nav_drilldown .nav_type li.active a,
#footer .nav_popup .popped_content .nav_drilldown span.cat:hover { color: #da2223; }
#footer .nav_popup .popped_content .nav_drilldown .nav_type li.active {
 background: transparent;
 border-bottom: none;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_type li {
 background: url('images/nav_content_title_bg.png') top right no-repeat;
 border-bottom: 1px solid #ccc;
}
#footer .nav_popup .popped_content .nav_drilldown .nav_type,
#footer .nav_popup .popped_content .nav_content .title {
 font-size: 10pt;
 font-weight: bold;
}
#footer .nav_popup .popped_content .nav_content {
 background: #efefef url('images/footer_fade.png') bottom left repeat-x;
 border-left: 1px solid #adadad;
}
#footer .nav_popup .popped_content .nav_content .content .date {
 font-style: italic;
 margin-bottom: 3px;
}
#footer .nav_popup .popped_content .nav_content .title {
 background: url('images/nav_content_title_bg.png') top right repeat-x;
 border-bottom: 1px solid #ccc;
 color: #3f3f3f;
}
#footer .nav_popup .popped_content .nav_content .title strong { color: #da2223; }

#widgets #subscribe, #widgets #twitter { font-family: Georgia, serif; }
#widgets #subscribe { font-size: 8pt; }
#widgets #subscribe label {
 background: url('images/envelope.gif') center left no-repeat;
 color: #5e5e5e;
 font-size: 9pt;
 font-style: italic;
 padding-left: 18px;
}
#widgets #subscribe #email {
 background-color: #fff;
 border: 1px solid #e4e1e1;
 color: #7f7f7f;
 font: inherit;
}
#widgets #twitter {
 font-size: 9pt;
 font-style: italic;
 line-height: 1.4em;
 text-align: right;
}

#widgets #twitter a{
color: #da2223;
}