@import url(reset.css);


/* ----------------------------------------
    Domestic Abuse Intervention Services
    http://www.abuseintervention.org
    Styles global to the entire DAIS site
   
    Version: 2.0.0 (2011-07)
    Author: Andy Giesler
    http://www.blazingmoon.org 
	
	Reference Colors
	
	Gold = #f9b715
	Purple Fore = #6f2c90
	Purple Back = #9665b1

   ---------------------------------------- */

   


/* ------------------------ */
/* ---- `html elements ---- */
/* ------------------------ */


html
{
	border-left: 21px solid #c1bdb6;
	border-right: 21px solid #c1bdb6;
}

body
{
	font-size: 62.5%;
}


p,
ol,
ul,
dl,
table        
{ 
    line-height: 1.5em;
    padding-bottom: 0.5em; 
}

#home p,
#home ol,
#home ul,
#home dl,
#home table        
{ 
    line-height: 1.8em;
}

ul ul	{ font-size: 14px; list-style-type: square; }
ol ol	{ font-size: 14px; list-style-type: lower-alpha; }
ul, ol  { padding: 0 0 0 0; }
ul      { list-style-type: disc; }
ol      { list-style-type: decimal; }
li		{ padding-bottom: 0.5em; }
#newsFeed li	{ line-height: 1em; }
dt      { font-weight: bold; margin-top: 2em; padding-left: 2em; }
dd		{ letter-spacing: 0.01em; line-height: 1.5em; padding-left: 2em; }

p   	{ padding-bottom: 1em; }

h1, 
h2, 
h3, 
h4
{
    color: #363636;
	font-family: Palatino, "Palatino Linotype", Times, serif;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 0.01em;
    padding-bottom: 0.3em;
    padding-top: 0.6em;
}

#home h1,
#home h2,
#home h3,
#home h4 {
	letter-spacing: 0.05em;
}

h1
{ 
	color: #6f2c90;
    font-size: 27px; 
}

h2      
{
	color: #6f2c90;
	font-size: 23px; 
	margin-top: 0.5em; 
	/* background: white url(../img/dais-hr.gif) no-repeat top center; */
}

h3 {
	font-size: 19px; 
	font-weight: normal; 
	margin-top: 1em;
}

h4 {
	font-size: 15px; 
	font-style: italic; 
	font-weight: normal; 
	margin-top: 0.5em;
}

sup		{ vertical-align: top; }

a[href]     /* only style links, not named anchors */
{ 
	font-family: Verdana, Geneva, sans-serif;
    font-weight: normal; 
	text-decoration: underline;
}
a.external[href]
{
	background: url(../img/icon_external_link.png) no-repeat 100% 0;
	padding: 0 1.3em 0 0;
}

a[href]:link      { color: #6f2c90; }
a[href]:active    { color: #6f2c90; }
a[href]:visited   { color: #6f2c90; }
a[href]:hover     { 
	color: #A6A;
}

#home a { color: #f9b715; }



/* ----------------- */
/* ---- `header ---- */
/* ----------------- */

#logo
{
    background: url(../img/logo.png) no-repeat top left; 
    clear: both;
    display: block;
    height: 77px;
    margin: 11px 0 0 22px;
	position: absolute;
    overflow: hidden;
    text-indent: -200em;
    width: 227px;
} 

#header
{
	background-color: white;
    color: #fff;
	height: 102px;
	width: 100%;
}

#motto {
	background: url(../img/motto.png) #fff no-repeat top left;
	height: 68px;
	margin: 0 auto;
    overflow: hidden;
    text-indent: -200em;
	width: 239px;
}

#mission {
	font-family: Palatino, "Palatino Linotype", Times, serif;
	font-size: 18px;
	font-style: italic;
	height: 68px;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	position: absolute; 
	right: 30px;
	text-align: center; 
	top: 505px;
	width: 300px;
	z-index: -1;
}

#mission hr {
	border: none;
	border-top: 2px solid #f9b715;
	margin: 10px auto 5px;
	width: 55%
}


