/*  -----------------------------------------------

Theme Name: Clarity On Fire

Author: Alchemy+AIM

Author URL: http://www.alchemyandaim.com

Description: A WordPress theme developed by Alchemy+Aim.

----------------------------------------------- */







body {

background:#fff;

margin:0;

font-family:"Raleway";

color:#243842;

}



a {

color: #555555;

text-decoration:none;

}



a:hover {

color:#cccccc;

}



a img {

border-width:0;

}



/*---------------------- Header ----------------------*/

#header-wrapper {

width: 100%;

text-align:center;

padding:40px 0;

}



#header a img {

margin: 0px auto;

padding: 0px;

border: 0;

display:block;

height:auto;

width:auto;

}



#header h1 a {

text-align:center;

color:#514E47;

font: normal 400 14px Helvetica, sans-serif;

text-decoration:none;

margin:0;

text-transform:uppercase;

}





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



#linkbar {

margin: 0 0 35px;

padding: 0;

width: 100%;

text-align: center;

display: block;

}



#linkbar ul {

margin: 0px;

padding: 0px;

list-style-type:none;

}



#linkbar li {

display: inline;

margin: 0px;

padding: 0px;

position:relative;

}



#linkbar li ul {

display:none;

top:100%;

left:0;

position:absolute;

background:#ffffff;

padding:10px;

}



#linkbar li:hover ul {

display:block;

}



#linkbar li ul li {

display:block;

}



#linkbar h2 {

display: none;

visibility: hidden;

}



#linkbar a {

margin: 0 10px;

padding: 0;

text-decoration:none;

font: 400 12px Helvetica, Arial, sans-serif;

color:#555555;

text-transform: uppercase;

letter-spacing: 2px;

display: inline-block;

}



#linkbar a:hover {

color: #cccccc;

}







/*---------------------- Outer-Wrapper ----------------------*/

#outer-wrapper {

width: 1100px;

margin:0 auto;

padding:0;

text-align: justify;

font: normal 400 12px/20px Helvetica, Arial, sans-serif;

color: #000000;

}



#content-wrapper {

}



#main-wrapper {

width: 700px;

float: left;

word-wrap: break-word;

overflow: hidden;

}





/*---------------------- Headings ----------------------*/



.post h1, .post h2 {

margin:0 0 10px;

letter-spacing: 2px;

font: normal 400 16px Helvetica, Arial, sans-serif;

color: #514E47;

text-transform: uppercase;

text-align: center;

}



.post h1 a, .post h2 a {

color: #555555;

}



.post h1 a:hover, .post h2 a:hover {

color:#cccccc;

}



.page h1 {


}



#sidebar h3 {

margin:0 0 25px;

padding:0;

font: normal 400 13px Helvetica, Arial, sans-serif;

color: #514E47;

line-height: 1.4em;

letter-spacing: 2px;

text-transform: uppercase;

text-align: left;

}



h3.archive_head {

margin:0 0 30px;

letter-spacing: 2px;

line-height:1.4em;

font: italic 400 16px Helvetica, Arial, sans-serif;

color: #514E47;

text-transform: uppercase;

margin-bottom: 0px;

text-align:center;

width:100%;

}



div.date-header {

color: #848484;

font: normal 400 9px 'Times New Roman', Times, serif;

letter-spacing: 2px;

text-transform: none;

text-align: center;

border: none;

margin: 0 0 15px;

}



/*---------------------- Posts ----------------------*/

.post, .page {

margin:0 0 50px;

padding: 0;

}



.post-body {

margin:0;

}



.post-footer {

clear:both;

font-size:10px;

text-transform: uppercase;

margin: 20px 0 0;

letter-spacing: 3px;

padding:0;

display: block;

text-align: center;

color: #555555;

}



.post-footer a {

color: #555555;

}



.post-footer a:hover {

color: #cccccc;

}



.share-buttons {

display:block;

}



.share-buttons div {

display:inline-block;

padding-right:10px;

}



.comment-link {

}





.post img, .page img {

max-width:100%;

height:auto;

}



img.aligncenter {

display:block;

margin:0 auto 10px;

max-width:100%;

height:auto;

}



img.alignright {

display:inline-block;

padding-left:10px;

float:right;

max-width:100%;

height:auto;

}



