/*
Site Name: Friends of Oconee Hill Cemetery
Version: 1.0
Author: Janice Sand
Author URI: http://athenswebstudio.com
Stylesheet for media
*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------------------------*/
/*------------------[BASIC STYLES]----------------*/
/*------------------------------------------------*/
strong { font-weight: bold; color: #333232; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; font-family:'Open Sans',Arial,Verdana,sans-serif; line-height:2; color: #828b34; font-size:14px; font-weight:bold;}
   blockquote p { padding-bottom: 0px; }
   
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/   
.caption { text-align: center;  margin: 10px 20px 10px 30px; }
.caption p.caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px 0; margin: 0; text-align:center;}

.alignright { float: right; }
.alignleft { float: left; padding-right:20px; }
img.alignleft { display:inline; float:left; margin:15px 15px 15px 0; }
img.alignright { display:inline; float:right; margin-left:15px; }

/*------------------------------------------------*/
/*------------------[BASIC STYLES]----------------*/
/*------------------------------------------------*/
body {
	background: #f6f6f6 url(../images/bg.png) repeat-x;
	color: #535241;
	font-family:'Open Sans',Arial,Verdana,sans-serif;
	line-height: 24px;
	word-spacing:3px;
	margin-top: 10px;
}
a, a:hover { text-decoration: none; color: #000; }
.clear { padding: 0; margin: 0; clear: both; }
.wrapper { width: 900px; margin: auto;}
	#logo { border: none; margin: 23px auto 10px 200px; clear: both;}
h1, h2 { font-size:20px; color: #828b34;  text-shadow: 1px 1px 0px #fff; font-family:Georgia, "Times New Roman", Times, serif; padding:0 0 10px 0; font-weight:lighter;}
h3 { font-size: 24px; color:#5D6326; text-shadow: 1px 1px 0px #fff; }
p {font-size:14px; padding-top: 15px;  text-shadow: 1px 1px 0px #fff; }


/*------------------------------------------------*/
/*---------------[NAVIGATION MENU]----------------*/
/*------------------------------------------------*/
#navwrap { width: 900px; background-image: url(../images/nav-bg.png); text-align: left; position: relative; z-index: 14; }
	.nav-shadow { position: absolute; top: 42px; left: 80px; width: 806px; height: 4px; background-image: url(../images/nav-shadow.png);}
	.nav_top { background-image: url(../images/nav-top.png); width: 900px; height: 1px; display: block; float: left; }
	.nav_bottom { background-image: url(../images/nav-bottom.png); width: 900px; height: 1px; display: block; float: left;  }
	.nav { padding: 10px 0; float: left; text-shadow: 1px 1px 0px #fff;  }
		.nav li { float: left; padding: 0 20px; list-style-type: none;  position: relative;}
			.nav li a { font-size: 14px; color: #535241; text-transform: uppercase; float: left;  text-shadow: 1px 1px 0px #fff;  }
				.nav li ul { background: #fff url(../images/dropdown-bg.png) no-repeat bottom; padding: 0 0 10px 0; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1); }
				.nav li ul li ul { border-top: 1px solid #d5d5d5; padding-top: 10px; }
				.nav li ul li a { width: 196px; padding: 10px 10px 10px 30px; background: url(../images/dropdown-arrow.png) no-repeat 20px 17px; }


/*------------------------------------------------*/
/*---------------[DROPDOWN SETTINGS]------*/
/*------------------------------------------------*/
.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 15; }
.nav li { float:left; position:relative; z-index: 15;}
.nav a { display:block; float: left; }
	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:29px; }
	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:246px; top:0px; }
	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
	.nav li ul { width: 246px; background:#FFF; }
		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; width:206px; }
		.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/*------------------------------------------------*/
/*----------------[FEATURED SLIDE]---------------*/
/*------------------------------------------------*/
#featured { margin-top: 23px; }
	#featured #slides { width: 900px; background-color: #e5e5e5; border-bottom: 1px solid #fff; height: 320px;
	padding: 3px; }
		#slides .slide { position: relative; }
		#featured .slider_shadow { background-image:  url(../images/slider-shadow.png); width: 900px; height: 14px; display: block; }
			

/*------------------------------------------------*/
/*----------------[FOOTER]------------------------*/
/*------------------------------------------------*/
#footer { width: 900px; margin: 10px auto 40px auto; text-align: right; text-shadow: 1px 1px 0px #fff; color: #919191; font-size: 11px; }
	#footer a { color: #919191;}
	#footer a:hover { color: #5e5b5b;}
	#footer p { padding-right:10px;}
	
	
/*------------------------------------------------*/
/*----------------[CONTENT BACKGROUND]------------*/
/*------------------------------------------------*/
#content { text-shadow: 1px 1px 0px #fff; margin-bottom: 5px; width:840px; margin-left:30px;}
	#content .content_wrap { float: left; }
		#content .content_wrap .content_wrap {float: left; padding-top: 20px; }
		
	
	
/*------------------------------------------------*/
/*----------------[OPTIONAL SIDEBAR]-----------------------*/
/*------------------------------------------------*/
#sidebar { float: right; width: 250px; padding-left: 30px; padding-top:10px; }
#sidebar .menu { margin-bottom: 30px; float: left; }
	.menu ul { padding-left: 13px;}
	.menu ul li { padding: 3px 0 3px 5px; }
	.menu ul li a { color: #525252; }
	.menu ul li a:hover { color: #000; }
	.menu h3 { display: block; background: url(../images/sidebar-line.png) no-repeat bottom left; padding-bottom:10px; margin-bottom: 10px; color:#5D6326; font-family: old-standard;
    font-style: italic; }
	
	
/*------------------------------------------------*/
/*----------------[PAGES]-------------------------*/
/*------------------------------------------------*/
#pages { float:left;  padding-left: 8px; }
	#pages .page { float: left; margin-bottom: 20px; }
	
	#pages .page p.quote {font-family:'Lobster Two', Georgia, Times New Roman, Times, serif; font-style: italic; font-size:18px; padding:0 0 10px 0; letter-spacing:1px; line-height:34px;}
	
	#pages .page ul { float:none;}
		#pages .page ul li { font-size:14px; list-style-type:disc; width:auto; height:auto; margin:5px 30px;}
		
		#pages .page ul.trustees { float:left;}
		#pages .page ul li.trustees { font-size:14px; list-style-type:none; width:auto; height:auto; margin:5px 30px;}
		
   #pages .page ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
      #pages .page ul li ul, .page ul li ol { margin: 2px 0px 2px 40px; }
      #pages .page ol li ul, .page ol li ol  { margin: 2px 0px 2px 35px; }
	
	#pages .page .line {  background:url(../images/line.png) repeat-x bottom left; padding-top:25px;}
	
	
	/*-- [horizontal images] --*/
		.page .horizontal { float: left; width:326px; margin: 10px 50px 5px 0; }
			.horizontal div { float: left; background-color: #fff; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #a5a5a5; padding: 5px; width:auto; }
			.horizontal .shadow { float: left; width: auto; height: 7px; display: block; background:url(../images/horizontal-shadow.png) no-repeat top center;}
			.horizontal div .image { float: left; width:auto; height:auto; }
				.horizontal div .image img a { border: none; }
				
	/*-- [vertical images] --*/
		.page .vertical { float: left; width:250px; margin: 10px 50px 5px 0; }
			.vertical div { float: left; background-color: #fff; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #a5a5a5; padding: 5px; width:auto; }
			.vertical .shadow { float: left; width: auto; height: 7px; display: block; background:url(../images/vertical-shadow.png) no-repeat top center;}
			.vertical div .image { float: left; width:auto; height:auto; }
				.vertical div .image img a { border: none; }
				
		/*-- [thumbnail images] --*/		
		.page .thumb { float: left; width: 194px; margin-right: 20px; }
			.thumb div { float: left; background-color: #fff; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #a5a5a5; padding: 5px; }
			.thumb .shadow { float: left; width: 194px; height: 7px; display: block; background-image: url(../images/thumb-shadow.png); }
			.thumb div .image { float: left; }
				.thumb div .image img a { border: none; }