/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

/* Drop-Down Extra Info */

div.innerdetails4 {
display:none;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
word-wrap: break-word;
border-width:1px;
border-style:solid;
border-color:#F1D031;
background-color:#FFFFA3;
color:#000000;
margin-bottom:20px;
}

a.details4 {
background-color: #FFEF93;
color:#000000;
font-weight:bold;
text-decoration:none;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
/* qTip Footnote Pointers */

.hasTooltip {
color: #4298b3;
text-decoration: none;
font-weight:bold;
font-size:16px;
font-family:"Times New Roman", Times, serif;
width:10px;
display: inline;
}
div.hidden{
    display: none;
}
.qtip
{
max-width: 500px !important;
font-size:16px !important;
line-height:16px !important;
color:#000000 !important;
}
.qtip a
{
color:red !important;
text-decoration:underline !important;
}

/* Nice Looking Titles */
h2.up2 
{
margin-top:-10px; 
padding-top:10px; 
padding-bottom:10px;
font-size:24px;
color:#57C4D5;
font-family:'PT Serif', arial, sans-serif;
}
/*Turn New Start Here Menu Item Blue */

#menu-item-1501 a{
color:rgb(46, 172, 234) !important;
font-weight:bold;
}

/*Prev Next Posts Styling */

div.prev_next.post_nav p {
font-size:9px;
}

div.prev_next.post_nav a {
text-decoration:underline;
}

div.prev_next.post_nav {
margin-top:20px;
padding-bottom:0px;
margin-bottom:0px;
}

#comments {
margin-top: 1em !important;
}

/* Scroll Trigger Box */

input.btn {
margin-top:2px;
margin-left:10px;
}

#scrolltriggered { display: none; position: fixed; z-index: 1000; bottom: -210px; background-color: #ffe14f; font-size: 15px; border: solid 3px #FFF; -webkit-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); color: #000000; }
#scrolltriggered #closebox { z-index: 1001; background: #aa9232; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 20px; width: 20px; display: inline-block; position: absolute; top: 5px; right: 5px; font-family: Georgia, Times, serif; color: #fcd94b; text-align: center; font-size: 14px; line-height: 16px; text-decoration: none; }
#scrolltriggered #closebox:hover { background: #bba137; }
#scrolltriggered #inscroll { -webkit-box-shadow: inset 0px 0px 50px 10px #fad047; -moz-box-shadow: inset 0px 0px 50px 10px #fad047; box-shadow: inset 0px 0px 50px 10px #fad047; font-size: 12px; padding: 20px 20px 10px 20px; }

#scrolltriggered #inscroll p { margin: 0 0 0px 0; line-height: 12px; font-family: Georgia, Times, serif; font-size: 40px;}
#scrolltriggered #inscroll strong { font-weight: bold; }
#scrolltriggered #inscroll ul { margin: 14px 0 9px 0; padding: 0; }
#scrolltriggered #inscroll ul li { font-family: Georgia, Times, serif; font-size: 16px; list-style: none; padding: 0 0 0 20px; line-height: 19px; background: url("bullet.png") 0 5px no-repeat; text-align: left;}

#scrolltriggered #inscroll h5 { font-family: Georgia, Times, serif; font-size: 20px; text-align: left; font-weight: normal; margin: 10 0 10px 0; text-transform: none;}

#scrolltriggered #inscroll h6 { font-family: Georgia, Times, serif; font-size: 12px; text-align: left; font-weight: normal; margin: 10 0 15px 0; text-transform: none;}


#scrolltriggered #inscroll h5 span { color: #c41000; }
#scrolltriggered #inscroll h3 { font-family: Georgia, Times, serif; font-size: 16px; text-align: center; font-weight: bold; margin: 0 0 0px 0;  color: #c41000; padding-bottom:0px;}

#scrolltriggered #inscroll h4 { font-family: Georgia, Times, serif; font-size: 14px; text-align: center; font-weight: bold; margin: 0 0 30px 0;  color: #000000; }

