/*
Theme Name: Cold Hard Look
Description: Cold Hard Look WordPress Theme
*/

@import url("http://katiehartman.com/web%20fonts/stylesheet.css");

html {
	position: relative;
    	min-height: 100%;
}

html,
button,
input,
select,
textarea {
    color: #000;
}

input {
padding-top: 2px;
padding-bottom: 2px;
}

p {
font-family:Open Sans;
line-height: 160%;
font-size: 15px;
letter-spacing:-0.02em !important;
}

html, body, #container {}
body > #container { 

}



.foobar {font-weight: normal !important;}

.grey_box {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid #bbb;
	margin-bottom: 20px;
}
.grey_box_content h3 {
	margin-bottom: 0px;
}
.grey_box_content {
	border: 1px solid #fff;
	padding:10px;
}
.grey_box {
	background: #EAEAEA;
	color: #535353;
	border-color: #C1C1C1;
}

@media only screen and (max-width: 540px) {
div.grey_box {
     width:100% !important;
     height:auto;
}
}

.newsletter_box {
	background: url('/wp-content/uploads/newsletter_tape.png') no-repeat center top;
	width: 284px;
	height: 123px;
	color: #2f3438;
	float:left;
	display:inline;
}

.newsletter_box input {
    padding: 5px;
    background: #fff;
	border: 2px solid;
	border-color: #6e7679;
	color:#2f3438;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.newsletter_box ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #2f3438;
}
.newsletter_box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #2f3438;
}
.newsletter_box ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #2f3438;
}
.newsletter_box :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #2f3438;
}

