/*  
Theme Name: Mountain View WOL
Theme URI: http://www.wordoflifemv.ca
Description: Mountain View WOL
Version: 1.0
Author: Jason Neal
Author URI: http://www.j-neal.com
*/

/* 

Go ahead and change the info above once you've added your own styling

 */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* custom styles below... */

body {
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
background-image:url(images/back_tile.png);
background-repeat:repeat-x;
z-index:-1;
}
a{color:#383838; text-decoration:none; font-weight:bold;}
a:hover{color:#935909;
}

/*#splash{
position:absolute;
top:0;
left:0;
width:573px;
height:600px;
background-image:url(images/back_splash.png);
background-repeat:no-repeat;
background-position:top left;
z-index:0;
}*/
#wrap {
position:relative;
background-image:url(images/newsplash.jpg);
background-repeat:no-repeat;
width:900px;
height:auto;
min-height: 286px;
margin:0 auto;
z-index:10;
}
/*#header{
position:absolute;
top:0;
right:0;
width:264px;
height:150px;
background-image:url(images/wolmv_logo.png);
background-repeat:no-repeat;
}*/
#nav{
position:absolute;
top:165px;
left:0px;
width:auto;
min-width:300px;
max-width:700px;
height:25px;
background-image:url(images/nav_back.png);
background-repeat:repeat;
padding: 5px 5px 5px 15px;
}
#nav a{
font-size: 20px;
color:#935909;
font-weight:normal;
	}
	#nav a:hover { color:#121212; }
	#nav li.page_item{
		display: inline;
		float: left;
		margin-right: 20px;
	}
	#navPad li.page_item a {
		letter-spacing: 1px;
	}
#contentarea{
position:relative;
float: right;
top:220px;
width:900px;
height:auto;
}
#sidenav{
position:relative;
width:160px;
height: 300px;
margin: 5px 0 5px 15px;
float: left;
text-align:right;
text-transform: capitalize;
color:#757575;
}
#sidenav a{
color:#121212; 
letter-spacing: normal;
font-size:12px;
font-weight:normal;
padding: 0 4px 0 0;
margin: 10px 0;
}
#sidenav li.page_item{ margin: 10px 0; border-bottom:1px #dab685 solid;}
#sidenav li.page_item a:hover{ color:#935909; }
.snavtitle {
font-size: 15px;
line-height: 18px;
color:#935909;
text-transform: capitalize;
border-bottom: 1px #dab685 solid;
padding: 2px 0 0 0;
margin: 0 0 10px 0;
}
/*.snavtitle ul {
display:block;
margin: 5px 0;
}
.snavtitle ul li{
line-height:18px;
margin: 10px;
padding: 10px;
display: inline;
}*/
#content-welcome{
position:relative;
width:900px;
height:75px;
background-image:url(images/welcome_back.jpg);
background-repeat:repeat-x;

text-align:right;
font-size:52pt;
color:#cfc0aa;
}
#content-main{
position:relative;
float:left;
margin: 20px 0 10px 0;
width:900px;
height:auto;
min-height:auto;
padding:10px 0;
background-image:url(images/content_back.png);
background-repeat:repeat-y;
text-align:left;
line-height:18px;
}
#content-pad {
position:relative;
width:695px;
height:auto;
padding:5px 0;
margin: 0 7px 0 0;
float:right;
}
#footer{
position:relative;
clear:both;
margin: 0 auto 20px auto;
width:100%;
height:10px;
z-index:10;
border-top: #c38839 1px solid;
font-size:75%;
}
	.copy1{
	position:absolute;
	top:0;
	left:0;
	color:#935909;
	}
	.copy2{
	position:absolute;
	top:0;
	right:0;
	color:#383838;
	}