/*  
Theme Name: YWCA York
Theme URI: http://www.ywca.com/
Description: ExpressionEngine Custom CMS 
Version: 1.0
Author: Austin Siewert
Author URI: http://www.siebird.com
*/

/* RESET! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}


/* ---------- @ Basic Elements ----------- */
body {min-width: 992px;font-family:"Lucida Sans",Verdana,Arial,sans-serif;color:#000;background: /*url(/assets/layout/bg-body.png)*/ #F2F2F2}	
	
h1 {font-size:28px;}
h2 {font-size:18px;}
p, li {font-size:12px;}

a {color: #FF6632;font-weight: bold;text-decoration:none;}
a:hover {color: #A1290E;text-decoration:underline;}

/* ---------- @ Generic Classes -----------*/

.wrapper {position:relative;margin:0 auto;width:992px;clear: both;background: url(/assets/layout/bg-wrapper.png) top left repeat-y;}	/* centers content */

.col-1, .col-2, .col-3, 
.col-4, .col-5, .col-6, 
.col-7, .col-8, .col-9, 
.col-10, .col-11, .col-12 {position: relative;float:left;margin:14px;display:inline;}

.col-1 {width: 52px;}
.col-2 {width: 132px;}
.col-3 {width: 212px;}
.col-4 {width: 292px;}
.col-5 {width: 372px;}
.col-6 {width: 452px;}
.col-7 {width: 532px;}
.col-8 {width: 612px;}
.col-9 {width: 692px;}
.col-10 {width: 772px;}
.col-11 {width: 852px;}
.col-12 {width: 932px;}

#content .col-8 {width: 628px;}
#content .col-4 {width: 308px;}

.left {float:left;display:inline;}
.right {float:right;display:inline;}


/* ---------- @ Header -----------*/
#fauxBar {position:absolute;width:100%;height:5px;top:0;background: url(/assets/layout/bg-header.png) repeat-x}
#header {padding-top:5px;}
#header h1 {position:relative;left:16px;text-indent:-9999px;}
#header h1 a {display:block;width:199px;height:120px;background: url(/assets/layout/logo.png) no-repeat;}

#nav {position:relative;width:962px;height:36px;left:16px;background: url(/assets/layout/bg-nav.png) no-repeat;}
#nav li {float:left;font:bold 13px/36px Tahoma, Arial;display:inline;}
#nav li:first-child, .first {margin-left:10px;}
#nav li a {padding:0 13px;text-decoration:none;color:#FFF;text-shadow:0 -1px #666;}
#nav li a:hover {color:#000;text-shadow:0 1px #E05224;}
#nav li a:active {outline: 0;position:relative;top:1px;}
#nav li.current a {
	padding-top: 5px;
	padding-bottom: 10px;
	color:#FF6632;
	background:#FFF;
	text-shadow: 1px 1px #FCFCFC;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;}

#nav li.home a {color: #000;background: none;text-shadow: none;}
#mini-nav {position:absolute;top:90px;width: 175px;left:50%;margin-left:165px;}
#mini-nav a {font-weight:normal;}
#donate {position:absolute;top:0;right:26px;text-indent:-9999px;z-index:200;}
#donate a {display:block;width:152px;height:37px;overflow:hidden;background: url(/assets/layout/btn-donate.png) no-repeat;}
#donate a:hover {background-position:0 -37px;}

/* ---------- @ Home -------------*/
#stage {position:relative;left:16px;width:962px;height:322px;background: url(/assets/layout/bg-stage.png) no-repeat;overflow:hidden;}

#featureScroller, #newsEvents {position:relative;top:9px;margin:0;height:300px;overflow:hidden}
#featureScroller {width:635px;left:10px;background: url(/assets/layout/bg-featureScroller.png) no-repeat top left;}
#newsEvents {width:285px;right:12px;background: url(/assets/layout/bg-news-events.png) no-repeat bottom left;}
#content #newsEvents {margin-left: 20px;width: 100%;background:none;}
.scrollerContent {position:relative;top:3px;left:3px;width:635px;height:300px;}
.scrollerContent h2 {
	position:absolute;
	bottom:10px;
	padding:0 10px;
	height: 25px;
	font-size: 12px;
	line-height: 24px;
	background: url(/assets/layout/bg-fs-h2.png) repeat-x;
	z-index:150;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;}

.scrollerContent h2.pos1 {left:40px;}
.scrollerContent h2.pos2 {left:70px;}
.scrollerContent h2.pos3 {left:100px;}
.scrollerContent h2.pos4 {left:130px;}
.scrollerContent h2.pos5 {left:160px;}
.scrollerContent h2.pos6 {left:190px;}

.scrollerContent h2 a {margin: 0;padding-right:113px;display:inline-block;height: 25px;color:#FFF;text-decoration:none;text-transform:lowercase;background: url(/assets/layout/bg-fs-h2-a.png) no-repeat top right;}
.scrollerContent h2 a:hover {color:#FF724A;background-position:bottom right;}
.scrollerContent img {position:absolute;top:3px;left:3px;z-index:100;}
#fs-nav {position:absolute;bottom:23px;left:20px;z-index:200;}
#fs-nav a {float:left;margin:0 5px 0 0;display:block;width:25px;height:25px;font:bold 12px/25px Arial;color:#333;text-align:center;text-decoration:none;overflow:hidden;background: url(/assets/layout/bg-fs-nav.png) no-repeat;}
#fs-nav a.activeSlide {color:#F63;background-position:0 -25px;}

#ne-nav {padding-left:3px;}

#ne-nav li {float:left;display:inline;margin-right:-18px;}
#ne-nav li a {display:block;padding-left:15px;padding-right:15px;height:30px;font:bold 13px/30px Tahoma;text-decoration:none;text-align:center;color:#FFF;background: url(/assets/layout/bg-ne-nav.png) no-repeat 0 -30px;}
#ne-nav .tabs a {width:83px;padding-left:0;padding-right:0;}
#ne-nav li a:hover {color:#333;}
#ne-nav li a.selected {color:#333;background-position:0 0;}

#content #newsEvents{height: auto;}
#content #ne-nav {
	margin: 0 0 10px 0;
	padding-left: 20px;
	border-bottom: double #C2C2C2;}

#content #ne-nav li {margin:0 2px 0 0;}

#content #ne-nav li a {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	background: #C2C2C2;}

#content #ne-nav li a:hover {background: #FF6633;}

#content #ne-nav li a.selected {margin-bottom: -8px;height: 40px;color:#333;border:1px solid #C2C2C2;border-bottom:none;background:#FFF;}

.ne-listing li {position:relative;margin:5px 10px;padding-bottom:7px;font-size:12px;list-style:none;border-bottom:1px solid #000;}
.ne-listing h4 {padding-top:15px;font:14px "Times New Roman", Times, serif;}
.ne-listing p {margin-top: 5px;font: 12px Verdana;}
.ne-listing li span {float:right}
.ne-listing li a, .entry .link a {text-indent:-9999px;display:block;height:13px;width:92px;overflow: hidden;background: url(/assets/layout/btn-findoutmore.png) no-repeat;}
.ne-listing li a:hover, .entry .link a:hover {background-position:0 -13px;}
.date {position:absolute;top:0;left:0;color:#999;font: 10px Arial;}

/* Sidebar News Events */

#sidebar #ne-nav {width: 100%;margin: 0 0 5px 13px !important;padding: 0 0 0 12px;border-bottom: double #EDEDED}
#sidebar #ne-nav li {margin: 0 2px 0 0;}
#sidebar #ne-nav h3 {margin: 0;padding: 0;border-bottom: none;}
#sidebar #ne-nav li a {
	width: none;
	margin: 0;
	color: #999;
	background-color: #EDEDED;
	background-image:none;
	border-color: #666;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;}
	
#sidebar #ne-nav li a:hover {color: #333;background-color:#CFCFCF}
#sidebar #ne-nav li a.selected {color: #FFF;background: url(/assets/layout/bg-nav-sub.png) repeat-x #FF7435;}

#sidebar #newsEvents {height: auto;overflow: none;}
#sidebar .ne-listing {margin-left: 30px;}

/* ---------- @ Content -----------*/

#content {/*position:relative;z-index:100;*/padding-top:10px;}
#content h1 {font-family:"Times New Roman", Times, serif;font-weight:500;text-transform:uppercase;padding-top:1px;}
#content h2 {font-family: Arial, "Myriad Pro", Tahoma;font-weight:500;}
#content h1, #content h2, 
#content p {margin:0 10px 15px 10px;line-height:24px;}
#content ul, #content ol {margin-left:40px;}
#content li {margin:0 0 10px 0;line-height:20px}

#content img {padding: 4px;border: 1px solid #FF7435;background: #F3F3F3;}
#content img.left {margin: 0 7px 7px 0;}
#content img.right {margin: 0 0 7px 7px;}
#home #content img {border: none;}
#content td {font-size: 12px;padding: 3px 7px;}
#content td.thead {color: #FFF;font-weight: bold;background-color: #FF6633;}
#phone-numbers {margin-top: 20px;width: 100%;}
#phone-numbers h2 {margin: 0;}

.entry {position: relative;margin-bottom: 20px;padding: 15px 0 5px 0;border-bottom: double #CCC;}

.entry .event, .entry .news, .metadata .event, .metadata .news {padding-left: 20px;}
.entry .event, .metadata .event {background: url(/assets/layout/calendar-select.png) no-repeat left center;}
.entry .news, .metadata .news {background: url(/assets/layout/newspaper.png) no-repeat left center;}

.entry .date {left: 12px;}

#content .metadata {color: #666;line-height: 20px;margin: 0 10px 10px 10px;}

#volunteer {text-indent:-9999px;}
#volunteer a {margin:20px auto 40px auto;display:block;width:247px;height:37px;background: url(/assets/layout/btn-volunteer.png) no-repeat}
#volunteer a:hover {background-position:0 -37px;}

#sidebar {min-height: 465px;background: url(/assets/layout/bg-sidebar.jpg) no-repeat 0 15px;}

#breadcrumb {margin:0 2px 15px 0 !important;padding: 3px 5px;font-size: 10px;border-top: double #EDEDED;border-bottom: 1px solid #EDEDED}
#breadcrumb a {font-weight: normal;text-decoration: none;}

#sidebar h3 {margin:0 2px 0 0;padding: 3px 15px;color: #666;font-size: 18px;border-bottom: double #EDEDED}

#nav-sub, #nav-job {margin: 0 0 25px 0 !important;}

#nav-sub li, #nav-job li {margin: 0 2px 0 0;list-style: none;line-height: 30px;border-bottom: 1px solid #EDEDED;}

#nav-sub li a, #nav-job li a {display: block;height: 30px;padding-left: 15px;font-weight: normal;text-decoration: none;}

#nav-sub li.here, #nav-sub li a:hover,
#nav-job li.here, #nav-job li a:hover {color: #FFF;background: url(/assets/layout/bg-nav-sub.png) repeat-x #FF7435;}

#nav-sub li.here a, #nav-job li.here a {color: #000;margin-left: -8px;padding-left: 22px;background: url(/assets/layout/li-current.png) no-repeat !important;}


#sidebar #nav-sub li ul {margin-left: 0;background: url(/assets/layout/bg-sidebar.jpg) no-repeat 0 -20px #FFF;}

#nav-sub li li {margin: 0 0 0 30px;background-image: none !important;background-color: none;}

#nav-sub li li:last-child, #nav-sub li li.last {border: none;}

#nav-sub li li a,
#nav-sub li.here li a {padding-left: 10px !important;background-image: none !important;}

#nav-sub li li a:hover,
#nav-sub li li.here a {margin-left: 0;padding-left: 10px;background: url(/assets/layout/bg-nav-sub.png) repeat-x #FF7435 !important;}

#nav-sub li li.here {color: #000;margin-left: 20px;padding-left: 8px;background: url(/assets/layout/li-current.png) no-repeat !important;}


#deadline {font-family: Georgia;font-style: italic;}
#deadline span {padding: 4px 20px 4px 0;font-family: 'Myriad Pro', Tahoma, Arial;font-style: normal;background: url(/assets/layout/calendar-select.png) no-repeat right center;}

#wufoo {margin: 20px 10px;padding-top: 15px;border-top: 3px solid #000;}

.mailto, .email {margin-right: 2px;padding-right: 20px;background: url(/assets/layout/mail--arrow.png) no-repeat right center;}
.pdf {padding-left: 20px;background: url(/assets/layout/document-pdf-text.png) no-repeat left center;}
.doc {padding-left: 20px;background: url(/assets/layout/document-word-text.png) no-repeat left center;}
.xls {padding-left: 20px;background: url(/assets/layout/document-excel-table.png) no-repeat left center;}

object {margin:0 20px 20px 100px;}


.mlslisting {
	position: relative;
	margin: 15px 10px;
	padding: 5px;
	height: 160px;
	box-shadow: 0px 0px 8px #333;
	-moz-box-shadow: 0px 0px 8px #333;
	-webkit-box-shadow: 0px 0px 8px #333;
}

.mlslisting h3 {
	margin-bottom: 10px;
	display: block;
	color: #FFF;
	font: 12px/22px Arial;
	padding: 4px 10px;
	background: #FE633D;
}

.mlslisting p {margin-left: 175px !important;}
.mlslisting .details {color: #666;}
.mlslisting span {font-weight: bold;}
.mlslisting .price {color: green;}
.mlslisting .meta {
	position: absolute;
	top: 15px;
	right: 20px;
	font: 10px Arial;
	color: #FFF;
}
.mlslisting img {
	position: absolute;
	top: 40px;
}

.mlslisting #photocount {
	position: absolute;
	top: 110px;
	left: 122px;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 45px;
	text-align: center;
	background: url(/assets/layout/btn-photocount.png) no-repeat;
}

/* ---------- @ Form -----------*/
#social-links {
	margin-left: 10px !important;
	padding: 10px;
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;}
	
#social-links li {
	display: inline;
	list-style: none;
	margin-right: 20px;}

#social-links li a {
	font-weight: normal;
	color: #B2B2B2;}

#social-links li a:hover {
	font-weight: normal;
	color: #999;}

#social-links li a.rss, #social-links li a.email {
	background-position: left center;
	padding-right: 0;
	padding-left: 20px;}


#subscribe-form {margin: 10px;}

#confirmation {margin: 15px 0;padding-left: 33px;background: url(/assets/layout/success.png) no-repeat left center;}
	
#tellfriend, #login {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F2F2F2;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	left:400px;
	margin-bottom:20px;
	margin-top:-275px;
	padding:15px;
	position:absolute;
	width:380px;
	z-index:100;}

#login {
	position: relative;
	margin: 0;
	top: 10px;
	left:10px;}

#tellfriend a.close {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/assets/layout/btn-closebox.png) no-repeat scroll 0 0;
	height:30px;
	overflow:hidden;
	position:absolute;
	right:-10px;
	text-indent:-1000px;
	top:-10px;
	width:30px;}

#tellfriend form textarea {height:80px;}
.contact-form {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F2F2F2;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	padding:15px;}

.contact-form form input.std_input {margin-bottom:10px;}
form label.clear {clear:both;float:left;margin-top:10px;}
form label.full {width:99%;}
form label.required {font-weight:bold;}
form select {
	-x-system-font:none;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#6E6E6E;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:10px;}

form label {color:#808080;font-size:14px;}
form input.std_input, form textarea {
	-x-system-font:none;
	border:1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#6E6E6E;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:15px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:5px;
	width:97%;}

form table {width:100%;}
form table input.std_input {width:93%;}
form table.three-col input.std_input {width:90%;}
form input.form_but, .button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-x-system-font:none;
	background-color:#FF724A;
	border:3px solid #AD2108;
	color:#FFFFFF;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:15px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-top:10px;
	padding:5px 10px;}

form input.form_but:hover, .button:hover {color:#FFF;text-decoration:none;background-color:#AD2108;border-color:#FF724A;cursor:pointer;}
.button.pdf {background-image: none;}
/* ---------- @ Float Clearing -----------*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}	
.clearfloat {display:inline-block}
.clearfloat {display:block}


/* ---------- @ Footer -----------*/

#footer {width:100%;background: url(/assets/layout/bg-footer.png) repeat-x;}
#ifooter {position:relative;height: 204px;padding:0;color:#FFF;background: url(/assets/layout/bg-footer.jpg) no-repeat;}

#ifooter p {font-size:10px;margin:0 30px 10px 30px;}
#ifooter p.top {padding-top: 105px;}
#ifooter p:last-child {margin-bottom: 0;}

#ifooter a {color:#FFF;}

#search {position:absolute;top:85px;width: 175px;left:50%;margin-left:295px;}
#search input {position: absolute;top: 0;width: 150px;height: 18px;font-size:11px;color: #666;border:1px solid #E8E8E8;border-right:none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;}
#search #search-field {left: 0;padding:5px 0 0 5px}
#search #search-btn {
	right: 0;
	padding: 0;
	height: 25px;
	width: 25px;
	overflow: hidden;
	text-indent: -9999px;
	color: transparent; /* IE 6/7 hack */
	text-transform: capitalize; /* IE 6/7 hack */
	border: none;
	cursor: pointer;
	background: url(/assets/layout/bg-search.png) no-repeat;}
	
.agency {position: absolute;bottom: 10px;left: 30px;}
#pano {left: 110px;}

.rss {padding-right: 20px;background: url(/assets/layout/rss_16.png) no-repeat right center;}
	
/* Siebird branding */
#sig {position: absolute;bottom: 5px;right: 0;text-indent: -9999px;}
#sig a {display: block;height: 41px;width: 122px;background: url(/assets/layout/siebird.png) no-repeat;}
#sig a:hover {background-position: 0 -41px}