/*
THEME NAME: YWCA of Clark County
THEME URI: http://www.quoindesign.com
DESCRIPTION: Custom theme created by Quoin Design of Portland, Oregon.
VERSION: 1.0
*/

html{
overflow:scroll;
}

body, html {
margin:0; padding:0; border:0;
color: #424242;
}

div.clear{
clear:both;
height:1px;
}

/* BASIC CLASSES */

div.floatleft{
float:left;
display:inline;
margin-right:20px;
}

div.floatright{
float:right;
display:inline;
margin-left:20px;
}

div.alignright{
text-align:right;
line-height:14px;
}

div.alignleft{
text-align:left;
line-height:14px;
}

div.alignbottom{
vertical-align:bottom;
position:relative;
top:60px;
}

img.alignleft {
	float: left;
	margin-right: 18px;	
}

img.alignright {
	float: right;
	margin-left: 18px;	
}



/* MAIN STYLES */

a {
font-weight: normal;
text-decoration: none;
color: #d14414;
}

a:hover {
border: none;
color: #d14414
}

q:lang(en) {
    quotes: none;
}

div#wrapper {
margin: 0 auto;
position:relative;
width: 993px;
background: #fff url("images/wrapper_bg.png") repeat-y;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 13px;
line-height: 2em;
}

div#wrapper h1{
}

h5 { 
	color: #d14414;
	font-weight: bold;
	font-size: 13px;
} 

div#top{
margin-bottom:-90px;
}

div#header {
position:absolute;
top:0;
left:30px;
width: 926px;
height: 220px;
background: url("images/header_bg.png") no-repeat;
z-index:3;
}

div#header ul{
list-style: none;
margin-left: 274px;
width: 634px;
height: 100px;
}

div#header li {
height: 87px;
padding: 0;
text-align: left;
float:left;
display:block;
}

div#header ul a{
display:block;
}

div#header li a{
color: #fff;
height: 24px;
padding: 63px 10px 0;
text-transform: lowercase;
text-decoration: none;
font-size: 15px;
}

div#header li.block a{
width:57px;
background: #d14414;
border-top:#ffa88a 1px solid;
border-bottom:#b62f01 1px solid;
border-right:#952701 1px solid;
border-left:#ffad91 1px solid;
font-size:15px;
}

form.blog-search {
left:802px;
position:absolute;
top:63px;
}

form#searchform-404 {
    position: static;
}

div#header label.overlabel {
position:absolute;
top:0px;
left:5px;
z-index:1;
color:#999;
}


div#header input#headersearch{
height: 16px;
width: 100px;
border: 1px solid;
padding: 0;
color: #888;
cursor: text;
line-height: 10px;
font-size: 11px;
}

div#escape-top{
position:absolute;
top:0px;
left:790px;
z-index:900;
}

div#escape-top a{
display:block;
width:130px;
height:22px;
padding: 0 6px;
color:#fff;
font-size: 13px;
font-weight: bold;
background: #d14414;
border-top:#e9a790 1px solid;
border-left:#e9a790 1px solid;
border-bottom:#7f2f11 1px solid;
border-right:#7f2f11 1px solid;
text-align:left;
}

div#escape-top a:hover{
color:#fff;
background: #888888;
border-top:#bebebe 1px solid;
border-bottom:#525252 1px solid;
border-right:#434343 1px solid;
border-left:#c2c2c2 1px solid;
}

div#hotline{
position:absolute;
top:2px;
left:551px;
width:360px;
height:56px;
z-index:900;
font-weight:bold;
font-size: 13px;
color:#fff;
text-transform:lowercase;
}

div#logo {
top:0;
margin: 0 auto -40px 75px;
width: 243px;
height: 165px;
background: url("images/logo.png");
position:absolute;
z-index:3;
}

div#breadcrumb {
top:102px;
left:316px;
position:absolute;
z-index:0;
color:#9d9f9e;
text-transform:lowercase;
width:376px;
overflow:hidden;
}

div#breadcrumb a{
color:#9d9f9e;
}

div#logo a {
width: 243px;
height: 165px;
display:block;
}

div#container{
width:686px;
margin-top: -36px;
float:left;
display:inline;
}

div#content{
width:420px;
margin: 0 auto 0 36px;
float:left;
position:relative;
display:inline;
border: none 0px;
line-height:18px;
}

div#content object{
margin:0 0 0 3px;
padding:0;
height: 217px;
visibility: visible;
}

div#sidebar-left{
width:195px;
margin: 0 auto 0 22px;
float:left;
text-transform: lowercase;
display:inline;
}

