/*
//
// Primary Style Sheet
// Author: Christopher Doorley
// Date: 2007/01/10
//
/////////////////////////////////////// */

@import url("/styles/menu");
@import url("/styles/inside");
@import url("/styles/bsd4vadem");
/* Global Styles
/////////////////////////////////////// */
body {
	font: 11px arial, verdana, helvetica, sans-serif;
	background: #e5e5e5;
	color: #666666;
	margin: 0;
	padding: 0 0 25px 0;
}
a {
	color: #000a81;
	text-decoration: none;
}
a:hover {
	color: #000a81;
	text-decoration: underline;
}
a img {
	border-width: 0;
	border-style: none;
	display: block
}
h5 {
	padding: 8px;
	font-size: 11px;
	background: #6b97d8;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: left;
}
h5 a {
	color: #fff;
}
body#onecol #background {
	background-image: url(http://vadems.bluestatedigital.com/page/-/wrapper/background-onecol.png);
}
body#onecol #leftarea {
	width: 100%;
	float: none;
}
body#onecol #rightbar {display:none;}
body#onecol #nav {
	width: 100%;
	background-color: #e4e4e4;
	background-repeat: no-repeat;
}
body#onecol #header {
	background-color: #6B97D8;
}
body#onecol #inboxheader {
	width: 100%;
}
/* Containers
/////////////////////////////////////// */

#background {
	width: 801px;
	background: #dfdfdf;
	margin: 0 auto 0 auto;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
#pagewrap {
	width: 801px;
	margin: 0 auto 0 auto;
}
#content {
	margin: 0 auto 0 auto;
}
#leftarea {
	position: relative;
	width: 574px;
	margin: 0 auto 0 auto;
	float: left;
}
div#topbar {
	height: 17px;
	font-size: 10px;
	color:  #ffffff;
	background: #000a81;
	text-transform: uppercase;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 3px;
}
div#topbar span#links a {
	color:  #ffffff;
	text-decoration: none;
	vertical-align: middle;
}
div#topbar span#links a:hover {
	color:  #ffffff;
	text-decoration: underline;
}
#footer {
	height: 17px;
	font-size: 10px;
	color:  #444444;
	background: #e5e5e5;
	text-transform: uppercase;
	border-width: 1px;
	border-style: solid;
	clear:both;
	text-align: center;
	padding-top: 2px;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
}
#abullseyeproject {
	height: 26px;
	background: #e5e5e5;
	text-align: left;
	padding-top: 0px;
}
#header {
	height: 79px;
	background: #ffffff url(http://vadems.bluestatedigital.com/page/-/wrapper/logobanner-2.png);
	text-indent: -9999em;
	overflow: hidden;
	width: auto;
	border-bottom: 1px solid #FFF;
}
/* Images
/////////////////////////////////////// */

.floatr {
	border: 1px solid #535353;
	padding: 6px;
	float: right;
	margin: 5px 5px 10px 10px;
}
.OneTwentyFive {
	border: 1px solid #535353;
	padding: 6px;
}
.SeventyFive {
	border: 1px solid black;
	float: left;
	margin-right: 8px;
	margin-bottom: 3px;
}
/* Flash Graphic
/////////////////////////////////////// */

#flashgraphic {
	width: 574px;
	height: 250px;
}
/* Party Tabs
/////////////////////////////////////// */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	background-color: #e5e5e5;
	padding: 0;
	margin: 0;
}
.tabberlive {margin-top:2px;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	padding: 3px 0;
	border-bottom: 1px solid #535353;
	font: 12px sans-serif;
	text-transform: uppercase;
	margin-left: 1px;
	margin-top: 0;
	background-color: #e5e5e5;
	border-top: 1px solid #535353;
}
ul.tabbernav li {
	list-style: none;
	display: inline;
	margin-top: 0;
	margin-bottom: -1px;
}
ul.tabbernav li a {
	padding: 3px 2em;
	border: 1px solid #535353;
	border-bottom: none;
	background: #e5e5e5;
	text-decoration: none;
	border-left-width: 0;
}
ul.tabbernav li a:link {
	color: #535353;
}
ul.tabbernav li a:visited {
	color: #535353;
}
ul.tabbernav li a:hover {
	color: #E89451;
	background: #fff;
	border-color: #227;
	text-decoration: none;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
	color: #535353;
	background: white;
	border-bottom: 1px solid white;
}
.tabberlive .tabbertab {
	padding:5px;
	background-color: #fff;
	height: 200px;
}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}
div#tabcontent {
	padding: 8px;
	line-height: 13px;
	font-size: 11px;
}
div#tabcontent h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: black;
	line-height: 14px;
}
div#tabcontent p {
	padding: 0 5px 5px;
	color: #555555;
}
div#tabcontent ul {
	margin: 0;
}
div#tabcontent li {
	list-style-image: none;
	list-style: none;
}
/* Box Headers
/////////////////////////////////////// */
div#boxheader {
	height: 20px;
	width: 574px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #535353;
}
div#boxheader span#title {
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
div#boxheader div.blue {
	height: 20px;
	padding-top: 3px;
	background: #6b97d8;
	vertical-align: middle;
}
div#boxheader div.darkblue {
	height: 20px;
	padding-top: 3px;
	background: #000a81;
	vertical-align: middle;
}
/* Focus Boxes
/////////////////////////////////////// */

