/*
Theme Name: Pride theme
Theme URI: http://manoloweb.net/
Description: Pride theme for Nada by MW Consulting
Version: 1.0
Author: Miguelin, Manoloweb
Author URI: http://manoloweb.net/
*/


/* special stuff */
@import url("ui/start.css"); 
@import url("ui/special.css");

.inside-hidder{
    overflow: hidden;
    display: block;
}

.inside-hidder span{
    display: block;
    padding-top: 1000px;
}

body{
    margin: 0px;
    padding: 0px;
    font-family: arial,helvetica,serif,"Times New Roman";
    color: #404040;
    font-size: 12px;
    position:relative;
}

#container{
    background-color: #f6f6f6;
}

/* ================ ______ ================ */
/* ================ HEADER ================ */
/* ================ ______ ================ */

#header{
    height: 152px;
    overflow: visible;
    background-image: url(ui/img/header_pattern.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #fff;
    position: relative;
    z-index: 20;
}

.wrapper{
    width: 960px;
    margin: 0px auto;
    overflow: visible;
}

#content .wrapper{
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 20px;
}

#footer .wrapper{
    width: 735px !important;
}

/* ====== LOGO AREA ===== */
#head_logo_area{
    height: 112px;
    width: 360px;
    float: left;
    overflow: hidden;
}

#logo_title{
    float: left;
    margin: 28px 0px 0px 0px;
}

#logo_title, #logo_title a{
    height:65px;
    width: 170px;
}

#logo_title a{
    background-image: url(ui/img/logo.gif);
}

#slogan{
    float: right;
    margin: 60px 0px 0px 0px;
}

#slogan, #slogan a{
    height:28px;
    width: 178px;
}

#slogan a{
    background-image: url(ui/img/slogan.gif);
}

/* ====== HEAD SOCIAL MEDIA AND OPTION MENU ===== */

#head_sm_optmenu{
    width: 400px;
    float: right;
    height: 112px;
    
}

#head_socialmedia{
    width: 394px;
    height: 31px;
    overflow: hidden;
    background-image: url(ui/img/callus.gif);
    background-repeat: no-repeat;
    padding: 4px 0px 0px 6px;
}

#head_socialmedia #head_facebook{
    background-image: url(ui/img/facebook_button.gif);
    background-repeat: no-repeat;
    width: 86px;
    height: 27px;
    float: left;
}

#head_socialmedia #head_twitter{
    background-image: url(ui/img/twitter_button.gif);
    background-repeat: no-repeat;
    width: 78px;
    height: 27px;
    float: left;
}

/* ====== OPTION MENU ===== */
#head_opt_menu{
    height: 20px;
    width: 250px;
    float: right;
    color: #989898;
    margin-top: 40px;
    
}
#head_opt_menu ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: right;
}

#head_opt_menu ul li{
    float: left;
    padding-right: 8px;
    font-size: 14px;
    text-transform: lowercase;
    font-weight: normal;
}

#head_opt_menu ul li a{
    text-decoration: none;
    background-image: url(ui/img/opt_menu_separator.gif);
    background-repeat: no-repeat;
    padding-left: 8px;
    color: #989898;
}

#head_opt_menu ul li a:hover{
    color: #717171;
}

/* ====== MAIN NAVIGATION ===== */
#main_navigation{
    clear: both;
    height: 40px;
    width: 960px;
    background-color: #483864;
    background-image: url(ui/img/mainnav_leftcorner.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: visible;
}

#main_navigation ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 40px;
    width: 960px;
    overflow: visible;
}

#main_navigation ul li{
    float: left;
    position: relative;
}

#main_navigation ul li a{
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
    height: 40px;
    overflow: hidden;
}

#main_navigation ul .nav-hover a, #main_navigation ul li a:hover{
    background-position: 0px -40px;
}

