/*  
Theme Name: Take A Picture, Tell A Story
Theme URI: http://takeapicturetellastory.com/
Description: Custom modification of the Hemingway Wordpress theme for takeapicturetellastory.com.
Version: 2.0
Author: Modular
Author URI: http://bymodular.com
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
* { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,dl,fieldset,address { margin:1em 0; }
li,dd { margin-right:3%; }
fieldset { padding:.5em; }
select option { padding:0 5px; }
select,option { color:black; }
.hide,.print-logo,.close-button { display:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
a img { border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body { background:#272727; color:#BFBFBF; font: 87.5%/1.666 "proxima-nova-1","proxima-nova-2","Helvetica Neue",sans-serif; padding-top:8px; text-shadow: 1px 1px 0 rgba(0,0,0,.2); }

/* This class sets the width and position for all rows */
.inside { margin: 0 auto; width: 940px; clear: both; overflow: hidden; }
.inside h1 { margin: 0 0 1em 0; }
a { color: #BFBFBF; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover { color: rgb(255,255,255); }
h1 { color:#CCC; font-size:1.5em; font-weight:normal; margin:1.5em 0; }
h1, h2, h3 { text-transform: uppercase; font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2","Helvetica Neue",sans-serif; }
#primary h2 { color:#CCC; font-size: 1.5em; font-weight: 500; }
#primary h2 a { text-decoration: none; }
#primary h3 { color:#CCC; font-size: 1.2em; font-weight: 500; }
p { line-height:1.75em; }
b, strong { font-weight: 900; }
#primary ul li { list-style-type:disc; margin:.5em 0 .5em 2em; }
blockquote { font-size: 1.5em; background: url(images/quote.png) 0 50% no-repeat; padding-left:40px; /* border-left:2px solid #CCC; */ color:#CCC; }
pre { width:100%; padding:1em 0; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333; }
table { width:100%; border-spacing:2px; margin:1.5em 0; }
table th,table td { padding:.3em .75em; }
table th { background:#CCC; color:#000; text-align:left; }
table td { background:#000; color:rgb(255,255,255); }
table caption { text-align:left; color:rgb(255,255,255); margin-bottom:-1em; margin-top:1em; }
.rule { border-top:1px solid #CCC; height:1px; font-size:1px; line-height:1px; margin:1.5em 0; }

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header { background:#000; /* border-bottom: 1px solid #1C1C1C; padding-bottom: 20px; */ }
#header .inside { padding:3.6em 0 1em; }
#header h2 { border-right: 1px solid #808080; float: left; /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */ font-size: 2.5em; font-weight: 500; margin: 0 0.5em 0 0; padding-right: 0.5em; }
#header h2 a { color: rgb(255,255,255); text-decoration:none; /* letter-spacing: 1px; */ }
#header p { margin: 0; padding: 20px 0; width: 150px; float: left; }
#header .description a { text-decoration: none; }
#header .inside { position: relative; }
#header .inside .nav { position: absolute; top: -20px; right: 89px; background-color: #272727; margin: 20px 0 0 0; padding: 10px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#header .inside .nav li { display: inline; margin: 0; }
#header .inside .nav li a { text-decoration: none; padding: 0; }
#header .inside .nav li a.contact { padding-right: 7px; }

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/
#primary { background:#000; padding:2em 0 2em; color:#808080; }
#primary.onecol-stories .primary { float:left; width:50%; }
#primary.onecol-stories .secondary { float:right; width:40%; margin:0 0 0 10%; }
#primary.twocol-stories .story { float:left; width:48%; margin:0 0 0 4%; display:inline; }
* html #primary.twocol-stories .story { margin-left:2%; }
#primary.twocol-stories .first,* html #primary.twocol-stories .first { margin:0; }
.story h3 { font-size:1.15em; margin:1em 0; font-weight:normal; color:#CCC; }
.story h3 a { color:#CCC; text-decoration:none; border-bottom:1px dotted #666; }
.story .details { margin:1em 0 3em; text-align:right; border-top:1px solid #333; padding:.5em 0; font-size:.95em; color:#4D4D4D; }
.story .details .read-on { background:url(images/readon_black.gif) 100% 60% no-repeat; padding-right:20px; }
.story .details a { color:#4D4D4D; text-decoration:none; }
.story .details a.comments-link { color: #BFBFBF }
.story .details a:hover { color:rgb(255,255,255); }
.nextpostslink { float:left; color: #BFBFBF; }
.previouspostslink { float:right; color: #BFBFBF; }
.nextpostslink:hover, .previouspostslink:hover { color:rgb(255,255,255); }
.meta-nav { font-weight: bold; }
.navigation { overflow: auto; }
/* 404 Cols */
.primary .block { float:left; width:30%; margin: 2em 0; }
.primary .block:first-child { margin:0; }

/* Single Post Styles */
#primary .primary { float:centre; width:95%; }
#primary .secondary { float:left; margin-right:5%; padding-top:.65em; display:inline; }
* html #primary .secondary { margin-right:4%; }
.primary .featured { margin: 2em 0; }
.secondary .featured p { border-bottom:1px solid #333333; border-top:1px solid #333333; padding:.5em 0 .6em; line-height:1.5em; margin:1em 0 0; }
.secondary .featured dl { margin:0; border-bottom:1px solid #333333; padding:.5em 0 .6em; }
.secondary dt { display:inline; margin:0; padding:0; color:#AAA; }
.secondary dd { display:inline; margin:0; padding:0; }
.secondary dd a { color:#808080; }
.secondary dd a:hover { color:rgb(255,255,255); }
.single-post h1,.single-post h2 { margin:0; }
.meta { padding-bottom: 1em; }
#primary .blurb { padding-top:.65em; margin-bottom: 2em; }
p.featured { border-bottom:1px solid #333333; border-top:1px solid #333333; padding:.5em 0 .6em; line-height:1.5em; margin:1em 0 0; }

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/
#secondary { background:#0C0C0C; padding:2em; border-top:1px solid #1C1C1C; }
.comment-head { border-left:1px solid #1C1C1C; padding:.8em 2em 1em; }
.comment-head h2 { color: white; font-size:1.5em; margin:0; }
.comment-head a { text-decoration:none; color:#868686; }
.comment-head .details { font-size:.95em; }
ol#comments { list-style-type:none; margin:2em 0; }
ol#comments li { list-style-type:none; margin:2em 0; }
ol#comments li .avatar { border:1px solid #222; padding:2px; }
#comments cite { float:left; width:31%; font-style:normal; text-align:right; }
* html #comments cite { width:30.6%; }
#comments cite span { display:block; }
#comments cite span.avatarspan { float:left; }
#comments cite .author { font-size:1.2em; }
#comments cite .author a { text-decoration:none; }
#comments cite .admin-tools { margin:5px 0; }
#comments cite .admin-tools a { float:right; margin:0 5px; padding:0 3px 3px; background:#666; border:1px solid #999; text-decoration:none; }
#primary .secondary .admin-tools { margin:1em 0; }
#preview { margin:1em 0; padding:.5em; border:1px solid #333; }
#preview p { margin:1em 0 0; }
#errors { color:#FF0000; font-weight:bold; }
#comments .pingback cite .author { display:block; padding-top:68px; background:url(images/trackback_pingback.gif) 100% 0 no-repeat; }
#comments .content { float:left; width:60%; margin-left:1.9%; border-left:1px solid #868686; padding:0 0 0 2%; }
#comments .content p { margin:0 0 1em; }
#comments .content h3 { margin:0; font-size:1em; }
#comment-form { margin:3em 0 5em 25.4%; width:36em; }
input.textfield { width:15em; margin:5px 0; }
textarea.commentbox { width:28em; height:10em; padding:.25em; margin:5px 0; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; }
label.text { position:relative; left:.5em; }
.formactions input.submit, .comment-button { display:block; float:right; margin: 0; padding: 0.3em 0.5em; background-color: rgb(153,153,153); color: rgb(255,255,255); text-shadow: 1px 1px 1px rgb(0,0,0); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c5c5c5),color-stop(1, #949494)); background-image: -moz-linear-gradient(top, #c5c5c5, #949494); background-image: -webkit-linear-gradient(top,  #c5c5c5, #949494); background-image: linear-gradient(top, #c5c5c5, #949494); }
.formactions .spinner { float:right; margin:-8px -20px 0 0; }

/*-----------------------------------------------------------------------------------------------
  A-Z Name List
-----------------------------------------------------------------------------------------------*/

#a-z { }
.letter-group { width: 100%; }
.letter-cell { font: 2em/1.5 "trajan-pro-1","trajan-pro-2",Georgia,sans-serif; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); color: #8e8e8e; width: 5%; text-align: center; padding: 8px; margin-bottom: 20px; background: #353434; border: 1px solid #272727; float: left; color: #8E8E8E; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.row-cells { float: left; margin-left: 50px; width: 70%; }
.title-cell { overflow: hidden; margin-bottom: 5px; padding: 5px 0; border-top: 1px solid #242424; }
.title-cell:first-child { padding-top: 6px; border-top: 1px solid #3D3D3D; }
.title-cell:last-child { padding-bottom: 26px; }
.title-cell a { text-decoration: none; }

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/
#ancillary-upper, #ancillary-lower { padding:3em 0 2em;}
#ancillary-lower { background-color: #353434 }
#ancillary-upper .block:first-child, #ancillary-lower .block:first-child { margin:0; }
#ancillary-upper .block, #ancillary-lower .block { float:left; width:30%; margin:0 0 0 5%; }
#ancillary-upper .twice-length, #ancillary-lower .twice-length { width:65%; }
#ancillary-upper .thrice-length, #ancillary-lower .thrice-length { width:100%; }
* html #ancillary-upper .block, * html #ancillary-lower.block { margin:0 0 0 4%; }
#ancillary-upper .first,* html #ancillary-upper .first, #ancillary-lower .first,* html #ancillary-lower .first { clear:both; margin:0; }
#ancillary-upper .block-separator, #ancillary-lower .block-separator { clear:both; height:2.5em; }
#ancillary-upper .block h2,#ancillary-upper .block h3, #ancillary-lower .block h2,#ancillary-lower .block h3 { margin:0 0 2em; font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2","Helvetica Neue",sans-serif; font-size:1.15em; font-weight:600; text-transform: uppercase; }
ul.dates,ul.counts,ul.blogroll ul,ul.pages { list-style-type:none; margin:1.5em 0 2em; border-top:1px solid #3D3D3D; overflow: auto; }
ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li { list-style-type:none; margin:0; padding:.5em 0; border-bottom:1px solid #3D3D3D; overflow: auto; }
ul.counts li { padding:.7em 0; }
ul.dates .date { color:#858585; padding:0 1.5em 0 0; }
.block ul.dates .date { padding:0; }
ul.counts .count { float:right; color:#858585; }
ul.dates a,ul.counts a,ul.blogroll a,ul.pages a { color:#BFBFBF; text-decoration:none; }
#ancillary-upper ul.dates a { float: right; display: inline; width: 230px; overflow: hidden; }
ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover { color:rgb(255,255,255); }
ul.blogroll { margin-top:0; }
ul.blogroll li { list-style-type:none; margin:0; }
ul.pages ul { margin:0; }
ul.pages ul li { border:none; margin-left:2em; list-style-type: disc; }

#ancillary-upper .block p:first-child { font-size: 1.5em; font-weight: bold; }
.letters, .wp-tag-cloud { list-style-type: none; }
.letters { width: 283px; }
.letters li, .wp-tag-cloud li { display: inline; }
.letters li { margin-right: 2%; }
.letters li a { font: 2em/1.5 "trajan-pro-1","trajan-pro-2",Georgia,sans-serif; color: #8e8e8e; text-decoration: none; }
.wp-tag-cloud li:last-child { margin-left: 0; }
.wp-tag-cloud li a { color: #8e8e8e; text-decoration: none; }
.letters li a:hover, .wp-tag-cloud li a:hover { color: rgb(255,255,255); }

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/
#footer { clear:both; color:#939393; margin:2em 0 3em; }
#footer .inside { background:url(images/footer_black.gif) 50% 0 repeat-x; padding:1em 0; }
#footer p { margin:0; font-size:.95em; }
#footer p.copyright { float:left; }
#footer p.copyright a { text-decoration: none; }
#footer p.attributes { float:right; }
#footer p.attributes a { padding:0 0 0 1em; text-decoration:none; color:#525252; }
#footer p.attributes a:hover, #footer p.attributes a.contact:hover, #footer p.attributes a.links:hover { color:rgb(255,255,255); }
#footer p.attributes a.contact, #footer p.attributes a.links { color: #BFBFBF; }

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/
#search { float:right; width:200px; margin:1.5em 4.5em 0 0; -moz-opacity:0.4; text-align:right; }
#search:hover { -moz-opacity:1.0; }
#search .searchimg { float:left; width:14px; height:13px; background:url(images/search.gif) 0 0 no-repeat; position:relative; top:4px; }
#search input { width:175px; font-size:.85em; background:#CCC; margin-top:2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#search input:focus { background:rgb(255,255,255); }
#searchform { margin:1em 0; }
#searchform #s { background:#222; border:none; border-bottom:1px solid #333; color:#666666; padding:.25em; }
#searchform #searchsubmit { background:#000; color:#666; border:none; font-size:.9em; text-transform:uppercase; letter-spacing:.25em; }

/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/

#commentform input[type="text"], #commentform textarea, .wpcf7 input, .wpcf7 textarea { padding: 3px; background: none repeat scroll 0 0 #CCCCCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#commentform input:focus, #commentform textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus { background:rgb(255,255,255); }
#commentform input[type="submit"] {
	font-size: 16px;
}

.comment-button {
	float: none;
	margin-left: 2em;
	font-size: 14px;
	cursor: pointer;
}

/* Legacy Typo CSS */
#search-results { width:30%; background:#333; padding:0; float:right; -moz-opacity:0.9; border-top:1em solid #000; }
#search-results h3 { font-weight:bold; text-align:left; margin:0; padding:0 0 1em; background:#000; }
#search-results small { display:block; text-align:left; font-size:.9em; padding:.5em 1em .7em; border-top:1px solid #666; border-bottom:1px solid #555; }
#search-results small a { color:#CCC; }
#search-results ul li { list-style-type:none; padding:0 1em .5em; margin:.5em 0; }
#search-results ul li:hover { background:#202020; }
#search-result ul { margin:0; }
#search-results ul li a { text-decoration:none; border-bottom:1px dotted #CCC; }
#search img.archives-icon { margin:0 7px 0 0; top:1px; }
img.centered,img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; color:#000; line-height:17px; padding:0 4px 5px; margin:0; }


#ssba, #ssba a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: arial, sans-serif !important;
    font-size: 15px !important;
}

#ssba img {
max-width: 30px !important;
}