/* @override http://static.tumblr.com/yvzaavk/I96mel525/index.css */



/* ---------------------------------------------------------- The Four 2012 CSS Managed by: Blue State Digital
 TABLE OF CONTENT
 01 - HTML5 Boilerplate 02 - COMMON STYLES 03 - LAYOUT 04 - HOMEPAGE  05 - SUBPAGES 06 - SIDEBAR 07 - FRAMEWORK 08 - UTILITY 09 - PRINT
	 COLOR GUIDE (Main Site Colors and their Hex Codes)
	
---------------------------------------------------------- */
/* Default colors */
/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {  font-family: "museo-slab", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; }

body { margin: 0; font-size: .85em; line-height: 1.4; }

::-moz-selection { background: blue; color: white; text-shadow: none; }

::selection { background: blue; color: white; text-shadow: none; }

a { color: #616161; }

a:visited { color: #554b47; }

a:hover { color: #5f5f5f; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 2em; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

h2 { color: #413633; text-align: left; margin-bottom: 5px; }
h3 { font-weight: 100; font-style: normal; margin-top: 0;} 
.book h2 { margin-top: 0; } 
 
svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/*input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: $error-color-bg; }*/
table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* 02 =COMMON STYLES
------------------------- */
body { background: #f7f6f4 ; font-family: "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a { text-decoration: none; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }

h1 { font-size: 1.8em; }

.throbber { -webkit-animation-duration: .6s; -webkit-animation-name: throb; -webkit-animation-iteration-count: 7; -webkit-animation-direction: alternate; -moz-animation-duration: .6s; -moz-animation-name: throb; -moz-animation-iteration-count: 7; -moz-animation-direction: alternate; -moz-animation-duration: .6s; -moz-animation-name: throb; -moz-animation-iteration-count: 7; -moz-animation-direction: alternate; animation-duration: .6s; animation-name: throb; animation-iteration-count: 7; animation-direction: alternate; }

@-webkit-keyframes throb { from { text-shadow: 0 0 10px black; }
  to { text-shadow: 0 0 0px #2275b9; } }

@-moz-keyframes throb { from { text-shadow: 0 0 10px black; }
  to { text-shadow: 0 0 0px #2275b9; } }

@keyframes throb { from { text-shadow: 0 0 10px black; }
  to { text-shadow: 0 0 0px #2275b9; } }

h2 { font-weight: 300; font-size: 1.4em; }

p { font-weight: 300; font-size: .75em; letter-spacing: 1px; line-height: 17px; color: #000; }

/* 03 =LAYOUT
------------------------- */
#wrapper { width: 800px; margin: 0 auto; padding-bottom: 150px; font-size: 17px; line-height: 1.1; background: #fff;}

.header-gbl, #content, .socnet { *zoom: 1; }
.header-gbl:before, .header-gbl:after, #content:before, #content:after, .socnet:before, .socnet:after { content: ""; display: block; }
.header-gbl:after, #content:after, .socnet:after { clear: both; }

.socnet { clear: right; float: right; width: 297px; margin-top: 27px; }
.socnet .socnet-button { width: 85px; margin-right: 20px; }
.socnet .socnet-button:last-child { margin-right: 0; }

.lt-ie9 .last-child { margin-right: 0; }

.header-left {margin: 0; }
.header-left p { font-weight: 700; line-height: 1.2; }

#logo { background-position: 0 0; height: 146px; width: ; text-indent: -9999em; margin-top: 0; margin-bottom: 0; }
#logo a { display: block; height: 146px;background: url(http://static.tumblr.com/yvzaavk/QTCmcbj2n/header.png) }

.header-right { float: right; width: 470px; }

.utility-nav { margin: 0; padding: 15px 10px; float: left; background: #4a413e; width: 780px; }
.utility-nav li { list-style-type: none; }
.utility-nav li { font-size: 80%; float: left; font-weight: 700; border-right: 2px solid #fff; line-height: 1; text-transform: uppercase; }
.utility-nav li:last-child { border-right: 0; }
.utility-nav li:last-child a { margin-right: 0; }
.utility-nav li a { color: #ebebeb; margin: 0 8px; font-weight: 100; font-size: 1.2em; letter-spacing: 3px; }
.utility-nav li a:hover { color: #eacc00; }

.lt-ie9 .utility-nav .last-child { border-right: 0; }
.lt-ie9 .utility-nav .last-child a { margin-right: 0; }

.counter { background-position: 0 -146px; float: right; clear: both; height: 114px; width: 297px; margin-top: 20px; text-align: center; color: #2b70b4; }
.counter #counter-text { line-height: 1; margin: 25px 0 0; text-transform: uppercase; font-size: 3.0em; letter-spacing: -2px; }
.counter p { margin-top: 0; text-transform: uppercase; font-weight: 700; }

.socnet-button { float: left; }

#content { padding-top: 0; }

#main-content { width: 475px; float: left; margin-right: 25px; padding: 25px; }
#main-content.interior { float: left; padding: 25px; margin-right: 0; width: 750px; }


#sidebar { float: right; width: 240px; }
#sidebar .features {  margin-top: 30px; height: 823px; padding: 30px 20px; border-left: 1px solid #f9f4f4; }
#sidebar .features h3 { color: #2b70b4; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 1.1; font-size: 1.0em; margin: 0; }
#sidebar .features ul { margin: 0; padding: 0; }
#sidebar .features ul li { list-style-type: none; margin-bottom: 15px; }
#sidebar .features ul li span { display: block; margin: 0 auto; }
#sidebar .features ul li a { /*display: block;*/ }
#sidebar .features ul li .state-name { text-align: center; display: block; margin-top: 4px; text-transform: uppercase; font-weight: 700; width: 100%; }
#sidebar .features ul li .state-links { display: block; text-align: center; margin-top: 3px; font-size: 75%; color: #404041; }
#sidebar .features ul li .state-links a { font-size: 115%; }
#pete p { margin-bottom: 55px }

.post p.wide { width:610px; }

.maine.first-post h1, .maine.first-post h2, .maine.first-post h3, .maine.first-post h4, .maine.first-post h5, .maine.first-post p { color: #f1843b; }
.maine.first-post a { color: #b9520d; }
.maine.first-post a:hover { color: #f1843b; }
.maine .post-date { background-position: 0 -598px; color: #eeeeee; }
.maine .tags a:hover { color: #f1843b; }

.maryland.first-post h1, .maryland.first-post h2, .maryland.first-post h3, .maryland.first-post h4, .maryland.first-post h5, .maryland.first-post p { color: #be2627; }
.maryland.first-post a { color: #691516; }
.maryland.first-post a:hover { color: #be2627; }
.maryland .post-date { background-position: 0 -714px; color: #eeeeee; }
.maryland .tags a:hover { color: #be2627; }

.minnesota.first-post h1, .minnesota.first-post h2, .minnesota.first-post h3, .minnesota.first-post h4, .minnesota.first-post h5, .minnesota.first-post p { color: #005675; }
.minnesota.first-post a { color: #000b0f; }
.minnesota.first-post a:hover { color: #005675; }
.minnesota .post-date { background-position: 0 -899px; color: #eeeeee; }
.minnesota .tags a:hover { color: #005675; }

.washington.first-post h1, .washington.first-post h2, .washington.first-post h3, .washington.first-post h4, .washington.first-post h5, .washington.first-post p { color: #f1843b; }
.washington.first-post a { color: #b9520d; }
.washington.first-post a:hover { color: #f1843b; }
.washington .post-date { background-position: 0 -656px; color: #eeeeee; }
.washington .tags a:hover { color: #005675; }


article.first-post .post-date, .lt-ie9 article.first-post .post-date, a.post-date { color: #4a413e; font-weight: normal; font-style: normal; font-size: 12px; }


.post.first-post { color: #333333; }

a { color: #4a3f3d; font-weight: bold; }

.lt-ie9 .post { background: #116197; }

.video-post, .quote-post { padding-top: 30px; padding-bottom: 30px; }

.photo-post img, .video-post iframe, .video-post object { display: block; margin: 0 auto; }

.quote-post blockquote { font-weight: 700; font-size: 3.2em; text-align: center; margin: 0; padding: 0; line-height: 1; }
.quote-post blockquote footer { font-size: 75%; font-style: italic; font-weight: 400; margin-top: 8px; }

.social { background: transparent url("http://bsdstrategy.github.com/bsd-thefour/img/yellow-sb-opt.png") left top no-repeat; padding: 1px 20px 20px; height: 600px; color: #404041; }
.social h3 { text-align: center; margin-bottom: 10px; }
.social .twitter { border-top: 1px dotted #877e27; }
.social .twitter iframe { display: block; margin: 0 auto; }
.social #tweets ul { margin: 0; padding: 0; }
.social #tweets ul li { list-style-type: none; }
.social #tweets ul li { border-bottom: 1px dotted #877e27; padding: 10px 0; }
.social #tweets ul li a { color: #2275b9; }
.social #tweets ul li a:hover { color: #1a5a8e; }
.social #tweets ul li .timestamp { display: block; margin-top: 3px; font-size: 85%; }
.social .sb-fb-wrap { width: 90px; margin: 0 auto 10px; }

.partner-logo { display: block; margin: 0 auto 20px; }
.partner-logo img { display: block; margin: 0 auto; }

#framework { padding-top: 25px; }

#buy-buttons li img { width: 206px; }

/*
SKIN OVERRIDES
Last Update: March 7, 2011
NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework".
For the YUI styles to work the body id should be "bsd"
*/
/*=TYPOGRAPHY
---------------------------------------------------------- */
#framework #SKIN h1, #framework #SKIN .basic .main #eventdetail .title, #framework #profiledetail #sectionheader, #framework #stdheader #title { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 6px; }

/*if using cufon or typekit for headers be sure to target the following header ids/classes
#titletext - header for Outeach pages
.headertitle — header for Comunity pages
*/
#framework #contribution .contribheader, #framework #SKIN h2, #framework #sectionheader, #framework #SKIN .widget_header, #framework #SKIN .widget_title, #framework #community .communitypostinlist .title, #framework #community .header, #framework #community .communitypostfull .title, #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework a#host-button, #framework #loginform .logintitle, #framework #signupform .signuptitle, #framework #outreach_content #loginform .logintitle, #framework #outreach_content #signupform .signuptitle, #framework #manageform .managetitle, #framework #forgotpw .header { font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; }

#framework #SKIN h3, #framework #SKIN .basic .main .typedescheader, #framework #community .postlist table.head .text, #framework #community .subheader, #framework #community .profileteaser .title, #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 6px; }

#framework #SKIN h4, #framework #SKIN h5 { font-size: 12px; font-weight: bold; line-height: 18px; }

/*HEADERS WITH BOTTOM BORDERS*/
#framework #contribution .contribheader, #framework #sectionheader, #framework .sectionheader, #framework #SKIN .header, #framework #SKIN .basic .main .typedescheader, #framework #community .header #framework #community .communitypostfull .title, #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework #stdheader, #framework #community .profileteaser .title, #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead, #framework #manageform .managetitle, #framework #forgotpw .header { border-bottom: 1px solid #ddd; padding-bottom: 3px; }

/*WIDGET HEADERS*/
#framework #SKIN .widget_header { background: #eee; border-bottom: 1px solid #ddd; margin-bottom: 6px; padding: 5px 10px; position: relative; }

/*SUB-HEADERS*/
#framework #SKIN .widget_subheader, #framework #community .subheader { background: #F2F7F7; border-bottom: 1px solid #ddd; padding: 5px 10px; }

/*=FORM ELEMENTS
---------------------------------------------------------- */
#framework .checkbox, #framework .radiobutton, #framework.label, #framework .text { margin: 0 .5em 0 0; }

/*=BUTTONS
---------------------------------------------------------- */
/*INPUT BUTTONS*/
#framework input[type=button], #framework input[type=submit], #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter, #framework .loginbutton input, #framework .signupbutton input, #framework #community input[type=submit], #framework .utils_search button { cursor: pointer; }

/*Targets most Buttons*/
/*INPUT HOVER STATES
Note this will only work for modern browsers*/
/*RSVP and DETAILS BUTTONS*/
#framework #event_results .event_footer .links { float: left; }

#framework #event_results .event_footer .links .detail_button, #framework #event_results .event_footer .links .rsvp_button { float: right; }

#framework #event_results .event_footer .links .detail_button a, #framework #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; }

#framework #event_results .event_footer .links .detail_button a { background: #eee; border: 1px solid #ccc; padding: 2px 10px 1px; }

#framework #event_results .event_footer .links .rsvp_button a { background: #555; color: #fff; padding: 3px 10px 2px; }

#framework #event_results .event_footer .links .detail_button a:hover, #framework #event_results .event_footer .links .rsvp_button a:hover { background: #33; border-color: #333; color: #eee; }

/*Hover state for RSVP and Details buttons*/
/*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/
#framework #contact_importer_button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; }

/*You can change the background color to match your other input button styles*/
/*SEARCH BUTTON*/
/*=TEXT INPUT FIELDS AND TEXTAREAS
---------------------------------------------------------- */
/*Use this definition to target most of the text input fields*/
/*=TABS
NOTE If the background color for your page is not white you will have to update the bottom border color for the active tabs for Framework, Events and Friends i.e.
#framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }
#framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }
#framework #SKIN #friends_tabs ul li.active_tab  { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; }
---------------------------------------------------------- */
/*FRAMEWORK TABS*/
#framework #SKIN #blue_hat { background: none; border-bottom: 1px solid #ddd; height: 43px; }

#framework #SKIN #blue_hat ul { display: inline; float: right; height: auto; margin: 0 5px; padding: 18px 0 0 0; }

#framework #SKIN #blue_hat li { background: #eee; border: 1px solid #ddd; border-top-left-radius: 3px; display: inline; float: right; padding: 5px 10px 4px; text-decoration: none; }

#framework #SKIN #blue_hat li a { color: #888; text-decoration: none; }

#framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }

#framework #SKIN #blue_hat .blue_hat_active a { color: #555; }

#framework #SKIN #blue_hat li a:hover { background: none; color: #555; }

/*EVENT TABS*/
#framework ul#event_order { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 10px 0; top: 0; width: 100%; }

#framework ul#event_order li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; }

#framework ul#event_order li a { color: #888; }

#framework ul#event_order a:hover { color: #555; }

#framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }

#framework ul#event_order li.active a { color: #555; }

/*WIDGET TABS*/
/*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/
#framework #SKIN .widget_tabs { margin: 0; padding: 0; }

#framework #SKIN .widget_tabs li { border-top-left-radius: 3px; float: left; list-style: none; padding: 5px 10px 4px 10px; margin: 0 5px 0 0; list-style-type: none; }

#framework #SKIN .widget_tabs li.active_tab { background: #eee; font-weight: bold; }

#framework #SKIN .widget_tabs li.inactive_tab { background: #ddd; }

/*FRIENDS TABS*/
#framework #SKIN #friends_tabs { border-bottom: 1px solid #ddd; margin: 18px 0 6px 0; }

#framework #SKIN #friends_tabs ul { margin: 0; padding: 5px 0 0 0; list-style: none; }

#framework #SKIN #friends_tabs li { border-top-left-radius: 3px; border-top-right-radius: 3px; display: inline; float: left; margin: 0 0 -1px 5px; list-style-type: none; padding: 5px 10px 4px; }

#framework #SKIN #friends_tabs ul li.active_tab { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; }

#framework #SKIN #friends_tabs ul li.active_tab a { color: #555; font-weight: bold; }

#framework #SKIN #friends_tabs ul li.inactive_tab { background: #eee; border: 1px solid #ddd; }

/*=SPEAKOUT TABS */
#framework #speakout #tabs { margin-top: 18px; }

#framework #speakout #nav-tabs, #framework #speakout #tip-tabs { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 18px 0; top: 0; width: 100%; }

#framework #speakout td.tips { padding: 0 10px; }

#framework #speakout #tip-tabs { width: 300px; }

#framework #speakout #nav-tabs li, #framework #speakout #tip-tabs li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; }

#framework #speakout #nav-tabs li.tab-on, #framework #speakout #tip-tabs li.tip-on { background: none; border-bottom: 1px solid #fff; color: #555; font-weight: bold; }

#framework #speakout #nav-tabs li.tab-off, #framework #speakout #tip-tabs li.tip-off { cursor: pointer; }

/*YUI POP OVER
This controls the style of the pop over opened after clicking the contact importer button
As noted above, in order for this to work the body id should be "bsd"
---------------------------------------------------------- */
#bsd .yui-panel { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#bsd .yui-panel-container.shadow .underlay { display: none; }

#bsd .yui-panel .container-close { right: 10px; }

/*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/
#bsd .yui-panel .hd { background: #eee; color: #333; border: none; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding: 10px; }

#bsd .yui-panel .bd { font-size: 12px; line-height: 18px; padding: 6px; }

#bsd #contact_importer_wrapper { margin: 0; }

#bsd #contact_importer_wrapper #contact_importer_error { margin: 18px 0 0 0; }

#bsd #contact_importer_dialog .button-group button { background: #eee; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 3px 10px; }

/*Contact Listings*/
#bsd #contact_importer_wrapper #results_table_header { background: #eee; }

#bsd #contact_importer_wrapper #results_table_outer { border: 1px solid #ddd; }



/*=LAYOUT
---------------------------------------------------------- */
/*SOCIAL NET WIDGET COLUMNS*/
#framework #SKIN #widget_group_1 { float: left; width: 49%; }

/*Left column*/
#framework #SKIN #widget_group_2 { float: right; width: 49%; }

/*Right column*/
/*SPEAKOUT*/
#framework .group_field { margin-bottom: 10px; float: left; margin-right: 5px; }

#framework #speakout .splash { margin: 0 0 20px 0; }

#framework #speakout table { clear: left; margin: 0 20px 10px 0; }

#framework #speakout #recipient_table { width: 300px; }

#framework #speakout .recipient-header { font-weight: bold; }

#framework #speakout .recipient-divider { padding-top: 10px; font-style: italic; }

#framework #speakout .recipient-header th { text-align: auto !important; }

#framework #speakout .stat { text-align: right; padding-right: 4px; }

#framework #speakout td { vertical-align: top; }

#framework #speakout .step { margin-top: 15px; }

#framework #speakout .field { width: 50%; padding-left: 10px; }

#framework #speakout th.divider { padding: 10px; font-size: 16px; background: #eee; }

#framework #speakout #speakout_form { margin-top: 20px; }

#framework #speakout h4 { font-size: 16px; }

#framework #speakout table#landing div.goal { float: right; margin: 10px; padding: 15px 15px 0; width: 280px; border: 1px solid #CCC; }

#framework #speakout table#landing div.goal td { padding: 5px; }

#framework #speakout table#landing div.goal input.landing-button, #framework #speakout table#landing div.goal input.landing-button-over { display: block; margin-top: 15px; }

#framework #speakout table#landing div.goal input#addr1, #framework #speakout table#landing div.goal input#addr2, #framework #speakout table#landing div.goal input#email { width: 200px; }

/*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW
---------------------------------------------------------- */
#framework #SKIN #widget_directory_search_groups_by_keyword { float: none !important; }

/* 08 =UTILITY
------------------------- */
/* BSD utilities */
.cufon-loading * { visibility: hidden !important; }

/* only necessary if using cufon */
.required { color: #123f63; }

.invalid-msg { background-color: #ffe538; border: 1px solid #d9d9d9; font-size: 85%; padding: 3px 10px; /* CSS3 spicing for mozilla and webkit */ -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 0 2px #ddd; z-index: 999; -webkit-background-clip: padding-box !important; }

.invalid-msg p { line-height: 12px; color: #123f63; font-weight: bold; }

.invalid-under span { display: block; width: 0; height: 0; border-bottom: 8px solid #ffe538; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 10px; z-index: 999; }

/* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */
.floatl { float: left; margin-right: 10px; margin-bottom: 10px; }
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }


#feature { width: 100%; height: 280px; background-color: #f7f6f4; }
#feature .feature { width: 225px; height: 185px; border: 10px solid #4a3f3d; float: left; margin-top: 35px; margin-right: 25px; margin-bottom: 35px; }
#feature .feature.three { margin-right: 0;  }

.book { float: left; width: 30%; margin-right: 20px; margin-bottom: 35px }
.book-full { margin-bottom: 20px; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 20px}
.book-full .floatl img { margin-right: 20px; margin-bottom: 20px }

.book-full .floatr img { margin-left: 20px; margin-bottom: 20px }

.social-header { display: inline; position: relative; float: right; padding-top: 5px; top: 104px; }
.fb-like { float: left ; position: relative; margin-right: 15px; }
#widget { margin-top: 12px; float: right;  }

/* 09 =PRINT
------------------------- */
@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #sidebar, #editToggle, .editThis, #navigation, #addthis, #search, #nav { display: none; }
  /* hide disqus since it is extraneous content that just increases page size */
  #disqus_thread { display: none; }
  a.dsq-brlink { display: none; }
  /* float blog entry images to decrease page length */
  #main { overflow: hidden; }
  #main img { float: left; clear: both; /*keeps images from piling up next to each other*/ margin: 0 10px 10px 0; } }