#main_navigation ul .page-item-about a{
    background-image: url(ui/img/navigation_about.gif);
    width: 97px;
}
#main_navigation ul .page-item-admissions a{
    background-image: url(ui/img/navigation_admissons.gif);
    width: 133px;
}
#main_navigation ul .page-item-programs a{
    background-image: url(ui/img/navigation_programs.gif);
    width: 126px;
}
#main_navigation ul .page-item-family-of-choice a{
    background-image: url(ui/img/navigation_familyofchoice.gif);
    width: 163px;
}
#main_navigation ul .page-item-health-professionals a{
    background-image: url(ui/img/navigation_health_professional.gif);
    width: 193px;
}
#main_navigation ul .page-item-employers a{
    background-image: url(ui/img/navigation_employers.gif);
    width: 132px;
}
#main_navigation ul .page-item-contact a{
    background-image: url(ui/img/navigation_contact.gif);
    width: 116px;
}

#main_navigation ul li a span{
    display: block;
    padding-top: 500px;
}

#main_navigation ul li ul{
    position: absolute;
    z-index: 30;
    background-color: #9e92b8;
    font-size: 13px;
    height: auto;
    left: 0px;
    top: 38px;
    padding: 15px 10px;
}

#main_navigation ul li ul li{
    display:block;  
}

#main_navigation ul li ul li a{
    background-image: none !important;
    height: auto;
    padding-bottom: 5px;
}

#main_navigation ul li ul li a:hover{
    color: #e8e0f7;
}

#main_navigation ul li ul li a span{
    display: inline;
    padding: 0px;
}


/* ================ ____ ================ */
/* ================ BODY ================ */
/* ================ ____ ================ */

#content{
    min-height: 400px;
    background-image: url(ui/img/content_bg.jpg);
    background-repeat: repeat-x;
}

#left_content_bar{
    width: 685px;
    float: left;
}

#posts-wrap{
    float: right;
    width: 420px;
    padding-left: 27px;
    padding-right: 27px;
    border-left: 1px solid #e7e7e7;
}

#sidebar_area{
    width: 269px;
    float: right;
}

.entry-content a{
    text-decoration: none;
    color: #CC1E1E;
}

.entry-content .more-link{
    color: #483864;
    font-weight: bold;
    font-size: 13px;
}

/* ================ NAVIGATION ================ */
.navigation{
    margin-top: 25px;
    overflow: hidden;
    height: 25px;
}

.navigation .nav-next{
    float: right;
}

.navigation .nav-prev{
    float: left;
}

.navigation a{
    color: #483864;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.navigation a:hover{
    color: #CC1E1E;
}

/* ================ HOME ================ */
#home_featured_holder{
    height: 440px;
    width: 685px;
}

#home_featured_mask{
    position: absolute;
    width: 635px;
    height: 370px;
    padding: 70px 0px 0px 50px;
    top: 0px;
    left: 0px;
    background-image: url(ui/img/home_image_mask.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    z-index: 19;
    color: #fff;
    text-shadow:1px 1px 2px #000;
}

#home_featured_mask h2{
    font-size: 36px;
    width: 280px;
    margin: 0px;
}

#home_featured_mask p{
    width: 320px;
    font-size: 18px;
    margin: 15px 0px 0px 0px;
}

#choose_drug{
    position: absolute;
    z-index: 20;
    left: 20px;
    bottom: 15px;
}

/* ================ DRUGS OF CHOICE WE TREAT ================ */

.dw_container {
    display: block;
    position: relative;
    width: 180px;
    overflow: hidden;
    background-image: url(ui/img/btn_bot.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 3px;
}

.dw_container ul {
    display: block;
    position: relative;
    list-style: none;
    margin: 10px;
    padding: 0px;
    font-size: 9pt;
}

.dw_container ul li {
    display: block;
    position: relative;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.dw_container ul li a:link, .dw_container ul li a:visited {
    color: #333333;
    text-decoration: none;
}

.dw_container ul li a:hover {
    color: #136aa7;
}

.dw_widget {
    width: 180px;
}

.dw_widget h5 {
    display: block;
    position: relative;
    width: 180px;
    height: 22px;
    background-image: url(ui/img/btn_top.gif);
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.dw_widget h5 span {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 5px;
    display: block;
}

/* ================ //// ================ */

#home_bottomcontent{
    width: 960px;
    clear: both;
    color: #333333;
    padding-top: 15px;
}

#home_aboutpride{
    float: left;
    padding: 0px 0px 0px 20px;
    width: 340px;
    border-left: 1px solid #e7e7e7;
}

#home_blog_testimonials{
    float: right;
    width: 330px;
    padding: 0px 15px 0px 30px;
    border-left: 1px solid #e7e7e7;
}