.donate-button {
	-moz-box-shadow:inset 0px -1px 0px 0px #47707a;
	-webkit-box-shadow:inset 0px -1px 0px 0px #47707a;
	box-shadow:inset 0px -1px 0px 0px #47707a;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72aab8), color-stop(1, #338ba4) );
	background:-moz-linear-gradient( center top, #72aab8 5%, #338ba4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72aab8', endColorstr='#338ba4');
	background-color:#72aab8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a4abb1;
	display:inline-block;
	color:#ffffff;
	font-family:'BenchNine', arial;
	font-size:22px;
	font-weight:700;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #3c7b8c;
}.donate-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #338ba4), color-stop(1, #72aab8) );
	background:-moz-linear-gradient( center top, #338ba4 5%, #72aab8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#338ba4', endColorstr='#72aab8');
	background-color:#338ba4;
}.donate-button:active {
	position:relative;
	top:1px;
}

.main-menu-wrapper {
  margin-left:107px;
}

.menu-item-95, .menu-item-96 {
color:#9b2440;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-top:-4px !important; 
padding:4px;

}

.menu-item-95 {
-webkit-animation-name: bluePulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;

-moz-animation-name: mozBluePulse;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
}

@-webkit-keyframes bluePulse {
from {  }
50% { background-color: #2d8ba5; -webkit-box-shadow: 0 0 18px #333; color:#fff !important;}
to {  }
}

@-moz-keyframes mozBluePulse {
from {  }
50% { background-color: #2d8ba5; box-shadow: 0 0 18px #333; color:#fff !important;}
to {  }
}

body {
font-family:Open Sans;
line-height: 160%;
font-size: 15px;
letter-spacing:-0.02em !important;
margin-bottom:40px;
}


body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
color: background-color:#bbc2c9 !important;
padding:3px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield {
border-bottom: #000 1px;
}

body.home,
body.default {
	background: #a4abb1 url('/wp-content/uploads/home_banner.png') no-repeat center top;
}

body.homev2 {
	background: #a4abb1 url('banner-homev2.jpg') no-repeat center top;
}

body.support {
	background: #a4abb1 url('banner-support.jpg') no-repeat center top;
}

body.history {
	background: #a4abb1 url('banner-history.jpg') no-repeat center top;
}

body.alternatives {
	background: #a4abb1 url('banner-alternatives.jpg') no-repeat center top;
}

body.restoration {
	background: #a4abb1 url('banner-restoration.jpg') no-repeat center top;
}

body.onitswayout {
	background: #a4abb1 url('banner-wayout.jpg') no-repeat center top;
}

body.profit {
	background: #a4abb1 url('/wp-content/uploads/banner-profit.jpg') no-repeat center top;
}

body.risks {
	background: #a4abb1 url('/wp-content/uploads/banner-risks.jpg') no-repeat center top;
}

body.reckoning {
	background: #a4abb1 url('banner-reckoning.jpg') no-repeat center top;
}


.small-tape {
	background: url('/wp-content/uploads/tapebg.png') no-repeat center top;
	width:316px;
	height:145px;
	line-height: 100% !important;
	font: 400 24px 'Shadows Into Light';
}

#logo_link {
	float: left;
	margin-right: 10px;
}

.menu {
	list-style: none; 
}

.menu li {
	float: left;
	font: 700 22px 'BenchNine';
	margin: 0 0 0 16px;
}

.menu a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}
.menu a:hover { border-bottom: 2px solid #333; }

.menu .current_page_item  a,
.menu .current_page_parent a { color: white; }
.menu .current_page_item a:hover,
.menu .current_page_parent a:hover { border-bottom: none; }

.main {
	width: 100%;
}

body.home  .main {
	margin-top: 240px;
	background: url('bg-home.jpg') no-repeat center top;
}
body.homev2  .main {
}
body.default .main {
	margin-top: 200px;
}

body.support  .main {
	margin-top: 290px;
	background: url('bg-support.jpg') no-repeat center top;
}

body.history  .main {
	margin-top: 340px;
	background: url('bg-history.jpg') no-repeat center 160px;
}

body.restoration  .main,
body.alternatives  .main,
body.onitswayout .main,
body.profit  .main,
body.risks  .main {
	margin-top: 290px;
	background: none;
}

.watch_container {
	position: relative;
	float: left;
	margin-top:-50px;
	margin-left:400px;
	background: none !important;
}

.video_container { 
	position: relative; 
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/*
.video_container:before {
	content: "";
	background: url('pitch-reel.png') no-repeat center center;
	display: block;
	position: absolute;
	width: 12px;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
}
*/

.video_container img {
	box-shadow: 0 0 5px #000; 
	margin-left: 171px;
	margin-top:15px;
}

.content .video_container a,
.content .video_container a:link,
.content .video_container a:hover { border: none; }

.content { 
	padding-top: 32px;
	padding-bottom:70px;



}

h2 { font: 400 24px 'Oswald'; }

h2.blogtitle a,
h2.blogtitle a:link {
	color: white;
	border: none;
}
h2.blogtitle a:hover { border-bottom: 1px solid white; }

.video_container+h2 { margin-top: 0; }

.title_em_small { font-size: 65%; color: white; }

.title_em_large { 
	font: 800 28px 'Open Sans';
	text-transform: uppercase; 
	color: #000; 
}

h3 {
	font: 400 16px 'Open Sans';
	color: white;
}

h2+h3 { margin-top: 30px; }


.large_em {
	font: 400 24px 'Shadows Into Light';
	color: #000;
}

.clarification { font-size: 90%; font-style:italic;  }

.a_right { text-align: right; padding-right: 10px; }

.white { color: white; }

dfn { color: white; }

img a {
	color: #000;
	text-decoration: none;
	border-bottom: 0px !important;
}

.content a, .content a:link {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid black;
}

.content a:hover {
	color: white;
	border-bottom: 1px solid white;
}

.content  strong { 
	color: white; 
	font-size: 110%;
	font-weight: 600;
}

#footer {
	position: absolute;
    	left: 0;
    	bottom: 0;
   	height: 50px;
    	width: 100%;
	background: #030509;
	color: #3e3e3e;
	z-index: 100;


}
#footer p { margin: 0; padding: 13px 0; }

#socialicons {
	position: absolute;
	left: 0;
	top: 0;
	background: url('social_bg.png') no-repeat top right;
	height: 500px;
	padding-top: 160px;
}

@media screen and (min-device-width: 980px) {

#socialicons {
	margin-left:-30px;
	width: 200px;
}

.newsletter_box {
	margin-top:-30px;
	margin-left:20px;
}

.header-wrap {
	margin: 0 auto;
	width: 1080px;
}

.wrap {
	margin: 0 auto;
	width: 980px;
}

h2#history { 
	background: url('title-history.jpg') no-repeat center top;
	height: 139px;
	margin: 20px -30px;
}
}