/* ----- Header Actions ----- */
	
	#headerActions {
		height: 100px;
		position: absolute;
		right: 37px; 
		top: 0;
		width: 19em;
	}
	
	#search { 
		float: right; 
		height: 18px;
		padding: 14px 10px 5px 0;
		position: relative; 
		left: 10px;
		width: 152px;
	}
	
	#searchBox
	{ 
		background: url(../img/search.png) no-repeat top left;
		border-width: 0;
		color: #BAA;
		font-size: 10px;
		height: 18px; 
		padding-right: 3em; 
		text-align: right; 
		width: 152px; 
	}
	
	#privacyWarnings {
		clear: both;
		float: right; 
		font-family: Palatino, "Palatino Linotype", Times, serif;
		font-size: 14px;
		font-style: italic;
		padding-bottom: 3px;
		text-align: right;
		text-transform: uppercase;
	}
	
	a#privacyWarnings:link,
	a#privacyWarnings:hover,
	a#privacyWarnings:active,
	a#privacyWarnings:visited {
		color: #ccc;
		text-decoration: none;
	}
	
	#helpLine {
		clear: both;
		color: #6f2c90;
		float: right; 
		font-family: Palatino, "Palatino Linotype", Times, serif;
		font-size: 17px;
		padding-bottom: 3px;
		text-align: right;
		width: 11em;
	}
	
	#escape, #donate
	{
		float: right;
		height: 20px;
		margin-top: 3px;
		margin-left: 1em;
		text-align: left;
		text-indent: -2000em;
		overflow: hidden;
		width: 65px;
	}
	
	#escape { background: url(../img/escape-button.png) no-repeat top left; }
	#donate { background: url(../img/donate-button.png) no-repeat top left; }



/* ------------------------- */
/* ---- `overall layout ---- */
/* ------------------------- */


#container
{
    clear: both;
    float: left;
    padding-left: 5em;
	padding-top: 3em;
    width: 800px;
}




/* ----------------------*/
/* ---- `navigation ---- */
/* ----------------------*/


#nav, #subnav
{
    clear: both;
    float: left;
}

#nav
{
    height: 59px;
    width: 582px;
}

#home #nav
{
	/* 
	display: none;
	*/
    height: 107px;  /* home nav is taller - speaking blocks */
}


#subnav
{
	background: white;
	border: 2px solid #f9b715;
    height: 43px;
    width: 578px;
}

#nav li, #subnav li
{
    float: left;
	font-variant: small-caps;
    list-style: none;
	padding-bottom: 0;
}

#subnav ul
{
    padding: 0 0 0 6px;
}

.navTab
{
    clear: both;
    display: block;
    float: left;
    height: 59px;
    overflow: hidden; 
	position: absolute;
    text-indent: -200em;
    width: 207px;
}

.subTab
{
    background-color: #dfdcce; 
	
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;

    clear: both;
    display: block;
    float: left;
    height: 29px;
	margin: 6px 2px;
	padding-top: 5px;
	padding-bottom: 3px;
    text-align: center;
    width: 90px;
}

.subTab.wide {
	width: 110px;
}

.subTabSelected { 
	border: 2px solid #f9b715;
	height: 34px;
	margin: 6px 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.subTab,
a:link.subTab,
a:active.subTab,
a:hover.subTab,
a:visited.subTab
{
    color: #696B3F;
	font-family: Palatino, "Palatino Linotype", Times, serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1em;
    text-decoration: none;
}

.subTabSelected, .subTabSelected:hover
{
    background-color: #fff; 
}

a.subTabSelected, 
a:link.subTabSelected, 
a:active.subTabSelected,
a:visited.subTabSelected
{
	color: #6f2c90;
	font-weight: normal;
	letter-spacing: 0.05em;
}

/* We could use separate styles (e.g., "getHelp selected" instead of "getHelpSelected") if IE6 didn't suck. */

.getHelp, .getHelpSelected { z-index: 25; }
.getInvolved, .getInvolvedSelected { left: 257px; z-index: 15; }
.giveSupport, .giveSupportSelected { left: 444px; z-index: 5; }

.getHelp { background: url(../img/tab-help.png); }
.getInvolved { background: url(../img/tab-involved.png); }
.giveSupport { background: url(../img/tab-give.png); }

.getHelpSelected { background: url(../img/tab-help-selected.png); }
.getInvolvedSelected { background: url(../img/tab-involved-selected.png); }
.giveSupportSelected { background: url(../img/tab-give-selected.png); }

.helpPage .getHelpSelected,
.involvedPage .getInvolvedSelected,
.supportPage .giveSupportSelected
{ z-index: 30; } /* Make sure the selected tab stacks at the top. */

.supportPage .getHelp
{ z-index: 0; } /* On the help page, make sure the z-order is help (top), then involved, then give. */


/* ------------------ */
/* ---- `content ---- */
/* ------------------ */


#content
{
	background: white;
	border: 2px solid #f9b715;
	border-top: 0;
    clear: both;
    color: #544;
    float: left;
    width: 578px;
}

#home #content
{
	background: url(../img/home-backdrop.png); 
	border: none; 
	/*
	display: none;
	*/
    margin-top: -35px;
}

#content ul,
#content ol
{
    padding-left: 2.5em;
    padding-bottom: 0.5em;
}

#contentFrame
{
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
    width: 558px;
}

#home #contentFrame
{
	color: white;
    margin: 10px auto 0;
    width: 538px;
}

#contentBody
{
    padding: 0 20px 0 10px;
	font-size: 14px;
}

#home #overview {
	color: #f9b715;
	font-family: Palatino, "Palatino Linotype", Times, serif;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 1.5em;
	padding-top: 10px;
}

