/*
Theme Name: Covert PinPress Theme
Theme URI: http://imwealthbuilders.com/newplugins
Description: The Covert PinPress makes your blog look, feel and work exactly like Pinterest - and it integrates seamlessly with Facebook and Pinterest itself in order to drive traffic to your blog on autopilot. Covert Pinpress also has a lot of customizeable features through the "Theme Options". If you are looking for a way to automatically add content and posts to your "Pinterest blog" you should take a loot at the <a href="http://covertpinpress.com/pro" target="_blank">Covert Content</a> module.
Author: <a href="http://imwealthbuilders.com/newplugins" target="_blank">IM Wealth Builders</a>
Version: 1.6
Tags: light, white, gray, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, photo bloging
*/

/***********************************************************************************************/
/* General Styles                                                                              */
/***********************************************************************************************/

html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body { color: #211922; font-family: "helvetica neue",arial,sans-serif; font-size: 10px; }
input, textarea { font-size: 13px; }
fieldset, img {border: 0 none;}
img { max-width: 100%; }

a {
    color: #0000FF;
    font-weight: bold;
    outline: medium none;
    text-decoration: none;
}

a:visited { color:  #800080;}

p { line-height: 1.35em; margin: 0 0 0.8em;}

.clear {	clear: both;}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

/***********************************************************************************************/
/* Layout boxes                                                                                */
/***********************************************************************************************/

#page { width: 100%;}

#header-wrapper  {position: relative; top: 0; left: 0; background: #FAF7F7;width:100%; z-index: 105;height:  44px;}
#header { width:  85%; margin: 0 auto; position: relative;}
#search { float: left; margin: 8px 0 0;}
#search label { display: none; }
#search input {
   border-color: #C2C0C0 #CCCACA #D1CFCF;
   border-style: solid;
   border-width: 1px;
   float: left;
   font-weight: inherit;
   outline: medium none;
   font-size: 13px;
   line-height: 1.3;
}
#search input[type=text] {
   background-color: #FAF7F7;
   width: 183px;
   margin-top: 0px;
   padding: 5px;
   height: 16px;
}

#search input[type=submit]{cursor: pointer; width: 27px; height: 28px; text-indent: -100px;
  background: url(images/search.png) no-repeat; border-left-width: 0; margin-top: 0px;}

#logo {
   left:  50%;
   width: 520px;
   height: 40px;
   top:  2px;
   margin-left: -260px;
   position: absolute;
   text-align: center;
}

#logo h1 { color: #CB2027; font-size: 1.75em; margin: 2px 0 0 0;}
#logo h2 { color: #8C7E7E; font-size: 1.15em; margin: 0;}

.header-nav {
   float: right;
   display: inline;
   font-size: 13px;
   position: relative;
   list-style: none outside none;
}

.header-nav li {
	display: block;
	position: relative;
	float: left;
}

.header-nav li > ul.children, .header-nav li > ul.sub-menu {
    background-color: #FFFFFF;
    border-top: 1px solid #CCCACA;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 25, 25, .5);        
    box-shadow: 0px 2px 4px 0px rgba(34, 25, 25, .5);   
    display: none;
    position: absolute;
    z-index: 105;
}

.header-nav li > ul ul {
   left: 99%;
   top:  5px;
}

body.ie6 .header-nav li > ul.children, body.ie6 .header-nav li > ul.sub-menu,
body.ie7 .header-nav li > ul.children, body.ie7 .header-nav li > ul.sub-menu,
body.ie8 .header-nav li > ul.children, body.ie8 .header-nav li > ul.sub-menu {
   border-left: 1px solid #cccaca;
   border-right: 1px solid #cccaca;
   border-bottom: 1px solid #cccaca;
}

.header-nav li ul.children li a, .header-nav li ul.sub-menu li a {
   font-weight: normal;
   text-shadow: none;
   font-size: 13px;
}

.header-nav li a {
	display: block;
	text-decoration: none;
	margin-left: 1px;
	white-space: nowrap;
	height: 29px;
	padding: 15px 27px 0 14px;
	text-shadow: 0 1px #FFFFFF;
	color:  #524D4D;
}