#focusboxcon {width: 574px;}
.focus-entry-cont {width: 285px; height: 220px; display: inline-block; overflow: hidden;}
h2.focus-title {height: 20px; width: 275px; border: 1px solid #fff; border-bottom: 1px solid #535353; background: #000a81; color: #fff; padding: 3px 0 0 10px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 0 0; font-size: 12px; font-weight: bold;}
.focus-content {height: 194px; overflow: auto; width: 265px; margin: 0 0 0 10px; background: #DFDFDF; padding: 0 10px 0 0;}

/*
#focusboxcontainer {
	width: 574;
	height: 220px;
	margin:0 auto;
}
#focustitle1 {
	height: 20px;
	width: 277px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #535353;
	height: 20px;
	padding-top: 3px;
	background: #000a81;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: left;
}
#focustitle2 {
	height: 20px;
	width: 276px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #535353;
	height: 20px;
	padding-top: 3px;
	background: #000a81;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: right;
}
#focusbox1 {
	width: 287px;
	height: 194px;
	background-color: #DFDFDF;
	border-top: 1px solid #fff;
	float: left;
}
#focusbox2 {
	width: 286px;
	height: 194px;
	background-color: #DFDFDF;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	float: right;
}
div#focustext {
	padding: 10px;
	font-size: 10px;
}
div#focustext h1 {
	font-weight: bold;
	font-size: 11px;
	color: black;
}
*/
/* Right Bar
/////////////////////////////////////// */

#rightbar {
	width: 226px;
	border-left: 1px solid #fff;
	float: right;
}
#searchbox {
	width: 100%;
	height: 79px;
	background: #DAE3F4;
}
#joininbox {
	height: 75px;
}

/* =calendar
/////////////////////////////////////// */

#event-container {padding: 15px 10px 10px 0; width: 248px; solid #fff;}
.event-entry {margin: 0 0 15px 0; background: #e5e5e5; padding: 10px;}
.event-entry .left {float: left; width: 45px; height: 52px; background: url(http://www.vademocrats.org/page/-/images/calendar.png); position: relative; padding: 0; margin: 0;}

p.event-month {position: absolute; top: -1px; left: 13px; font-size: 10px; color: #fff; text-transform: uppercase;}
.event-day {position: absolute; top: 8px; left: 7px; font-size: 16px; font-weight: bold; width: 34px; text-align: center;}

.event-entry .right {float: right; width: 175px;}
.event-entry .right p {margin: 0;}
.event-title {font-size: 14px;}


/* Forms
/////////////////////////////////////// */

#searchbox form {
	position: relative;
	left: 10px;
	padding: 0;
	margin: 0;
	display: inline;
}
#searchbox form input#search {
	width: 150px;
margin: 10px 0 10px 0;
}
#searchbox form input#searchSubmit {
	text-transform: uppercase;
	background: #999;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 2px;
        margin: 10px 0 10px 0;
}
form#joinin {
	position: relative;
	width: 200px;
	height: 60px;
	display: inline;
	left: 10px;
}
#joinintext {
	font-size: 10px;
	font-weight: bold;
	padding: 10px 5px;
	line-height: 12px;
	margin: 0;
}
form#joinin input#email {
	width: 95px;
	margin-right: 1px;
}
form#joinin input#zip {
	width: 50px;
}
form#joinin input#emailsubmit {
	text-transform: uppercase;
	background: #999;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 2px;
	/* position: absolute; */
	float: none;
}
/* Calendar Formating
/////////////////////////////////////// */

