/*
Theme Name: Grace
Theme URI: http://thelifeofgrace.org
Description: Custom Theme
Version: 1.0
Author: Neal Chester
Author URI: http://ikwebdesigner.com
*/

/* DEFAULT CSS 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, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0 none; border-spacing:0; font-weight: normal; font-style: normal; font-family: inherit; font-size: 100%; vertical-align: baseline; border-collapse:collapse; text-decoration:none; outline:none}


/* CSS */

::-moz-selection{ /* Firefox */background:#FFFFCC;	color:brown}
::selection{ /* Safari and Opera */	background:#FFFFCC;	color:brown}

html, body { height: 100%; min-height: 100%;}

html {background: #3f6172 url(img/bg-pattern.gif) }
body{font-family: georgia, serif; background:url(img/bg-curve.gif) no-repeat center top; text-align:center;}
#top {height:10px; display:block; width:100%; float:left; position:relative; text-indent:-3000em}
.contain, #header {width:908px; margin: 0px auto; text-align:left; position:relative; display:block;}
.contain {background: url(img/page-bg.png) repeat-y; overflow:hidden; min-height:70%}
#sidebar {width:200px; overflow:hidden; position:relative; margin-right:4px; float:right;  text-align:center;} 
	*html #sidebar {position:absolute; right:4px; top:102px}
#sidebar p, 
#sidebar blockquote {
	margin:25px 20px 10px 20px; font-style:italic; line-height:24px; font-size:12px; color:#666; cursor:default; display:none}
	
	
/* HEADER and TOP IMAGE NAVIGATION */

#logo{
	background: url(img/logo2.png) no-repeat left 20px; width:421px; height:132px; text-indent:-3000em; 
	display:block; position:relative; top:0px; margin-left:-10px}
* html #logo {background: url(img/logo2.gif) no-repeat left 20px;}
#logo a {width:90px; height:100px; display:block; top: 20px; position:absolute;}

#alan {height:118px; position:absolute; width:240px; right:0px; top:12px; background: url(img/alan-header.jpg) no-repeat right top; font-size:14px; line-height:24px; font-style:italic; padding-right:91px; padding-top:23px; text-align:right; color:#333; cursor:default}
#alan img {width:27px; height:30px; vertical-align:text-top; margin-right:5px}
#alan a {color:#006699;font-style:italic} #alan a:hover {text-decoration:underline;}

	#nav { display:block; width:908px; height:54px; }
	#nav li{ list-style-type: none; display:inline; }
	#nav a{ display:block; list-style-type: none;  float:left; text-indent:-1000em; height:54px; background-position: left top; }

	a#home{      width:162px;  background:  url(img/nav-01.png) left bottom;}
	a#about{  width:124px;  background:  url(img/nav-02.png) left bottom;}
	a#broadcast{    width:156px;  background:  url(img/nav-03.png) left bottom;}
	a#support{        width:137px;  background:  url(img/nav-04.png) left bottom;}
	a#products{    width:148px; background:  url(img/nav-05.png) left bottom;}
	a#contact{    width:181px; background:  url(img/nav-06.png) left bottom;}

	#nav a:hover, #nav a:focus{ background-position: left center;}
	#nav a.current{ background-position: left top; cursor:default;}

#pics {width:900px; margin-left:4px; height:72px; background: url(img/header-pics.jpg) no-repeat}
	
/* CONTENT */
.heading {background: url(img/home-title.gif) left center no-repeat}
.heading span{color:#666; font-weight:bold; font-style:italic; font-size:14px; background:white; padding-right:10px}

#content{ 
	width:588px; color:#333; float:left; display:block; position:relative; background: url(img/page-slope.gif) no-repeat right top;
	 cursor:default; padding:30px 56px 60px 60px; }

#content p, #content ol, #content ul, blockquote, #content hr, #content table {
	font-size:14px; line-height:20px; margin-bottom:20px;}

#content h1, #content h2, #content h3 {margin-bottom:20px;}			
	#content h1 {font-size: 26px; margin-left:-16px; color:#72161a; font-weight:normal;}
	#content h2 {font-size:18px; font-weight:bold}
	#content h3 {font-size:14px; font-weight:bold; margin-bottom:0px ! important}

em, i {font-style:italic}
#content p strong {font-weight:bold}

#content hr {border:none; border-bottom:solid 1px #ddd; clear:both; height:1px;}

/* LIST */	

#content ol, #content ul {margin-left:40px; text-align:left;}
#content ul {}
#content .space li{margin-bottom:15px} /*--- Space between multi-lined list items ----*/                                                  									

/* TABLES */

#content table { cursor:default; font:12px/21px georgia ! important;} 
#content table th {font-weight:bold;text-align:center; }
#content table td, #content table th { padding:5px; border: solid 1px #666666; }
#content table caption {padding-bottom:14px; font-style:italic}
#content table tr.white {background:white}			

/* LINKS  */

#content a{color:#006699; text-decoration:underline; font-style:inherit}
#content a:visited{color:purple}			
#content a:hover, #content p a:focus {color:#990000; text-decoration:none;}			
#content a:active{color: red;}

/* AUDIO */

.audiofile {	
	padding:15px 0px 15px 0px /*40*/; display:block; /*background: url(img/audio-icon.gif) no-repeat left 27px; */
	border-bottom:solid 1px #ddd; float:left; font-size:14px ! important; width:588px /*548px*/; color:#006699;}
	
/* .audiofile:hover {background:#ffffee url(img/audio-icon.gif) no-repeat left 27px;}*/
	
.audiofile h2 {font-weight:bold; font-size:14px ! important; color:#333; margin-bottom:5px ! important; position:relative}
.audiofile h2 .edit {position:absolute; right:0px ! important; top:0px ! important}
.audiofile a {color:#006699 ! important; text-decoration:underline;} .audiofile a:hover {text-decoration:none}
.audiofile img {display:none} .audiofile p {margin:0px ! important}
	.podPress_content {font-size:100% ! important; margin-left:-3px ! important }
	#podPressPlayerSpace_1,
	#podPressPlayerSpace_2,
	#podPressPlayerSpace_3,
	#podPressPlayerSpace_4,
	#podPressPlayerSpace_5,
	#podPressPlayerSpace_6,
	#podPressPlayerSpace_7,
	#podPressPlayerSpace_8,
	#podPressPlayerSpace_9,
	#podPressPlayerSpace_10,
	#podPressPlayerSpace_11	
		 {margin-bottom:5px ! important}

/* PRODUCTS */

.product {padding:25px 14px 25px; width:560px; float:left; position:relative}
.product .image {width:120px; height:120px; float:left; margin-right:14px} 
	.product .image img {width:120px; height:120px; border:solid 1px #fff} .product .image img:hover {border-color:#ccc}
.product .title, .product .cost {font-weight:bold} .product .cost {color:#006699}
.product .data {float:left; width:410px}
	.product .data .productcontent span {color:#990000}
	.productcontent {font-family:verdana; font-size:11px ! important; line-height:18px ! important; margin-bottom:0px ! important}

.ppform {position:absolute; right:14px; top:20px}

/* CONTACT FORM */

#contactform {display:block; padding-top:20px}
		
#contactform br {clear:both}
#contactform b {
	float:left; margin-right:10px; display:block; width: 125px;	text-align:right ! important; 
	font-size: 14px; font-weight:normal; color:#990000}
	
#contactform label {clear:both; display:block; }
#contactform .input { 
	width:380px; border: solid 1px #b6b5b3; padding:5px; font:13px/18px Tahoma; float:left; background:#fbfaf7; 
	border-right-color:#f5f5f5; border-bottom-color: #f5f5f5; margin-bottom: 15px; overflow:hidden; 
	-moz-border-radius:5px}
	
#contactform select.input {width:392px}

#contactform .input:focus {border:solid 1px black; background:#ffffee}

#contactform .send{ cursor:pointer; float:right; margin-right:57px;}


/* FOOTER */

#header hr, #footer hr {display:none}

#footer {
	float:left; width:100%; height:126px; display:block; background: url(img/footer-bg.png) center top; 
	line-height:124px; color:white; font-size:10px;}
	
*html #footer {background: url(img/footer-bg.gif) center top}
	
#footer .contain hr {display:none}
#footer .contain {background:none ! important}
#footer .contain a {
	color:white; padding-right:14px; background: url(img/footer-link-bullet.gif) no-repeat right center;
	 text-transform:lowercase; font-weight:normal; padding-left:7px} #footer a:hover {text-decoration:underline}

.topbutton {
	position:absolute; top:10px; left:0px; width:100%; height:30px; background: url(img/up-button.gif) no-repeat center top ! important;
	text-indent: -3000em; padding:0px ! important}

#copyright {
	background: url(img/footer-bird.png) no-repeat right top; line-height:20px ! important; padding-right: 82px; 
	height:65px; width:300px; position:absolute; right:4px; top:35px; text-align:right; padding-top:15px; cursor:default;}

*html #copyright {background: url(img/footer-bird.gif) no-repeat right top;}

#copyright a{
	padding:0px  ! important; background:none  ! important; font-weight:normal ! important; 
	text-transform:none ! important; text-decoration:underline}


/*----------------------------------------------------- EXTRAS ------------------------------------------------*/

			.hide, #hide {display:none ! important;}
			.hidden, #hidden {visibility:hidden}
			.clear, #clear{ clear:both;}
			.show {display:block ! important}
			.edit {position:absolute; right:60px; top:40px; font-size:11px ! important; font-family:verdana;}
				.edit a {color:#006699 ! important}
			
			.nowrap {white-space: nowrap}
			.center{text-align:center ! important;}
			.right{text-align:right ! important}
			.strike {text-decoration: line-through; color:gray}
			.word { font-weight:normal; letter-spacing:1px; text-transform:uppercase}
			.column{width:250px;float:left}
			.smalltext { font: 11px/18px Verdana !important}
				
			
			/* FLOATING IMAGES */
			
			img.border {border:solid 3px #f6f6f6; background:white; margin-left:-3px; padding:2px}
			img.left{float:left; margin-right:14px;}
			img.right{float:right; margin-left:14px;}
			.valign{vertical-align:middle ! important}
			
			/* TOOLTIP */
			
			#tooltipstyle{ 
				background: #FFFFCC; color:black; border: 1px solid black; padding: 7px; width: 160px; 
				font:10px/15px verdana; text-align:left;
				-webkit-border-radius: 5px; -moz-border-radius: 5px;
				-moz-box-shadow: 2px 2px 5px #666666; -webkit-box-shadow: 2px 2px 5px #666666;
				position: absolute; left: -300px; visibility: hidden; z-index: 100;}

			#tooltippointer{
				position:absolute; left:-300px; z-index:101; visibility:hidden; 
				background: url(../gfx/tooltip-yellow.gif) no-repeat center top}
			
			/* DROP MENU */
			
			.selectedanchor {
				width:119px; height:33px; 
				background: url(img/nav-04.gif) left bottom ! important; 
				/* the current state of the menu anchor*/}

			.dropmenu{
				position: absolute; left:0; top: 0; display:none; padding: 10px 0px 20px 0px; z-index:10;
				background: #bdd7e8; border: solid 1px #96afc1; border-top:none; width: 155px;
				-moz-box-shadow: 0px 4px 5px #999;-webkit-box-shadow: 1px 5px 5px #999;}
	
			.dropmenu li {list-type:none; display:inline; margin:0px; padding:0px; }
			
			.dropmenu li a{
				color:#27455b; font-size:10px; display:block; position:relative;
				padding:10px 5px 10px 5px; margin: 0px 5px 0px 5px; text-decoration:none;
				text-align:left ! important;}
	
			.dropmenu li a:hover {background: #a4c2d5; color:black}
			
			.anylinkshadow{ position: absolute; left: 0; top: 0; z-index: 9; background: black; display: none;}