#scrolltriggered #inscroll form { margin: 10px 0 0; }
#scrolltriggered #inscroll form input { font-size: 16px; border: solid 1px #b19734; -webkit-box-shadow: inset 0px 0px 3px 1px #e2e2e2; -moz-box-shadow: inset 0px 0px 3px 1px #e2e2e2; box-shadow: inset 0px 0px 3px 1px #e2e2e2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 25px; display: inline-block; line-height: 25px; padding: 0 5px; width: 60%; }

#scrolltriggered #inscroll form input.error { border-color: #ff4318; background-color: #eca8a8; }
#scrolltriggered #inscroll form input[type=submit], #scrolltriggered #inscroll form input.submit { display: block; position: relative; width: 33% !important; height: 26px; background-color: #d42c1e; border: 1px solid #c22816 !important; cursor: pointer; float: right; font-family: Georgia, Times, serif; color: #FFF; /* CSS3 */ -moz-box-shadow: inset 0 1 0 #e27066; -webkit-box-shadow: inset 0 1 0 #e27066; box-shadow: 0 1px 0 0 #e27066 inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#scrolltriggered #inscroll form input[type=submit]:hover, #scrolltriggered #inscroll form input.submit:hover { background-color: #ed3a2b; -moz-box-shadow: inset 0 1 0 #f3796f; -webkit-box-shadow: inset 0 1 0 #f3796f; box-shadow: 0 1px 0 0 #f3796f inset; }
#scrolltriggered #inscroll ul.stb_social { overflow: hidden; margin: 10px -7px 0 0; clear: both; }
#scrolltriggered #inscroll ul.stb_social li { float: left; list-style: none; background: none; padding: 0; height: 30px; margin: 0 7px 0 0; }
#scrolltriggered #inscroll ul.stb_social li.fb.standard { width: 45px; overflow: hidden; }
#scrolltriggered #inscroll ul.stb_social li.twitter.regular { width: 80px; }
#scrolltriggered #inscroll ul.stb_social li.google.medium { width: 60px; }
#scrolltriggered #inscroll ul.stb_social li.fb.box_count, #scrolltriggered #inscroll ul.stb_social li.google.tall, #scrolltriggered #inscroll ul.stb_social li.twitter.vertical, #scrolltriggered #inscroll ul.stb_social li.linkedin.top, #scrolltriggered #inscroll ul.stb_social li.stumbleupon.s5, #scrolltriggered #inscroll ul.stb_social li.pinterest.vertical { height: 66px !important; }
#scrolltriggered #stbMsgArea { display: none; padding: 10px 0 0; margin: 0; }



/* h1, h2, h3 */

h1
{
margin-bottom:25px;
}

h2
{
margin-bottom:25px;
}

.custom .format_text h3 {
font-size: 18px;
font-weight: bold;
}

/*Sexy blockquotes*/

blockquote p { 
color:#000000; 
margin-left:50px;
}
blockquote {
border-left: 0px solid #e1cc89;
margin: 1em 20px; 
padding: 0px 50px 0px 50px;
background-image: url('http://happierhuman.com/wp-content/uploads/2012/07/openquote26.bmp');
background-position: top left;
background-repeat: no-repeat;
}
blockquote span {
display: block;
background-image: none;
background-repeat: no-repeat;
background-position: bottom right;
font-family: serif; 
font-size: 1.2em; 
font-style: italic; 
}
p.author {
text-align:right;
margin-top:-20px;
margin-right:40px;
}


