/**********************************************************************************************

	Title: Denmon & Denmon Law
	Author: MityMo Design
	Date: Jan 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer
			2.7 Extras

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }*/
body {margin: 0; padding: 0;}
ul {list-style-type: none;}
/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

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

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font: 62.5%/1.4;
  color: #222; 
  background: #fff;
  font-family: Georgia,serif;
}


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

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; margin: 0;}

h1 { font-size: 3em;	line-height: 1;		margin-bottom: 0.5em; }
h2 { font-size: 36px;	line-height: 36px;	margin-bottom: 0.75em; color: #074a78;}
h3 { font-size: 30px;	line-height: 1;	margin-bottom: .5em; color: #076324; font-family: Arial, sans-serif;}
h4 { font-size: 18px;	line-height: 1;	margin-bottom: .25em; font-family: Arial, sans-serif; font-weight: bold;}
h5 { font-size: 14px;	line-height: 18px;	margin-bottom: 1.5em; font-weight: bold;}
h6 { font-size: 14px;	line-height: 14px;	font-weight: bold; }                        

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


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

p           { margin: 0 0 1.5em; }
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; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
hr			{ display: none; }
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; cursor: help; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; text-decoration: line-through;}

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

input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }

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


ul, ol      { margin: 0 0 1em 1.5em; padding: 0;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

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


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

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
label {font-weight: bold; display: block;}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.left { float: left; }
.right { float: right; }

.clear {clear:both;}
.t {
	width: 98%;
	border: 1px solid #999;
	padding: 4px 2px;
}
.r {margin-bottom: 8px;}
.column-2 {float: left; width: 48%;}

.photo {
	border: 1px solid #ddd;
	padding: 6px;
}
.photo.left {float: left; margin: 0 10px 10px 0;}
.photo.right {float: right; margin: 0 0 10px 10px;}

.caption {
	float: right;
	text-align: center;
	font-size: 90%;
	line-height: 1.2;
	color: #777;
	margin: 0 0px 10px 10px;
	width: 212px;
	height: 250px;
}
.caption img {
	border: 2px solid #ddd;
	padding: 6px; margin-bottom: 3px;
}
.caption p {width: 212px;}
.caption.vert p {width: 189px; margin: 0 auto;}
.caption.left {float: left; margin: 0 10px 10px 0;}
.caption.right {float: right; margin: 0 0 10px 10px;}


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/
body { 
	border-top: 10px solid #076324; 
	Xbackground:#edebde url(/site/images/page-bgd.png) top left scroll repeat-x;
	background-color: #edebde;
}

#page { color:#3F3F3F; width: 960px; position: relative; margin: 0 auto; text-align: left; background: #fff; clear: both; }
#wrap {  }
#content { float: left; width: 690px; padding: 10px 10px 0 10px; margin: 0;}


#sidebar { width: 230px; float: right; margin: 20px 0 0 0; }
#main {width: 960px; margin: 0; padding: 0;}
#footer {width: 960px; height: 199px !important; overflow: hidden !important; clear: both; margin: 0 auto; text-align: left; background-color:#076324; position: relative;}

#closing {width: ; margin: 0 auto; color: #3F3F3F;}
#copyright {text-align: center; margin-top: 18px; color: #076324; font-size: 14px; }
/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

body#home #header {position: relative; height: 244px; background-image: none;}
body#home #header #banner-1 {display: relative; width: 960px; height: 244px; background-image: url(/site/images/banner-1.jpg); }
body#home #header #banner-2 {display: relative; width: 960px; height: 244px; background-image: url(/site/images/banner-2.jpg); }

body#home #header h1 {display:none;}
#banner-1 {display:none;}
#banner-2 {display:none;}

#header h1 {
	font-size: 35px;
	line-height: 52px;
	color: #fff;
	margin: 0 0 0 25px;
}

#header .site-name,
#header a.site-name span { cursor: pointer; }

#header #navigation {display: inline; }

#header {position: relative; height: 54px; background-image: url(/site/images/header-bg.gif); }


#header #email-signup {
	position: absolute;
	z-index: 100;
	top: 14px; left: 488px;
	width: 550px; height: 30px;
	padding: 0; margin: 0;
	Xbackground-color: red;
}
body#home #header #email-signup {
	top: 206px; left: 17px;
	width: 550px; height: 30px;
}

#header #join-us {
	width: 100px;
	height: 26px;
	float: left;
	margin-right: 8px;
	font-size: 25px;
	line-height: 25px;
	text-transform: uppercase;
	color: #fff;
}
#signup-name, #signup-email {
	background-color: #b4cbb4;
	color: #076324;
	border: none;
	outline: none;
	font-size: 14px;
	padding: 4px 2px;
	font-family: Georgia, serif;
	width: 140px;
	vertical-align: middle;
	margin-right: 4px;
}
#signup-button {vertical-align: middle; }




#help-contribute-button {display: none;}
body#home #help-contribute-button {
	display: block;
	position: absolute;
	top: 137px; left: 75px;
	width: 521px; height: 57px;
	color: #fff;
	text-decoration: none;
	font-size: 35px;
	text-align: center;
	line-height: 57px;
}
#life-time-of-service {display: none;}
body#home #banner-2 #life-time-of-service {
	display: block;
	position: absolute;
	top: 90px; left: 20px;
	width: 520px; height: 120px;
	font-size: 45px;
	line-height: 44px;
	color: #dbd8bd;
}


