﻿/******
DEFAULTS

Do not modify these defaults except to specify proper fonts
******/
html, body, form, fieldset, div, table, tr, td, img {
	border: none;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, 
ul, ol, li, dl, dd, address, hr {
	margin: 1em 0;
	border: none;
}

li, dd, blockquote {
	margin-left: 2em;
}

body {
	font: 12px/1.4 arial,helvetica,sans-serif;
	color: #666;	
	background: #ccc;
}

input, select, textarea {
	font: 11px/1 arial,helvetica,sans-serif;
}


* {
	margin: 0;
	padding: 0;
}


h1 {
    color: #407aa9;
}

h3	{
	color: #666666;
}
h1 {
    margin-top: 0;
    font-size: 2em;
}

h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}

h3 {
    margin: .6em 0;
    font-size: 1.2em;
}

a {
    outline: none;
    text-decoration: none;
    font-weight: bold;
	color: #407aa9;
}

a:hover {
    text-decoration: underline;
}

hr {
    border: none;
    color: #ccc;
    background: #ccc;
    height: 1px;
}

/******
Rick's Starting Point to Track in Wordpress
******/
#container {
	margin: 0 auto;
	width: 960px;
}

#top {
	height:177px;
	width:960px;
	background-image:url('http://www.staterepkimfawcett.info/images/web banner master v4.png');
	}

#signup_box {
position:relative;
    top: 7em;
    left: 785px;
}

#signup_box_email {
    width: 140px;
}

#signup_box_zip {
    width: 90px;
}

form div.formrow {
    margin: 6px 0;
}

#middle {
    background: #fff;
    width:960px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

#sidebar {
    padding: 0 5px 0 10px;
	margin-bottom: 10px;
    width: 181px;
    float: left;
}

#sidebar_nav {
    position: relative;
	margin: 0;
	font-size: 15px;
	z-index: 10;
}
#sidebar_nav a	{
	color: #fff;
	font-family: avenir, arial, sans-serif;
	font-weight: normal;
}

#sidebar_nav ul {
    margin: 0;
	list-style-image: none;
	list-style-position: outside;
	background: RGB(33,43,119);
	list-style-type: none;
	margin-left: -10px;
}

#sidebar_nav ul ul {
    position: absolute;
    left: -999em;
    border: 1px solid #ccc;
    z-index: 32767;
}
#sidebar_nav li:hover ul, #sidebar_nav li.over ul {
    z-index: 32767;
	top: 0;
	left: 12em;
}
#sidebar_nav li {
    margin: 0;
    
    position: relative;
	text-transform: uppercase;
	color: #fff;
	cursor: default;
	border: none;
}
#sidebar_nav li a,
#sidebar_nav li strong {
    width: 161px;
    display: block;
	text-decoration: none;
	line-height: 30px;
}
#sidebar_nav li:hover	{
	color: #ffffcc;
}
#sidebar_nav li li a,
#sidebar_nav li li strong {
    padding: 5px 10px;
    width: 161px;
    height: auto;
    display: block;
    line-height: 1;
    color: #333;
	text-transform: uppercase;
}
#sidebar_nav li li a:hover {
    text-decoration: none;
	color: #ffffcc;
	background: #666;
}
#sidebar_nav li li.last a {
    border-bottom: none;
}

#facebook2 {
	margin-top: 35px;
}

#post	{
	padding: 10px 10px 10px 0;
}

#post h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

.entry	{
	line-height: 18px;
}

p.postmetadata	{
	border-top:1px solid #ccc;
	margin: 10px 0 0 0;
}

.navigation	{
	padding:10px 0 0 0;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

#blogcontainer 	{
	margin-left:207px;
	margin-top:0px;
	width:470px;

}

#blognav	{
	position:absolute;
	margin-left:675px; 
	margin-top:0px; 
	float: right;
	width:210px;
	background-color:white;
}

#blognav ul	{
	list-style-type:none;
}

#middle_info	{
	float: left;
	padding-left: 10px;
}

/* bottom_nav */

#bottom_nav {
    padding: 0 15px;
    min-height: 46px;
    line-height: 46px;
    background: #fff;
	border-top:4px solid #ccc;
}
#bottom_nav ul {
    margin: 0;
    list-style: none;
	text-transform: uppercase;
}
#bottom_nav li {
    margin: 0;
    display: inline;
}
#right_info	{
	float: right;
	margin: 1em 0;
}
#left_info	{
	float: left;
	margin:1em 0;
}






