div#sidebar-left h1{
font-family: Arial Black, Arial, Helvetica, sans-serif;
padding:15px 10px 10px;
min-height: 150px;
background: #d14414;
font-size: 21px;
color: #fff;
text-align: right;
margin:3px 0 0;
line-height: 24px;
}

div#sidebar-left h1 span {
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
}

div#sidebar-left h1 a{
color:#fff;
line-height:24px;
text-decoration: none;
}

div#sidebar-left ul{
margin:0;
list-style:none;
background: #fff url("images/left_sidebar_block.jpg") 0 0 repeat-y;
}

div#sidebar-left li{
margin-left: -40px;
padding: 10px 0 10px 20px;
width:155px;
height:66px;
font-size: 16px;
color:#d14414;
text-align: right;
vertical-align: middle;
}

div#sidebar-left li.first{
width:115px;
padding: 10px 10px 10px 65px;
font-size: 20px;
background: #d14414;
color:#fff;
}
div#sidebar-left li.first strong{
    font-family: Arial Black,Arial,Helvetica,sans-serif;
}

div#sidebar-left li.last{
width:194px;
padding:0;
height:7px;
background: #fff url("images/left_sidebar_bottom.jpg") no-repeat;
}

div#sidebar-left li a{
color:#d14414;
text-decoration:none;
line-height: 18px;

}

div#sidebar-left li.first a {
color:#fff;
}



div#sidebar-right{
width:286px;
//margin: 130px 21px 0 auto;
margin:89px 21px 0 auto;
z-index: 1;
position:relative;
float:left;
display:inline;
}

div#sidebar-right a.sidebutton {
display: block;
background: url("images/bigbutton.gif") top left no-repeat;
color: white;
font-family: Arial Black,Arial,Helvetica,sans-serif;
font-weight:bold;
height: 28px;
margin: 18px 0 0 11px;
padding: 16px 45px 34px;
border-bottom: none;
font-size: 21px;
text-transform: lowercase;
}

div#sidebar-right a.sidebutton:hover {
        background-position: left bottom;
}

div#photo{
margin-left: 686px;
width:286px;
height:316px;
background: #fff url("images/photo_bg.png") 0 60px no-repeat;
}

div#photo #photo-inner{
z-index:0;
width:286px;
height:316px; 
}

div#photo div.photo-1{background: url("images/photo.jpg") 16px 70px no-repeat;}
div#photo div.photo-2{background: url("images/photo_2.jpg") 16px 70px no-repeat;}
div#photo div.photo-3{background: url("images/photo.jpg") 16px 70px no-repeat;}
div#photo div.photo-4{background: url("images/photo_2.jpg") 16px 70px no-repeat;}
div#photo div.photo-5{background: url("images/photo.jpg") 16px 70px no-repeat;}
div#photo div.photo-6{background: url("images/photo_2.jpg") 16px 70px no-repeat;}
div#photo div.photo-7{background: url("images/photo.jpg") 16px 70px no-repeat;}
div#photo div.photo-8{background: url("images/photo_2.jpg") 16px 70px no-repeat;}

div#photo #photo-inner img{
margin:77px 0 0 16px;
}


div#sidebar-right #news{
width:270px;
margin: 10px 0 0 16px;
padding: 18px 0;
background: url("images/news_bg.jpg");
font-size: 12px;
color: #fff;
line-height: 18px;

}

div#sidebar-right #news ul{
margin: 18px 40px 0px;
padding: 0;
list-style:none;
}

div#sidebar-right #news li{
margin: 9px 0;
}

div#sidebar-right #news a h2{
margin: 0px 40px 0;
font-weight:bold;
font-family: Arial Black, Arial, sans-serif;
text-transform: lowercase;
font-size: 21px;
}

div#sidebar-right #news a{
color: #fff;
}

/* ----- #quote in context of #content -- */
div#content div#quote{
position:relative;
width:270px;
//height:156px;
left: 431px;
top: -251px;
margin: 36px 0 -190px 18px;
padding:32px 0px;
background: #d14414 url("images/quote.jpg") no-repeat ;
color:#fff;
text-transform: none;
}

div#content div#quote p {
margin: 0px 40px 18px;
}

div#content div#quote p.author {
margin: 0px 40px 0px;
text-align: right;
font-size: 10.5px;
}

div#content div#quote cite{
margin-top: 15px;
text-align:right;
}

/* ----- #quote in context of #sidebar-right -- */
div#sidebar-right div#quote{
/*position:relative; */
//width:270px;
min-height:156px;
//left: 431px;
//top: -251px;
margin:36px 0 0 18px;
padding:32px 0px;
background: #d14414 url("images/quote.jpg") no-repeat ;
color:#fff;
text-transform: none;
float:right;

}