img.alignleft {

display:inline-block;

padding-right:10px;

float:left;

max-width:100%;

height:auto;

}





a.more-link {

border:0;

font: normal 400 10px Helvetica, Arial, sans-serif;

color: #555555;

text-transform:uppercase;

letter-spacing:2px;

outline:none;

border-radius:0;

-webkit-appearance:none;

margin:20px 0 0;

display:inline-block;

}



a:hover.more-link  {

color: #cccccc;

}





/*---------------------- Comments ----------------------*/

#comments {

clear: both;

margin-top:100px;

}



#comments h4, #comments-headers h4 {

margin:0 0 20px;

letter-spacing: 2px;

line-height:1.4em;

font: normal 400 16px Helvetica, Arial, sans-serif;

color: #514E47;

text-transform: uppercase;

text-align: center;

}



ul#comment-block {

margin:1em 0 1.5em;

padding:0;

}



ul#comment-block li.comment {

padding: 1.2em 0;

list-style: none;

overflow: hidden;

border-bottom: 1px solid #9C9C9C;

}



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 #9C9C9C;

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: #9F9F9F;

font: normal 300 10px 'Times New Roman', Times, serif;

letter-spacing: 1px;

}



.reply a {

font: normal 400 12px Helvetica, Arial, sans-serif;

letter-spacing: 2px;

text-transform: uppercase;

color: #9F9F9F;

}



.comments-block strong {

padding-right:1em;

font: normal 400 12px Helvetica, Arial, sans-serif;

text-transform: uppercase;

letter-spacing: 2px;

}



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

}



#respond {

padding: 2.4em 0 0;

clear: both;

overflow: hidden; }



#comment_form {

width: 100%;

padding: 0;

}



#comment_form p {

padding: 0.2em 0;

}



#comment_form .text_input {

width: 300px;

padding: 5px;

line-height: 1.4em;

text-transform:none;

border: 1px solid #9C9C9C;

font: normal 400 10px Helvetica, Arial, sans-serif;

color: #514E47;

outline:none;

border-radius:0;

-webkit-appearance:none;

letter-spacing:1px;

}



#comment_form .text_area {

width:600px;

font: normal 400 10px Helvetica, Arial, sans-serif;

color: #514E47;

padding:5px;

border: 1px solid #9C9C9C;

outline:none;

border-radius:0;

-webkit-appearance:none;

letter-spacing:1px;

}



#comment_form .form_submit {

padding:3px 7px;

background: #d6d6d5;

border:0;

font: normal 400 10px Helvetica, Arial, sans-serif;

color: #fff;

cursor: pointer;

text-transform:uppercase;

letter-spacing:2px;

outline:none;

border-radius:0;

-webkit-appearance:none;

}

#comment_form .form_submit:hover {

background: #C9C8C8;

}



#comment_form p.subscribe-to-comments { font-size: 1.4em; }

#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

.comment-subscription-form {display:none;}



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



.navigation {

text-align: center;

}



.nav-newer {

float: right;

margin: 10px 0 0;

}



.nav-older {

float: left;

margin: 10px 0 0;

}



.navigation a {

font: normal 400 10px Helvetica, Arial, sans-serif;

color: #555555;

letter-spacing:3px;

text-transform:uppercase;

}



.navigation a:hover {

color:#ffffff;

}





/*---------------------- Sidebar Content ----------------------*/

#sidebar {

line-height:19px;

font:normal 400 11px Helvetica, sans-serif;

letter-spacing:1px;

}



#sidebar img {

max-width:100%;

height:auto;

}



#sidebar ul {

padding:0;

list-style-type:none;

margin:0;

}



#sidebar ul li {

}



#sidebar p {

}





/*---------------------- Footer, Credits, and Misc ----------------------*/



#credits {

padding: 20px 0;

margin:0;

width: 100%;

text-align: center;

display: block;

text-transform: uppercase;

letter-spacing: 2px;

font: normal 400 10px Helvetica, Arial, sans-serif;

color: #555555;

}



#credits a {

color:#555555;

}



#credits .top {

}



#credits .bottom {

}



img#wpstats {

display: none;

}



.post-thumbnail {

margin-bottom:15px;

}



