/* 

DOC INFO
	Document: Maryland Friends Network - Single Page
	Version : 1.0
	Client  : Maryland Friends Network
	Author  : Casey Collier (casey_at_dashton.com)
	Use     : General Styles

TOC
	Utilities
	Global
	Main Blocks
	Typography & Image
	Footer Layout

COLORS
	Powder Blue - #DFF2F5
	Baby Blue - #AEDFE5
	Robin's Egg Blue - #1892A7
	Light Brown - #7F5024
	Dark Brown - #572500

FONTS
	Body Copy - Georgia, "Times New Roman", Times, serif
	Sidebar Copy - "Times New Roman", Times, serif;
*/


/* == UTILITIES */
/* Kills outline in FF, bad for disabled users */
a:hover, a:active, a:focus, a:active{
outline: none;
-moz-outline-style: none;
}

/* A JS-enabled way to hide element in IE6 */
.hidden {
	position: absolute;
	top: -10000px;
}

/* Clear fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* == GLOBAL */
a {
	text-decoration: none;
	outline: none;
	color:#1892A7;
}
a:hover {
	text-decoration: underline;
}
img {
	border:none;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

.centered {
margin:0 auto;
display:block;
text-align:center;
}

/* Cross-browser SUP and SUB */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
	sup {bottom: 1ex;}
	sub {top: .5ex;}

cite {
text-align: right;
display: block;
}

blockquote {
font-weight: bold;
padding: 0 10em;
}
	blockquote p {
	margin: 0;
	text-indent: -0.8em; /* quick way to ensure hanging quotes */
	}

.lowercase {
text-transform:lowercase;
}
.uppercase {
text-transform:uppercase;
}

.italics {
font-style:italic;
}

hr {
border: 0;
width: 562px;
color: #1892A7;
background-color: #1892A7;
height: 1px;
margin-left:148px;
}

.color-one {
color:#572500;
}

/* == MAIN BLOCKS */

/* Font Size %100 is defiend in RESET sheet
   Baseline Grid combined with RESET sheet - 1.0em equates to 10px
   Baseline: 18px; */
body {
font-size:62.5%;
line-height: 1.8em;
color: #111;
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#AEDFE5;
}

#mfnslideshow {
width:980px;
height:164px;
overflow:hidden;
}

#main {
position:relative;
width: 980px;
height:100%;
margin: 0 auto;
background-color:#FFF;
box-shadow: 0px 0px 40px #72B8C8;
-moz-box-shadow: 0px 0px 40px #72B8C8;
-webkit-box-shadow: 0px 0px 40px #72B8C8;
}

#content {
position:relative;
float:left;
width:562px;
margin-left:148px;
padding-top:0.6em;
border-top:1px solid #1892A7;
}
	#content p {
	font-size: 1.5em;
	line-height: 1.8em;
	margin: 1.5em 0;
	color:#7F5024;
	}
	#content p a {
	font-style:italic;
	}



#sidebar {
position:relative;
float:right;
width:240px;
margin:0 0 3em 0;
background-color:#DFF2F5;
padding:4em 0;
box-shadow:inset 0px 0px 40px #d3e4e7;
-moz-box-shadow:inset 0px 0px 40px #d3e4e7;
-webkit-box-shadow:inset 0px 0px 40px #d3e4e7;
font-family:"Times New Roman", Times, serif;
}

	#sidebar hr {
	border: 0;
	width: 195px;
	color: #1892A7;
	background-color: #1892A7;
	height: 1px;
	margin:0px 0px 0px 42px;
	}

	#sidebar ul {
	margin:3em 0 1em 42px;
	color:#572500;
	}
	#sidebar ul.list-top {
	margin:1.5em 0 1.5em 42px;
	}
	#sidebar ul.list-bottom {
	margin:3em 0 0 42px;
	}
	
	#sidebar ul li {
	padding:0 2em 1.2em 0;
	font-size: 1.3em;
	line-height: 1.5em;
	}

	#sidebar ul li.logo-bullet {
	padding:0 1.2em 1.2em 1.8em;
	margin-left:-1.8em;
	font-size: 1.3em;
	line-height: 1.5em;
	background:url(../img/logo_bullet.gif) 0px 2px no-repeat;
	}
	
	#sidebar ul li a {
	font-style:italic;
	}
	
	#sidebar h2 {
	margin:0 0 0 42px;
	font-size: 1.2em;
	font-weight:normal;
	text-transform: uppercase;
	color:#1892A7;
	letter-spacing:1px;
	}


/* STICKY FOOTER */
/* 
by Steve Hatcher
http://www.cssstickyfooter.com
*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 32px;}  /* must be same height as the footer */

#footer {
position: relative;
margin: -32px auto 0 auto; /* top margin gets negative value of footer height */
height: 32px;
clear:both;
} 

/* FOOTER */
#footer {
width:980px;
background-color:#DFF2F5;
}
#footer p {
font-family:"Times New Roman", Times, serif;
font-size:1.2em;
letter-spacing:1px;
margin-left:148px;
padding:8px 0 0 0;
color:#1892A7;
}