#calendarboxcontent {
	width: 100%;
}
#calendarboxcontent ul {
	margin: 0;
	padding: 8px;
}
#calendarboxcontent li {
	list-style-image: none;
	list-style: none;
	line-height: 15px;
	margin-bottom: 5px;
}
.date {
	font-weight: bold;
}
/* Feedburner Formating
/////////////////////////////////////// */

#feedburnercontent {
	padding: 5px;
	line-height: 12px;
	font-size: 10px;
}
.feedburnerFeedBlock ul {
	list-style: none;
	margin-right: 5px;
}
* html .feedburnerFeedBlock ul {
	margin-left: 0px;
}
.feedburnerFeedBlock li {
	margin-bottom: 3px;
}
/* Archive List Formating
/////////////////////////////////////// */

table#archivelist {
	border-collapse: collapse;
	margin: 20px auto;
	width: 520px;
}
table#archivelist th {
	padding: 8px;
	font-size: 11px;
	background: #6b97d8;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: left;
}
table#archivelist td {
	padding: 8px;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}
table#archivelist td.odd {
	background: #dae3f4;
}
table#archivelist td.even {
	background: #B3C5E8;
}
table#archivelist td.title {
	padding-right: 10px;
	font-size: 10px;
}
table#archivelist td.date {
	white-space: nowrap;
	font-size: 10px;
}
/* Search Results
/////////////////////////////////////// */

#searchResults ul {
	margin: 12px 0;
	list-style-type: none;
	padding: 0;
}
#searchResults li {
	margin: 12px 0;
	list-style-type: none;
	padding: 5px;
}
#searchResults .resultOdd {
	background: #dae3f4;
}
#searchResults .resultEven {
}
/* Photo Gallery
/////////////////////////////////////// */

.imageBG {
	text-align: center;
}
.imageBG img {
	border: 1px solid #535353;
	padding: 6px;
	margin: 10px;
}
/* Comments
/////////////////////////////////////// */

#comments {
	margin: 30px 0;
}
#pagecontent #comments h2 {
	font-weight: bold;
	font-size: 14px;
}
.comment {
	font-size: .9em;
	margin: 0 0 30px 0;
}
.commentOdd {
}
.commentEven {
}
.commentNumber {
	border-bottom: 1px solid #ddd;
	padding: 3px;
	color: #999;
	text-align: right;
	margin-bottom: 0;
}
.commentInfo {
	border-top: 1px solid #ddd;
	padding: 3px;
	color: #999;
	margin-top: 0;
}
.commentText {
	margin-left: 3px;
	margin-right: 3px;
}
.commentText p {
	margin: 6px 0;
}
#commentPost {
}
#commentPost h3 {
	padding: 8px;
	font-size: 11px;
	background: #6b97d8;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0;
}
#commentPost form p {
	margin: 1px 0;
	padding: 3px;
	background: #F2F2F2;
}
#commentPost form em {
}
#commentPost form label {
	display: block;
	width: 90px;
	float: left;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
}
#commentPost form input.text {
	width: 360px;
	border: 1px solid #6b97d8;
}
#commentPost form textarea {
	width: 360px;
	border: 1px solid #6b97d8;
}
/* sidebar changes */

#rightbar {
	background: #dfdfdf;
}
#rightbar .sidebar-box-title {
	background: #6B97D8;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-top: 4px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 20px;
}
.sidebar-box-content {
	background: #dfdfdf;
}
#rightbar #sidebar-button-contribute {
	background: url(http://www.vademocrats.org/page/-/images/sidebar-button-contribute.gif) no-repeat center;
	width: 226px;
	height: 50px;
	text-indent: -9999em;
	overflow: hidden;
        display: block;
}
.sidebar-box-content {
	width: 100%;
}
.sidebar-box-content ul {
	margin: 0 0 15px 15px;
	padding: 0;
	line-height: 0;
}
.sidebar-box-content li {
list-style: none;
list-style-image: none;
clear: both;
padding: 10px 0;
}
.sidebar-box-content a {
font-size: 11px;
text-decoration: none;
color: #666666;
letter-spacing: 1px;
}
.sidebar-box-content img {
float: left;
margin-right: 15px;
}
#sidebar-socnet {
padding: 10px;
}
#sidebar-socnet img {
margin: 5px 0;
}

/* //////////////////////////////////////// 
utility
///////////////////////////////////////*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}