div#sidebar-right div#quote p {
line-height: 18px;margin: 0px 40px 18px;
}

div#sidebar-right div#quote p.author {
margin: 0px 40px 0px;
text-align: right;
font-size: 10.5px;
}

div#sidebar-right div#quote cite{
margin-top: 15px;
text-align:right;
}

.quotescollection_source {
display:block;
font-size:80%;
}



div#footer{
position:absolute;
width:993px;
height:239px;
background: url("images/footer_bg.png") no-repeat;
color:#fff;
}

div#footer a{
color:#fff;
text-decoration: none;
}

div#footer #mission{
position:absolute;
bottom: 162px;
left: 40px;
width:151px;
height:65px;
text-align: right;
line-height: 14px;
}

div#footer #escape-bottom{
position:absolute;
bottom:37px;
left: 70px;
}

div#footer #escape-bottom a{
display:block;
width:130px;
height:22px;
padding: 0 6px;
color:#fff;
font-size: 13px;
font-weight:bold;
background: #d14414;
border-top:#e9a790 1px solid;
border-left:#e9a790 1px solid;
border-bottom:#7f2f11 1px solid;
border-right:#7f2f11 1px solid;
text-align:left;
}

div#footer #escape-bottom a:hover{
color:#fff;
background: #888888;
border-top:#bebebe 1px solid;
border-bottom:#525252 1px solid;
border-right:#434343 1px solid;
border-left:#c2c2c2 1px solid;
}

div#footer #donate-bottom{
position:absolute;
bottom:49px;
left: 624px;
height:60px;
width:60px;
}

div#footer #donate-bottom div{
margin-top:32px;
line-height:15px;
}

div#footer #donate-bottom a{
display:block;
height:60px;
width:60px;
padding:5px;
font-size: 13px;
font-weight:bold;
background: #d14414;
border-top:#e9a790 1px solid;
border-left:#e9a790 1px solid;
border-bottom:#7f2f11 1px solid;
border-right:#7f2f11 1px solid;
text-align:left;
}


div#footer #donate-bottom a:hover{
color:#fff;
background: #888888;
border-top:#bebebe 1px solid;
border-bottom:#525252 1px solid;
border-right:#434343 1px solid;
border-left:#c2c2c2 1px solid;
}

div#social-media{
position:absolute;
bottom:46px;
left: 220px;
width:370px;
height:53px;
text-align: right;
color: #fff;
line-height:16px;
}

div#social-media img{
border:0;
}

div#footer #contact{
position:absolute;
bottom:37px;
right:70px;
padding: 20px 45px;
background:url('images/contact_bg.png');
width:152px;
height:125px;
line-height: 16px;
}

div#footer #copyright{
margin:0 50px 0 0;
position:absolute;
bottom:13px;
right: 10px;
color: #000;
font-size:10px;
text-align:right;
}

div#footer #copyright a{
color:#000;
}

/* COLLAPSABLE MENU STYLES */

#menu {
list-style: none;
margin:8px 0 0;
padding: 0;
vertical-align: top;
width: 277px;
float: right;
text-transform: lowercase;
line-height: 18px;
}
#menu li {
background: url("images/sidebar_bg.jpg") no-repeat;
}

#menu ul {
list-style: none;
margin: 1em 0;
padding: 0;
}

#menu li.news {
background:url("images/news_bg.jpg") repeat scroll 0 0 transparent;
color:#FFFFFF;
font-family:Arial Black,Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
height:30px;
margin:0 0 0 7px;
padding:11px 0 0 38px;
text-transform:lowercase;
}

#menu div#quote{
margin-left:7px;
}

#menu ul li {
background: none;
}

#menu ul ul {
display: inline;
}
#menu a {
border-bottom:medium none #D14414;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:14px;
font-weight:bold;
height:27px;
margin:0 0 0 45px;
padding:9px 0 0;
text-decoration:none;
width:150px;
}
#menu ul a {
display: block;
margin: 0 0 0 50px;
font-size: 12px;
font-weight: normal;
color: #424242;
}

#menu ul li a{
height:auto;
margin-top: 5px;
margin-bottom: 10px;
}
#menu ul li a strong{
color: #d14414;
text-decoration:underline;
}

#menu li table{
margin:0 10px;
}

#menu li table tr td.strong{
width:88px;
font-weight:bold;
color: #d14414;
vertical-align: top;
}

div.volunteer #menu li table tr td.strong{
    width: auto;
}