/******
IMAGES/MEDIA

These declarations support the styles included in image.tmpl, 
video_clip.tmpl, audio_clip.tmpl, and flash_clip.tmpl.
Do not delete.
******/

img,
object {
    display: block;
}
img.inline {
    display: inline;
}
div.pic small {
    font-weight: bold;
    font-size: 10px;
    line-height: 1.2;
}
div.video,
div.audio,
div.flash {
    margin: 1em 0;
}
div.align-c {
    margin: 1em auto;
}
div.align-r {
    float: right;
    margin: 0 0 1em 1em;
}
div.align-l {
    float: left;
    margin: 0 1em 1em 0;
}
div.align-f {
    margin: 0;
}
div.border {
    border: 1px solid #000;
    padding: 2px;
}


/******
TABLES

Basic declarations for display of tabular data. Modify as needed
******/

td, th {
    padding: 2px 5px;
}
th {
    text-align: left;
}
tr {
    vertical-align: top;
}


/******
FORM BASICS

These styles are used extensively on many forms and often on stub forms
in category.tmpl. Do not delete, but you can modify for look and feel. Most
other form-specific styles are in forms.css.
******/

form label {
    display: block;
    font-weight: bold;
}
form label.inline {
    display: inline;
    font-weight: bold;
}
form input {
    vertical-align: middle;
}
form input.submit {
    margin: 1em 0;
    font-weight: bold;
    overflow: visible; /* removes extra space beside text in IE Win 5.5+ */
    padding: 1px 2px;
}
form input.submit.inline {
    margin: 0;
}
form span.req {
    font-weight: bold;
    color: red;
}


/******
UTILITY CLASSES

Many of these utility declarations are used in the reference template sets.
Feel free to add your own but do not delete any of the following.
******/

.odd {
	background: #ccc;
}
.even {
	background: #fff;
}
.padded {
	padding: 1px 10px;
}
.nomargin {
	margin: 0;
}
.margintop {
	margin-top: 1em;
}
.margintoponly {
	margin: 1em 0 0 0;
}
.marginbottom {
	margin-bottom: 1em;
}
.marginbottomonly {
	margin: 0 0 1em 0;
}
.amp {
    font-style: italic;
}
.comments {
    padding-left: 15px;
    background: url('../images/comment.gif') no-repeat;
}
.Facebook {
}

/* these will need to be adjusted to fit the content space */

.leftcell {
	width: 280px;
	padding: 0 10px 0 0;
	float: left;
}
.rightcell {
	width: 280px;
	padding: 0 0 0 10px;
	float: left;
}

/* These declarations are used for technorati-style rounded-corner boxes and dividers. Fixes for IE6 are in /assets/ie6.css. */

.boxc {
    position: relative;
}
.boxc b.cn {
    height: 10px;
    width: 10px;
    position: absolute;
    background-image: url('../images/roundwhite.png');
}
.boxc b.tl {
    top: -1px;
    left: -1px;
    background-position: left top;
}
.boxc b.tr {
    top: -1px;
    right: -1px;
    background-position: right top;
}
.boxc b.bl {
    bottom: -1px;
    left: -1px;
    background-position: left bottom;
}
.boxc b.br {
    bottom: -1px;
    right: -1px;
    background-position: right bottom;
}

/* specific looks for different classes of round boxes */

.round_std {
    padding: 1px 20px;
    background: #ccc;
}


/******
LEADINS AND STORY LISTS

Basic declarations for display of default leadins and story lists. Modify as needed,
here or in story-type-specific stylesheets.
******/

.archivebox,
.eventbox,
.rssbox,
.jsonbox {
    margin: 1em 0;
}

.leadin,
.archiveitem,
.archiveboxitem,
.eventitem,
.eventboxitem,
.rssboxitem,
.jsonboxitem {
    margin: 0 0 1em;
}
.leadin .img,
.archiveitem .img,
.archiveboxitem .img,
.eventitem .img,
.eventboxitem .img {
    float: left;
    margin-right: 10px;
}
.leadin h3.title,
.archiveitem h3.title,
.archiveboxitem h3.title,
.eventitem h3.title,
.eventboxitem h3.title,
.rssboxitem h3.title,
.jsonboxitem h3.title {
    margin: 0;
}
.leadin p,
.archiveitem p,
.archiveboxitem p,
.eventitem p,
.eventboxitem p,
.rssboxitem p,
.jsonboxitem p {
    margin: 0;
}


