/*  -----------------------------------------------
Theme Name: Bleubird
Author: Brandi Bernoskie
URL: coding.brandibernoskie.com
Description: A custom Wordpress theme for Bleubird designed by Erin Jane Riley and developed by Brandi Bernoskie.
----------------------------------------------- */



body {
background:#fff;
color:#3D3D3D;
margin:0;
font: normal 300 12px Helvetica, Arial, sans-serif;
text-align: left;
padding:0px 25px;
}
a:link {
color: #000000;
font-weight:700;
text-decoration:none;
}
a:visited {
color: #000000;
text-decoration:none;
}
a:hover {
color:#d6d6d6;
}
a img {
border-width:0;
}

/*---------------------- Header ----------------------*/
#header-wrapper {
width: 100%;
color: #202020;
text-align:center;
}
#header-inner {
background-position: center;
margin: 0 auto;
}

#header a img {
margin: 0px auto;
padding: 0px;
border: 0;
display:block;
}


/*---------------------- Navigation Bar ----------------------*/

#linkbar-wrapper {
margin: 35px 0px;
padding: 0px 0px 35px 0;
width: 100%;
text-align: left;
border-bottom: 1px solid #dedede;
display: block;
}

#linkbar ul {
margin: 0px;
padding: 0px;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px;
padding: 0px;
}

#linkbar h2 {
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px;
padding: 0px 10px 0 0;
width:100%;
text-decoration:none;
font: normal 700 10px Raleway, Arial, sans-serif;
color: #3d3d3d;
text-transform: uppercase;
letter-spacing: 2px;
}

#linkbar a:hover {
color: #D6D6D5;
}


/*---------------------- Outer-Wrapper ----------------------*/
#outer-wrapper {
width: 1131px;
margin:0 auto;
text-align: justify;
line-height:20px;
font: normal 300 12px Helvetica, Arial, sans-serif;
color: #3d3d3d;
}

#content-wrapper {
border-top:1px solid #dedede;
}

#main-wrapper {
width: 800px;
min-height:2600px;
float: right;
padding-left:38px;
color:#222222;
border-left:1px solid #dedede;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
text-transform: none;
width: 290px;
float: left;
text-align: justify;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}


/*---------------------- Headings ----------------------*/
h2 {
margin:0em 0 10px;
padding:0;
font: normal 600 15px 'Raleway', Arial, sans-serif;
color: #3d3d3d;
line-height: 1.4em;
letter-spacing: 3px;
text-transform: uppercase;
text-align: left;
}

.post h3, .page h3, .archive_head {
margin:.25em 0 0;
letter-spacing: 2px;
line-height:1.4em;
font: normal 700 15px 'Raleway', Arial, sans-serif;
color: #3d3d3d;
text-transform: uppercase;
margin-bottom: 0px;
text-align: left;
width:80%;
}
.archive_head {
margin:15px 0 0;
letter-spacing: 2px;
line-height:1.4em;
font: normal 700 15px 'Raleway', Arial, sans-serif;
color: #3d3d3d;
text-transform: uppercase;
margin-bottom: 0px;
text-align:center;
width:100%;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
text-decoration:none;
color: #3d3d3d;
font: normal 700 15px 'Raleway', Arial, sans-serif;
text-transform: uppercase;
text-align: left;
}

.post h3 strong, .post h3 a:hover, .page h3 strong {
color:#ddd;
}

h4.date-header {
color: #bfbfbf;
font: normal 300 11px Helvetica, Arial, sans-serif;
letter-spacing: 2px;
text-transform: none;
text-align: right;
border: none;
margin-top: -15px;
margin-bottom: 15px;
}

h5 {
letter-spacing:1px;
font: normal 300 12px Helvetica, Arial, sans-serif;
color: #3d3d3d;
margin-bottom:-10px;
}

/*---------------------- Posts ----------------------*/
.post, .page {
margin:25px 0 0;
padding: 5px 0px 0px;
width: 100%;
line-height:1.6em;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
text-align: left;
}

.post-footer {
clear:both;
font: normal normal 12px Raleway, Arial, sans-serif;
text-transform: uppercase;
line-height:1.6em;
margin: 20px 0 50px;
letter-spacing: 3px;
padding:0 0 80px;
display: block;
text-align: right;
color: #3d3d3d;
width: 100%;
border-bottom: 1px solid #dedede;
}
.post-footer a {
color: #3d3d3d;
font-weight:normal;
}

.post-footer a:hover {
color:#d6d6d6;
}

.share-buttons {
float: right;
margin-top: 0px;
}

.share-buttons div {
display:inline-block;
float:left;
padding-left:20px;
}

.comment-link {
text-align: left;
float: left;
}

.comment-link a {
background: url(images/commentbubble.png) right center no-repeat;
background-size:18px;
padding-right:20px;
}

