/***********************************************************

Title:           screen.css 
Author:          Dieter Limeback <dlimeb@gmail.com>
URL:             ahandtohold.ca
Description:     CSS for screen display 

************************************************************/
    
/*---------- MAIN LAYOUT ----------{{{*/
body {
	text-align: center;
	background: #43361e url(../img/tile_bg.gif);
	color: #222;
    font-size: 95%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#container {
    margin: 30px auto 0 auto;
    text-align: left;
    width: 780px;
    background: url(../img/bg_container.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

#header { 
    background: url(../img/bg_header.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 10px 0 10px;
}

#nav {
    padding: 0 10px;    
    background: url(../img/bg_nav.gif);
    background-repeat: repeat-y;
}

#content { 
	width: 100%;
    background: url(../img/bg_body.gif);
    background-repeat: repeat-y;
	float: left;
	margin-right: -25em; /* IE: preserve layout at narrow widths */
    padding: 0 10px;
}

#content #main {
    margin-right: 270px; /* sidebar(width+padding) + 20 left padding */
	float: none;
	width: auto;
	padding: 0 0 30px 20px;
}

#sidebar {
	float: right;
    width: 240px;
    margin: 0 10px 0 0; /* 10px dropshadow */
}

#footer {
	clear:both; 
    padding: 4px 10px 30px 30px;    
    background: url(../img/bg_footer.gif);
    background-position: top left;
    background-repeat: repeat-y;
}
/*}}}*/
/*---------- HEADER ----------{{{*/
#header h1 {
    margin: 30px 0 0 0;
    border-bottom: 5px solid #9cd3d2;
}

#header h1 img {
    margin: 0 0 0 10px;
}
/*}}}*/
/*---------- NAV ----------{{{*/
#nav ul {
    margin-right: 260px;
    padding: 8px 0 6px 20px;
}

#nav li {
	list-style-type: none;
	display: inline;
    border-right: 1px solid #3d2f18;
    padding: 0 5px 0 0;
}
#nav li.last {
    border: 0;
}

body#home_pg li#home a,
body#about_pg li#about a,
body#doulas_pg li#doulas a,
body#services_pg li#services a,
body#resources_pg li#resources a,
body#contact_pg li#contact a {
    border-bottom: 5px solid #e1e0a6;
    color: #615034;
}

#nav li a {
	color: #9cd3d2;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.125em;
	text-decoration: none;
    padding: 4px 5px 3px 5px;
}

#nav li a:hover {
    color: #fff;
    background: #302514;
/*    border-bottom: 3px solid #e1e0a6;*/
    border-bottom: 3px solid #302514;
}
/*}}}*/
/*---------- MAIN CONTENT ----------{{{*/
#main h2 {
	color: #990;
	font-size: 2em;
	font-weight: normal;
	padding: 1em 0 0.5em 0;
}

#main h3 {
	padding: 1em 0 0.5em 0;
    font-size: 1.2em;
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}

#main a {
    color: #600;
}
#main a:hover {
    color: #f00;
    text-decoration: none;
}
#main a:visited {
    color: #333;
}
#main h4 {
	margin: 1em 0 0 0;
}

#main p {
	line-height: 1.5em;
	padding: 0 0 1em 0;
}
#main p.subnav {
    padding: 0 0 0 65px;
/*    text-align: right;*/
}
#main p.asl {
	padding: 5px 0 1px 0;
	background: #000;
	color: #ddd;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	width: 3em;
	text-align: center;
	margin: 0 0 1em 0;
}
#main p.asl abbr {
	border: 0;
}
#main p.email {
    background: url(../img/icon_email.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
    margin: 0 0 0.5em 0;
}
#main p.cell {
    background: url(../img/icon_cell.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
    margin: 0 0 0.5em 0;
}
#main p.phone {
    background: url(../img/icon_phone.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
    margin: 0 0 0.5em 0;
}
#main ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 1em;
}
#resources_pg #main ul {
    padding: 0;
}
#main ul li {
/*    list-style-type: disc;*/
    background: url(../img/bullet_light.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 25px;
    line-height: 1.5em;
}
/*}}}*/
/*---------- SIDEBAR ----------{{{*/
#sidebar img.snapshot { 
    margin: -145px 0 0 -10px; 
}

#sidebar blockquote {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.3em;
    color: #999367;
    font-style: normal;
    padding: 0 20px;
}

#sidebar p {
    padding: 0 10px 0.5em 0;
    margin-top: 20px;
    text-indent: -7px;
}

#sidebar p.credit {
    font-size: 0.6em;
    font-style: italic;
    text-align: right;
    line-height: 1em;
    margin: 0;
}
/*}}}*/
/*---------- FOOTER ----------{{{*/
#footer p {
	color: #615034;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
    padding: 0 0 0 0;
    line-height: 1.4em;
}

#footer a {
	color: #615034;
	font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted;
}

#footer a:hover {
    color: #999367;
    border-bottom: 1px solid;
}
/*}}}*/
/*---------- MISC CUSTOM CLASSES ----------{{{*/
hr { display: none; }

abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

a.ext {
    background: url(../img/link_ext.gif) center right no-repeat; 
    padding-right: 14px;
}
strong {
    font-weight: bold;
}
/*}}}*/