/* ============================================================================= HTML5 display definitions ========================================================================== */
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; }

/* ============================================================================= Base ========================================================================== */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: "Adobe Garamond Pro", AGaramondPro-Regular, Garamond, Georgia, serif; color: #222; }

::-moz-selection { background: #ffcc00; color: #fff; text-shadow: none; }

::selection { background: #ffcc00; color: #fff; text-shadow: none; }

/* ============================================================================= Links ========================================================================== */
a { color: #db1b2f; }

a:visited { color: #db1b2f; }

a:hover { color: #ff4638; }

a:focus { outline: thin dotted; }

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

/* ============================================================================= Typography ========================================================================== */
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, monospace; _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; }

/* ============================================================================= Lists ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

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

/* ============================================================================= Embedded content ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
form { margin: 0; }

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

label { cursor: pointer; }

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

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

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

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

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

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 { -webkit-appearance: none; }

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

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

input:invalid, textarea:invalid { background-color: #ffcc00; }

/* ============================================================================= Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

/* ===== primary styles ===================================================== Author: Jon Jandoc ========================================================================== */
body { background: white url("http://action.womensmediacenter.com/page/-/wmc/img/bg-body.png"); color: #373737; font: 14px "adobe-garamond-pro", "Adobe Garamond Pro", AGaramondPro-Regular, Garamond, Georgia, serif; line-height: 1.3; }

a { text-decoration: none; }

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

input[type="text"], input[type="email"], input[type="tel"] { padding: 3px 5px; border: 1px solid #a2a2a2; }

.button { display: block; padding: 6px 8px; text-transform: uppercase; border: none; color: #fff; cursor: pointer; text-align: center; }
.button:hover, .button:visited { color: #fff; }
.button.primary { background-color: #db1b2f; }
.button.secondary { background-color: #ff4638; }
.button.tertiary { background-color: #373737; color: white; }
.button.inline { display: inline-block; }
.button.link-contact { padding: 2px 12px; }

.img-caption p { font-size: 12px; font-style: italic; margin-top: 10px; }

.floatr { float: right; margin: 10px 0 10px 10px; }

.floatl { float: left; margin: 10px 10px 10px 0; }

.button.primary:hover, .button.secondary:hover, .button.tertiary:hover { background-color: #ff8100; }

.page-title { text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #e0e0e0; color: #db1b2f; font-size: 2.462em; /* 32px/13px */ margin-top: 0; }
.page-title:after { content: ""; display: block; border-top: 1px solid #e0e0e0; height: 2px; margin-top: 6px; }

.section-title { border-top: 3px solid #000; margin-bottom: 20px; }
.section-title h1 { text-transform: uppercase; background: #db1b2f; display: inline-block; padding: 10px 20px 8px; color: #fff; margin: 0 5px 0 0; font-size: 1.5em; }
.section-title h2 a { text-transform: uppercase; background: #db1b2f; display: inline-block; padding: 10px 20px 8px; color: #fff; margin: 0 5px 0 0; }
.section-title h2 a:hover { background: #ff4638; }
.section-title .social { float: right; margin-top: -45px; width: 360px }
.section-title .social .facebook, .section-title .social .twitter { display: inline-block; vertical-align: top; }
.ie7 .section-title .social .facebook, .ie7 .section-title .social .twitter { zoom: 1; display: inline; }
.ie6 .section-title .social .facebook, .ie6 .section-title .social .twitter { zoom: 1; display: inline; height: 20px; }

.link-more { text-transform: lowercase; white-space: nowrap; font-weight: bold; }

.entry { margin-bottom: 2em; }
.entry h3 { margin-bottom: 0; }
.entry h3 a:link, .entry h3 a:visited { color: #373737; }
.entry h3 a:hover, .entry h3 a:active { color: #ff4638; }
.entry .thumbnail { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; }

.timestamp { text-transform: uppercase; font-size: .83em; }

.col-a { float: left; }

.col-b { float: right; }

.pagination { text-align: center; margin: 1em 0; }

/* == Structural == */
#container { width: 1000px; margin: 0 auto; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #333; -moz-box-shadow: 0px 0px 10px 0px #333; box-shadow: 0px 0px 10px 0px #333; }

/* = Structural > Header & Nav = */
#wmc-header { width: 100%; background: #fff; -webkit-box-shadow: 0px 0px 3px 0px #666; -moz-box-shadow: 0px 0px 3px 0px #666; box-shadow: 0px 0px 3px 0px #666; position: relative; z-index: 3; }
#wmc-header nav { width: 1000px; margin: 0 auto; position: relative; height: 40px; }
#wmc-header nav h1 { margin: 0; }
#wmc-header #wmc-header-logo { width: 300px; height: 40px; position: absolute; top: 0; left: 10px; background: url("http://action.womensmediacenter.com/page/-/shesource/img/logo-wmc-small.png") no-repeat; }

header { margin: 0; position: relative; padding: 19px; border: 1px solid #000; background-image: linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -o-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -moz-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -ms-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6b6b6b), color-stop(1, black)); }
header #header-logo { margin: 0; font-size: 4.7em; font-weight: normal; text-transform: uppercase; }
header #header-logo a { color: #fff; }
header .social { width: 220px; right: 20px; top: 114px; position: absolute; white-space: nowrap; }
header .social .twitter, header .social .facebook { display: inline-block; vertical-align: top; }
.ie7 header .social .twitter, .ie7 header .social .facebook { display: inline; zoom: 1; } 
.no-cssgradients header { background: #000; }

#primary-nav { font-size: 0; text-transform: uppercase; white-space: nowrap; width: 960px; }
#primary-nav li { font-size: 13px; margin-right: 3px; position: relative; }
#primary-nav li a { font-size: 1.385em; text-decoration: none; color: #fff; display: block; padding: 2px 14px 0; background: #db1b2f; height: 38px; line-height: 38px; }
#primary-nav li a:hover { background-color: #ff4638; }

#secondary-nav { position: absolute; right: 0; top: 15px; text-transform: lowercase; }
#secondary-nav a { color: #a2a2a2; display: inline-block; margin: 0 8px; }
#secondary-nav a:hover { color: #ff4638; }
#secondary-nav a.spr { margin: 0 0 0 1px; }

#primary-nav li, #secondary-nav li { display: inline-block; }

#join { position: absolute; top: 23px; right: 20px; width: 220px; }
#join .button { padding: 5px 18px 3px; text-transform: lowercase; font-weight: bold; }
#join input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: "Adobe Garamond Pro", Georgia, serif; vertical-align: top; margin-right: 4px;}

#join-email { width: 200px; margin-bottom: 5px; }

#join-zip { width: 120px; }
.oldie #join-zip { width: 108px; } 

/* = Structural > Main Content = */
#main { margin: 20px; }

.two-column #primary-content { float: left; width: 670px; }
.two-column #primary-content .section-title { width: 710px; margin-left: -20px; }
.two-column #secondary-content { float: right; width: 230px; }

.full-width #primary-content { padding: 0; background: none; }

#primary-content { background: #f1f1f1; padding: 0 20px 20px; position: relative; }

#secondary-content { padding: 0 0 20px; }
#secondary-content #search input[type="text"] { width: 140px; }
#secondary-content .section-title { margin-bottom: 10px; }
#secondary-content .section-title h2 { font-size: 1em; }
#secondary-content .section-title h2 a { padding: 5px 10px 3px; font-weight: normal; }

#search { font-size: 0; white-space: nowrap; margin-bottom: 8px; position: relative; border-top: 3px solid #000; padding-top: 8px; }
#search form { position: relative; }
#search label { position: absolute; top: 5px; left: 5px; }
#search input { font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; vertical-align: top; }
#search input[type="text"] { padding: 5px 5px 1px 25px; float: left; }
#search .button { font-weight: bold; float: right; padding-bottom: 2px; text-transform: lowercase; }

.sidebar-links { margin-bottom: 20px; }
.sidebar-links ul { list-style: none; margin: 0 10px; padding: 0; }
.sidebar-links ul li { padding: 0; margin: 0 0 1em; }
.sidebar-links ul li h3 { margin-bottom: 0; }
.sidebar-links ul li a { font-weight: bold; }
.sidebar-links ul li a:link, .sidebar-links ul li a:visited { color: #373737; }
.sidebar-links ul li a:hover, .sidebar-links ul li a:active { color: #ff4638; }

.sidebar-links.conflicts ul li { margin-bottom: 5px; }

/* = Structural > Footer = */
footer { background: #db1b2f; padding: 20px; font-size: 0.82em; text-transform: uppercase; font-weight: bold; color: #fff; }
footer a, footer a:visited { color: #fff; }
footer a:hover { color: #373737; }
footer p { float: right; margin: 0; width: 450px; text-align: right; }
footer #footer-nav { float: left; width: 500px; }
footer #footer-nav li { display: inline; }
footer #footer-nav a:link, footer #footer-nav a:visited { display: inline-block; margin: 0 40px 0 0; text-transform: uppercase; }
.oldie footer #footer-nav a:link, .oldie footer #footer-nav a:visited { margin: 0 20px 0 0; }
footer #footer-nav li.last a { margin: 0; }

#dsq-content .dsq-item-cp { display: none; }

/* hides community page link */
/* == Sprites == */
.spr { background-image: url("http://action.womensmediacenter.com/page/-/wmc/img/sprites.png"); }
.spr.ir { display: inline-block; }
.spr.social { width: 26px; height: 16px; }
.spr.facebook { background-position: 0 0; }
.spr.twitter { background-position: -27px 0; }
.spr.youtube { background-position: -54px 0; }
.spr.flickr { background-position: -81px 0; }
.spr.rss { background-position: -112px 0; width: 12px; height: 13px; }
.spr.search { background-position: -123px -25px; width: 16px; height: 15px; }

/* == home page == */
#home #top-content { margin-bottom: 20px; }
#home #top-content #featured-video { float: left; height: 350px; width: 530px; margin: 0 20px 20px 0; }
/*#home #top-content img { float: left; height: 350px; width: 530px; margin: 0 20px 20px 0; }*/
#home #top-content .edit-this img { float: none; height: auto; width: auto; margin: 0; }
#home #featured-conflicts { padding: 20px 40px; background-image: linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -o-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -moz-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -ms-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6b6b6b), color-stop(1, black)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */ width: 920px; color: #fff; position: relative; margin: 0 0 1em -20px; }
#home #featured-conflicts p { margin-bottom: 0; }
#home #featured-conflicts a:link, #home #featured-conflicts a:visited { color: #fff; }
#home #featured-conflicts a:hover { color: #db1b2f; }
#home #featured-conflicts h2 { margin-bottom: 0; }
#home #featured-conflicts ul { list-style: none; margin: 0; background: #000; font-size: 0; position: absolute; white-space: nowrap; right: 20px; top: 50%; margin-top: -20px; padding: 0 20px; height: 40px; line-height: 40px; }
#home #featured-conflicts ul li { font-size: 16px; padding: 0 0 0 10px; display: inline-block; vertical-align: top; position: relative; font-weight: bold; margin-left: 20px; }
#home #featured-conflicts ul li.first { margin-left: 0; }
.ie7 #home #featured-conflicts ul li {  }
.ie7 #home #featured-conflicts ul li { font-size: 14px; zoom: 1; display: inline; }
.ie6 #home #featured-conflicts ul li { height: 20px; }
#home #featured-conflicts ul li:before { content: ""; position: absolute; left: 0; top: 16px; width: 4px; height: 6px; background: url("http://action.womensmediacenter.com/page/-/siege/img/sprites-siege.png") 0 0 no-repeat; }

#rotator { width: 960px; height: 325px; position: relative; padding: 20px; margin: -20px 0 0 -20px; background: #f1f1f1; }
.slide { width: 390px; padding: 0 15px 0 555px; height: 325px; position: relative; display: none; }
.slide.first { display: block; }
.slide-img { position: absolute; left: 0; top: 0; width: 525px; height: 325px; }
.slide h3 { font-size: 1.5em; margin-bottom: 0; text-transform: uppercase; }
.slide .slide-summary { font-size: 1.2em; }
#rotator-nav { width: 455px; height: 50px; text-align: center; position: absolute; bottom: 20px; left: 545px; z-index: 999; }
#rotator-nav .thumb { margin: 0 2px 0 3px; border: 3px solid #666; display: inline-block; position: relative; }
#rotator-nav .thumb.activeSlide, #rotator-nav .thumb.activeSlide:hover { border-color: #DB1B2F; }
#rotator-nav .thumb:hover { border-color: #FF4638; }
#rotator-nav .thumb.activeSlide:before { content: ''; display: block; position: absolute; top: -11px; left: 50%; margin-left: -3px; width: 0; height: 0; border: 4px solid transparent; border-bottom: 4px solid #db1b2f; }
#rotator-nav .thumb img { display: block; width: 74px; height: 44px; }
.ie6 #rotator-nav a, .ie7 #rotator-nav a { display: inline; zoom: 1; }

/* == /conflicts page == */
.conflicts-list { font-size: 0; list-style: none; padding: 0; margin: 0; }
.conflicts-list .entry { display: inline-block; vertical-align: top; font-size: 14px; padding: 0; margin: 0 4px 2em; }

.conflict-map { display: block; width: 210px; height: 160px; border: 2px solid #fff; position: relative; background: #6b6b6b; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #6b6b6b 0%, black 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #6b6b6b), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #6b6b6b 0%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #6b6b6b 0%, black 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #6b6b6b 0%, black 100%); /* IE10+ */ background: radial-gradient(center, ellipse cover, #6b6b6b 0%, black 100%); /* W3C */ -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.7); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.7); }
.conflict-map img { display: block; }
.conflict-map .conflict-title { position: absolute; bottom: 0; font-weight: bold; display: block; width: 200px; text-align: center; padding: 5px; margin: 0; color: #fff; background-color: rgba(0, 0, 0, 0.6); font-size: 1em; }

a.conflict-map:hover { cursor: pointer; border-color: #db1b2f; }
a.conflict-map:hover .conflict-title { background-color: #db1b2f; }

.interior .conflict-map { width: 152px; height: 116px; }
.interior .conflict-map .conflict-title { width: 142px; }

.no-rgba .conflict-map .conflict-title { background-color: #000; }

.conflict-nav { width: 156px; float: left; margin: 0 20px 20px 0; }
.conflict-nav ul { margin-top: 12px; padding: 10px; background: #f8f8f8; border: 1px solid #e0e0e0; }
.conflict-nav ul li { padding: 0 0 0 10px; position: relative; }
.conflict-nav ul li:before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 6px; background: url("http://action.womensmediacenter.com/page/-/siege/img/sprites-siege.png") 0 -29px no-repeat; }
.conflict-nav ul li a:link, .conflict-nav ul li a:visited { color: #373737; }
.conflict-nav ul li a:hover, .conflict-nav ul li a:active { color: #ff4638; }

.article-nav { font-weight: bold; }
.article-nav .next { float: right; }
.article-nav .previous { float: left; }

blockquote { margin: 1em 50px; background: #f8f8f8; border: 1px solid #e0e0e0; padding: 16px 20px; font-size: 1em; font-weight: bold; }

#conflicts article h1 { font-size: 1.3em; text-transform: uppercase; margin-bottom: .5em; color: #db1b2f; }
#conflicts article h2 { font-size: 1.3em; margin: 2em 0 .5em; border-bottom: 1px solid #e0e0e0; }

#witness article h2 { font-size: 1.3em; margin: 0 0 .5em; border-bottom: 1px solid #e0e0e0; }
#witness article section:first-of-type h2 { width: 494px; display: inline-block; }
#witness article section:first-of-type blockquote:first-of-type { width: 400px; display: inline-block; margin: 0 0 1em 0; }
#witness section { margin-bottom: 2em; }
#witness .conflict-nav ul { margin-top: 0; }

/* == /author page == */
#profile .profile-photo { float: left; margin: 0 10px 10px 0; }
#profile #primary-content .entries { clear: both; }
#profile .name { margin-bottom: 0; }

/* == Sidebar twitter feed == */
#twitter-feed .section-title { padding-top: 10px; }
#twitter-feed .tweet_list { margin: 0; padding: 0; list-style-type: none; }
#twitter-feed .tweet_list li { padding: 0 0 0 10px; margin: 0 0 1em 0; position: relative; font-style: italic; overflow: hidden; }
#twitter-feed .tweet_list li:before { content: ""; position: absolute; left: 0; top: 5px; width: 4px; height: 6px; background: url("http://action.womensmediacenter.com/page/-/siege/img/sprites-siege.png") 0 -15px no-repeat; }
#twitter-feed .tweet_list li .tweet-content a { font-weight: bold; }
#twitter-feed .tweet_list li .tweet-timestamp a:link, #twitter-feed #twitter_update_list li .tweet-timestamp a:visited { color: #373737; }
#twitter-feed .tweet_list li .tweet-timestamp a:hover, #twitter-feed #twitter_update_list li .tweet-timestamp a:active { color: #ff4638; }

/* == Fixes for IE == */
.ie6 body, .ie7 body { background: white url("http://action.womensmediacenter.com/page/-/wmc/img/bg-body.png"); }
.ie6 .button.inline, .ie7 .button.inline { display: inline; zoom: 1; /* inline block fix */ }
.ie6 .ir.spr, .ie7 .ir.spr { display: inline; zoom: 1; /* inline block fix */ }
.ie6 #primary-nav li, .ie7 #primary-nav li { display: inline; /* inline block fix */ zoom: 1; vertical-align: top; /* fix for drop down menu shifting on hover */ }
.ie6 #primary-nav li ul, .ie7 #primary-nav li ul { margin: 0; padding: 0; top: 47px; /* fix for drop down positioning */ left: 0; }
.ie6 #primary-nav li ul li, .ie7 #primary-nav li ul li { display: block; }
.ie6 #primary-nav li ul li a, .ie7 #primary-nav li ul li a { width: 240px; /* fix for drop down menu width */ }
.ie6 header, .ie7 header { position: relative; /* fix for drop down positioning*/ z-index: 3; }
.ie6 #main, .ie7 #main { position: relative; /* fix for drop down positioning*/ z-index: 2; }
.ie6 #secondary-nav li, .ie6 #secondary-nav a, .ie7 #secondary-nav li, .ie7 #secondary-nav a { display: inline; zoom: 1; /* inline block fix */ }
.ie6 #bottom-touts .entry, .ie7 #bottom-touts .entry { display: inline; /* inline block fix */ }
.ie6 #seconday-content nav_categories li, .ie7 #seconday-content nav_categories li { display: inline; zoom: 1; }
.ie6 #comment_form dt, .ie6 #comment_form dd, .ie7 #comment_form dt, .ie7 #comment_form dd { display: inline; zoom: 1; }

.oldie #secondary-nav .spr { display: block; /* Fix disappearing social sprites in secondary nav */ }
.oldie #secondary-content #search input[type="text"] { width: 130px; }

/*
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"
*/

#framework { padding: 20px 0; }
/*=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; }

/* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */
/* 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; }

.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; }

/* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */
@media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ }
@media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ }
/* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { background: transparent !important; color: black !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; } }



#home #featured-conflicts-dev { padding: 20px 40px; background-image: linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -o-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -moz-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -ms-linear-gradient(bottom, #6b6b6b 0%, black 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6b6b6b), color-stop(1, black)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */ width: 920px; color: #fff; position: relative; margin: 0 0 1em -20px; }
#home #featured-conflicts-dev p { margin-bottom: 0; }
#home #featured-conflicts-dev a:link, #home #featured-conflicts a:visited { color: #fff; }
#home #featured-conflicts-dev a:hover {color: #db1b2f; }
#home #featured-conflicts-dev h2 { margin-bottom: 0; width:60%}
#home #featured-conflicts-dev ul { list-style: none; margin: 0; background: #000; font-size: 0; position: absolute; white-space: nowrap; right: 20px; top: 50%; margin-top: -20px; padding: 0 20px; height: 40px; line-height: 40px; }
#home #featured-conflicts-dev ul li { font-size: 16px; padding: 0 0 0 10px; display: inline-block; vertical-align: top; position: relative; font-weight: bold; margin-left: 20px; }
#home #featured-conflicts-dev ul li.first { margin-left: 0; }
#home #featured-conflicts-dev img#map_graphic {border:#666 solid 3px}
#home #featured-conflicts-dev img#map_graphic:hover { border-color: #FF4638; }


.ie7 #home #featured-conflicts-dev ul li {  }
.ie7 #home #featured-conflicts-dev ul li { font-size: 14px; zoom: 1; display: inline; }
.ie6 #home #featured-conflicts-dev ul li { height: 20px; }

#primary-content article p {font-size:16px}
#primary-content article ul {font-size:16px}