/*---:[ feature box ]:---*/
.home_feature #content_box { padding-top: 2.4em; }
#feature_box { margin-bottom: 2.4em; width: 101em; padding: 2.4em 1.2em; background: #efefef; border: 3px solid #dedede; border-width: 3px 0; overflow: hidden; }
	#feature_box h3 { font-size: 1.5em; line-height: 1.417em; margin-top: 0; margin-bottom: 0.5em; }
	#feature_box form img { display: none; }
	#feature_box .download_area { float: left; }
	#feature_box .text_input { padding: 0.313em; background: #fff; }
	#feature_box .text_input:focus { background: #ffface; -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; }
	#feature_box .submit { font-size: 1em; line-height: 1em; margin-left: 0.375em; padding: 0.25em 0.5em; color: #fff; text-shadow: 1px 1px 0 #487b2c; background: #51902e; border: 0.188em solid #3a6f1d; border-top-color: #69ae44; border-left-color: #69ae44; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; cursor: pointer; width: auto; overflow: visible; }
	#feature_box .submit:active { padding-top: 0.313em; padding-bottom: 0.188em; background: #5c963c; border-color: #497830; border-top-color: #71ab52; border-left-color: #71ab52; }

/* CSS for making the floating social buttons work */

#dcssb-float.dc-social-float .tab {
display: none;
}

#nav-dcssb, #nav-dcssb li {
margin: 0;
padding: 0;
list-style: none;
}
#nav-dcssb li {
padding: 5px 0;
}
#nav-dcssb li.size-box {
text-align: center;
height: 60px;
}
#nav-dcssb li.size-small {
height: 30px;
}
/* Floater */
#dcssb-float {
margin-top: 148px;
}
 
#dcssb-float.dc-social-float .tab {
display: none;
}
#dcssb-float.dc-social-float .dc-social-float-content {
background: #fff;
border: 1px solid #000;
padding: 5px 0 6px 0;
margin-left: 20px;
}
#dcssb-float.dc-social-float .dc-social-float-content {
border-radius: 7px 1px 1px 7px!important; -webkit-border-radius: 7px 1px 1px 7px!important;
}
#dcssb-float #dcssb-facebook {padding-left: 10px;}
#dcssb-float .fb_iframe_widget {margin-left: 0;}


/* Removes whitespace above header*/
.custom #page {
padding-top: 0;
}

/* Styles the hide/open references function at bottom of pages */
#headerDiv, #contentDiv {
float: left;
width: 750px;
}
#titleText {
float: left;
font-size: 1.1em;
font-weight: bold;
margin: 5px;
}
#myHeader {
font-size: 1.1em;
font-weight: bold;
margin: 5px;
}
#headerDiv {
background-color: #0037DB;
color: #FFFFFF;
}
#contentDiv {
background-color: #FFE694;
}
#myContent {
margin: 5px 10px;
}
#headerDiv a {
float: right;
margin: 10px 10px 5px 5px;
color: #FFFFFF;
}
#headerDiv a:hover {
color: #FFFFFF;
}



/* Changes the width of a no-sidebar page. The Month of Happiness Page Inherits The Below Settings 
.custom #content_box.no_sidebars {
    width: 1000px;
    margin-left: 0px;
    margin-right: 10px;
    position: relative; right: 80px; bottom:120px; 
    
}
*/

/*Changes the color of the content area, sidebar, and footer */
.custom #content {background-color:#FFFFFF;}
.custom #sidebars {background:#ccecf4 none repeat scroll 0 0;}
.custom #footer {background:#fdcc8a none repeat scroll 0 0;}
/*.custom #footer a {color:#000000;}*/

/*gives a white padding to the header area 
body {
    background: url("http://happierhuman.com/wp-content/uploads/2012/04/whitespace.jpg") repeat-x scroll 0 0 #FFFFFF;
    background-size:80px 259px;
}
*/