.comment-link a:hover {
background: url(images/commentbubblehover.png) right center no-repeat;
background-size:18px;
color:#d6d6d6;
}

.post img, .page img {
margin-bottom:25px;
}

.page .page_featimg img {
max-width:100%;
height:auto;
width:auto;
margin-bottom:25px;
display:block;
}

img.aligncenter {
display:block;
margin:0 auto 25px;
max-width:100%;
height:auto;
}

img.alignright {
display:inline-block;
padding-left:25px;
float:right;
max-width:100%;
height:auto;
}

img.alignleft {
display:inline-block;
padding-right:25px;
float:left;
max-width:100%;
height:auto;
}

.tr-caption-container img {
border: none;
padding: 0;
}


a.more-link {
color: #3d3d3d;
font: normal 600 12px Raleway, Arial, sans-serif;
text-transform: none;
letter-spacing: 2px;
text-align: left;
margin-top:10px;
display:inline-block;
}
a:hover.more-link {
color:#d6d6d6;
}

#post-126 .post-body a {
font-weight:300;
text-transform:uppercase;
letter-spacing:2px;
}

.post-56 .post-body {	
-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
column-count: 3;
column-gap: 15px;
column-fill: auto;
}

.shop-item {
width: 245px;
display: inline-block;
margin-right:15px;
margin-bottom:30px;
}

.shop-item a, .shop-item a img {
height:auto;
width:245px;
margin:0;
}

.shop-item a h5 {
margin:7px auto;
display:block;
text-align:center;
clear:both;
font-size:11px;
}

.shop-item .price {
text-align:center;
display:block;
clear:both;
}


/*---------------------- Comments ----------------------*/
#comments { 
width: 80%; 
clear: both; 
}

#comments h4, #comments-headers h4 {
margin:.25em 0 0;
letter-spacing: 2px;
line-height:1.4em;
font: normal 700 15px 'Raleway', Arial, sans-serif;
color: #3d3d3d;
text-transform: uppercase;
text-align: left;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}

ul#comment-block li.comment { padding: 1.2em 0 1.2em 1.2em; list-style: none; overflow: hidden; border-bottom: 1px solid #dedede; height: 1%; }
ul#comment-block li.even { background: #fff; }
ul#comment-block li.odd { background: #fff; }
ul#comment-block li.trackback, ul#comment_list li.pingback { background: #CCC; }
ul#comment-block li.comment ul.children { margin: 0 0 0 1.2em; }
ul#comment-block li.comment ul.children li.comment { border-top: 1px solid #dedede; border-bottom: none; padding-bottom: 0; margin-top: 1.2em; }

#comments-block .comment-author {
margin:.5em 0;
}

.comment-avatar .avatar { 
float: right; 
padding: 0 0 1.2em 1.2em; 
}

.comment-time a { 
color: #e3d6d6;
font: normal 300 10px Helvetica, Arial, sans-serif;
letter-spacing: 1px;
}

.reply a {
font: normal 500 10px Raleway, Arial, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
color: #999;
}

.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }		
.trackback .comment_num { padding: 0 0 0 20px; }
.comment_num a, .comment_num a:visited { color: #666; text-decoration: none; }
.comment_num a:hover { color: #df0000; text-decoration: none; }
				
.comments-block strong { 
padding-right:1em; 
font: normal 600 12px Raleway, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}

#comments-block .comment-body {
margin:.25em 0 0;
}

#comment_form a {
font-weight:500;
}

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
font-size: 10px;
border-bottom: 1px #dedede solid;
}

#comments-block .comment-body p {
margin:0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#respond { padding: 2.4em 0 0; clear: both; overflow: hidden; }
#comment_form { width: 100%; padding: 0 0 0 0; float: left; }
#comment_form p { padding: 0.2em 0; }

#comment_form .text_input { 
width: 50%; 
padding: 5px; 
line-height: 1.4em;
text-transform:none;
border: 1px solid #dedede;
font: normal 300 12px Helvetica, Arial, sans-serif;
color: #3d3d3d;
}
#comment_form .text_area { width:83%; font: normal 300 12px Helvetica, Arial, sans-serif;color: #3d3d3d; padding:5px;}
#comment_form .text_input:focus { border: 1px solid #2c2b2b; }
#comment_form .form_submit { padding: 7px 10px; background: #3d3d3d; border:0; font: normal 600 13px Raleway, Arial, sans-serif;color: #fff; cursor: pointer;text-transform:uppercase;letter-spacing:2px; }
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

/*---------------------- Page + Comment Navigation ----------------------*/

