/*  

Theme Name: Joanne Faith

*/

/* Begin Typography & Colors */

@font-face {
    font-family: 'BebasRegular';
    src: url('http://www.joannefaith.com/webfonts/BEBAS___-webfont.eot?') format('eot'),
         url('http://www.joannefaith.com/webfonts/BEBAS___-webfont.woff') format('woff'),
         url('http://www.joannefaith.com/webfonts/BEBAS___-webfont.ttf') format('truetype'),
         url('http://www.joannefaith.com/webfonts/BEBAS___-webfont.svg#webfontOJIfwzl6') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; }

body { 
background: #fff; padding: 5px 0px; margin: 5px 0px;
font-size: 12px;
font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
color: #444;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;

padding: 0px; margin-top: 0px; }

input, button, textarea, select { color:#2d3538; vertical-align: middle; }

legend { display: none; }

fieldset { border: none; }

ul, ol { list-style: none; }

ol { list-style-type: decimal;}

table { border-collapse: collapse; width: 100%; }

hr { center; color: #DBDBDB; width: 100%; border: dotted 1px #dbdbdb; margin-bottom: 15px; margin-top: 15px; }

img { padding: 0px; margin: 0px; border: none; }

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;
}

a:link { text-decoration: none; color : #16347f; border: 0px; -moz-outline-style: none;}

a:active { text-decoration: underline; color : #16347f; border: 0px; -moz-outline-style: none;}

a:visited { text-decoration: none; color : #16347f; border: 0px; -moz-outline-style: none;}

a:hover	{ text-decoration: underline; color : #0f3db0; border: 0px; -moz-outline-style: none;} 

a:focus { outline: none;-moz-outline-style: none;}

h1, h2 { 
font: 32px/34px 'PT Sans', Arial, sans-serif; 
text-transform: uppercase; 
color: #2f322f;
font-size: 24px;
font-style: normal;
line-height: 118%;
} 

h3 { font-size: 1.6em; font-family: Century Gothic, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; }

h4 { font-size: 1.4em; font-family: Century Gothic, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; padding-top: 8px;} 

h5 { font: 32px/32px "Courier"; text-transform: lowercase; padding-bottom: 5px; padding-top: 5px; color: #838383; font-weight: bold; letter-spacing: -1px;} 

h6 { font: 26px/26px "FertigoPro-Regular"; text-transform: lowercase; padding-bottom: 5px; padding-top: 5px; color: #838383; font-weight: bold; letter-spacing: -1px;} 

.post_cat { text-align: center; border-bottom: solid 1px #dbdbdb;}

.post_links { text-align: center; margin-bottom: 10px; border-bottom: solid 1px #dbdbdb;}

.post_cat2 { text-align: left; border-top: solid 1px #dbdbdb; color: #444;}

.source { font: normal 14px/18px 'Courier'; color:#999; letter-spacing: -1px; color:#999; text-align: center; }


/* BG 

############################################################################################################## */

#bg { width: 965px; margin: 0 auto; margin-top: 15px;}

#bg-all { width: 965px; background: #fff; overflow: hidden;}

/**/ * html #bg-all { height: 1%;} /* */

.post-signoff {
border: 1px dotted #DBDBDB;
text-align: left;
padding-top: 20px;
padding-bottom: 30px;
margin-top: 15px;
margin-bottom: 15px;
font-size: 16px;
}

.post-buttons {
float: left;
width: 25%;
margin-right: 5px;
}

.sm-button {
float:right;
}

sm-text {
float: right;
text-align:left;
width: 75%;
font-size: 14px;
}

sm-text p {
font-size: 14px;
}


.p-sign{
clear: both;
}

/* Header 

############################################################################################################## */

#header {height: 40px; background: url() no-repeat;}



#header-search {float: right; padding-top: 0px; padding-right: 0px; margin-right: 15px;}

#header2 {height: 182px; background: url(http://joannefaith.com/wp-content/uploads/2012/01/layout-banner-2012.png) no-repeat; }




/**/ *html .SR .search  { height: 1%; font-face: Georgia; } /**/ 

#header-search .search form { width: 236px; padding: 7px; background: #16347f; }

#header-search .search fieldset { overflow: hidden; height: 1%;  }

#header-search .search input { float: left; margin-right: 2px; background: url(images/search-input.png) no-repeat; border: none; padding: 5px 3px 5px 65px; width: 140px; color:#666;}

#header-search .search button { float: left; background: url(images/search-button.png) no-repeat; width: 26px; height: 24px; border: none; cursor: pointer; text-indent: -1000em; }

#header-search .syn ul { text-align: right; margin:4px 0px;}

#header-search .syn li { text-align: right; background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; color:#838383; display: inline; font: bold 14px/14px 'courier'; letter-spacing: 1px;}

#header-search .syn li a {color:#be9b3f; }

#header-search .syn li a:visited {color:#be9b3f; }

#header-search .syn li a:hover {color:#cbae68; }









/* Container 

############################################################################################################## */

.container { padding: 10px; float: left; width: 630px; margin-top: 10px;}

.menu2 { overflow: hidden; text-align:justify; width: 965px; 
margin:0 auto 13px; padding: 30px 0px 15px 0px; font-size:26px; font-family:courier new;
}

.menu2 ul { text-align: center }

.menu2 li { display: inline; font: 24px/26px 'PT Sans', Arial, sans-serif;  text-transform: uppercase; }

.menu2 li ul li { font-weight: normal; letter-spacing: normal;}

.menu2 li a, .menu li a:visited { color:#000; padding: 10px 70px 10px 0px; }

.menu2 li a:hover {text-decoration: underline;}



/* SL ()

 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SL { float: left; width: 650px; font-face: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
}



.title { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}

.note {  background:url(images/note-icon.png) no-repeat left 2px; padding-left: 14px; color:#669900; font-size: 11px;}

.edit a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; color:#ff6600; font-size: 11px; }

.error { color:#cc0000; font-size: 11px; font-weight: bold;}







/* Post Single

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post, .attachment { width: 100%; position: relative;}

/**/ * html .post, .attachment { width: 99%;} /**/ 





.p-head { padding-bottom: 5px;}

.p-head h2 a, .p-head h2 a:visited { color:#000000; }

.p-head h3 { color:#272d36; font: 18px/18px "FertigoPro-Regular"; letter-spacing: -1px; }

.p-head h3 a, .p-head h3 a:visited { color:#272d36;}

.p-head h3 a:hover { color:#0099cc; text-decoration: none;}

.p-cat { font: 12px/14px 'PT Sans', Arial, sans-serif;  text-transform: uppercase; padding-top: 8px; padding-bottom: 2px;  }

.p-cat a, .p-cat a:visited, .p-cat a:hover { text-decoration: none;}

.p-time { background: url(images/p-time-bkg.png) no-repeat right bottom; top: 5px; width: 50px; padding-bottom: 10px; }

/**/ * html .p-time { left: -70px;} /**/ 

.p-time strong { float: left; text-align: center;}

.p-time .day { font: normal 20px/18px "Arial"; letter-spacing: -1px; color:#fff; width: 40px; padding: 7px 0px; background:#fa72ad; overflow: hidden; }

.p-time .month { background:#dedede; width: 40px; padding: 3px 0px; margin-bottom: 10px;}

.p-time .year { background: #fff; border: solid 1px #dedede; font: normal 11px/11px 'Verdana'; padding: 12px 5px; color:#bababa;}

.p-con p { 
padding: 5px 0px; margin: 5px 0px;
word-spacing: normal;
text-align: justify;
font-face: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
}

.linkwithin_text {
padding: 5px 0px; margin: 5px 0px;
font: normal 12px Trebuchet, Helvetica;
color: #333333;
visibility: visible;
}



.p-con ol { list-style: decimal inside; }

.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }

.p-con ol li { padding: 2px 0px 2px 0px; }

.p-con ul { padding: 10px 0px 10px 0px; margin: 0px; }

.p-con ul li { padding: 0px 2px 15px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 1px;  }

.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #ecf6f8; }

.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; }

.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.p-det { font: 14px/16px 'PT Sans', Arial, sans-serif;  text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; padding-top: 8px; padding-bottom: 8px; border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; }


.p-det a, .p-det a:visited, .p-det a:hover { text-decoration: none; }

.p-det li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 30px; margin-right: 10px; }

.p-det li.p-det-com { background: url("images/p-det-com.png") left center no-repeat; }

.p-det li.p-det-com a { letter-spacing: -1px;}

.p-det li.p-det-tag { background: url("images/p-det-tag.png") left center no-repeat; }

.p-det li a,.p-det a:visited { font: normal 12px/18px; margin-right: 3px;}



.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }

.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }


.p-end { border-top: solid 1px #dbdbdb; background-color: #d6c591; margin-top: 10px; padding: 4px; font: bold 12px/12px "georgia"; letter-spacing: 1px;}

.p-end a { color: 987730;}

.post-tagged {
    margin-bottom: 20px;
    padding-bottom: 20px;
    float: right;
    width: 100%;
}

.post-tagged  p.tags {
    margin: 0px;
    padding: 0px;
    float: right;
    font-size: 1.125em;
    width: 75%;
}

.post-tagged p.com {
    margin: 0px;
    padding: 0px;
    float: left;
    font-size: 1.025em;
}

.post-tagged p.com a {
    margin: 0px;
    padding: 3px 6px;
    float: left;
    font-size: 1.025em;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    background: #8B8A8A;
    border: 1px solid #999999;
    -moz-border-radius: 1em;

}

.post-tagged p.com a:hover {

    margin: 0px;

    padding: 3px 6px;

    float: left;

    font-size: 1.025em;

    color: #eee;

    display: block;

    text-decoration: none;

    background: #676767;

    border: 1px solid #999999;

    -moz-border-radius: 1em;

}

.sm {

padding: 2px;
text-align: center;

}

.moretext { text-align: center; margin-top: 25px; font: 24px/26px 'PT Sans', Arial, sans-serif;  text-transform: uppercase; }


}

/* Images

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



img.aligncenter, .aligncenter {
	display: block;
	margin: 10px auto 10px auto;
	}

.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }

.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}

.p-con .alignright { float: right; }

.p-con .alignleft { float: left }



/* Navigation

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.nav { overflow: hidden; padding-bottom: 2px;}

.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; #ffffff; }

.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }

.nav a, .nav a:visited { cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; }






/* Comments

############################################################################################################## */

.comments-list { margin-top: 25px; padding-top: 20px;}

.commentlist { margin-top: 25px; }

.comments-list h2 { 
font: 26px/28px 'Century Gothic', Arial, sans-serif;letter-spacing: -0.5px;
color: #2f322f;
font-size: 24px;
font-style: normal;
line-height: 118%;
font-weight: bold; }

.comments-list div.entry { margin-bottom: 15px; margin-top: 15px; background: #fff url() no-repeat right bottom; padding-top: 15px; padding-bottom: 15px; }

.comment-author { padding-bottom: 10px; }

.name { font-weight: bold; font-size: 16px;  font-family: Georgia, serif;  letter-spacing: -1px; color:#000; padding-right: 10px;}

.comments-list p.avt { padding: 0px; margin: 0px; float: right;}

.comments-list p.avt img { border: solid 1px #ccc;}

.comments-list cluv {padding-top: 5px; padding-bottom: 5px; }

* html .comments-list p.avt { left: -60px; }

.date { font-size: 11px; margin-bottom: 5px;}

.comments-list.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { text-decoration: underline;}



.comments-list .con { font-size: 12px; font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
color: #444;}

.comments-list .con p { padding: 5px 0px; }

.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; border-left: solid 4px #666; padding-left: 5px;}

.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }


.comment.odd { padding-left: 20px; border-bottom: none; padding-top: 20px; }


/* Comments Form

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.comments-form {  }

.comments-form h3 { margin-bottom: 15px; }

.comments-form p { padding: 7px 0px; }

.comments-form a { color: #ddc893 }
.comments-form a:hover { color: #ddc893; text-decoration: underline;}

.comments-form .required { font-weight: normal; color:#ff0000;}

.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }

.comments-form input.formid { border: 1px solid #ddc893; background: #fff url(images/form-name-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}

.comments-form input.formemail { border: 1px solid #ddc893; background: #fff url(images/form-email-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}

.comments-form input.formuri { border: 1px solid #ddc893; background: #fff url(images/form-uri-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}



.comments-form textarea { border: 1px solid #ddc893; background: #fff; padding: 4px; width: 97%;}

.comments-form .button { border: 1px solid #ddc893; background: url(images/button-post-comment.png) no-repeat left; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 38px;}















/* Side Right 

############################################################################################################## */

.SR { width: 280px; padding-bottom: 30px; float: right;}

.sh {font: 18px/20x 'BebasRegular', Arial, sans-serif;letter-spacing: 0;}


/* Sidebar Panels 1

 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .panel { padding: 20px 0px 0px 15px; }

.SR .panel h2  { color:#000; font: normal 18px/24px Bebas, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; margin-bottom: 10px; padding-bottom: 5px }

.SR .panel h3  { color:#000; font: normal 18px/24px Bebas, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; border-bottom: 1px solid #DBDBDB; margin-bottom: 10px; padding-bottom: 5px }

.SR .panel p { padding: 5px 0px; margin: 0px; font: 14px/14px "Courier"}

.SR .panel .about { font: 12px/14px Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; }

.SR .popular li { padding-bottom: 3px;}

/* Categories + Archives 

 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .categs { background: #fff; overflow: hidden; padding-top: 15px; padding-right: 15px; padding-left: 15px; }

/**/ *html .SR .categs { height: 1%;} /**/ 

.SR .categs h3  { color:#000; font: normal 18px/24px Bebas, Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; border-bottom: 1px solid #DBDBDB; margin-bottom: 10px; padding-bottom: 5px }

.SR .categs li { padding-bottom: 5px; list-style-type: none; font-size: 13px; }

.SR .categs a, .SR .categs a:visited { text-decoration: none;}

.SR .categs a:hover { text-decoration: underline;}

.SR .widget-content { border-bottom: 1px solid #dbdbdb;  border-top: 1px solid #dbdbdb;  margin-top: 15px; margin-bottom: 10px;}



/* Recent

 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .recent { background: #fff; padding: 15px; }	

.SR .recent .tabs { color: #fff; overflow: hidden; }

.SR .recent .tabs { height: 1%; }

.SR .recent .tabs li { color: #fff; float: left; background: none; }

.SR .recent .tabs li a { float: left; font: bold 12px/12px "Georgia";  padding: 3px 6px 9px 6px; background: #be9b3f url(images/tabs-inactive.png) no-repeat bottom center; margin-right: 3px; text-decoration: none; color: #fff;  }

.SR .recent .tabs li a.active, .SR .recent .tabs li a:hover { background: #be9b3f url(images/tabs-active.png) no-repeat bottom center; color: #fff; text-decoration: none; color: #fff;  }

.SR .recent a, .SR .recent a:visited { text-decoration: underline; }

.SR .recent a:hover { color:#fbdda1; text-decoration: underline;}



#tab-comments { display: none; margin-bottom: 5px; }

#tab-comments li { background: url(images/tabs-arrow.png) no-repeat left 10px; padding: 4px 0px 4px 6px; border-bottom: solid 1px #ddc893; font-size: 11px; color:#000;}

#tab-comments li a { display: block;}

#tab-posts { margin-bottom: 5px; font-size: 11px; }

#tab-posts li { background: url(images/tabs-arrow.png) no-repeat left 8px; line-height: 14px; padding: 1px 0px 1px 6px;}

#tab-tags { display: none; margin-bottom: 5px; font-family: "Verdana"; line-height: 22px;}

/* Sidebar Blogroll Panel

 +++++++++++++++++