
/*  
Theme Name: American Purgatory
Theme URI: http://www.americanpurgatory.org/
Description: The default template theme for American Purgatory site.
Version: 1.0
Template: americanpurg
Author: Caroline Fong
Author URI: http://www.americanpurgatory.org

*/

/* CSS Document */

body {
	font: 100% Helvetica, Verdana, Arial, sans-serif; font-size: 0.76em; line-height: 1.5em; color: #000000;
	background: #6d6d6d;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

a  {color: #7e2020; font-weight:bold; font-style:normal; text-decoration:none; border-bottom: 1px dotted #7e2020;}
a:link  {color: #7e2020; font-weight:bold; font-style:normal; text-decoration:none;border-bottom: 1px dotted #7e2020;}
a:visited  {color: #7e2020; text-decoration:none; border-bottom: 1px dotted #7e2020;}
a:hover   {color: #7e2020;text-decoration:none;}
a:active  {color: #7e2020; text-decoration:none; border-bottom: 1px dotted #7e2020;}


.oneColLiqCtrHdr #container {
	width: 924px;  /* - actual width instead of 80% that will create a container 80% of the browser width */
	background: #6d6d6d;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColLiqCtrHdr #header {
	background: #6d6d6d; 
	background: url(images/ap_header.gif) no-repeat center;
	height: 96px;
	padding: 0px; 
}

.oneColLiqCtrHdr #header #topnav {
margin: 10px 0px 0px 0px;
border-width: 0px;
width:549px;
height: 39px;
padding: 0px;
float: right;
}


#topnav ul li a {display:block; text-decoration:none; text-indent: -4000px; background-image: url(images/topnav/topnav_air_on.gif); height: 40px; border-bottom:none;}

#topnav ul li.home  a {background-position: 0 0; width: 85px;}
#home #topnav ul li.home a, #topnav ul li.home a:hover  {background-position: 0 -42px;}

#topnav ul li.background a {background-position:  -85px 0; width:113px;}
#background #topnav ul li.background a, #topnav ul li.background a:hover {background-position: -85px -42px;}

#topnav ul li.air a {background-position: -198px 0; width:95px;}
#air #topnav ul li.air a, #topnav ul li.air a:hover {background-position: -198px 0px;}

#topnav ul li.listen a {background-position: -295px 0; width:65px;}
#listen #topnav ul li.listen a, #topnav ul li.listen a:hover {background-position: -295px -42px;}

#topnav ul li.resources a {background-position: -360px 0; width:114px;}

#resources #topnav ul li.resources a, #topnav ul li.resources a:hover  {background-position: -360px -42px;}

#topnav ul li.contact a {background-position: -475px 0; width:74px;}
#topnav ul li.contact a:hover  {background-position: -475px -42px;}
#contact #topnav ul li.contact a {display:none;}

#topnav ul {padding:0; margin:0 0 0 0px; list-style:none;}
#topnav ul li {display: block; float: left; }


#lwcontainer {
background: url(images/temp_bkgd.gif) repeat-y center top;
width: 924px;
border-width: 0px;
padding: 0px;
}

#lwcontainer #topcurve {
background: url(images/top_curve.gif) no-repeat center;
width: 924px;
height: 30px;
border-width: 0px;
padding: 0px;
}


#lwcontainer #body {
background: url(images/temp_bkgd.gif) repeat-y center top;
margin: 0px 0px 0px 0px;
padding:0px;

}



#lwcontainer #bottomcurve {
background: url(images/bottom_curve.gif) no-repeat center bottom;
width: 924px;
height: 30px;
border-width: 0px;
padding: 0px;
	
	}

#body #interior {
margin-left: 45px;
width: 834px;

}

#body #interior #bottom_angle {
background: url(images/bottom_angle.gif) no-repeat center bottom;
width: 855px;
height:27px;
}

#body #interior h2.graphhead {
background: url(images/temp_header.gif) no-repeat center;
width: 834px;
height: 61px;
color: #FFF;line-height: 3.4em; font-style:normal;
text-indent: 20px;
margin:0px;
padding: 0px;
}


#body #interior .shift { 
background-color: #ededed; 
width: 698px;
padding:30px 60px 40px 60px;
margin: 0px 0px 0px 15px;
}

p {
font-size: 1.2em;line-height: 1.3em;font-weight:normal; font-style:normal;}


/* Start of Blog Specific Styles  */

#content {
background-color: #FFF;
padding: 10px 15px 5px 20px; 
margin: 2px;
border: 1px dotted #999;
width: 448px;
}

.postdate {
font-size: .95em;color: #666;line-height: 1.3em;font-weight:normal; font-style:normal; 
}

#sidebar  {
background-color: #FFF;
padding: 10px 10px 40px 20px; 
margin: 2px;
border: 1px dotted #999;
width: 150px;
float: right;

}

.grey {
background-color: #CCC;
padding: 10px 10px 5px 10px; 
margin: 2px;
border: 1px dotted #999;
width: 680px;
}

/* End of Blog Specific Styles  */


#bottomnav {
background: url(images/bottom_nav.gif) no-repeat center;
width: 924px;
height: 40px;
border-width: 0px;
margin: 0px 0px 0px 0px;
padding: 19px 0px 5px 0px;

}

#bottomnav a {
font-size: 1.2em;color: #000;line-height: 1.4em;font-weight:bold; font-style:normal; text-decoration:none; border-bottom: 1px dotted #000; }

#bottomnav #credits a { margin: 0px 0px 0px 8px;}

#bottomnav #contact a {float: right; margin: -20px 8px 0px 0px; }