.header-nav li:hover { background-color: #E1DFDF; }
.header-nav li:hover > ul.children, .header-nav li:hover > ul.sub-menu { display: inline-block; position: absolute;}
.header-nav li:hover li { float: none; font-size: 11px;}

#header-bar {
    -webkit-box-shadow:  0px 1px 3px 0px rgba(34, 25, 25, .4);        
    box-shadow:  0px 1px 3px 0px rgba(34, 25, 25, .4);
    background-color: #FAF7F7;
    border-top: 1px solid #CFCACA;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 44px;
    z-index: 101;
}

body.ie6 #header-bar,
body.ie7 #header-bar,
body.ie8 #header-bar { border-bottom: 1px solid #cccaca;}

#header-bar.wpadminbar { top: 72px;}

#header-bar.fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: -1px;
}

#header-bar-nav {
   color: #8C7E7E;
   font-size: 13px;
   display: inline;
   font-size: 13px;
   position: relative;
   list-style: none outside none;
}

#header-bar-nav li {
	display: inline-block;
   position: relative;
}

#header-bar-nav li a {
    padding-right: 11px;
    position: relative;
    height: 23px;
    padding: 9px 0 0;
    color: #524D4D;
    display: inline-block;
    position: relative;
    text-shadow: 0 1px #FFFFFF;
    font-weight: normal;
    white-space: nowrap;
}

#header-bar-nav li > ul.children {
    background-color: #FFFFFF;
    border-top: 1px solid #CCCACA;
    box-shadow: 0 2px 4px rgba(34, 25, 25, 0.5);
    display: none;
    position: absolute;
    left:  -8px;
    z-index: 105;
}

#header-bar-nav li > ul.children ul {
   left: 99%;
   top:  5px;
}

body.ie6 #header-bar-nav li > ul.children,
body.ie7 #header-bar-nav li > ul.children,
body.ie8 #header-bar-nav li > ul.children {
   border-left: 1px solid #cccaca;
   border-right: 1px solid #cccaca;
   border-bottom: 1px solid #cccaca;
}

#header-bar-nav li > ul.children li {padding: 0 10px;}
#header-bar-nav li > ul.children li:hover {background-color: #E1DFDF;}
#header-bar-nav li > ul.children li a { text-shadow: none}
#header-bar-nav li > ul.children li a:hover {text-decoration: none;}
#header-bar-nav li.cat-item > ul.children span { display: none;}
#header-bar-nav .current-cat a {font-weight: bold;}

#header-bar-nav li:hover {color: #221919;}
#header-bar-nav li:hover > ul.children { display: block; position: absolute;}
#header-bar-nav li a:hover, .comment p .author:hover {text-decoration: underline;}
#header-bar-nav li:hover li { float: none; }

#header_banner {
   margin: 0 auto;
   overflow: hidden; 
   background:  url(images/banner.png) no-repeat;     
   position: absolute;left: 50%;
   margin-left: -340px;
   text-align: left;
   width: 640px;
   height:85px;
   top: 77px;
   padding: 5px 21px 10px;
   z-index: 100;
}

#header_banner.no-header-bar-nav {top: 45px;}

#header_banner.wpadminbar {top: 105px;}
#header_banner.fixed {position: fixed; top: 32px;}
#header_banner.no-header-bar-nav.fixed { top: 0px;}
#header_banner p {
   color: #474531;
   font-size: 18px;
   text-shadow: 0 1px rgba(255, 255, 255, 0.5);
   line-height: 1.35em;
   margin: 0;
   font-weight: 300;
}

#header_banner p strong {font-weight: bold;}
#hbspacer_nag {padding-bottom: 120px;}
#hbspacer_nonag {padding-bottom: 50px;}
#hbspacer_nonag.no-header-bar-nav {padding-bottom: 18px;}

#wrapper {
   margin: 0 auto;
   position: relative;
}

.tack{
    -webkit-box-shadow:  0px 1px 2px 0px rgba(34, 25, 25, .4);
   box-shadow:  0px 1px 2px 0px rgba(34, 25, 25, .4);
   background-color: #FFFFFF;
   font-size: 11px;
   padding: 15px 15px 0;
   width: 192px;
   margin-bottom: 20px;
   overflow: hidden;
   display: inline-block;
}