.blog-pager-newer-link a {
float: right;
font: normal normal 12px Raleway, Arial, sans-serif;
color: #3D3D3D;
margin: 10px 0 65px;
letter-spacing:2px;
text-transform:uppercase;
background: url(images/rightarrow.png) right center no-repeat;
background-size:5px 12px;
padding-right:10px;
}

.blog-pager-older-link a {
float: left;
font: normal normal 12px Raleway, Arial, sans-serif;
color: #3D3D3D;
margin: 10px 0 65px;
letter-spacing:2px;
text-transform:uppercase;
background: url(images/leftarrow.png) left center no-repeat;
background-size:5px 12px;
padding-left:10px;
}

.blog-pager-newer-link a:hover {
color:#d6d6d6;
background: url(images/rightarrowhover.png) right center no-repeat;
background-size:5px 12px;
padding-right:10px;
}

.blog-pager-older-link a:hover {
color:#d6d6d6;
background: url(images/leftarrowhover.png) left center no-repeat;
background-size:5px 12px;
padding-left:10px;
}

.navigation {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}


/*---------------------- Sidebar Content ----------------------*/
.sidebar {
line-height:1.7em;
}
.sidebar ul li {
list-style: none;
margin-left: -40px;
line-height:1.6em;
}
.sidebar .widget {
margin: 0 0px 2.5em;
padding: 7px 45px 5px 0px;
line-height:1.7em;
}
.sidebar .widget img {
max-width:100%;
height:auto;
}
.sidebar p {
line-height:20px;
}

#menu-features li {
padding-bottom:3px;
}
#menu-features a {
font-weight:300;
text-transform:uppercase;
letter-spacing:2px;
}

#menu-categories li {
padding-bottom:3px;
}
#menu-categories a {
font-weight:300;
text-transform:uppercase;
letter-spacing:2px;
}

#socialsidebar {
display:block;
}
#socialsidebar a {
padding:0 4px;
}
#socialsidebar a img {
height:30px;
width:30px;
}
#socialsidebar a:hover img {
opacity:0.5;
}

.jetpack-image-container img:hover {
opacity:0.7;
}


.wp125ad img {
width:120px;
height:59px;
}

#wp125adwrap_2c .wp125ad {
width:120px !important;
padding:1px !important;
}

.sidead img {
max-width:100%;
height:auto;
}

/*---------------------- Profile ----------------------*/
.profile {
}
.profile-img img {
display: block;
width: 100%;
height: auto !important;
margin-left: 0px;
margin-bottom:15px;
}
div.profile-data {
margin:0 10px 0 0;
text-transform:uppercase;
letter-spacing:3px;
font: normal 700 15px 'Raleway', Arial, sans-serif;
color: #3d3d3d;
text-align: left;
display: inline;
float:left;
}
div.profile-datablock {
margin:0 0 .5em;
text-align: left;
display: inline;
}
div.profile-textblock {
margin: 0.5em 0;
text-align: left;
display: inline;
}
 
/*---------------------- Footer, Credits, and Misc ----------------------*/
 
#footer {
width:100%;
border-top:1px solid #dedede;
padding:30px 0 0;
}

#footer .widget {
margin-left:-30px;
}

#footer h2 {
margin-left:30px;
}

#footer .super_recent_posts_item {
list-style-type:none;
display:inline-block;
width:200px;
margin-left:28px;
vertical-align:top;
text-align:left;
}

.super_recent_posts_item img {
padding-bottom:7px;
}

.super_recent_posts_item a:hover img {
opacity:0.7;
}

.super_recent_posts_item a {
font:normal 400 13px Raleway, Arial, sans-serif;
letter-spacing:2px;
text-transform:uppercase;
}

#footer ul {
margin-left:-65px;
}

#footer ul li {
list-style-type:none;
display:inline-block;
width:200px;
margin-left:30px;
}

img.tptn_thumb {
padding-bottom:7px;
}

a .tptn_title {
font:normal 400 13px Raleway, Arial, sans-serif;
letter-spacing:2px;
text-transform:uppercase;
text-align:left;
}

.tptn_list_count {
display:none;
}

.tptn_counter {
display:none;
}

#credits {
padding: 30px 0px;
margin-top:40px;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font: normal 300 10px Raleway, Arial, sans-serif;
color: #3d3d3d;
border-top:1px solid #dedede;
}

#credits a {
color:#3d3d3d;
font-weight:normal;	
}

#s {
width:96%;
max-width:300px;
font: normal 300 10px Raleway, Arial, sans-serif;
letter-spacing:2px;
padding: 6px;
text-transform: uppercase;
border: 1px solid #deded
}

.widget select {
width:96%;
max-width:300px;
font: normal 300 10px Raleway, Arial, sans-serif;
letter-spacing:2px;
padding: 6px;
text-transform: uppercase;
border: 1px solid #deded
}

img#wpstats {
display: none;
}