@import '/styles/stripstyles';
@import '/styles/clearfix';

html, body { padding: 0; margin: 0; text-align:center;}
body {
	font: normal 12px/1.25em "Trebuchet MS", "Verdana", "Lucida Grande", sans-serif;
	padding:0; margin:0; 
	border:0;
	text-align:center;
	background:#012c5c url(/page/-/images/body_background.gif) 50% 0 repeat-y;
}

p {margin-bottom:16px;}

h2 {
   font-size:21px;
   text-transform: uppercase;
margin-bottom:20px;
}

blockquote {background-color:#FFFFFF; margin-left:10px; margin-right:10px; padding:6px; border-style:solid; border-width:1px; border-color:#999999;}


#content {
	position:relative;
	display:block; 
	margin:0 auto;
	width:760px;
	padding:0;            
}
#content_inner, #content_interior {
	width:750px; float:left;
	display:block;
	padding:0; margin:0 0 0 5px;
	position:relative;
	text-align:left;
}
.sidebar_blue_strip {background:transparent url(/page/-/images/right_back_strip.gif) 450px repeat-y;  }
#content_left {
  line-height:1;
	position:relative;
	float:left;
	width:450px;
	padding:0;
	margin:0;
       background-color: #d3dad9;
}
#content_interior {
	margin:5px 0 0 0; 
	background:#e9eae3;
}

#footer {
	text-align:center;
	display:block;
	margin:0 auto;
	clear:both;
	position:relative;
	color:#000;
	font-size:11px;
	padding:20px 6px;
}
#footer h4 {width:430px; border:solid 1px #000; font-size:11px; font-weight:normal; margin: auto; padding: 4px; }
#footer a {color:#000; text-decoration:underline;}
#header {
	position:relative;
	display:block;
	float:left;
	padding:0; margin:0;
	width:750px;
	height:127px;
	background: url(/page/-/images/header_background.gif) top right repeat-x;
}
.header_photo {position:absolute; top:0; right:0;}
#header h1 a {
	position:absolute;
	top:0; left:30px;
	display:block;
	width:254px;
	height:127px;
	background:transparent url(/page/-/images/cfdm_header_logo.gif) 0 0 no-repeat;
}

#header h1 span {display:none;}

.title_banner {
	width:449px;
	height:31px;
	border:none;
	margin:0; padding:0;
}

#article_outer, #article_outer_dia, #article_outer_interior_1 {
	margin:5px 0 0 1px;
	padding:0 0 6px 0;
	background:#d3dad9 url(/page/-/images/article_corner.gif) bottom left no-repeat;
}
#article_outer_dia {
	text-align:center;
	width:443px;
	padding-bottom:5px;
}
#article_outer_interior_1 {text-align:center;}
#article_outer .article_image {
	float:left; 
	margin:7px 8px 0 11px;
}
#article_outer h2, #article_outer_interior_1  h2 {
	text-transform:uppercase;
	padding:7px 0 4px 0;
	font-size:20px;
	line-height:1;
	font-weight:normal;
}
#article_outer p {
	font-size:12px;
	margin:0 11px 5px 11px;
	line-height:1.3em;
}

#article_outer .oddrow, #article_outer .evenrow {
	background:#e9eae3;
	display:block;
	float:left;
	width:100%;
	margin:0;
	padding:4px 0;
}
#article_outer .evenrow {background:none;}

#article_outer h3.date {
	display:block; float:left;
	text-transform:uppercase;
	text-align:center;
	padding:2px 0 0 0;
	margin:7px 9px 0 4px;
	font-size:23px;
	letter-spacing:-2px;
	background:transparent url(/page/-/images/date_bg.gif) 0 0 no-repeat;
	width:41px;
	height:46px;
}
#article_outer h3.date span {
	color:#fff;
	letter-spacing:normal;
	font-size:13px;
	display:block;
	margin-bottom:5px;
}
a.view_entries {
	color:#000;
	margin-right:20px;
	text-decoration:underline;
	font-size:12px;
}

.top_story_content {line-height:1.4;margin-left:11px;}

#article_outer_interior_1  h2, #article_outer_interior_1  p {text-align:left; margin:0 auto 10px auto; width:90%;}
#article_outer_interior_1  p {margin-bottom:20px; font-size:11px; line-height:1.5;}

/* TOP NAVIGATION BAR
----------------------------------------------- */
#navigation {position: relative; float:left; margin: 0; padding: 0; width: 750px; height: 26px; background:transparent url(/page/-/images/main_navigation.gif) !important;}
#navigation ul {margin: 0; padding: 0;}
#navigation li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navigation a {height: 26px; display: block;}
#navigation span {display: none;}