.home_title_area{
    overflow: hidden;
    color: #483864;
    border-bottom: 1px solid #919191;
    width: 330px;
}

.home_title_area h2{
    float: left;
    width: 235px;
    margin: 0px;
    font-size: 18px;
}

.home_title_area .learn-more{
    display: block;
    float: right;
}

.learn-more{
    width: 92px;
    height: 30px;
    background-image: url(ui/img/leran_more.png);
    overflow: hidden;
}

.viewall{
    background-image: url(ui/img/viewall.png);
    width: 72px !important;
}

.learn-more span{
    display: block;
    padding-top: 500px;
}

#home_blog{
    padding-bottom: 25px;
}

#home_blog_testimonials p{
    margin: 0px;
}

#home_blog_testimonials .testimonial_item, #home_blog_testimonials .blog_item{
    width: 330px;
    padding: 14px 0px;
    border-bottom: 1px dotted #cacaca;
    overflow: hidden;
}

#home_blog_testimonials .readmore{
    color: #8778a2;
    font-style: italic;
}

#home_blog .blog_date{
    float: left;
    width: 65px;
    font-weight: bold;
}

#home_blog .blog_p{
    float: right;
    width: 255px;
}

/* ================  PAGE ================ */
/* ================ ______ ================ */


/*-- HEADER IMAGE --*/
#page_header{
    height: 230px;
    width: 685px;
    position: relative;
    overflow: hidden;
}

#page_header img{
    position: absolute;
    top: 0px;
    left: 0px;
}

#page_header #header_mask{
    height: 80px;
    width: 650px;
    padding: 150px 0px 0px 35px;
    top: 0px;
    left: 0px;
    background-image: url(ui/img/page_header_mask.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: #fff;
    text-shadow:1px 1px 2px #000;
}

#page_header #header_mask h2{
    margin: 0px;
    font-size: 32px;
}

#left_content_area{
    display: block;
    padding-top: 25px;
}

.page-title, .entry-title{
    color: #cc1e1e;
    border-bottom: 1px solid #919191;
    margin: 0px;
    padding-bottom: 7px;
    font-size: 20px;
}

.entry-title a{
    color: #cc1e1e;
    text-decoration: none;
}

.event_Profesionals .entry-title{
    padding-left: 30px;
    background-image: url(ui/img/Professinoals_evnet.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.event_Alumni .entry-title{
    padding-left: 30px;
    background-image: url(ui/img/alumni_event.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.archive_title_area{
    margin: 0px 0px 20px 0px;
}

.archive_title{
    color: #483864;
    margin: 0px;
    font-size: 22px;
    border-bottom:1px dashed #919191;
    padding-bottom:7px;
}

.archive_title a{
    color: #483864;
    text-decoration: none;
}

.go_blog_archive{
    text-align: right;
    margin-top: 25px;
}

#blog_archive_ul{
    margin: 0px;
    padding: 0px 5px 0px 20px;
}

#blog_archive_ul li{
    padding-bottom: 10px;
}

#blog_archive_ul h4{
    margin: 0px;
    font-size: 13px;
}

.blog-archive-title a{
    text-decoration: none;
    color: #333333;
}

.blog-archive-title a:hover{
    border-bottom: 1px dashed #333333;
}

#event_cats{
    height: 20px;
    padding: 5px 0px 15px 0px;
    line-height: 20px;
    color: #404040;
}

#event_cats p{
    width: 170px;
    float: left;
    height: 20px;
    padding-left:25px;
}

#alumni_e{
    background-image: url(ui/img/alumni_event.gif);
    background-repeat: no-repeat;
}

#professional_e{
    background-image: url(ui/img/Professinoals_evnet.gif);
    background-repeat: no-repeat;
}

/* ================ SIDEBAR ================ */

#left_sidebar{
    float: left;
    width: 185px;
    overflow: hidden;
    color: #666666;
}

