/*
-----------------------------------------------
NE Dems Master Stylesheet
Author:   Cameron Corda
Version:  1.0

----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center; background: #7F7B6F url(/images/3.jpg) repeat-y top center;}

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
  font-family: verdana, helvecta, sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #333;
}
  
td {vertical-align: top; border:none; margin: 0; padding: 0;}

#container {width: 760px; margin: 0 auto; padding; 0; background: url(img/container-bg.jpg) repeat-y;}

#contentContainer {margin: 0 auto; padding: 0; text-align: left;}
#contentContainer table {margin: 0; padding: 0;}
#contentContainer table td#side {width: 298px; text-align: center; background: #F5D197;}
#contentContainer table td#content {width: 462px; margin: 0; padding: 0; text-align: left; background: url(/images/5.jpg) repeat-y;}
#contentContainer table td#contentFooter {background: url(img/container-bot.jpg) no-repeat;}

#contentContainer table td#contentFW {width: 760px; margin: 0; padding: 0; text-align: left; background: #DFD9CB;}

div.clear {clear: both; line-height: 0; margin: 0; padding: 0;}

/* HEADER
----------------------------------------------- */
#header {margin: 0; padding: 0; text-align: left;}
#banner {margin: 0; padding: 0; text-align: center;}
#logo {margin: 0 0 0 0; border: 0;}


/* NAVIGATION TABS
----------------------------------------------- */

#topNav ul {margin: 0; padding: 0;}
#topNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#topNav a {height: 30px; display: block;}
#topNav span {display: none;}

/*
OLD NAV

#topNav {position: relative; margin: 0; padding: 0; width: 760px; height: 30px; background: url(/images/13.jpg);}

li#navContribute {left: 0; width: 297px;}
li#navAction {left: 299px; width: 96px;}
li#navAbout {left: 396px; width: 76px;}
li#navPress {left: 475px; width: 53px;}
li#navIssues {left: 530px; width: 58px;}
li#navProjects {left: 590px; width: 170px;}

li#navContribute a:hover {background: transparent url(/images/13.jpg) 0px -30px no-repeat;}
li#navAction a:hover {background: transparent url(/images/13.jpg) -299px -30px no-repeat;}
li#navAbout a:hover {background: transparent url(/images/13.jpg) -396px -30px no-repeat;}
li#navPress a:hover {background: transparent url(/images/13.jpg) -475px -30px no-repeat;}
li#navIssues a:hover {background: transparent url(/images/13.jpg) -530px -30px no-repeat;}
li#navProjects a:hover {background: transparent url(/images/13.jpg) -590px -30px no-repeat;}

*/

#topNav {
position: relative;
margin: 0;
padding: 0;
width: 760px;
height: 30px;
background: url(/page/-/nav.jpg) left top no-repeat;

}

li#navContribute {left: 0; width: 298px;}
li#navAbout {left: 298px; width: 83px;}
li#navPress {left: 381px; width: 62px;}
li#navIssues {left: 443px; width: 61px;}
li#navProjects {left: 504px; width: 75px;}
li#navProducts {left: 579px; width: 90px;}
li#navAction {left: 665px; width: 99px;}

li#navContribute a:hover {background: url(/page/-/nav.jpg) 0px -30px no-repeat;}
li#navAbout a:hover {background: url(/page/-/nav.jpg) -298px -30px no-repeat;}
li#navPress a:hover {background: url(/page/-/nav.jpg) -381px -30px no-repeat;}
li#navIssues a:hover {background: url(/page/-/nav.jpg) -443px -30px no-repeat;}
li#navProjects a:hover {background: url(/page/-/nav.jpg) -504px -30px no-repeat;}
li#navProducts a:hover {background: url(/page/-/nav.jpg) -579px -30px no-repeat;}
li#navAction a:hover {background: url(/page/-/nav.jpg) -665px -30px no-repeat;}


/* MAIN CONTENT
----------------------------------------------- */
#mainContent {margin: 0; padding: 0 20px;}
#mainContent p {font-size: .90em;}
/*#mainContent h2{background: url(/images/9.jpg) repeat-x; height: 42px; margin: 0; padding: 5px; text-align: center; color: #fff; font-size: 24px; font-weight: normal;}*/
#mainContent span.title {font-weight: bold; color: #064D7B;}
#mainContent span.title a {text-decoration:underline; font-weight: bold; color: #064D7B;}
#mainContent span.title a:hover {text-decoration:underline;}
#mainContent h1 {margin: 10px 0 0 0; text-align: left; text-transform:uppercase ; color: #5F0F04; font-size: 1.5em; font-weight: normal;}
#mainContent h2 {font-size:1.1em;margin:0 0 5px 0;}
#mainContent h3 {font-size:1em;margin:0 0 5px 0;}
#mainContent ul {margin: 0 0 10px 0; padding: 0; }
#mainContent li {list-style-type: none; margin: 0 0 4px 0; padding-left: 6px; font-size: .90em; background: url(/images/4.gif) no-repeat 0 8px;}