#menu li table tr td.strong a{
height:auto;
width:auto;
margin:0;
padding:0;
font-weight:bold;
color: #d14414;
text-decoration: underline;
}



//width:88px;

#menu li.active {
background: url("images/sidebar_bg_active.jpg") no-repeat;
}

#menu li#rss.inactive {
background: url("images/sidebar-rss-bg.png") no-repeat;
}

#menu li.footer{
background: none;
}

#menu .footer span {
display: none;
}

/* NEWS STYLES */

div#content{
line-height: 18px;
}

div#content h1{
width: 150px;
float:left;
margin: 0 0 0 -195px;
//bottom: -40px;
text-transform:lowercase;
text-align: right;
color: #d14414;
letter-spacing:-.02em;
font-size: 21px;
line-height: 24px;
}

div#content h1.drop {
margin-top: 16px;
}

/* old offset method
position:relative;
left: -200px;

*/


div#content h2{
font-size: 21px;
text-transform:lowercase;
font-weight: normal;
color: #8d8f8e;
line-height: 24px;
margin: 18px 0 18px;

}

div#content h3{
font-size: 16px;
margin: 18px 0 18px;
text-transform:lowercase;
font-weight: bold;
color: #d14414;
//clear: both;}


div#content h2 a{
color: #d14414;
text-decoration:none;
}

div#content .entry-date h3{
font-size: 10px;
color: #9d9f9e;
margin-bottom:20px;
}

div#content h4{
margin:1em 0 2em;
padding-right: 22px;
height: 18px;
width: 378px;
background: #d14414 url("images/arrow.png") center right no-repeat;
text-align: right;
text-transform: lowercase;
font-size: 15px;
color: #fff;
}

div#content h4 a {
color: #fff;
font-weight: bold;
}

div#content p {
font-size: 13px;
margin: 0 0 18px;
}

div#content p strong.red {
    color: #d14414; 
}

div#content h2 a,
div#content h3 a,
div#content ul a,
div#content p a {
border-bottom: 1px solid;
}

div#content a img {
border-width: 1px 1px 1px 1px;
padding: 10px;
outline: none;
}

div#content a:hover img {
border-color:#fff;
}

div#content a.bigbutton {
display: block;
background: url("images/bigbutton.gif") top left no-repeat;
color: white;
font-family: Arial Black,Arial,Helvetica,sans-serif;
font-weight:bold;
width: 402px;
padding:18px 40px 42px;
border-bottom: none;
font-size: 21px;
text-transform: lowercase;
}

div#content a.bigbutton:hover {
background-position: left bottom;
}

div#content a.mdbutton {
display: block;
background: url("images/mdbutton.gif") top left no-repeat;
color: white;
font: Arial Black,Arial,Helvetica,sans-serif;
font-weight:bold;
width: 402px;
padding:6px 0 12px 30px;        border-bottom: none;
font-size: 13px;
text-transform: lowercase;
}

div#content a.mdbutton:hover {
background-position: left bottom;
}

div#content table.meetingroom {
width: 100%;
border: none;
padding: 1em 0;
}

div#content table.meetingroom th {
text-align: left;
vertical-align: bottom;
background: #424242;
color: white;
margin: 0;
padding: 9px 0 9px 9px;
}

div#content table.meetingroom td {
text-align: left;
vertical-align: top;
font-weight: lighter;
padding: 9px 0 9px 9px;
border-bottom: 1px solid #424242;
margin: 0;
}

div#calendar{
margin-top:48px;
width: 1000px;
height:960px;
}

div#content table.calendar-table{
width:500px;
}