#navA {left: 0; width: 101px;}
#navB {left: 101px; width: 72px;}
#navC {left: 173px; width: 102px;}
#navD {left: 275px; width: 108px;}
#navE {left: 383px; width: 99px;}
#navF {left: 482px; width: 130px;}
#navG {left: 612px; width: 138px;}


#navA a:hover {background: transparent url(/page/-/images/main_navigation.gif) 0 -26px no-repeat;}
#navB a:hover {background: transparent url(/page/-/images/main_navigation.gif) -101px -26px no-repeat;}
#navC a:hover {background: transparent url(/page/-/images/main_navigation.gif) -173px -26px no-repeat;}
#navD a:hover {background: transparent url(/page/-/images/main_navigation.gif) -275px -26px no-repeat;}
#navE a:hover {background: transparent url(/page/-/images/main_navigation.gif) -383px -26px no-repeat;}
#navF a:hover {background: transparent url(/page/-/images/main_navigation.gif) -482px -26px no-repeat;}
#navG a:hover {background: transparent url(/page/-/images/main_navigation.gif) -612px -26px no-repeat;}


#right_sidebartop {
	background-color: #d3dad9;
	display:block;
	padding:0;
	margin:0;
	width:300px;
        height: 5px;
}

#right_sidebar {
	display:inline;
	background:#002e72;
	position:relative;
	float:left;
	padding:0;
	margin:0;
	width:300px;
	background:#002e72 url(/page/-/images/right_sidebar_gradient.jpg) 0 0 no-repeat;
}

#signup_form {
	display:block;
	position:relative;
	text-align:center;
	height:120px;
	width:300px;
	padding:0;
	margin:0;
	background: url(/page/-/images/signup_form_bg.gif) 0 0 no-repeat;
}
#signup_form form {
	margin:0;
	padding:60px 0 0 0;
}
.sidebar_signup {color:#1c82c2; float:left; font-size:10px; padding:2px; line-height:1;}
#signup_email {width:120px; background:#b8d8eb; margin:5px 0 0 27px; border-top:solid 1px #001742; border-left:solid 1px #001742; border-bottom:solid 1px #6c9eca; border-right:solid 1px #6c9eca;}
#signup_zipcode {width:75px; background:#b8d8eb; margin:5px 0 0 4px; border-top:solid 1px #001742; border-left:solid 1px #001742; border-bottom:solid 1px #6c9eca; border-right:solid 1px #6c9eca;}
#signup_go {width:40px; height:27px; float:left;}

#sidebar_books {
	text-align:center;
	background:url(/page/-/images/books_bg.gif) 0 0 no-repeat;
	width:300px; height:246px;
}
#sidebar_books img {
	margin:70px 7px 0 4px;
}

ul#sidebar_buttons {
	display:block;
	position:relative;
	width:300px;
	height:81px;overflow:visible;
	margin: 0; padding: 0;
	background:transparent url(/page/-/images/side/rss_video.jpg) 0 0 no-repeat;
}
#sidebar_buttons li a {display:block;}

li.rss_button  {
	position:absolute;
	top:0; left:10px;
	width:100px; height:75px;
}  
li.youtube_button  {
	position:absolute;
	top:0; left:143px;
	width:160px; height:75px;
} 

}
li.rss_button a, li.youtube_button a,  li.audio_button a {display:block; height:75px; width:100%;}

#sidebar_buttons li a span, #sidebar_buttons li a span, #sidebar_buttons li a span {display:none;}

#sidebar_books, #sidebar_buttons, #signup_form {margin-top:5px;}

#obamaendorsement {background-color: #FFFFFF; padding: 7px 7px 7px 7px; position:absolute;}
.bannerPhotos {position: absolute;}
#obamaplaceholder {border: 7px solid white; width: 434px; height: 225px; position: relative;}

#cardshell {width: 760px;}
#cardshell p {font-size: 15px; margin-bottom: 15px; line-height: 18px; } 
#card_intro {width: 310px; margin-top: 25px; float: left;}
#card_front {width: 420px; padding-left: 15px; float: left;}

#cardbody { background: url('http://www.democraticmajority.com/page/-/images/Ted_B-day_card_inside.jpg') no-repeat top left; width: 700px; height: 610px; margin-left: auto; margin-right: auto;}
#cardform { margin-top: 0px; padding-top: 335px; margin-left: 375px;}
#cardform .firstname {float: left;}
#cardform .lastname {float: left; margin-left: 26px;}
#cardform .email {padding-top: 60px;}
#cardform .greeting {padding-top: 45px;}
#cardform .submitcard {padding-left: 100px; padding-top: 5px;}