#left_sidebar .widget_inside{
    padding: 0px 25px 0px 15px !important;
}

/* --------*//* LEFT SIDEBAR *//* --------- */

/**/
#left_sidebar .mw_subpages .widget_inside{
    
}

#left_sidebar .mw_subpages h3{
    color: #483864;
    font-size: 14px;
    margin: 0px 0px 5px 0px;
}

#left_sidebar .mw_subpages ul{
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 10px 5px;
    list-style: none;
    border-bottom: 1px solid #919191;
}

#left_sidebar .mw_subpages ul li{
    padding-bottom: 5px;
    font-weight: bold;
}

#left_sidebar .mw_subpages ul li a{
    color: #848484;
    text-decoration: none;
    font-style: normal;
}

#left_sidebar .mw_subpages ul li a:hover{
    text-decoration: underline;
}

#left_sidebar .mw_subpages ul .current_page_item a{
    color: #474747;
}

/**/
#left_sidebar .widget_inside h2{
    color: #483864;
    font-size: 18px;
    border-bottom: 1px solid #919191;
    margin: 0px;
    padding-bottom: 7px;
}

#left_sidebar .widget_inside .your-name input,
#left_sidebar .widget_inside .your-email input,
#left_sidebar .widget_inside .your-message textarea{
    width: 155px;
    font-family: arial,helvetica,serif,"Times New Roman";
    font-size: 12px;
}

#left_sidebar .widget_inside .your-message textarea{
    height: 65px;
}

#left_sidebar .widget_inside button{
    background: transparent url(ui/img/submit.png);
    border: none;
    width: 65px;
    height: 30px;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

#left_sidebar .widget_inside button span{
    display: block;
    padding-top: 500px;
}

/* --------*//* WIDGETS *//* --------- */

.sidebar .widget{
    background-position: 0px bottom;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.sidebar .widget .widget_inside{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 20px 25px 0px 25px;
    color: #333333;
}

.sidebar .widget .widget_inside a{
    color: #806ca4;
    font-style: italic;
}

.widget .widgettitle{
    margin: 0px;
    font-size: 20px;
}

.widget .widgt_bottom_bars{
    height: 40px;
    padding: 5px 0px;
    background-repeat: no-repeat;
}

.sidebar .widgt_bottom_bars .wdgt_button{
    height: 27px;
    overflow: hidden;
    display: block;
}

.sidebar .widgt_bottom_bars .wdgt_button span{
    display: block;
    padding-top: 500px;
}

/* === SOBERTY === */
.mw_pride_sobriety .widgettitle{
    color: #f9960b;
}

.sidebar .mw_pride_sobriety{
    background-image: url(ui/img/widget_sobreity_body.gif);
}

.sidebar .mw_pride_sobriety .widget_inside{
    background-image: url(ui/img/widget_sobreity_head.gif);
}

.sidebar .mw_pride_sobriety .widgt_bottom_bars .wdgt_button{
    background-image: url(ui/img/start.png);
    width: 57px;
}

/* === EVENTS === */
.mw_pride_events .widgettitle{
    color: #1fb801;
}

.sidebar .mw_pride_events{
    background-image: url(ui/img/widget_events_body.gif);
}

.sidebar .mw_pride_events .widget_inside{
    background-image: url(ui/img/widget_events_head.gif);
}

.sidebar .mw_pride_events .widgt_bottom_bars a{
    background-image: url(ui/img/viewevents.png);
    width: 87px;
}

.sidebar .mw_pride_events .event_item p{
    margin: 0px 3px 7px 0px;
}

/* === NEWSLETTER === */
.mw_pride_newsletter .widgettitle,
.mw_pride_choose_your_path .widgettitle{
    color: #4242f8;
}

.sidebar .mw_pride_newsletter,
.sidebar .mw_pride_choose_your_path{
    background-image: url(ui/img/widget_newsletter_body.gif);
}

.sidebar .mw_pride_choose_your_path{
	height:122px;
}

.sidebar .mw_pride_newsletter .widget_inside,
.sidebar .mw_pride_choose_your_path .widget_inside{
    background-image: url(ui/img/widget_newsletter_head.gif);
}

.choose-your-path-form,
.choose-your-path-form fieldset{
	margin:0;
	padding:0;
	border:0;
	text-align:center;
}

.choose-your-path-submit-button{
	margin:10px auto;
    padding-bottom: 2px;
    height: 25px;
    width: 64px;
    background: transparent;
    border: none;
    display: block;
    color: #fff;
    text-transform: uppercase;
    background-image: url(ui/img/submit_newsletter.png);
    background-repeat: no-repeat;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}

#icpsignup4355{
    margin: 0px;
    padding: 4px 0px 0px 0px;
}