/*-------- CALENDAR STYLES -------- */
/* -------- moved here from header.php ---------- */

     .calnk a:hover {
         background-position:0 0;
         color:#ffffff;
         }
    .calnk a:visited {
         color:#ffffff; 
        }
    .calnk a {
        color:#ffffff; 
        font-size:10px;
        border-top: 3px solid #D14414;
        padding-left: 3px;
        }
    .calnk a span { 
        display:none;
        border: 2px solid #ffffff;
        padding:10px;
        }
    table.calendar-table .calnk a:hover span {
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:-40px;
        margin-left: 57px; 
        padding:10px; 
        width:200px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:600px;
        height: 400px;
     }
     .calendar-heading {
        height:18px;
        text-align:left;
        text-transform:lowercase;
        font-size: 21px;
        color:#666666;
     }
     .calendar-heading a{
        font-size:11px;
      }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align: left;
        width:25px;
        height:25px;
        font-size:0.8em;
        color: #C9CCCB;
        background-color:#FFF;
        padding-left: 4px;
        text-transform: lowercase;
     }
     .weekend-heading {
        text-align: left;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
		color: #C9CCCB;
        background-color:#FFF;
        text-transform: lowercase;
        padding-left: 4px;

     }
     .day-with-date {
        background:#d14414;
        color:#ffffff;
        font-size:16px;
        vertical-align:top;
        text-align:left;
        width:83px;
        height:110px;
        
     }
     .day-with-date a{
        color:#fff;
        text-decoration:none;
     }
     .no-events {
         background: #c9cccb;
         color:#ffffff;
     }
     .day-without-date {
        width:83px;
        height:110px;
        border:1px solid #E9F0E8;
        background: #c9cccb;
     }
     span.weekend {
     }
     .current-day {
        vertical-align:top;
        text-align:left;
        width:83px;
        height:110px;
        border:1px solid #BFBFBF;
        background-color:#dcdcdc;
        font-size:16px;
     }
     div.cal-date {
        margin:3px 5px;
        top:0;
}
     }
     span.event {
        font-size:0.75em;
        padding:0;
        
        bottom:0;
     }
     span.event a{
        display:block;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        color:#fff;
     } 
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
     
     
     
     
/*--------- end calendar styles --------- */


div#content table {
width: 100%;
margin-bottom: 18px;
}

div#content table tr {
border: none;
}

div#content table td {
border: none;
font-weight: bold;
}

div#content ul {
margin-top: 18px;
margin-bottom: 18px;
}

div#content ul li {
color: #424242;
list-style-image: url('images/b.gif');
}

div#content div.entry-content{
margin: 0 0 60px 0;
}

div#content table.board {
width: 100%;
}

div#content table.board td {
vertical-align: top;
padding: 0 1.5em 1.0em 0;
border: none;
width: 50%;
font-weight: lighter;
}

div#content table.board td strong {
font-weight: bold;
}

/* DROPDOWN STYLES */
#menu-header-nav{
margin: 0;
padding: 0;
}

#menu-header-nav li{
float: left;
}


#menu-header-nav li ul{
margin: 0;
width:172px;
padding: 0;
position: absolute;
visibility: hidden;
margin-left:-5px;
}

#menu-header-nav li ul li a{
padding:0;
}

#menu-header-nav li ul li{
float: none;
//width:172px;
height:26px;
background:url('images/dropdown_sides.png') no-repeat;
overflow:hidden;
}

#menu-header-nav li ul li.last{
display:block;
height:8px;
width:172px;
background: url('images/dropdown_bottom.png') no-repeat;
}

#menu-header-nav li ul li a, #menu-header-nav li.block ul li a{
height: 24px;
width: 162px;
margin-left: 4px;
text-align: left;
padding-left: 10px;
}

#menu-header-nav li ul li a{
font-size: 13px;
}

#menu-header-nav li.block ul li a{
font-size: 13px;
}

#menu-header-nav li.active ul li a, #menu-header-nav li.block ul li a, #menu-header-nav li.active.block a{
color:#fff;
background: #888888;
border-top:#bebebe 1px solid;
border-bottom:#525252 1px solid;
border-right:#434343 1px solid;
border-left:#c2c2c2 1px solid;
}

#menu-header-nav li ul li a:hover, #menu-header-nav li.block ul li a:hover{
color:#fff;
background: #d14414;
border-top:#ffa88a 1px solid;
border-bottom:#b62f01 1px solid;
border-right:#952701 1px solid;
border-left:#ffad91 1px solid;
}


#menu-header-nav li ul ul {
left:120px;
top: 36px;
margin:0px 0 0 10px;
}

#menu-header-nav li:hover ul ul, #menu-header-nav li:hover ul ul ul, #menu-header-nav li:hover ul ul ul ul {
display:none;
}

#menu-header-nav li:hover ul, #menu-header-nav li li:hover ul, #menu-header-nav li li li:hover ul, #menu-header-nav li li li li:hover ul {
display:block;
}

#menu-header-nav li ul li ul li a{
padding-left:10px;
//width:113px;
}

#menu-header-nav li.active a{
color:#999;
}

/* home page video */
div#video-wrapper {
    position: relative;
}
div.video-wrapper2 {
    height: 238px; 
}

div#content div#video-wrapper img.video-plate {
    position: absolute;
    top: 0;
    left: 0;
    z-index:999;
}
div#content div#video-wrapper img.video-plate:hover {
    z-index: 1;
}

/* home page ads */

div#content div.entry-content div a.home-ads img {
    border-width: 0;
    padding: 0;
}

.post {
    padding-top:2px;
}