/* Judd Legum for Maryland - Home Style Sheet */
/* Ted Severson - Bullseye Interactive Media - http://www.bullseyeinteractive.com */

/* Import Eric Meyer's Reset Styles */
@import url("reset.css");

html {
	height:100.1%;
}

body {
	font-family:Helvetica, sans-serif;
	font-size:small;
	color:#15466a;
}

p {
	line-height:1.2em;
	padding: 0 0 .5em 0;
}

a {
	text-decoration:none;
	color:#18527c;
}

/* ------------ Layout ------------ */

#masthead {
	width:960px;
	margin: 0 auto;
	overflow:hidden;
	height:146px;
}

#signup {
	float:right;
	display:inline;
	width:300px;
	margin: 45px 0 0 0;
}

#middle {
	clear:both;
	width:100%;
	background: url(../interface/middleBG.png) repeat-x top center #DEE1EE;
}

#content {
	width:960px;
	margin: 0 auto;
	background: url(../interface/contentBG.jpg) no-repeat top center;
	overflow:hidden;
}

#aboutJudd {
	width:380px;
	float:left;
	display:inline;
	margin: 42px 0 0 230px;
}

#more {
	margin: 2em 0;
	clear:both;
}

#action {
	width:300px;
	float:right;
	display:inline;
	margin: 40px 10px 0 0;
}

#bottom {
	clear:both;
	width:100%;
	background: url(../interface/bottomBG.png) repeat-x top center #18527c;
}

#bottomContent {
	width:960px;
	margin: 0 auto;
	background: url(../interface/bottomContentBG.jpg) no-repeat top center;
	overflow:hidden;
	padding: 40px 0 0 0;
}

#left, #center, #right {
	background: #E1E9EE;
	float:left;
	display:inline;
	padding: 20px;
}

#left {
	width:140px;
	margin: 0 40px 0 10px;
}

#center {
	width:340px;
	margin: 0 40px 0 0;
	padding: 20px 20px 0 20px;
}

#right {
	width:300px;
	padding: 0;
}

#endorsements {
	margin: 20px 0 0 0;
	clear:both;
	border-top: 20px solid #265D84;
}

#endorsements h2 {
	font-size:120%;
	font-weight:bold;
	text-align: center;
	padding: 20px 0 0 0;
	display:block;
}

#footer {
	clear:both;
	width:960px;
	border-top: 1px solid #3A739E;
	color:#8BA7BC;
	margin: 30px 0 30px 0;
	padding: 20px 0 0 0;
	text-align:center;
}


/* ------------ Page Elements ------------ */


/* --- Masthead --- */
h1#logo {
	display:block;
	float:left;
}

h1#logo a {
	background: url(../interface/topLogo.png) no-repeat top left;
	display:block;
	float:left;
	width:586px;
	height:96px;
	text-indent:-9999px;
	margin: 25px 0 25px 25px;
}

#signup h2 {
	z-index:5;
	display:block;
	color:#18527c;
	font-size:115%;
	font-weight:bold;
}

#signup ul {
	margin: -1em 0 0 0;
}

#signup li {
	display:inline;
	float:left;
}

#signup li label {
	font-style:italic;
	color:#247ab9;
}

#signup input {
	padding: 5px;
	border: 1px solid #cad8e1;
	background: url(../interface/inputBG.png) repeat-x top left;
	font-size:110%;
	font-family:Helvetica, sans-serif;
	color:#1B517C;
}

li#liEmail {
	width:140px;
	margin: 0 10px 0 0;
}

	li#liEmail label {
		float:right;
	}
	
	li#liEmail input {
		width:130px;
	}

li#liZip {
	width:74px;
	margin: 0 10px 0 0;
}

	li#liZip input {
		width:63px;
	}

li#liSubmit {
	width:64px;
}

li#liSubmit input.dia_submit {
	border:1px solid #346c09;
	color:#fff;
	background: url(../interface/submitBtn.png) repeat-x top center #7CC00C;
	padding: 5px 8px 2px 8px;
	}
	

#aboutJudd h2 {
	color:#144569;
	font-size:160%;
	font-weight:bold;
	padding: 0 0 .2em 0;
}

a#readMoreBtn {
	background: url(../interface/keepReadingBG.png) no-repeat top right;
	text-shadow: 0 1px #F0F0F0;
	padding: 5px 5px 5px 13px;
	display:block;
	float:right;
	width:110px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 10px;
	margin: 0 0 20px 0;
	border:1px solid #dbdce6;
	color:#18527c;
}


/* --- Action Buttons --- */

#action li {
	display:block;
	margin: 0 0 16px 0;
	width:300px;
}

#action li a {
	display:block;
	border:2px solid #17517a;
	background: url(../interface/actionBtn.png) repeat-x top center #2684C6;
	color:#fff;
	font-size:140%;
	text-align:center;
	padding: 12px 0 9px 0;
	text-transform:uppercase;
}

#action li a:hover {
	background: url(../interface/actionHover.png) repeat-x top center;
	color:#123D5C;
	border:2px solid #8DA5B6;
}

#action li a#contribute {
	border:2px solid #7b1418;
	background: url(../interface/contributeBG.png) repeat-x top center #D92131;
}

#action li a#contribute:hover {
	border:2px solid #CBA2A4;
	background: url(../interface/contributeHover.png) repeat-x top center;
	color:#8F0C12;
}


/* --- Lower Flex Boxes --- */

#bottomContent h2 a {
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #a0b8c9;
	padding: 12px 0 20px 40px;
	margin: 0 0 1em 0;
	display:block;
}

#bottomContent h2 a:hover {
	color:#487396;
}

/* - Beautifying the Robot Skeleton Army - */

#twitter_div {
	clear:both;
}

a#toots {
	background: url(../interface/twitterLogo.png) no-repeat top left;
}

#twitter_update_list li {
	line-height:1.2em;
	padding: 0 0 10px 0;
}

h3 a#bigTootsButton {
	background: url(../interface/bigTootsBtn.png) repeat-x top left #46D1E6;
	display:block;
	text-align:center;
	color:#fff;
	border:2px solid #62aabe;
	font-size:120%;
	padding: 8px 0 5px 0;
}

h3 a#bigTootsButton:hover {
	background: url(../interface/bigTootsBtnHover.png) no-repeat top left #cee8f1;
	color:#32A1CE;
	border:2px solid #B4DBEB;
}


/* - Beautifying the Blag Posts */

a#blogLink {
	background: url(../interface/blagRSS.png) no-repeat top left;
}

.blagPost {
	padding: 0 0 20px 0;
	line-height:1.2em;
	clear:both;
	overflow:hidden;
}

h3.blagTitle {
	font-size:110%;
	font-weight:bold;
	padding: 0 0 .5em 0;
	line-height:1.2em;
}

h3.blagTitle a:hover {
	color:#487396;
}

a.blagReadMore {
	float:right;
	display:inline;
	}
	
a.blagReadMore:hover {
	color:#487396;
}



/* --- Footer --- */

p.disclaimer {
	padding: 0 0 1em 0;
}

#footer li {
	padding: 0 0 .5em 0;
}

#footer a {
	color:#8BA7BC;
}

#footer a:hover {
	color:#C6D8E3;
}


.clear {
	clear:both;
}