/* =========================================================
	Base.css
	--------
	Author:		Devon Mitton | Interactive Designer
	Copyright:	2010 | Mars Hill Group
	Info:		Base.css is a base set of styles that should
				be used on every Mars Hill Website Project.
				They're intended to give a solid base clean
				foundation to every project.

========================================================= */

/* =========================================================
	Reset.css v1.0 | Eric Meyer - 20080212
========================================================= */
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul									{ list-style: none; }
blockquote, q							{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after						{ content: ''; content: none; }

/* remember to define focus styles!
--------------------------------------------------------- */
:focus									{ outline: 0; }

/* remember to highlight inserts somehow!
--------------------------------------------------------- */
ins										{ text-decoration: none; }
del										{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup
--------------------------------------------------------- */
table									{ border-collapse: collapse; border-spacing: 0; }

/* =========================================================
	Typography.css | 
========================================================= */

/* Base font settings.
--------------------------------------------------------- */
body									{ font-size: 12px; color: #222; background: url('/styles/img/tile.jpg') repeat-x; font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", Arial, "sans-serif"; line-height: 1; }

/* Headings
--------------------------------------------------------- */

h1,h2,h3,h4,h5,h6						{ font-weight: normal; color: #63615e; }

h1										{ font-size: 23px; line-height: 28px; color:#007ec5; font-weight: normal; margin-bottom: 20px; }
h2										{ font-size: 16px; line-height: 28px; color:#184868; font-weight: normal; margin-bottom: 5px; }
h3										{ font-size: 18px; font-weight: bold; line-height: 1; margin-bottom: 15px; }
h4										{ font-size: 14px; line-height: 1.25; font-weight: bold; margin-bottom: 15px; }
h5										{ font-size: 14px; font-weight: bold; margin-bottom: 10px; }
h6										{ font-size: 14px; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img					{ margin: 0; }

h2 a,a:visited							{ text-decoration:none;color:#007ec5; }
h1 a,a:visited							{ text-decoration:none;color:#007ec5; }

#sidebar h2								{ background:none; padding:0px; margin-bottom:10px;font-size:14px;color:#313334;text-transform:uppercase; }
#sidebar label							{ background:none; padding:0px; padding-bottom:10px;font-size:14px;color:#313334;text-transform:uppercase; }

/* Text elements
--------------------------------------------------------- */

p										{ color:#313334; margin: 0 0 15px 0; line-height: 18px; font-size: 12px; }
p img.left								{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right								{ float: right; margin: 1.5em 0 1.5em 1.5em; }

.writtenby								{ color:#77838a; }

a:focus, a:hover						{ color: #007ec5; }
a:hover									{ text-decoration: none; }
a										{ color: #007ec5; text-decoration: underline; }

#sidebar a								{ text-decoration:none;color:#313334; }
#sidebar a:hover						{ text-decoration:none;color:#007ec5; }

blockquote								{ margin: 1.5em; color: #666; font-style: italic; }
strong									{ font-weight: bold; }
em,dfn									{ font-style: italic; }
dfn										{ font-weight: bold; }
sup, sub								{ line-height: 0; }

abbr, acronym							{ border-bottom: 1px dotted #666; }
address									{ margin: 0 0 1.5em; font-style: italic; }
del										{ color:#666; }

pre										{ margin: 1.5em 0; white-space: pre; }
pre,code,tt								{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Blog elements
--------------------------------------------------------- */

.postmeta								{ margin-bottom:40px; }


/* Lists
--------------------------------------------------------- */

li ul, li ol							{ margin:0; }
ul, ol									{ margin:0; }

#sidebar li 							{ border-bottom:1px #2f88ba dotted;padding:0 0 8px 10px;margin-bottom:8px;background:url('/styles/img/arrow.jpg') no-repeat; }
#sidebar li li 							{ border:0px;padding:0px;margin-bottom:10px;line-height:16px; }

ul										{ list-style-type: none; }
ol										{ list-style-type: none; }

dl										{ margin: 0 0 1.5em 0; }
dl dt									{ font-weight: bold; }
dd										{ margin: 0 0 1.5em 1.5em; }

.linkcat								{ margin-bottom:25px; }
.linkcat li								{ margin-bottom:6px;line-height:16px; }


/* Tables
--------------------------------------------------------- */

table									{ width:100%; }
th										{ font-weight: bold; }
thead th								{ background: #c3d9ff; }
th,td,caption							{ padding: 4px 10px 4px 5px; }
tr.even td								{ background:none; }
tfoot									{ font-style: italic; }
caption									{ background: #eee; }


/* =========================================================
	Utilities.css | Devon Mitton
	These styles are based on a 960px width.
========================================================= */
.content								{ position: relative; margin: 0 auto; width: 960px; }

/* Grid Base
--------------------------------------------------------- */
.column									{ float: left; position: relative; padding: 0 20px; }
.separator								{ border-left: 1px solid #ccc; border-right: 1px solid #fff; padding: 0px 18px; }
.first
.last

/* Grid - Up to 6 Columns
--------------------------------------------------------- */
.full									{ width: 920px; }
.half									{ width: 440px; }
.third									{ width: 280px; }
.quarter								{ width: 200px; }
.fifth									{ width: 188px; }
.sixth									{ width: 120px; }

/* Grid Combinations
--------------------------------------------------------- */
.two-thirds								{ width: 600px; }
.three-quarters							{ width: 680px; }
.two-quarters							{ width: 400px; }
.two-fifths								{ width: 344px; }
.three-fifths							{ width: 536px; }
.five-sixths							{ width: 760px; }

/* Text Alignment
--------------------------------------------------------- */
.text-left								{ text-align: left; }
.text-right								{ text-align: right; }
.text-center							{ text-align: center; }

/* Floats
--------------------------------------------------------- */
.left									{ float: left; }
.right									{ float: right; }
.clear 									{ clear: both; }

/* Positions
--------------------------------------------------------- */
.r										{ position: relative; }
.a										{ position: absolute; }
.s										{ position: static; }

/* Debug
--------------------------------------------------------- */
.debug, .debug *						{ outline: 1px dotted red; }
.dblue									{ outline: 1px dotted blue; }

/* Images
--------------------------------------------------------- */

img.size-full							{ padding:4px; border: 1px solid #d2e6ef; }
.alignleft								{ float:left;margin-right:15px;margin-bottom:5px; }
.alignright								{ float:right;margin-left:15px;margin-bottom:5px; }


/* =========================================================
	Website Specific Styles
========================================================= */
#header									{ height:339px;background:url('/styles/img/header.jpg') no-repeat top center;margin-bottom:30px; }
	#primary-navigation					{ width:960px;margin:0 auto;padding-top:265px;height:79px; }
	
#main									{  }
	#primary							{  }
	#secondary							{  }
	
#footer									{ margin-top:40px; }
	#footer-navigation					{  }
	#legal								{  }
	
#sidebar								{  }
	#searchfield						{  }