/******
HACKS

These hacks are used extensively in the reference template set and other sets built from it.
Do not delete. Some IE-specific declarations are in conditional comments in category.tmpl
******/


.ir {
	margin: 0;
	padding: 0;
	text-indent: -8888px; /* Phark image replacement */
}


/******
SITE STRUCTURE

These styles are used to support the layout of category.tmpl. By default,
the styles to support the reference site are provided. Modify as needed.
******/



body.sestak_corrected #top {
    background: url('../images/specter_sestakcorrectedheader.jpg') no-repeat;
}

#top h2 {
    margin: 0;
    height: 150px;
    width: 185px;
    float: left;
}
#top h2 a {
    height: 150px;
    display: block;
}


#content {
    padding: 10px 20px;
    width: 523px;
    float: left;
}
#article_header	{
	width: 754px;
	margin: 0;
	line-height: 40px;
	float: left;
	background: url('../images/article_img.jpg') no-repeat;
	height: 146px;
	padding: 0;
}
body.sestak_corrected #article_header	{
	background: url('../images/know_the_facts_header.jpg') no-repeat;
}
#article_header h2 {
    margin: 0;
    font-size: 31px;
    color: #fff;
	font-family: arial, georgia, sans-serif;
	font-weight: bold;
	padding: 0 10px;
	text-transform: uppercase;
}
/******
Styles for JS social bookmarking script
******/

#bookmarks {
    padding-left: 10px;
    float: right;
}
#bookmarks2 {
	margin: 0.5em 0 0;
    float: left;
}

.bookmark_list {
    display: inline-block;
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.bookmark_list li {
    margin: 0px;
    padding: 2px;
    width: 16px;
    height: 16px;
    float: left;
}
.bookmark_list li.share {
    width: auto;
    line-height: 18px;
    font-size: 10px;
    color: #666;
}
.bookmark_list a {
    width: 100%;
}
.bookmark_list span {
    display: inline-block;
    width: 16px;
    height: 16px;
}
.bookmark_list img {
    border: none;
}



#imagebar{
    padding: 0 10px 0 0px;
	margin-bottom: 10px;
    width: 180px;
    float: right;
}

#imagebar_first{
	padding-top:1px;
}

#imagebar_pic{
	padding-top:5px;
}

#Middle_Picture{
    padding: 0 5px 0 5px;
	margin-bottom: 10px;
    width: 560px;
}

#middle_about_kim{
	padding:0px 0px 0px 10px;
	margin-bottom: 10px;
    width: 553px;
}

#meet_kim_fawcett{
	padding:5 190 0 196;
	position:absolute;
	left:196px;
    width:560px;
    text-align:center;
}

#KimInTheNews{
	padding:5 190 0 196;
	position:absolute;
	left:355px;
    width:560px;
}

#KimContactForm{
	padding:5 190 0 196;
	position:absolute;
	left:355px;
    width:650px;
}

#GetInvolvedForm{
	padding:5 190 0 196;
	left:355px;
    width:650px;
}

#get_involved	{
	margin-left:98px;
    width:560px;
    margin-bottom: 10px;
}

#nav0	{
    height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav1	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav2	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav3	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav4	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav5	{
    height: 27px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

#nav6	{
    height: 28px;
    padding: 0 10px;
}

#sidebar_donate {
    background: url('../images/btn_donate.gif') repeat-x;
	margin: 5px 0;
	padding: 0 5px;
	text-transform: uppercase;
	width: 171px;
}
#sidebar_donate	a	{
	font-family: avenir, arial, sans-serif;
	font-size: 29px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding-left: 5px;
}
#sidebar_donate a:hover	{
	color: #ffffcc;
	background: url('../images/arrow_rd.gif') no-repeat 0 50%;
}

#sidebar_bottomnav	{
	margin:0;
	background: url('../images/side_bg02.gif') repeat-x;
	text-transform: uppercase;
}
#sidebar_bottomnav ul	{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0;
}
#sidebar_bottomnav li	{
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 5px 10px;
	font-size: 15px;
	font-family: arial, sans-serif, georgia;
}
#sidebar_bottomnav	a	{
	color: #fff;
	font-family: avenir, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#sidebar_bottomnav li a:hover	{
	color: #ffffcc;
}
#sidebar_bottomnav li.last	{
	border-bottom: none;
}