#icpsignup4355 p{
    margin: 0px;
}

#fields_email{
    width:140px;
    height: 20px;
    float: left;
}

#nesletter_submit{
    float: right;
    padding-bottom: 2px;
    height: 25px;
    width: 64px;
    background: transparent;
    border: none;
    display: block;
    color: #fff;
    text-transform: uppercase;
    background-image: url(ui/img/submit_newsletter.png);
    background-repeat: no-repeat;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}

/* ================ //// ================ */

/* ================ ______ ================ */
/* ================ SINGLE ================ */
/* ================ ______ ================ */


/*------------------COMMENTS/*------------------

/*  FORM  */

/* ================ ______ ================ */
/* ================ FOOTER ================ */
/* ================ ______ ================ */

#footer{
    border-top: 2px solid #c3bdcc;
}

#footer #foot_nav1{
    width: 735px;
    overflow: auto;
    padding-top: 25px;
    font-family: "arial narrow",arial,helvetica,serif,"Times New Roman";
}

#footer #foot_nav1 .foot_link{
    font-size: 15px;
    margin: 0px;
    font-weight: normal;
}

#footer #foot_nav1 .foot_link a{
    padding: 0px 10px;
    color: #808080;
    float: left;
    text-decoration: none;
    border-left: 1px solid #e6e5e5;
}

#footer #foot_nav1 .firstfootlink a{
    border: none !important;
    padding-left: 4px;
}

#foot_nav2{
    float: left;
    padding-top: 20px;
}

#foot_nav3{
    float: right;
    padding-top: 20px;
}

#foot_nav2 p, #foot_nav3 p{
    margin: 0px 0px 50px 0px;
    font-size: 12px;
}

/*---------------------------*/
/*--------= COUNTUP =--------*/
/*---------------------------*/

#sobriety_area{
	overflow:hidden;
	height:56px;
}

.mw_pride_sobriety{
	position:relavite;
}

.hasCountdown {
    border: 1px solid #ccc;
    background-color: #ffedd3;
    clear: both;
    margin: 5px 0px;
    width: 215px;
	zoom:1;
	overflow:hidden;
}
.countdown_rtl {
    direction: rtl;
}
.countdown_holding span {
    background-color: #ccc;
}
.countdown_row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}
.countdown_show1 .countdown_section {
    width: 98%;
}
.countdown_show2 .countdown_section {
    width: 48%;
}
.countdown_show3 .countdown_section {
    width: 32.5%;
}
.countdown_show4 .countdown_section {
    width: 24.5%;
}
.countdown_show5 .countdown_section {
    width: 19.5%;
}
.countdown_show6 .countdown_section {
    width: 16.25%;
}
.countdown_show7 .countdown_section {
    width: 14%;
}
.countdown_section {
    display: block;
    float: left;
    font-size: 8px;
    text-align: center;
}
.countdown_amount {
    font-size: 200%;
}
.countdown_descr {
    display: block;
    width: 100%;
}


/* == -- DATE PICKER ELEMENTS -- == */

#sobriety_area p{
    margin: 10px 0px 5px 0px;
}

#datepickarea{
    height: 25px;
    padding-top: 2px;
    float: left;
}

.mw_pride_sobriety .widgt_bottom_bars .wdgt_button{
    float: right;
}

.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(ui/img/calendar.png) no-repeat; 
}

#datepickarea .dp-applied {
    width: 110px;
    float: left;
}

/* == -- CALENDAR -- == */
table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}

table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
}
table.jCalendar td.selected {
    background: #fca600;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}