#play-video {
	display: none;
	z-index: 100;
	top: 0px; left: 0px;
}
body#home #play-video {
	display: block;
	position: absolute;
	top: 0px; left: 600px;
	width: 360px; height: 240px;
}
#play-video span {display:none;}

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#navigation { height: 96px; background-color: #edebde;}
#logo {float: left; margin: 8px 0 0 0;}
#navigation ul { margin-left: 0px; padding-left: 0; display: inline; float: right;  text-align:right;}
#navigation li {float: left; display: inline; font-size: 14px; text-transform: uppercase; line-height: 31px; margin-top: 33px; margin-left: 5px;}
#navigation li a {display: block; height: 31px; padding: 0 8px; text-decoration: none; color: #000; }
#navigation li#nav-contribute a {color:red;}

#bio #navigation li#nav-bio a,
#home #navigation li#nav-home a,
#issues #navigation li#nav-issues a, 
#news #navigation li#nav-news a, 
#events #navigation li#nav-events a, 
#media #navigation li#nav-media a, 
#contact #navigation li#nav-contact a, 
#voter-info #navigation li#nav-voter-info a, 
#contribute #navigation li#nav-contribute a 
{background-color: #076324; color: #fff;}



/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
#content {
	margin-top: 20px;
	padding-top: 10px;
	Xbackground: transparent url(/site/images/inside-page-bg.jpg) left top repeat-x;
}
body#home #content {background-image: none;}

#content p, #content li {font-size: 15px; color: #000000; line-height: 20px;}
#content ul {list-style-type: disc; margin-left: 25px; padding-left: 0;}

#main a:link, #main a:hover, #main a:visited, #main a:active {color:; text-decoration: underline;}


.posted_at {width: 70px; float: left;clear: left;}

.copy {width: 260px; float: left;}
.copy h3.title {margin: 0 0 5px 0;}

#news-home, #events-home {width: 320px; padding: 10px;}

#news-home {float: left; background: transparent url(/site/images/news-grd.jpg) left top repeat-x; margin-right: 10px;}
#events-home {float: right; background: transparent url(/site/images/events-grd.jpg) left top repeat-x;}


#news-home .posted_at {width: 55px; float: left; display: inline; margin-right: 10px; background:url(/site/images/events-date-brdr.png) top right repeat-y;}
#events-home .posted_at {width: 55px; float: left; display: inline; margin-right: 10px; background:url(/site/images/events-date-brdr.png) top right repeat-y;}
.posted_at .month { width: 50px; font-size: 15px; }
.posted_at .date {width: 50px;font-size: 40px; line-height: 20px; }
.posted_at .year {width: 50px; font-size: 15px; }

.post {margin-bottom: 8px; padding-bottom: 8px;}
.date {
	float: left;
	width: 40px;
}
.date .month, .date .year {
	display: block;
	text-align: left;
	font-size: 15px;
}
.date .day {
	display: block;
	text-align: left;
	font-size: 38px;
	line-height: 19px;
}
.story {
	margin-left: 45px;
}
.story h3 {
	font-family: Georgia, serif;
	font-size: 20px; 
	line-height: 1;
	color: #004978;
	margin-bottom: 5px;
}
.story p {margin-bottom: 8px;}

#news-home {color: #004978;}


#news-home *, #news-home p {color: #004978;}
#events-home *, #events-home p {color: #076324;}

h2 {margin: 0 0 15px 0;}
p.readmore {padding-top: 0; }

.post-details {
	margin-top: -15px;
	border-top: 1px solid #ccc;
	padding: 5px 0;
	margin-bottom: 10px;
	font-size: 80%;
}


/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
.sidebar-social-button {margin: 0 0 8px 24px; display:block; text-decoration:none;}

#sidebar ul {margin: 0; padding: 0;}
#sidebar li {
width: 220px;
height: 0;
font-size: 1em;
overflow: hidden;
text-indent: -2000px;
	margin-top: 10px;
}
#sidebar li.contribute {
	padding-top: 60px;
	background: url(/site/images/contribute.png) no-repeat;
}
#sidebar li.volunteer-info {
	padding-top: 40px;
	background: url(/site/images/volunteer.png) no-repeat;
}
#sidebar li.voter-info {
	padding-top: 40px;
	background: url(/site/images/voter-info.png) no-repeat;
}
#sidebar li.tell-a-friend {
	padding-top: 60px;
	background: url(/site/images/tell-a-friend.png) no-repeat;
}
#callout { margin-top: 20px; padding: 15px; width: 190px;
	background: url(/site/images/callout-bgd.jpg) top left repeat-x; }
#callout p.attribution {font-style: italic;}
#bill-on {
	width: 230px;
	height: 0;
	font-size: 1em;
	padding-top: 47px;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/site/images/bill-on.png) no-repeat;
}

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer a {color: #fff;}

#footer li {font-size: 13px; line-height: 27px; }
#footer li a {text-decoration: underline;}

#footer-logo {position: absolute; top: 50px; left: 40px;}

#footer ul {list-style-type: none; height: 70px; margin: 0 !important; padding: 0 !important;}

#footer-links1 {position: absolute; top: 60px; left: 340px; }
#footer-links1 ul {float: left; width: 78px !important; height: 70px;}

#footer-links2 {position: absolute; top: 60px; left: 522px; border-left: 1px solid #fff; padding: 15px 0 0 20px;}
#footer-links2 ul {float: left; width: 100px; height: 70px;}

#footer-social {position:absolute; top: 60px; left: 814px; width: 107px; height:70px; padding: 0px; margin: 0;}
#footer-social #twitter a {display: block; width:107px; height: 34px;}
#footer-social #facebook a {display: block; width:107px; height: 34px;}

/* 2.7 Extras ... Progressive enhancement
-----------------------------------------------------------------------------------------------*/
.rounded {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}