/*  
Theme Name: Detox Theme
Theme URI: www.detox-narconon.org
Description: Custom theme for Detox-Narconon
Version: 1.0
*/
*{margin: 0 auto; padding:0}
body{
margin: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background:url('images/bg_new.jpg') no-repeat top center;
color: #000;
}
.clr {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a:link, a:visited{
/*text-decoration: none;*/
color: #000;
}
a:hover{
text-decoration: none;
color: #000;
}
img{ border: none;}
h1{
font-size: 23px;
color: #666;
}
h1 a{
color: #666;
text-decoration: none;
}
h1 a:hover{
color: #666;
}
p{
padding: 0 0 10px 0;
}
#page-wrapper{
margin: 0 auto 0 auto;
width: 990px;
text-align: left;
position: relative;
}
#header{
width: 984px;
height: 200px;
position:relative;
}
#header .logo img {
border: none;
position: absolute;
left:30px;
top:46px
}
#header .phone{
color:#000;
font-size: 20px;
font-weight: bold;
position: absolute;
right: 22px;
top: 82px;
font-family: "Arial";
}
#navmenu{
padding-left:10px;
padding-right:10px;
width:964px;
position: absolute;
top:146px;
}
#navmenu ul{
list-style-type: none;
list-style-image: none;
padding:0;
margin:0;
margin-top: 3px
}
#navmenu ul li{
display: inline;
float:left;
}
#navmenu ul li a {
text-decoration: none;
color: #333;
display: inline;
float:left;
padding:10px;
color:#fff;
font-size:15px;
height:18px;
text-align: center;
padding:5px 22px;
border-right:#96aeba 2px dotted 
}
#navmenu ul li a:hover {
text-decoration: underline
}
#navmenu ul li.current_page_item a{
text-decoration: underline;
}
/*	#navmenu .page-item-2 a{
width:48px
}
#navmenu .page-item-4 a{
width:77px;
}
#navmenu .page-item-6 a{
width:124px;
}
#navmenu .page-item-10 a{
width:120px
}
#navmenu .page-item-12 a{
width:101px;
}
#navmenu .page-item-14 a{
width:58px;
}
#navmenu .page-item-16 a{
width:92px;
}
#navmenu .page-item-18 a{
width:82px;
}
#navmenu .page-item-20 a{
width:80px
}
*/
#navmenu .page-item-20 a{
border: none;
padding-right: 0
}
#container{
background: url('images/shadow.png') repeat-y center top;
left: -1px;
position: relative;
width: auto;
overflow:hidden
}
#content{
width:580px;
float:left;
position: relative;
}
.post{
padding: 10px 20px;
}
.post a{
color: #84ae48;
text-decoration: underline;
}
.post a:hover{
text-decoration: underline;
}
.post h2.title, .post .entry h1{
font-size: 24px;
/*color:#363636;*/
color:#053253;
font-weight: bold;
margin:20px auto;
line-height: 1.2em
}
.post .entry h2{
color:#C86440;
margin-bottom: 20px;
line-height: 1.2em
}
.post .entry h3{
color:#2c2d2e;
font-size: 14px
}
h4, h5, h6{
margin-bottom: 20px
}
.entry{
line-height: 18px;
font-size:14px
}
.entry img{
padding: 5px; 
border:#ccc 1px solid;
margin: 5px;
margin-left: 0
}
/*
.entry p{
margin: 0;
padding: 0;
padding-top:10px
}*/
.clearAll, .clearBoth{
clear:both;
}
.textCenter{
text-align: center
}
.attachment-page-thumbnail {
background: url('images/photo_bg.jpg') no-repeat top center;
padding:13px;
width:562px;
height:203px
}
.post .entry{
clear:both;
}
.post .entry, .post h2.title{
margin-left: 13px;
}
.post a.post-edit-link{
clear:both;
margin-top: 20px;
background:#84AE48;
color: #fff;
display: block;
text-align: center
}
/*------wordpress styles----------------*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* global/universal image classes */
img.alignleft{
margin-bottom:10px;
margin-right:10px;
float:left;
}
img.alignright{
margin-bottom:10px;
margin-left:10px;
float:right;
}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/*Sidebar
-----------------------------------------------------*/
.sidebar{
float: right;
width: 348px;
display: inline;
color: #666;
margin-top:10px;
margin-right: 20px;
position: relative;
}
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}
.sidebar ul li{
padding: 10px 0 10px 0;
}
.sidebar ul li h2{
font-size: 15px;
padding: 0 0 5px 0;
border-bottom: 1px solid #999;
color:#999
}
.sidebar ul ul li{
padding: 0;
line-height: 24px;
list-style: circle;
border-bottom:1px solid #fff;
}
.sidebar ul li.recent-comments ul li{
line-height: 18px
}
.sidebar ul li.rss-feed a{
font-size:15px;
color:#000;
font-weight: bold;
text-align: center;
display:block;
padding:5px;
text-decoration: none;
border: #999 2px solid
}
.sidebar ul li.rss-feed a:hover{
background: #666;
color:#fff;
text-decoration: none
}
.sidebar ul li.about-side img{
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
float:left;
border: #444 2px solid;
}
a.read-more-link {
float:right;
font-size: 11px;
margin-top:5px;
}
/*Footer
-----------------------------------------------------*/
#footer{
clear: both;
width: 988px;
margin: 0;
padding: 5px 0 5px 0;
color: #999;
font-size:11px;
position: relative;
z-index:100;
background: url('images/footer_bg.jpg') top center no-repeat;
min-height: 290px
}
#footer .wrapper{
float:left;
width:190px;
}
#footer .wrapper-first{
width:140px;
}
#footer .wrapper-second ul, #footer .wrapper-fourth ul{
margin-left: 10px;
}
#footer .wrapper-third ul, #footer .wrapper-last ul{
margin-top: 24px
}
#footer .wrapper-fourth{
width:220px
}
#footer h4{
font-size:13px;
font-weight: bold;
color:#fff;
margin-bottom: 5px
}
#footer .footer-content{
width:930px;
margin-top: 20px;
height:275px
}
#footer h3{
font-size:19px;
color:#fff;
font-weight:normal;
border-bottom: 1px solid #3c6583;
padding-bottom: 5px;
margin-bottom: 20px;
padding-top: 10px
}
#footer a{
color:#fff
}
#footer ul li{
list-style: none;
font-size:12px;
margin-bottom: 3px
}
#footer .social{
float:right;
margin-right: 20px;
}
#footer .info{
width:500px;
float:left;
margin-left: 30px
}
#footer ul li ul.children{
margin-left: 0;
margin-top: 3px
}
/*Comments
-----------------------------------------------------*/
#comments {
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-weight: bold;
font-size: 20px;
margin-bottom: 0;
}
h3#comments-title {
padding: 24px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 50px;
position: relative;
}
.commentlist li:last-child {
border-bottom:none;
margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
border: 1px solid #EEE;
padding: 2px;
background: #fff;
}
/*Page
-----------------------------------------------------*/
.page .entry{
border-bottom: none;
}
/*.page {
min-height:500px;
height:auto !important;
height:500px;
padding-bottom: 20px
}*/
/*------- forms -----------------*/
.mailchimp{
background: url('images/form_bg.jpg') no-repeat top center;
padding: 20px 35px;
width: 278px;
min-height:280px;
margin-top: 8px;
float:right
}
.greenform{
background: url('images/green_form.jpg') no-repeat top center;
width:328px;
height:1089px;
padding-top:68px;
padding-left:20px;
float:right;
}
.greenform label{
font-weight: bold;
color:#fff
}
.greenform .wpcf7-form div.wrapper, #wpcf7-f2-p20-o1 div.wrapper{
clear: both;
height: 33px;
margin-bottom: 13px;
padding-top: 14px;
}
.greenform .wpcf7-form div.wrapper-checkbox, #wpcf7-f2-p20-o1 div.wrapper-checkbox{
clear: both;
min-height: 33px;
margin-bottom: 13px;
padding-top: 14px;
}
.greenform .wpcf7-form div.wrapper-first{
clear: both;
margin-bottom: 8px;
padding-top: 12px;
color:#fff
}
.greenform .wpcf7-form div.wrapper-textbox, #wpcf7-f2-p20-o1 div.wrapper-textbox{
clear: both;
min-height: 33px;
margin-bottom: 13px;
padding-top: 14px;
}
.greenform .wpcf7-form div.wrapper-info{
clear: both;
min-height: 33px;
margin-bottom: 13px;
}
.greenform .wpcf7-form div .form-left{
width:150px;
float:left;
margin-right: 10px
}
.greenform .wpcf7-form div .form-left input, .greenform .wpcf7-form div .form-right input{
width:140px;
}
#wpcf7-f2-p20-o1 input{
width:450px
}
#wpcf7-f2-p20-o1 .form-left input{
width:220px
}
#wpcf7-f2-p20-o1 .form-short input{
width:140px
}
#wpcf7-f2-p20-o1 div .form-short{
width:145px;
float:left;
margin-right: 10px
}
#wpcf7-f2-p20-o1 div .form-left{
width:220px;
float:left;
margin-right: 10px
}
.greenform .wpcf7-checkbox .wpcf7-list-item{
display:block;
margin-bottom: 5px;
color:#fff
}
.greenform .wpcf7-form textarea{
width:305px;
max-width:305px;
height:105px;
max-height:105px;
resize: none;
}
.greenform .wrapper-info p.info{
margin-top: 14px;
max-width: 320px;
color:#fff;
}
.greenform .wpcf7-form .wpcf7-submit{
background: url('images/call_me_button.png') no-repeat top center;
width:294px;
height:48px;
border: 0;
cursor: pointer;
text-indent: -9999px;
}
.greenform .wpcf7-form div.wpcf7-response-output {
background: #fff;
}
#wpcf7-f2-p20-o1 textarea{
width:450px
}
#wpcf7-f2-p20-o1 .wpcf7-submit{
background: url('images/contact_submit.jpg') no-repeat;
width:170px;
height:45px;
}
#wpcf7-f2-p20-o1 .reset-btn{
background: url('images/contact_reset.jpg') no-repeat;
width:127px;
height:45px;
margin-left: 5px
}
#wpcf7-f2-p20-o1 .wpcf7-submit, #wpcf7-f2-p20-o1 .reset-btn{
float:left;
border:0;
cursor: pointer
}
#wpcf7-f2-p20-o1 p.info{
margin-top: 30px;
}
#wpcf7-f2-p20-o1 select{
margin-left: 20px
}
#wpcf7-f2-p20-o1{
padding:30px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border:1px solid #ccc
}
#wpcf7-f2-p20-o1 label{
font-size:13px;
font-weight: bold;
}
#wpcf7-f2-p20-o1 p{
font-size:13px;
}
#wpcf7-f2-p20-o1 .wrapper-second{
margin-top: 20px
}
#wpcf7-f2-p20-o1 .wrapper-second p{
font-weight: bold
}
#wpcf7-f2-p20-o1 h6{
font-size:12px;
}
#wpcf7-f2-p20-o1 .wrapper-info h3{
line-height: 1.2em;
font-size: 15px
}
.post .entry #wpcf7-f2-p20-o1 h2{
margin-bottom: 0;
color:#000;
}
.contact-hours{
text-align: center;
padding:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:3px solid #ddd;
clear:both;
margin-top: 20px
}
.contact-hours h2{
color:#C86440;
}
.contact-hours h3{
color:#06295F
}
.mailchimp h3{
color:#06295f;
font-size:19px;
font-weight: bold;
margin-bottom:5px
}
.mailchimp ul{
margin-bottom: 10px;
}
.mailchimp ul li{
background: url('images/check.png') no-repeat;
padding: 0 20px;
margin-bottom: 5px;
font-size:11px;
line-height: 1.8em
}
.mailchimp #mc_embed_signup input{
background: url('images/form_field.gif') no-repeat;
width:253px;
height:19px;
border: 0;
padding:2px 4px;
}
.mailchimp #mc_embed_signup label{
color:#184a61;
font-weight: bold;
font-size:12px;
}
.mailchimp #mc_embed_signup input#mc-embedded-subscribe{
background: url('images/btn_submit.jpg') no-repeat;
width:132px;
height:43px;
cursor: pointer;
margin-top: 5px;
}
.mailchimp a.info{
color:#255a72;
text-decoration: underline;
font-size:11px;
font-weight: bold
}
.mailchimp .mc-field-group{
margin-top: 5px
}
.social-buttons{
display:block;
height:25px;
width:588px
}
.social-buttons ul{
float:right
}
.social-buttons ul li{
list-style: none;
display: block;
float:left;
vertical-align: bottom;
margin-left: 5px;
margin-bottom: 10px
}
.fancy-inline{
width:600px;
height:400px;
overflow:hidden;
}
/*-------home -------------*/
.page-template-page-home-php .attachment-page-thumbnail {
background: url('images/photo_bg_home.jpg') no-repeat top center;
padding:13px 33px;
width:614px;
height:301px
}	
.page-template-page-home-php .banner{
margin-left: 10px
}
/*.page-template-page-home-php .mailchimp{
background: url('images/form_bg_sm.jpg') no-repeat top center;
padding: 20px 15px;
width: 264px;
min-height:280px;
margin-top: 0;
}
.page-template-page-home-php .mailchimp{
float:right;
}
.page-template-page-home-php .greenform{
margin-top: 15px
}
*/
.success-story{
background: #e9fbc0;
padding:10px
}
.entry .success-story h2{
color:#32430d;
margin-top: 20px
}
.flowplayer_container embed{
padding-bottom: 20px
}
.entry ul, .entry ol{
margin-left: 30px;
margin-bottom: 20px
}
.page-id-236 .post .entry td img{
border: 0
}
#inline3{
width:400px;
height:120px;
padding:20px
}
.testi-paper{
background:url(images/testimonial.gif) top left repeat-y;
}
.bulletext ul li {
padding-left: 15px;	
}
.navlist{
margin-left: 0;
padding-left: 0;
list-style: none;
}
.entry ul.navlist{
margin-left: 0px
}
.navlist li {
padding-left: 30px;
background-image: url(http://www.detox-narconon.org/images/general-design/bullet2.gif);
background-repeat: no-repeat;
margin-bottom: 10px
}
p.yellowbox1 {padding:0.5cm 0.5cm 0.5cm 0.5cm;}
p.spacer {padding:0.25cm 0cm 0.25cm 0cm;}
img.pic {padding:0.5cm 0cm 0cm 0.5cm;
border:none;
}
img {padding:0cm 0cm 0cm 0cm;
border:none;
}
#wpcf7-f3-p236-o1 h2,
#program-form h2{
margin-bottom: 5px;
}
#wpcf7-f3-p236-o1 p,
#program-form p{
clear:both
}
#wpcf7-f3-p236-o1 label,
#program-form label{
width:180px;
float:left;
margin-bottom: 10px;
}
#wpcf7-f3-p236-o1 label.long,
#program-form label.long{
width:100%
}
#wpcf7-f3-p236-o1 input.wpcf7-text,
#program-form input.wpcf7-text{
width:200px;
margin-bottom: 10px;
}
#content .subtitle{
padding: 0;
margin-bottom: 10px;
margin-top: 10px
}
.entry hr{
width:565px
}
/* Newsletter Page */
.inpage-newsletter .mc-field-group label {
font-weight: bold;
font-size: 16px;
}
.mc-field-group input.input-text {
font-size: 16px;
padding: 5px 10px;
width: 100%;
margin: 5px 0 20px 0;
box-sizing: border-box;
}
.inpage-newsletter input#mc-embedded-subscribe{
background: #C41523;
border: none;
padding: 10px 20px;
font-size: 20px;
font-weight: bold;
color: #fff;
border-radius: 5px;
margin-bottom: 10px;
}
.inpage-newsletter{
border: 2px solid #ddd;
padding: 20px;
border-radius: 5px;
background: #f4f4f4;
}
/* START BLOG CSS*/
.blog-banner {
width: 100%;
text-align: center;
}
.post h2.title, .post .entry h1 {
font-size: 24px;
color: #053253;
font-weight: bold;
margin: 20px auto;
line-height: 1.2em;
}
.blog-page .post h2.title a {
color: #1f2063;
font-size: 22px;
text-decoration: none;
}
.blog-page .entry {
font-size: 14px;
}
.post .entry, .post h2.title {
margin-left: 13px;
}
.postmeta {
font-size: 11px;
padding: 5px 0;
margin: 10px auto;
border-bottom: dotted 1px #ccc;
border-top: dotted 1px #ccc;
}
.postmetadata {
border-top: dotted 1px #ccc;
padding: 5px 0;
font-size: 11px;
margin-left: 13px;
margin-top: 15px;
}
.blog-page .navigation {
margin-left: 13px;
}
#blog_cat ul{
background: #DAE5E9;
width: 268px;
}
#blog_cat li{
border-bottom: 1px solid #a9b2b5;
padding: 10px 0;
}
#blog_cat a{
text-decoration: none;
}
#blog_cat h3{
background: url('images/widget_top.jpg') no-repeat top center;
width: 268px;
height: 37px;
padding: 10px 10px 0;
font-size: 18px;
color: #fff;
margin: 0;
}
/* END BLOG CSS*/
/*RWD*/
.right_header {
display: none;
width: 65%;
float: left;
}
.phone_rwd {
padding-top: 5px;
}
.phone_rwd p:first-child {
color: #517515;
font-size: 16px;
font-weight: bold;
}
.phone_rwd p:last-child {
color: #084876;
font-size: 20px;
font-weight: bold;
}
.phone_rwd p span {
color: #000;
}
.phone_rwd > p {
padding: 0;
text-align: right;
}
.rwd_butt {
float: right;
margin-top: 5px;
cursor: pointer;
}
.greenform_title {
display: none;
}
#phone_button {
display: none;
}