body#blog .blogtitle {margin:0 0 3px 0 !important;padding:0 !important;}

div#welcome p {color: #064D7B; font-size: 12px; line-height: 1.7em; font-weight: bold; margin: 0; padding: 10px 20px; background: url(/images/15.jpg) no-repeat;}

#quickSignup {background: url(/images/12.gif) no-repeat; margin: 0; height: 74px; position: relative;}
#quickSignup form {position: absolute; top: 41px; left: 100px; z-index: 1000; padding: 0; vertical-align: bottom; margin: 0;}
#quickSignup label {display: none;}
#quickSignup input {margin-right: 3px;}
#quickSignup input.text {border: 1px solid #ccc; font-size: 10px;}
#quickSignup input.buttonImg {vertical-align: middle; margin-bottom: 1px; background: transparent;}

/* IE = 7 */
*:first-child+html #quickSignup {width: 100%;}

#wmakLogo {
margin-top: 20px;
}

#wmakLogoSmall {
margin: 10px 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

/* SIDEBAR
----------------------------------------------- */
td#side h2 {background: url(/images/8.jpg) repeat-x; margin: 0; padding: 5px; border: 0; border-top: 2px solid #E67C00; border-bottom: 1px solid #E67C00;}

.sideBlock {margin: 10px 20px; text-align: left;}
.sideBlock h3 {color: #06355A; margin: 0; padding: 0;}
.sideBlock p {margin: 0 0 10px 0; padding: 0;}
.sideBlock ul {margin: 0 0 10px 0; padding: 0;}
.sideBlock li {list-style-type: none; margin: 0 0 4px 0; padding-left: 6px; font-size: .90em; background: url(/images/4.gif) no-repeat 0 8px;}
.moreCowbell {text-align: right; margin: 20px;}
#sideFeedImg {margin: 0; padding: 0;}

/* >this */
#sideSignup {background: url(/images/17.gif) no-repeat; margin: 0; height: 75px; position: relative;}
#sideSignup form {position: absolute; top: 40px; left: 26px; z-index: 1000; padding: 0; vertical-align: bottom; margin: 0;}
#sideSignup label {display: none;}
#sideSignup input {margin-right: 3px;}
#sideSignup input.text {border: 1px solid #ccc; font-size: 10px;}
#sideSignup input.buttonImg {vertical-align: middle; margin-bottom: 1px; background: transparent;}



/* IE = 7 */
*:first-child+html #sideSignup {width: 100%;}

/* FOOTER
----------------------------------------------- */
td.footerL {background: url(/images/6.jpg) repeat-x; padding: 0; text-align: left; border-top: 1px solid #0C2237;}
td.footerR {background: url(/images/6.jpg) repeat-x; padding: 0; text-align: right; border-top: 1px solid #0C2237;}
td.footerL p, td.footerR p {font-size: .85em; margin: 0; padding: 4px 15px; color: #fff;}
td.footerL a, td.footerR a {color:#fff;}

td.footerFW { background: url(/images/6.jpg) repeat-x; padding: 0; text-align: center; border-top: 1px solid #0C2237; }
td.footerFW p {font-size: .85em; margin: 0; padding: 4px 15px; color: #fff;}
td.footerFW a {color:#fff;}


/* TYPOGRAPHY
----------------------------------------------- */
/* Created by Owen Briggs, Explanation at: http://www.thenoodleincident.com/tutorials/typography/ */

body {font-family: verdana, arial, helvetica, sans-serif;	color: #000; font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
     /* To see how they look across browsers, go to: http://www.thenoodleincident.com/tutorials/typography/incremental_differences.html */}
     
a {color: #671A0E; font-weight: bold;}
a img {border: 0;}     
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration:none;}

ol, li {font-size: .90em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: .90em; line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {font-size: .90em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}

img {border: 0;}
.clear {clear: both; height: 0;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}

/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
input, textarea {background: #fff; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}
input.button {cursor: pointer; background: #343434; border: solid 1px #000; color: #fff;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}