.ft-second ul li {

position: relative;

}



.ft-second ul li a {

position: absolute;

width: 100%;

height: 100%;

}



.single-post-content .password-header h1 {

font-size: 48px;

line-height: 50px;

letter-spacing: 1px;

color: #9DA6AB !important;

text-transform: uppercase;

font-weight: normal;

font-family: "ltc-bodoni-175",serif;

}



.password-protected #password {

width: 80%;

padding: 6px;

border: 1px solid rgb(157, 166, 171);

}



.password-protected label {

margin-top: 50px;

display: block;

margin-bottom: -12px;

text-transform: uppercase;

}



.password-protected .password-submit {

color: #ffffff;

border: none;

text-transform: uppercase;

font-weight: bold;

font-family: "Raleway", sans-serif;

background-color: #243842;

font-size: 18px;

padding: 4px 60px;

}

.mobile-social-bar ul li:first-child a {
    width: auto;
    color: #F6F6F6;
}

.footer .ft-credits {
font-family: "Raleway", sans-serif;
font-size: 9px;
font-weight: 600;
color: #F6F6F6;
text-transform: uppercase;
letter-spacing: 2px;
text-align:right;
}

.post-796 h3.blog-title {
display:none;
}

.post-796 h1, .post-796 h4, .post-796 h1 span, .post-796 h4 span {
color: #9DA6AB !important;
font-family: "ltc-bodoni-175", serif;
font-weight:400 !important;
}


#post-optin {
	margin:40px 0;
	padding:26px 37px;
	text-align:center;
}

#post-optin .optin-border {
	padding:3px;
	background-color:#243842;
	position:relative;
}

#post-optin .optin-inner {
	padding:50px 20px 20px;
}

#post-optin h2 {
	position: absolute;
	top: -12px;
	margin: 0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
  padding: 0 20px;
	color:#243842;
	font-size:20px;
	letter-spacing:.1em;
}

#post-optin p {
	font-size:24px;
}

#post-optin .mc4wp-alert p {
  font-size:14px;
  margin-top:1em;
}

#post-optin input[type="text"], #post-optin input[type="email"] {
	width:250px;
	display:inline-block;
	border:none;
	margin:0px 12px 20px;
  line-height: 1.65em;
	max-width:calc(100% - 20px);
}

#post-optin input[type="text"] {
}

#post-optin input[type="submit"] {
	text-transform: uppercase;
  font-weight: 800;
  font-size: 19px;
  letter-spacing: .1em;
  border: none;
  padding: 10px 60px;
	margin-top:20px;
}


#post-optin.light {
	background-color:#f6f6f6;
}

#post-optin.light .optin-border {
	background:url('images/shutterstock_1460.jpg');
	background-size:730px;
	background-position:50%;
}
#post-optin.light h2 {
	background-color:#f6f6f6;
}

#post-optin.light .optin-inner {
	background-color:#f6f6f6;
}

#post-optin.light input[type="submit"] {
	color:#f6f6f6;
	background-color:#f15b5b;
	border:2px solid #f15b5b;
}


#post-optin.light input[type="submit"]:hover {
	color:#f15b5b;
	background-color:#f6f6f6;
	cursor:pointer;
}


#post-optin.gold {
	background:url('images/shutterstock_1460.jpg');
	background-size:730px;
	background-position:50% 0px;
}

#post-optin.gold .optin-border {

}
#post-optin.gold h2 {
	color:#243842;
	background:url('images/shutterstock_1460.jpg');
	background-size:730px;
  background-position: 50% -8px;
}

#post-optin.gold .optin-inner {
	background:url('images/shutterstock_1460.jpg');
	background-size:730px;
	background-position:50% 0px;
}

#post-optin.gold input[type="submit"] {
	color:#f6f6f6;
	background-color:#243842;
	border:2px solid #243842;
}


#post-optin.gold input[type="submit"]:hover {
	color:#243842;
	background-color:#f6f6f6;
	cursor:pointer;
}

@media screen and (max-width:425px) {
	#post-optin {
		padding:20px;
	}
	#post-optin .optin-inner {
		padding:50px 10px 20px;
	}
	#post-optin p {
		font-size:18px;
	}
}