/* Featured Post Formatting 

.custom #feature_box {padding:0em; height:850px; background: #FFFFFF; position:relative; top:10px;}
.custom #my-feature-box1 {width:100%; padding-left:0em;  position:relative; right:10px;}

.custom #my-feature-box,#my-feature-box1  {float:left;  font-family: Helvetica,Arial,sans-serif; color:; background: ; padding: 5px 15px 0px 15px; background-size:750px 285px; background-repeat:no-repeat; height:400px; }
.custom #my-feature-box1 {border-style:groove; border-color:gray; border-width:3px;}

.custom #text-box {border-style:solid; border-width:5px; background-clip:padding-box; background-origin:padding-box; border-color: rgba(0, 0, 0, .2); background-color: #000000; position: relative; top: 230px; opacity:.8;}

.custom #my-feature-box h2 { font-size: 2.2em; margin: 0 0 15px 0;}
.custom #my-feature-box h2 a,#my-feature-box a  { color: #FFFFFF; text-decoration: none;}
.custom #my-feature-box h2 a:hover { color: #FFFFFF; }
.custom #my-feature-box p {color:#FFFFFF;  font-size: 1.5em; line-height:1.5em; text-align: justify;}
.custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; }
.custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none; }
*/

/* Happiness Report Feature Box*/
.custom #feature_box {background: #FFFFFF;}

/* Header Formating

.custom #header {
color: #FFFFFF;
}

.custom #header #tagline {
	height: 0px;
	text-indent: 0px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px;
}

*/

.custom #content_box {
	margin-top: 1em;
}

/*custom menu 
.custom ul.menu { border:none; }
.custom #menu-item-48 a {
display:block; border:none; height:30px; width:85px; padding-top:1.25em; text-align:right; vertical-align:middle; background-color:#FFFFFF; outline:none;
background-image:url('images/home.jpg'); background-repeat:no-repeat;
}

.custom #menu-item-26 a {
display:block; border:none; height:30px; width:135px; padding-top:1.25em; text-align:right; vertical-align:middle; background-color:#FFFFFF; outline:none;
background-image:url('images/happy.jpg'); background-repeat:no-repeat;
}

.custom #menu-item-11 a {
display:block; border:none; height:30px; width:93px; padding-top:1.25em; text-align:right; vertical-align:middle; background-color:#FFFFFF; outline:none;
background-image:url('images/book.jpg'); background-repeat:no-repeat;
}

.custom #menu-item-25 a {
display:block; border:none; height:30px; width:93px; padding-top:1.25em; text-align:right; vertical-align:middle; background-color:#FFFFFF; outline:none;
background-image:url('images/blogs.jpg'); background-repeat:no-repeat;
}

.custom #menu-item-27 a {
display:block; border:none; height:30px; padding-top:1.25em; width:146px; text-align:right; vertical-align:middle; background-color:#FFFFFF; outline:none;
background-image:url('images/me2.jpg'); background-repeat:no-repeat;
}

.custom #menu-item-24 a {
display:block; border:none; height:30px; padding-top:1.25em; width:150px; text-align:right; vertical-align:middle; background-color:#FFFFFF; outline:none;
background-image:url('images/pedia.jpg'); background-repeat:no-repeat;
}
*/

/* Featured Post Formatting 
.custom #feature_box 
{ 
font-family: Helvetica,Arial,sans-serif; color: #ffffff; background: #FFFFFF; padding: 5px 15px 22px 15px; 
}
.custom #feature_box  
{ font-size: 2.2em; margin: 0 0 15px 0; 
}
.custom #feature_box a 
{ 
color: #000000; text-decoration: none; 
}
.custom #feature_box h2 a:hover 
{ color: #ffffff; 
}
.custom #feature_box p 
{ font-size: 1.4em; line-height:1.571em; text-align: justify;
}
.custom #feature_box .featurereadmore 
{ padding: 22px 0 0 0; 
}
.custom #feature_box .featurereadmore a 
{ font-size: 14px; text-decoration: none; 
}
*/

/*Like Buttons
.fb_share{position: relative; left: 5px; bottom:2px;}
.twitter-share-button2{position: relative; left: 70px; top:26px;}
*/
/*Email Capture at Bottom*/
.af-form{ float: left; position: relative;}