#sidebar_bottom	{
	margin:0;
	padding: 0;
}
#sidebar_bottom ul	{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0;
}
#sidebar_bottom li	{
	border-bottom: 2px solid #a58080;
	margin: 5px 0;
	padding: 0;
}

/* sidebar option */
.tell_us	{
	margin: 10px 0;
}
#sidebar_right {
    padding: 0 10px;
    width: 181px;
    float: left;
}
#sidebar_right .archiveboxitem	{
	border-bottom: 2px solid #cccccc;
	margin: 5px 0;
	padding: 0 10px;
}


/* community */

#bookmarks_bottom {
    padding:10px 0;
    float: right;
}
#bookmarks_bottom ul   {
    margin: 0;
    float: left;
    list-style: none;
    font: 10px bold "helvetica neue",helvetica,arial,verdana,sans-serif;
    text-align: center;
}
#bookmarks_bottom ul li        {
    margin: 0;
    padding: 0;
    float:left;
    display:inline;
    border-right: none;
}
#bookmarks_bottom a        {
    color:#333333;
}

#bottom {
    padding: 0 15px 15px 15px;
    background: #ccc;
}
#bottom .info {
    padding: 1px 10px;
    color: #545454;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
}
#bottom a {
	color: #cc0000;
}


/******
These declarations are used for the breadcrubs and multilingual links
below the main nav.
******/
#breadcrumbs {
	margin: 10px 0;
	float: left;
	padding: 0 10px;
	min-height: 30px;
	line-height: 30px;
	background: url('../images/tools_bg.gif') repeat-x;
	text-transform:uppercase;
	width: 734px;
}
#breadcrumbs a {
	color: #407AA9;
}
#social_networks {
	margin: 0 0 1.5em 0;
}
#social_networks a {
	color: #407AA9;
}

/* page tools */

ul#tools {
	margin: 0;
	list-style: none;
	float: left;
}

ul#tools li {
	margin: 0 0 0 8px;
	font-size: 11px;
	float: left;
	line-height:30px;
}
ul#tools a {
    padding: 0 0 0 28px;
    display: block;
    min-height: 33px;
	color: #707070;
	text-transform: none;
}
li#emailtool a {
	background: url(../images/email_tool.png) no-repeat 0 50%;
}
li#printtool a {
	background: url(../images/print_tool.png) no-repeat 0 50%;
}

/******
These declarations are used for the stub forms in #sidebar.
******/

#login_box_email {
	width: 120px;
}
#login_box_password {
	width: 120px;
}
#logout {
	display: none;
}

/* action buttons adapted from email */

#actionbuttons {
    height: 32px;
    list-style: none;
    background: url('../images/action_buttons.gif');
}
#actionbuttons li {
    margin: 0;
    float: left;
}
#actionbuttons li a {
    display: block;
    height: 32px;
    width: 170px;
}
#actionbuttons #btn_signup {
    padding-right: 7px;
}
#actionbuttons #btn_tell {
    padding-right: 6px;
}


/************* No Show Joe ***************/


#sidebar_j	{
	padding: 0 3em 0 10px;
	margin-bottom: 10px;
    width: 231px;
    float: left;
}
#sidebar_j .sidebar_thermo	{
	width: 231px;
	height: 476px;
	background: url('../images/joe_thermometer.jpg') no-repeat;
}
#content_j	{
	    padding: 10px 5em 10px 10px;
	    width: 613px;
	    float: right;
}
#bottom_j	{
	margin: 10px 0;
}
#bottom_j p	{
	text-align: center;
	color: #000;
	border: 1px solid #000;
	margin: 0 auto;
	width: 210px;
	padding: 2px 5px;
}

/************* Rick's Additions ***************/


.blogtext	{
	color:black
}

#issues_body	{
	margin-left:200px;
	left:200px;
    width:740px;
}

.featurephoto1	{
	margin:0px 10px 0px 0px;
	padding:8px;	
}

.featurephoto2	{
	margin:0px 10px 15px 0px;
	padding:18px;	
}

.middle_get_involved	{
	padding:0px 0px 0px 8px;
	margin-bottom: 10px;
    width: 553px;
    text-align:center;
}

.getinvolvedbody	{
	margin-left:200px;
    width:560px;
    margin-bottom: 10px;
}

.middlesection_about_kim{
	padding:0px 0px 0px 10px;
	margin-bottom: 10px;
    width: 553px;
    text-align:center;
}

.WP-PrintIcon{
	float: left;
}