body.ie6 .tack,
body.ie7 .tack,
body.ie8 .tack {
   border-top: 1px solid #cccaca;
   border-left: 1px solid #cccaca;
   border-right: 1px solid #cccaca;
   border-bottom: 2px solid #cccaca;
}

.tack_img { width: 192px;}
.tack .tackHolder { position:relative;}
.tack .actions {
    display: none; 
    position: absolute;
    left:5px;
    top:5px;
    z-index: 3;
    width: 215px;
}

.tack .actions div {position: absolute;}
.tack:hover .actions {display: block;}

.button em {
    background-image: url("images/icons.png");
    display: inline-block;
    height: 9px;
    width: 11px;
    margin-right: 2px;
}

.actions .likebtn em {background-position: -11px 0;}
.actions .commentbtn em {background-position: -22px 0;}

#facebook_like_button_holder {
	position:relative;
	display: inline-block;
}
	
#fake_facebook_button {
	pointer-events: none;
	width: 45px;
}
	
#facebook_like_button_holder iframe {
   position:absolute;
   top: 2px;
   left:  2px;
   width: 55px !important;
}

.tack .left {left: 0;}
.tack .right {right: 0;}

.tack .actions .button, .tack_entry .actions .button {
   border: 1px solid rgba(140, 126, 126, 0.5);
   border-radius: 6px 6px 6px 6px;
   box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset;
   padding: 5px 6px;
   position: relative;
   z-index: 1;
   display: inline-block;
   line-height: 1em;
   text-align: left;
   color: #524D4D;
   text-shadow: 0 1px rgba(255, 255, 255, 0.9);
   background-color: #F9F7F7;
   cursor: pointer;
}

body.ie6 .tack .actions .button,
body.ie7 .tack .actions .button,
body.ie8 .tack .actions .button,
body.ie6 .tack_entry .actions .button,
body.ie7 .tack_entry .actions .button,
body.ie8 .tack_entry .actions .button {
   border-top: 1px solid #cccaca;
   border-left: 1px solid #cccaca;
   border-right: 1px solid #cccaca;
   border-bottom: 1px solid #cccaca;
}

.tack .actions .left {margin: 0 5px 0 0; position: relative;}
.tack .actions .right {margin-right: 0px;}
.tack .actions .button:hover {border: 1px solid rgba(140, 126, 126);}
.tack .description {margin: 10px 0 5px; overflow: hidden; word-wrap: break-word;}
.tack .stats, .tack .stats a {color: #8C7E7E;}
.tack ul {margin-left: 15px; margin-bottom: 15px;}

.tack .commentlist {
    border-top: 1px solid #D9D4D4;
    margin: 0 -15px;
    padding: 0 15px;
    color: #524D4D;
}

.tack .comment {
    background-color: #F2F0F0;
    margin: 0 -15px;
    padding: 10px 15px;
    border-bottom: 1px solid #D9D4D4;
    border-top: 1px solid #FCFAFA;
    overflow: hidden;
}

.tack .comment:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.comment .avatar {
   float: left;
   margin-right: 6px;
   width: 30px;
}

.comment p {
   width: 156px;
   margin: 0 0 0 36px;
   overflow: hidden;
   word-wrap: break-word;
}

.comment p .author {font-weight: bold;}

.tack_entry {
   -webkit-box-shadow:  0px 1px 2px 0px rgba(34, 25, 25, .4);
   box-shadow:  0px 1px 2px 0px rgba(34, 25, 25, .4);
   background-color: #FFFFFF;
   margin: 0 auto;
   width:  600px;
   padding: 20px 30px 20px;
   margin-bottom: 20px;
}

body.ie6 .tack_entry,
body.ie7 .tack_entry,
body.ie8 .tack_entry {
   border-top: 1px solid #cccaca;
   border-left: 1px solid #cccaca;
   border-right: 1px solid #cccaca;
   border-bottom: 2px solid #cccaca;
}

.tack_entry h2 {
   margin: 0;
   font-size: 23px;
   line-height: 1em;
   margin-bottom: 2px;
}

.tack_entry .actions {
   left: -8px;
   right: -8px;
   top: -8px;
   z-index: 3;
   height: 25px;
}

.tack_entry .stats {
   display: block;
   font-size: 13px;
   margin: 5px 0;
   color: #8C7E7E;
}

.tack_entry #meta_data {
   color: #8C7E7E;
   float: right;
   font-size: 13px;
   margin: 8px 0 0;
   float:right;
}

