/*  
Theme Name: Spirit of Life
Theme URI: http://www.spiritoflifeav.org
Description: Based on the Living OS Alpha theme by Tim Hyde (http://www.livingos.com)
Version: 1
Author: Eric Scott
Author URI:  http://www.thedigitalbridge.net/

Drop-down menu from article by HTML Dog at http://www.htmldog.com/articles/suckerfish/dropdowns/
*/

/*-------body stuff------*/

body 
{
	margin: 5px;
	/*padding: 5px;*/
	background-color: #fff;
	font: normal 75% 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', 'Helvetica', sans-serif;
	line-height: 1.5em;
}

#page 
{
	background-color:#fff;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 100%;
	height: 100%;
	/*border: 5px #E7E7E7 solid; */
}

#header 
{
	padding: 0;
	margin: 0;
	position: relative;
	margin: 0 auto;
	width: 100%;
	background: white;
}

#headerimg 
{
	position:absolute;
	top:0;
	right: 0;
	width:400px;
	margin: 0px;
	padding:0px;
	background-image: url(images/solav_banner_short2.png);
	height: 100px;
	background-repeat: no-repeat;
}

/* -- SmoothGallery impl --*/
#extra 
{
	height: 100px;
	width: 100%;
	clear: both;
}

#myGallery 
{
	width: 470px !important;
	height: 100px !important;
}

#myGallery h2 
{
	font-size: 1.75em;
	color: #333 !important;
}

#myGallery p 
{
	color: #333 !important;
	font-size: 90%;
}

#myGallery a 
{
	color: #333 !important;
}

#myGallery a:hover 
{
	color: #f11510 !important;
}

.slideInfoZone
{
	height:50px !important;
	background: #f9f9f9 !important;  */
	cursor: pointer;
}

/* -- End of SmoothGallery stuff --*/

#page hr 
{
	display:none;
	clear:both;
}

#dhtmltooltip
{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

h1, h2, h3, h4, h5, h6 
{
	font-weight: normal;
	font-size: 1.6em;
	color: #f30;
}

a {color: #f11510;}

a:hover {color: #f11510;}

strong {font-weight:bold;}

em {font-style:italic;}

/*--------images-----------*/

img 
{
	padding: 2px;
	margin: 5px;
}

/* ----- forms ------- */

input, textarea 
{
	background: #f8f8f8;
	border:1px solid #999;
	border-color:#999 #eef #eef #999;
	padding:2px;
	color: #444;
}

input:focus, textarea:focus {background: #ffffff;}

input:hover, textarea:hover 
{
	background:#ffffff;
	cursor:text;
}

input#submit 
{
	border: 1px #0f0000 outset;
	background-color: #e9e9e9;
}

input#submit:hover 
{
	cursor: default;
	background-color: #fafafa;
}

/*----------content div parameters---------*/

.narrowcolumn 
{
	float: left;
	padding: 0 0 20px 25px;
	margin: 0px 0 0;
	width: 60%;
	height: 100%;
}

.widecolumn 
{
	float: left;
	padding: 0px 25px 20px 25px;
	margin: 0px 0px 0px 0em;
	width: 95%;
	height: 100%;
	background-color: #ffffff;
}

/*-------sidebar----*/

#sidebar 
{
	float:right;
	padding: 5px 0 10px 0;
	width: 30%;
	font-size: 1.1em;
}

#sidebar .col 
{
	width:140px;
	float:left;
	padding: 0em 0em 0em 2px
}

#sidebar h2 
{
	font-weight: normal;
	font-size: 1.6em;
}

#sidebar h3 
{
	font-size: 1.2em;
	padding-right: 15px;
	padding-left: 10px;
	color: White;
	background: #1F2D33;
	margin-top: 0px;
	margin-bottom: 0px;
}

#sidebar p 
{
	padding-right: 15px;
	padding-left: 10px;
	text-align: justify;
}

#sidebar ul 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
}

#sidebar li 
{
	margin: 5px 0 3px 8px; 
	list-style-type: none;
	font-size:80%;
}

#sidebar li a 
{
	color: #f11510;
	text-decoration: none;
}

#sidebar li a:hover {color: #000;}

/*-----------posts------------*/

.post 
{
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	background: White;
	line-height: 1.5em;
	text-align: justify;
	clear:both;
}

.post a {color: #f11510;}

.post a:hover {color: #f30;}

.post h2 a 
{
	color: #f11510;
	text-decoration: none;
}

.post h2 a:hover 
{
	text-decoration: underline;
}

small 
{
	font-size: 0.8em;
	line-height: 1.5em;
	color: #888888
}

.postmetadata 
{
	font-size: 0.8em;
	display: block;
	margin-top: 2px;
	color: #888888;
}

/*-------search form-------*/

#search_frm 
{
	position: absolute;
	top: 25px;
	right: 25px;
	margin: 10px;
	font-size: 0.9em;
	text-align:right;
}

input#s 
{
	width:200px;
	font-size:0.8em;
}

#searchsubmit {display:none;}

#commentform input 
{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea 
{
	width: 100%;
	padding: 2px;
}

#commentform #submit 
{
	margin: 0;
	float: right;
}

/*-------main navigation----*/

/*thanks to http://www.htmldog.com/articles/suckerfish/dropdowns/*/

#nav, #nav ul 
{
	float: left;
	width: 100%;
	list-style: none;
	background-image: url(images/nav-bkgd.png);
	padding: 0;
	margin: 0 0 0 0;
}

#nav a 
{
	display: block;
	width: 10em;
	w\idth: 8em;
	color: #000;
	text-decoration: none;
	padding: 0.25em 1em;
	border-right: 1px solid #999;
	height:19px;
}

#nav a:hover {color:#fff;}

#nav li 
{
	float: left;
	padding: 0;
	width: 10em;
}

#nav li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 16em;
	w\idth: 16em;
	font-weight: normal;
	margin: 0;
}

#nav li li {width: 15.9em; border: 1px solid #999; padding: 0;}
#nav li li:hover { background-image: url( images/nav-hover.png ); }

#nav li ul a {width: 16em;
w\idth: 16em;
border-right: none;}

#nav li ul ul {margin: -1em 0 0 10em;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

#nav li:hover, #nav li.sfhover {color:#fff; background-image: url( images/nav-hover.png ) }

/*---------top h1 title--------------*/

#header h1 {display:none;}

#header h1 a {color: #fff;
text-decoration: none;}

#header h1 a:hover {color: #ddd;
text-decoration: none;}

#header h1 a:visited {color: #aaa;}

.description 
{
	color: #fff;
	padding-left: 30px;
	text-align:right;
	font-style: italic;
	position:absolute;
	margin-top: 140px;
	margin-left: 200px;
}

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

#footer 
{
	clear: both;
	background-image: url(images/footer-bkgd.png);
	background-repeat: repeat-x;
	padding: 0px 75px 5px 75px;
	font-size: 0.8em;
	text-align: center;
	border-top: solid 1px #999;
	margin-bottom: 0;
	color: #E7E7E7;
}

#footer a {color: #e7e7e7;}

#footer a:hover 
{
	color: #070707;
	text-decoration: none;
}

/* navigation*/

.navigation 
{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.navigation a 
{
	color: #fff;
	text-decoration: none;
}

.navigation a:hover {text-decoration: underline;}

.alignright {float: right;}

.alignleft {float: left}

.admin 
{
	clear:both;
	font-size:0.8em;
	border-top: 1px solid;
}