@media screen and (max-device-width: 979px) {


.content {
	width:80%;
	margin: 0 10%;
	align:center;
}

.newsletter_box {
	position: absolute;
	left:620px;
	margin-top:-5px;
}

h2#history { 
	background: url('title-history.jpg') no-repeat center top;
	height: 139px;
	margin: 20px -60px;
}

#socialicons {
width:200px;
margin-left:-90px;
}
}


body.home  #socialicons {
	top: 260px;
	height:360px;
}
body.homev2  #socialicons {
	top: 500px;
	height:360px;
}
body.default #socialicons {
	top: 300px;
}

body.support  #socialicons {
	top: 300px;
}

body.history  #socialicons {
	top: 385px;
}

body.restoration  #socialicons {
	top:330px;
	height:450px;
}
body.onitswayout  #socialicons {
	top:330px;
	height:450px;
}
body.risks  #socialicons {
	top:330px;
	height:450px;
}
body.profit #socialicons {
	top:330px;
	height:450px;
}
body.alternatives  #socialicons {
	margin-top: 370px;
}


.social {
	float: right;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9000px;
	margin-right: 55px;
	margin-bottom: 2px;
	clear: right;
}

.fb { background: url('social-icons2.png') no-repeat 0 top; }
.tw { background: url('social-icons2.png') no-repeat -50px top; }
.yt { background: url('social-icons2.png') no-repeat -100px top; }
.in { background: url('social-icons2.png') no-repeat -150px top; }
.rss { background: url('social-icons2.png') no-repeat -200px top; }


body.history .clarification { margin-bottom: 3px; }
.history_em { margin-top: 0; font-style:italic; font-size: 90%; }

.history_img_1,
.history_img_3,
.history_img_5 {
	float: left;
	display: block;
	margin: 0 20px 0 0;
}
.history_img_1+p { margin-top: 60px; }

.history_img_2 {
	float: right;
	display: block;
	margin-left: -60px;
}
.history_img_2+p { margin-top: 80px; }

.history_img_3 { margin-bottom: 50px; margin-top: 30px; }

.history_img_4 { 
	float: right;
	display: block;
	margin-top: -20px;
}
.history_img_4+p { margin-top: 40px; }

.history_img_5 { margin-top: 30px; margin-right: -80px; }
.history_img_5+p { margin-top: 110px;  }

.history_lastp { margin-top: 80px; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1330px) {
	#socialicons {
		width: 200px;
		background-position: top right;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

#donate_tape {
position:absolute;
left:0px;
top:0px;
}

#corner-past {
position:absolute;
left:10px;
top:0px;
}
#corner-profit {
position:absolute;
left:10px;
top:350px;
}
#corner-risk {
position:absolute;
right:10px;
top:0px;
}
#corner-reckoning {
position:absolute;
right:10px;
top:350px;
}

.transparentimg {
border-bottom: 0px !important;
}

/* ==========================================================================
   HTML5 Boilerplate stuff
   ========================================================================== */


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

#share-your-story-box {
	text-align:center; margin-left: 140px; margin-top:460px; margin-bottom:20px; z-index: -1; width: 670px; border: 1px solid #808080; background-color: #bebebf; padding: 10px 16px;
}

/* ==========================================================================
   Katie added
   ========================================================================== */

.grit-overlay {
z-index: 700;
}

@media only screen and (max-width: 1290px) {
    #menu-sub-menu li {
	float: left;
	font: 700 20px 'BenchNine';
	margin: 0 0 0 8px;
    }
    .main-menu-wrapper { margin-left: 0px; }
}

@media only screen and (max-width: 1380px) {
    #corner-past {
	margin-left: -60px;
    }
}

@media only screen and (max-width: 1170px) {
    #corner-past a img {
	width:159px;
	margin-left:20px;
    }
    #corner-profit a img {
        width:145px;
	margin-left:-20px;
    }
    #corner-risk a img {
        width:138px;
    }
    #corner-reckoning a img {
	width:133px;
    }
    .video_container img {
	margin-left: 80px;
    }
}

@media only screen and (max-width: 1060px) {
    .newsletter_box {
        visibility:hidden;
    }
}
table p{
font-size:12px;
}






}