.tack_entry #meta_data a {
   color: #AD9C9C;
   font-weight: bold;
   outline: medium none;
   text-decoration: none;
}

.tack_entry #meta_data a:hover {text-decoration: underline;}

.tack_entry #image {
   background-color: #F2F0F0;
   margin: 10px 0px;
   overflow: hidden;
   position: relative;
   text-align: center;
}

.tack_entry #content {
   font-size: 13px;
   line-height: 1.5em;
   padding-top: 10px;
   word-wrap: break-word;
   margin-bottom: 20px;
}

.tack_entry #content ul{margin-left:  15px; margin-bottom: 15px;}
.tack_entry #content img{max-width: 600px;}
.tack_entry .commentlist {margin-top: 10px;}

.tack_entry .comment .avatar {
   float: left;
   margin-right: 6px;
   width: 50px;
   height: 50px;
}

.tack_entry .comment .fn, .tack_entry .comment .says, .tack_entry .comment .comment-meta, .tack_entry .comment .reply {font-size: 1.25em;}

.tack_entry .comment p {
   margin: 0 0 0 56px;
   overflow: hidden;
   word-wrap: break-word;
   font-size: 1.3em;
   width:  531px;
}

.tack_entry #respond {font-size: 1.3em;}
.left {float: left; margin-left: 20px;}
.right {float: right; margin-right: 20px;}

#footer {
   border-color: rgba(34, 25, 25, 0.14);
   border-style: double;
   border-width: 3px 0;
   font-weight: bold;
   margin-bottom: 15px;
   padding: 15px 0;
   text-align: center;
}

/*
   Image alignment
 */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 
   Widget Styles
*/

.nag-bar-widget {width: 640px; height: 70px; overflow: hidden;}

.widget-title {
   border-bottom: 1px solid #E1DFDF;
   font-size: 13px;
   font-weight: 300;
   letter-spacing: -0.0125em;
   padding: 0 0 8px;
   margin-top:  0px;
}

#content_sidebar ul{list-style: none;}
#content_sidebar ul li {font-size: 11px; position: relative;}
#content_sidebar ul ul {list-style: square;}
#content_sidebar ul ul li {margin-left: 15px;}
#content_sidebar ul ul li a {
   font-weight: normal;
   display: block;
   color: #221919;
   margin: 0  0 10px;
}

#content_sidebar ul ul li:hover {background-color:  #F2F0F0;}

@media only screen and (max-width: 480px) {
   #header {width: 100%;}
   #header-wrapper {height: 80px;}
   #header-bar {position: relative; top: 0px;}
   #header_banner, #header #search {display:  none;}
   #hbspacer_nag {padding-bottom: 10px;}
   #logo {width: 100%; left: 0px; margin-left: 0px; position: relative; }
   #logo h1 {font-size: 1.5em; }
   #logo h2 {font-size: .9em; }
   .header-nav {width: 100%; float: left; display: inline-block; border-top: 1px solid #CFCACA;}
   .header-nav li a {padding: 0px 4px 0px 2px; height: 15px; font-size: 1em;}
   .header-nav li ul.children {z-index: 100;}
   #header-bar-nav li a {height:  15px; padding: 0px 4px 0px 2px;}
   .tack {padding: 5px; width: 93%; margin: 5px;}
   .tack_img {width:  292px;}
   .tack_entry {width: 93%;padding: 5px}
   .tack_entry h2 {font-size: 1.25em;}
   .tack_entry .stats {font-size: 1em;}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
   #header {width: 100%;}
   #header-wrapper {height: 80px;}
   #header-bar {position: relative; top: 0px;}
   #header_banner {display:  none;}
   #hbspacer_nag {padding-bottom: 20px;}
   #logo {width: 480px;}
   #logo h1 {font-size: 1.5em; }
   #logo h2 {font-size: .9em; }
   .header-nav {width: 100%; float: left; display: inline-block; border-top: 1px solid #CFCACA;}
}

@media only screen and (min-width: 768px) and (max-device-width: 1024px) {

}