#overview:first-letter { 
	float: left;
	font-size: 200%;
	margin-top: -5px;
	margin-right: 2px;
}

#home #contentBody h2   /* special styling for headers on the home page */
{
	background: none;
	color: white;
	padding-top: 0.5em;
	margin-top: 0;
}


#contentFoot
{
    height: 17px;
    margin: 0;
    padding: 0;
    width: 582px;
}

#home #contentFoot
{
    height: 13px;
    margin: 0 auto;
    padding: 0 14px;
    width: 392px;
}

#sideBar
{
    float: right;
    width: 320px;
	/*
	display: none; 
	*/
}


h1.newsHeading	{ padding-top: 0.5em; }
.toc			{ padding-top: 1.5em; }

a.backToTop:link,
a.backToTop:hover,
a.backToTop:active,
a.backToTop:visited {
	background-color: #ffd469;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	color: #666;
	display: block;
	font-size: 12px;
	letter-spacing: 0.05em;
	margin: 0.5em 0 1em;
	padding: 6px 0 6px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 3px #eee;
	text-transform: uppercase;
	width: 120px;
}

a.backToTop:hover {
	background-color: #f9b715;
	color: white;
	text-decoration: none;
	text-shadow: 1px 1px 4px #777;
	text-transform: uppercase;
}


/* ----------------- */
/* ---- `footer ---- */
/* ----------------- */


#footerContact {
	background: url(../img/footer-contact.png) no-repeat bottom left;
	clear: both;
	height: 72px;
	padding-top: 5em;
	width: 968px;
}

#footerContact p {
	color: #555;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	letter-spacing: 0.05em;
	padding-top: 10px;
	text-align: center;
	width: 968px;
}

#footerContact a { color: #555; }

#footerLinks {
	background-color: #c1bdb6;
	clear: both;
	height: 200px;
	width: 100%;
}

#footerLinks a:link,
#footerLinks a:hover,
#footerLinks a:active,
#footerLinks a:visited { 
	color:  #544;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 12px;
	text-decoration: none; 
}
	
	.bar { display: inline; font-size: 1.5em; margin: 0 4px; }
	
	#textLinks {
		display: inline;
		float: left; 
		margin: 11px 0 0 11px;
		padding: 0;
	}
	
	#donateBottom
	{
		background: url(../img/donate-button-bottom.png) no-repeat top left;
		float: left; 
		height: 22px;
		margin-top: 8px;
		margin-left: 1em;
		text-align: left;
		text-indent: -2000em;
		overflow: hidden;
		width: 54px;
	}
	
	#facebook
	{
		float: left; 
		height: 16px;
		margin-left: 10px;
		margin-top: 10px;
		width: 16px;
	}
	
	#evoc
	{
		background: url(../img/evoc-logo.jpg) no-repeat top left;
		float: left; 
		height: 17px;
		margin-left: 11px;
		margin-top: 10px;
		text-align: left;
		text-indent: -2000em;
		overflow: hidden;
		width: 16px;
	}
	
	#greatNonprofits
	{
		float: left; 
		height: 126px;
		margin-top: 8px;
		margin-left: 11px;
		width: 126px;
	}

	#unitedWay
	{
		background: url(../img/united-way-logo.gif) no-repeat top left;
		float: left; 
		height: 50px;
		margin-top: 8px;
		margin-left: 11px;
		text-align: left;
		text-indent: -2000em;
		overflow: hidden;
		width: 70px;
	}
	
	#daneCounty
	{
		background: url(../img/dane-county-logo.gif) no-repeat top left;
		float: left; 
		height: 50px;
		margin-top: 8px;
		margin-left: 11px;
		text-align: left;
		text-indent: -2000em;
		overflow: hidden;
		width: 72px;
	}
	



/* -------------------------- */
/* ---- `utility classes ---- */
/* -------------------------- */


.alert
{
    color: #cc0000;
    font-weight: bold;
}
.emphasized
{
    color: #6f2c90;
	font-size: 125%;
    font-weight: bold;
    line-height: 1.2em;
	padding-right: 1em;
}

div.spacer		{ height: 1em; }
.noBullet		{ list-style: none; }
.small			{ font-size: 1em; }
.skipLink		{ display: block; position: absolute; left: -100em; }

/* WordPress classes */

.alignleft {
	float: left;
	padding: 1em 1em 1em 0;
}

.alignright {
	float: right;
	padding: 1em 0 1em 1em;
}

.hide { display: none; }