@import url("http://halftheskymovement.org/system/templates/css/reset.css"); 

body {background: url(../img/bg-sky.jpg) repeat-x top center;}
a {color: #666; text-decoration: none;}
a:hover {color: #08c;}
a:active {color: #058;}

.ir {text-indent: -9999px; overflow: hidden;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.margin-top {margin-top: 30px !important;}
.margin-bottom {margin-bottom: 30px !important;}
.no-border {border: 0 !important;}
.no-margin {margin: 0 !important;}

#home #main #content {width: 630px;}
#home #main {width: 960px; padding: 0;}
#home #header {height: 570px;}
#home #main #content h1 {width: 630px; height: 100px; background: url(../img/title-home-h1.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
#home #main #content h2 {width: 630px; height: 75px; margin: 20px 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background: url(../img/title-home-h2.gif) no-repeat; float: left;}

#wrap {width: 960px; margin: 0 auto;}

#header {height: 145px; position: relative;}
#header #nav {margin: 30px 0;}
#header #nav {position: absolute; z-index: 10;}
#header #nav h3 a {display: block; height: 35px; width: 490px; margin: 0 0 10px; background: url(../img/title-logo.png) no-repeat;}
#header #nav h3 a:hover {background-position: 0 -35px;}
#header #nav h3 a:active {background-position: 0 -70px;}
#header #nav ul {width: 960px; height: 36px; border: 2px solid #fff; border-left: 0; border-right: 0;}
#header #nav ul li {text-indent: -9999px; overflow: hidden; float: left;}
#header #nav ul li a {display: block; height: 36px; background: url(../img/bg-nav.png) no-repeat;}
#header #nav ul li.stories a {width: 97px; background-position: 0 0;}
#header #nav ul li.stories a:hover, #stories #header #nav ul li.stories a {background-position: 0 -36px;}
#header #nav ul li.stories a:active {background-position: 0 -72px;}
#header #nav ul li.spread a {width: 184px; background-position: -97px 0;}
#header #nav ul li.spread a:hover, #spread-the-word #header #nav ul li.spread a {background-position: -97px -36px;}
#header #nav ul li.spread a:active {background-position: -97px -72px;}
#header #nav ul li.involved a {width: 140px; background-position: -281px 0;}
#header #nav ul li.involved a:hover, #get-involved #header #nav ul li.involved a {background-position: -281px -36px;}
#header #nav ul li.involved a:active {background-position: -281px -72px;}
#header #nav ul li.resources a {width: 120px; background-position: -421px 0;}
#header #nav ul li.resources a:hover, #resources #header #nav ul li.resources a {background-position: -421px -36px;}
#header #nav ul li.resources a:active {background-position: -421px -72px;}
#header #nav ul li.forum a {width: 80px; background-position: -541px 0;}
#header #nav ul li.forum a:hover {background-position: -541px -36px;}
#header #nav ul li.forum a:active, #DiscussionsPage #header #nav ul li.forum a, #CategoryPage #header #nav ul li.forum a, #SearchPage #header #nav ul li.forum a, #CommentsPage #header #nav ul li.forum a, #AccountPage #header #nav ul li.forum a, bodyforum #header #nav ul li.forum a {background-position: -541px -36px;}
#header #nav ul li.buy a {width: 146px; background-position: -625px 0;}
#header #nav ul li.buy a:hover {background-position: -625px -36px;}
#header #nav ul li.buy a:active {background-position: -625px -72px;}
#header #nav ul li.buy {float: right;}

#buy-book {width: 452px; height: 35px; background: url(../img/title-bookby.png) no-repeat; position: absolute; top: 30px; right: 0; z-index: 20;}
#buy-book a {width: 60px; height: 80px; position: absolute; top: 0; right: 150px; z-index: 30;}

#featured, #flash {position: absolute; top: 145px; left: 0;}
#featured a {width: 630px; height: 300px; display: block;}
#featured a span {padding: 15px 20px 20px; font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #fff; background: url(../img/bg-transparent.png) repeat; position: absolute; left: 30px; bottom: 30px;}
#featured a:hover span {background: #08c;}
#featured a:active span {background: #058;}
#featured a span img {margin: 0 5px -10px;}

#quote {width: 280px; height: 280px; padding: 10px; background: url(../img/bg-transparent.png) repeat; position: absolute; top: 145px; right: 0;}
#quote blockquote {width: 140px; margin-right: 10px; padding: 10px 0 0 10px; font: normal 14px Arial, Helvetica, sans-serif; line-height: 18px; color: #fff; background: url(../img/icon-quote.png) no-repeat; float: left;}
#quote cite {width: 110px; margin: 5px 10px 0 0; font: normal 12px Arial, Helvetica, sans-serif; color: #fff; float: right;}
#quote cite img {margin-bottom: 10px; border: 5px solid #062635;}
#quote a {display: block; width: 280px; height: 15px; padding: 10px; background: url(../img/bg-transparent.png) repeat; font: normal 14px Arial, Helvetica, sans-serif; color: #fff; position: absolute; top: 265px; left: 0; z-index: 40;}
#quote a:hover {background: url(../img/bg-transparent2.png) repeat;}
#quote a:active {color: #ccc;}
#quote a img {float: right;}

#promo {width: 300px; position: absolute; right: 0; top: 145px;}
#promo a {display: block; height: 135px; text-indent: -9999px; overflow: hidden;}
#promo a.promo-oprah {margin-bottom: 30px; background: url(../img/icon-promo-oprah.jpg) no-repeat;}
#promo a.promo-quotes {background: url(../img/icon-promo-quotes.jpg) no-repeat;}

#home #fancy_div {color:#333!important; background: url(../img/photo-oprah.jpg) no-repeat bottom #fff!important; position: relative;}
#home #fancy_div p {margin-bottom: 10px; font: normal 14px Arial;}
#home #fancy_outer {overflow: visible!important;}

#main {width: 900px; padding: 0 30px; background: #fff; float: left;}
#main #subnav {width: 900px; height: 50px; margin-top: 30px; border-bottom: 2px solid #ccc;}
#main #subnav h4 {width: 260px; font: bold 30px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #08c; float: left;}
#main #subnav ul {width: 550px; float: right;}
#main #subnav ul li {margin-top: 13px; float: right;}
#main #subnav ul li a {display: block; margin-right: 20px; font: normal 16px Arial, Helvetica, sans-serif; text-decoration: none;}
#main #subnav ul li.selected a {color: #ccc;}

#main #side {width: 300px; margin-top: 30px;}
#main #side .box {width: 260px; margin-bottom: 20px; padding: 20px; background: url(../img/bg-box.gif) repeat-x #ebebeb; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; float: left; overflow: hidden;}
#main #side .box h4 {text-indent: -9999px; overflow: hidden; margin-bottom: 10px;}
#main #side .box p {margin-top: 20px; font: normal 14px Arial, Helvetica, sans-serif; line-height: 18px; color: #666;}
#main #side .box .left {width: 90px; float: left;}
#main #side .box .left img {border: 2px solid #ccc;}
#main #side .box .right {width: 150px; float: right;}
#main #side .box .right p {margin: 0 0 10px;}
#main #side .box .right a {border-bottom: 1px solid #ccc;}

#main #side #box-twitter h4 {background: url(../img/title-box-twitter.gif) no-repeat;}
#main #side #box-twitter .left {height: 95px; background: url(../img/icon-box-twitter.gif) no-repeat;}
#main #side #box-twitter a {font-size: 12px; color: #999;}
#main #side #box-twitter a:hover {color: #08c;}
#main #side #box-twitter a:active {color: #058;}

#main #side #box-social h4 {background: url(../img/title-box-social.gif) no-repeat;}
#main #side #box-social ul li {float: left; font: normal 14px Arial, Helvetica, sans-serif; border-top: 2px solid #ddd;}
#main #side #box-social ul li a {display: block; width: 80px; height: 15px; padding: 10px 15px 10px 35px; background-position: 3px 5px; background-repeat: no-repeat;}
#main #side #box-social ul li.social-facebook a {background-image: url(../img/icon-facebook.gif);}
#main #side #box-social ul li.social-twitter a {background-image: url(../img/icon-twitter.gif);}
#main #side #box-social ul li.social-myspace a {background-image: url(../img/icon-myspace.gif);}
#main #side #box-social ul li.social-delicious a {background-image: url(../img/icon-delicious.gif);}
#main #side #box-social ul li.social-stumbleupon a {background-image: url(../img/icon-stumbleupon.gif);}
#main #side #box-social ul li.social-reddit a {background-image: url(../img/icon-reddit.gif);}
#main #side #box-social ul li.social-digg a {background-image: url(../img/icon-digg.gif);}

#main #side #box-facebook h4 {background: url(../img/title-box-facebook.gif) no-repeat;}
#main #side #box-facebook p a {display: block; width: 210px; height: 30px; margin-top: 10px; padding: 10px 0 0 50px; color: #fff; background: url(../img/icon-box-facebook.gif) no-repeat center; border-bottom: 0;}
#main #side #box-facebook p a:hover {color: #b3c0e0;}
#main #side #box-facebook p a:active {color: #8d9dc5;}

#main #side .fade .box h4 {background-repeat: no-repeat;}
#main #side .fade .box a {display: block; width: 260px; height: 100px; border-bottom: 0; text-indent: -9999px; overflow: hidden;}

#main #side #box-mercycorps h4 {background: url(../img/title-box-mercycorps.gif);}
#main #side #box-mercycorps a {background: url(../img/icon-box-mercycorps.jpg);}

#main #side #box-engender h4 {background: url(../img/title-box-engender.gif);}
#main #side #box-engender a {background: url(../img/icon-box-engender.jpg);}

#main #side #box-nyt h4 {background: url(../img/title-box-nyt.gif);}
#main #side #box-nyt a {background: url(../img/icon-box-nyt.jpg);}

#main #side #box-dateline h4 {background: url(../img/title-box-dateline.gif);}
#main #side #box-dateline a {background: url(../img/icon-box-dateline.jpg);}

#main #side #box-oprah h4 {background: url(../img/title-box-oprah.gif);}
#main #side #box-oprah a {background: url(../img/icon-box-oprah.jpg);}

#main #side #box-ivawa h4 {background: url(../img/title-box-ivawa.gif);}
#main #side #box-ivawa a {background: url(../img/icon-box-ivawa.jpg);}

#main #side #box-htslive h4 {background: url(../img/title-box-htslive.gif);}
#main #side #box-htslive a {background: url(../img/icon-box-htslive.jpg);}

#main #side #box-colleges h4, #main #side #box-colleges2 h4 {background: url(../img/title-box-colleges.gif);}
#main #side #box-colleges a {background: url(../img/icon-box-colleges.jpg);}
#main #side #box-colleges2 a {background: url(../img/icon-box-colleges2.jpg);}

#main #side #box-mercycorps a:hover, #main #side #box-nyt a:hover, #main #side #box-dateline a:hover, #main #side #box-engender a:hover, #main #side #box-oprah a:hover {background-position: 0 -100px;}
#main #side #box-mercycorps a:active, #main #side #box-nyt a:active, #main #side #box-dateline a:active, #main #side #box-engender a:active, #main #side #box-oprah a:active {background-position: 0 -200px;}

#main #side #box-reporter h4 {background: url(../img/title-box-reporter.gif) no-repeat;}
#main #side #box-reporter a {display: block; width: 260px; height: 100px; background: url(../img/icon-box-reporter.jpg) no-repeat; border-bottom: 0; text-indent: -9999px; overflow: hidden;}

#main #side #box-events h4 {background: url(../img/title-box-upcomingevent.gif) no-repeat;}
#main #side #box-events .left {height: 95px; background: url(../img/icon-box-events.png) no-repeat;}
#main #side #box-events .left p {margin: 0;}
#main #side #box-events .left em {display: block; width: 90px; margin: 6px 0; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-align: center;}
#main #side #box-events .left strong {display: block; width: 90px; font: bold 50px Arial, Helvetica, sans-serif; color: #666; text-align: center;}

/*#main #side #box-support h4 {background: url(../img/title-box-support.gif) no-repeat;}
#main #side ul {width: 300px; margin: 20px 0 -20px -20px;}
#main #side ul li {height: 82px; border-top: 2px solid #d9d9d9;}
#main #side ul li a {display: block; padding: 30px 0 30px 120px; font: normal 16px Arial, Helvetica, sans-serif; color: #666;}
#main #side ul li a:hover {color: #08c;}
#main #side ul li a:active {color: #058;}
#main #side ul li.support-sig a {background: url(../img/icon-support-sig.gif) no-repeat left center;}
#main #side ul li.support-badge a {background: url(../img/icon-support-badge.gif) no-repeat left center;}
#main #side ul li.support-flair a {background: url(../img/icon-support-flair.gif) no-repeat left center;}*/

#main #side #box-blog h4 {background: url(../img/title-box-authorsblog.gif) no-repeat;}

#main #content {width: 570px; margin: 30px 0;}
#main #content img {margin: 0 0 30px;}
#main #content a {border-bottom: 1px solid #ccc;}
#main #content h2 {width: 570px; height: 18px; margin-bottom: 10px; text-indent: -9999px; overflow: hidden; float: left;}
#main #content h2.title-ngo-category-1 {background: url(../img/title-ngo-category-1.gif) no-repeat;}
#main #content h2.title-ngo-category-2 {background: url(../img/title-ngo-category-2.gif) no-repeat;}
#main #content h2.title-ngo-category-3 {background: url(../img/title-ngo-category-3.gif) no-repeat;}
#main #content h2.title-ngo-category-4 {background: url(../img/title-ngo-category-4.gif) no-repeat;}
#main #content h2.title-ngo-category-5 {background: url(../img/title-ngo-category-5.gif) no-repeat;}
#main #content h2.title-ngo-category-6 {background: url(../img/title-ngo-category-6.gif) no-repeat;}

#main #content h2.title-reading-1 {background: url(../img/title-reading-reviews.gif) no-repeat;}
#main #content h2.title-reading-2 {background: url(../img/title-reading-nyt.gif) no-repeat;}
#main #content h2.title-reading-3 {background: url(../img/title-reading-dateline.gif) no-repeat;}
#main #content h2.title-reading-4 {background: url(../img/title-reading-additionalnews.gif) no-repeat;}
#main #content h2.title-reading-5 {background: url(../img/title-reading-ivawa.gif) no-repeat;}

#main #content p, #main #content .section blockquote, #main #content .section cite {margin-bottom: 10px; font: normal 14px Arial, Helvetica, sans-serif; line-height: 18px; color: #666;}
#main #content .section {width: 570px; padding: 5px 0; border-top: 2px solid #ccc; float: left;}
#main #content .section h3 {margin-bottom: 10px; padding-bottom: 5px; font: bold 16px Arial, Helvetica, sans-serif; color: #808080; border-bottom: 1px solid #ddd;}
#main #content .section .right h4 {margin: 0; font: bold 26px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #666;}
#main #content .section .right h5 {margin: 10px 0 0; font: bold 20px Arial, Helvetica, sans-serif; color: #999;}
#main #content .section .right h6 {margin: 0; font: normal 16px Arial, Helvetica, sans-serif; color: #999;}
#main #content .section .right .blue {color: #08c;}
#main #content .section p {font-size: 12px; line-height: 16px;}
#main #content .section p a {color: #08c; border-bottom: 0;}
#main #content .section p a:hover {color: #058;}
#main #content .section p a:active {color: #333;}
#main #content .section .left {width: 80px;}
#main #content .section .left img {margin: 0;}
#main #content .section .right {width: 450px;}

#get-involved #main #content .section {margin-bottom: 20px;}
#get-involved #main #content .section .right {padding: 0;}

#main #content .section cite.left {padding-top: 20px; font-size: 12px; line-height: 14px;}
#main #content .section cite.left img {margin-bottom: 5px;}

#spread-the-word #main #content .section {margin: 0 0 10px; padding: 0; border: none;}
#spread-the-word #main #content .section .right {width: 410px;}
#spread-the-word #main #content .section .right h3 {margin: 0; padding: 0; font: bold 16px Arial,Helvetica,sans-serif; letter-spacing: -.5px; color:#08c; border: none;}
#spread-the-word #main #content .section .right p, #spread-the-word #main #content .section .right ol li, #spread-the-word #fancy_div ol {font: normal 14px Arial, sans-serif; line-height: 18px;}
#spread-the-word #main #content .section .right ol li, #spread-the-word #fancy_div ol {margin-bottom: 10px; color: #666; list-style-type: decimal; list-style-position: inside;}
#spread-the-word #main #content .section .left {width: 140px;}
#spread-the-word #main #content .section .left h4 a {display: block; width: 140px; height: 140px; background: url(../img/icon-sig-download.gif) no-repeat; border: none;}
#spread-the-word #main #content .section .left h4 a:hover {background-position: 0 -140px;}
#spread-the-word #main #content .section .left h4 a:active {background-position: 0 -280px;}

#spread-the-word #fancy_div {color:#333!important; background: #fff!important; position: relative;}
#spread-the-word #fancy_div p {margin-bottom: 10px; font: normal 14px Arial;}
#spread-the-word #fancy_outer {overflow: visible!important;}
#spread-the-word #fancy_content {padding: 20px;}
#spread-the-word #fancy_div h3 {margin-bottom: 10px; font: bold 20px Arial; line-height: 20px; color: #08c;}
#spread-the-word #fancy_div ol {margin-bottom: 15px;}
#spread-the-word #fancy_div ol li {margin-bottom: 3px;}
#spread-the-word #fancy_div strong {color: #333;}

#spread-the-word #fancy_div ul.download-images li {margin: 0 15px 15px 0; float: left;}
#spread-the-word #fancy_div hr {margin: 15px 0; border: 0; border-top: 2px solid #ccc;}

#spread-the-word #main #content .preview {width: 470px; height: 100px; padding: 30px 30px 50px; background: #f9f9f9; border: 1px solid #ddd; overflow: auto; position: relative;}
#spread-the-word #main #box-tabs h4 {width: 530px; margin: 20px 0 10px -20px; padding: 20px 20px 0; font: bold 30px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #999; border-top: 2px dotted #fff;}
#spread-the-word #main #box-tabs em {color: #999;}
#spread-the-word #main #box-tabs span {display: block; width: 80px; height: 80px; background: url(../img/icon-corner.png) no-repeat; position: absolute; bottom: 20px; left: 20px; z-index: 10;}

#resources #main #content ul {margin-bottom: 20px;}
#resources #main #content ul li {margin-bottom: 5px; font: normal 14px Arial, Helvetica, sans-serif; line-height: 20px; color: #666;}

#resources #main #content .section .right {margin: 0 0 20px;}
#resources #main #content .section p {font-size: 14px; line-height: 20px;}
#resources #main #content .section span {display: block;}
#resources #main #content .section span p {margin-bottom: 5px; font-size: 12px; line-height: inherit;}
#resources #main #content .section span em {color: #888;}

#main #box-tabs {margin-top: 50px; position: relative;}
#main #box-tabs ul {width: 530px; position: absolute; top: -32px; left: 0;}
#main #box-tabs ul li {font: bold 16px Arial, Helvetica, sans-serif; color: #808080;}
#main #box-tabs ul li a {display: block; height: 20px; padding: 5px 15px; border: 0; border-top: 0; border-bottom: 2px solid #ccc; float: left;}
#main #box-tabs ul li a.selected {color: #08c; background: #f5f5f5; border-top: 2px solid #ccc; border-bottom: 2px solid #f5f5f5;}
#main #box-tabs {width: 530px; margin-bottom: 20px; padding: 20px; background: url(../img/bg-box.gif) repeat-x #ebebeb; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; float: left;}
#main #box-tabs fieldset ol li {margin: 10px 10px 0 0; float: left;}
#main #box-tabs fieldset ol li input, #main #box-tabs fieldset ol li textarea {width: 240px; padding: 5px; font: normal 14px Arial, Helvetica, sans-serif; color: #999; border: 1px solid #ddd;}
#main #box-tabs fieldset ol li input:focus, #main #box-tabs fieldset ol li textarea:focus {color: #666; border: 1px solid #bbb;}
#main #box-tabs fieldset ol li textarea {width: 500px;}
#main #box-tabs fieldset ol li.submit input {width: auto; font-weight: bold; color: #fff; background: #08c; border: 0; cursor: pointer;}
#main #box-tabs fieldset ol li.submit input:hover {background: #058;}
#main #box-tabs fieldset ol li.submit input:focus {color: #ddd;}

#buy-the-book #main #content { width: 900px; height: 450px; margin: 0 0 90px;}
#buy-the-book #main #content ul {width: 900px; border-top: 2px solid #ccc; float: right; position: relative;}
#buy-the-book #main #content ul li { width: 820px; border-bottom: 2px solid #ccc; float: right; position: relative;}
#buy-the-book #main #content ul li a {display: block; width: 820px; height: 110px; background: url(../img/bg-arrow.gif) no-repeat right 0; border: none;}
#buy-the-book #main #content ul li a:hover {background-position: right -110px;}
#buy-the-book #main #content ul li a:active {background-position: right -220px;}
#buy-the-book #main #content .flag {width: 46px; height: 33px; position: absolute; top: 0; left: 0; z-index: 10;}
#buy-the-book #main #content .book {width: 240px; height: 245px; position: absolute; top: -30px; right: 150px; z-index: 10;}
#buy-the-book #main #content ul li .note {font: italic 14px Arial, Helvetica, sans-serif; position: absolute; top: 40px; left: 300px; z-index: 10;}
#buy-the-book #main #content ul li a .note {color: #08c;}
#buy-the-book #main #content ul li a:hover .note {color: #058;}

#stories-sky {height: 100%; background: url(../img/bg-sky-stories.jpg) repeat-x #111;}
#stories {height: 100%; background: url(../img/bg-story-all.jpg) no-repeat top center;}
#stories #main {width: 960px; height: 440px; padding: 0; background: none;}
#stories #main #content {width: 830px; height: 420px; margin: 0; position: relative; float: left;}
#stories #main #content .story {width: 330px; padding: 10px 20px 20px; background: url(../img/bg-transparent2.png) repeat; position: absolute; top: 0; left: 0;}
#stories #main #content #srey, #stories #main #content #prudence, #stories #main #content #angeline {top: 0; left: 380px;}
#stories #main #content .story h1 {margin: 0 0 20px 0; font: bold 30px Arial, Helvetica, sans-serif; color: #fff;}
#stories #main #content .story p {color: #fff;}
#stories #main #content ul {width: 50px; height: 102px; background: url(../img/bg-transparent2.png) repeat; position: absolute; top: 0; right: 0;}
#stories #main #content ul li {text-indent: -9999px; overflow: hidden;}
#stories #main #content ul li a {display: block; width: 50px; height: 50px; border: 0; background: url(../img/icon-arrow.png) repeat;}
#stories #main #content ul li.arrow-up a {background-position: 0 0;}
#stories #main #content ul li.arrow-up a:hover {background-position: -50px 0;}
#stories #main #content ul li.arrow-up a:active {background-position: -100px 0;}
#stories #main #content ul li.arrow-down {margin-top: 2px;}
#stories #main #content ul li.arrow-down a {background-position: 0 -52px;}
#stories #main #content ul li.arrow-down a:hover {background-position: -50px -52px;}
#stories #main #content ul li.arrow-down a:active {background-position: -100px -52px;}
#stories #main #content .extra {font: normal 12px Arial, Helvetica, sans-serif; position: absolute; left: 0; bottom: 0; z-index: 10;}
#stories #main #content .extra a {display: block; width: 430px; height: 25px; padding: 15px 15px 5px; color: #fff; border-bottom: 0; background: #08c url(../img/icon-arrow-corner.png) no-repeat 425px 10px;}
#stories #main #content .extra a:hover {background: #058 url(../img/icon-arrow-corner.png) no-repeat 425px 10px;}
#stories #main #content .extra a:active {color: #ccc;}
#stories #main #content .extra img {margin: -5px 0 0; padding: 0; float: right;}
#stories #main #content hr {width: 830px; border: 0; border-top: 2px solid #fff; position: absolute; top: 42px; left: 0; z-index: 30;}
#stories #main #side {width: 100px; margin: 0; float: right;}
#stories #main #side ul li a {display: block; width: 100px; height: 70px; text-indent: -9999px; overflow: hidden;}
#stories #main #side ul li.angeline a {background: url(../img/photo-story-angeline.jpg) no-repeat 0 0;}
#stories #main #side ul li.edna a {background: url(../img/photo-story-edna.jpg) no-repeat 0 0;}
#stories #main #side ul li.goretti a {background: url(../img/photo-story-goretti.jpg) no-repeat 0 0;}
#stories #main #side ul li.srey a {background: url(../img/photo-story-srey.jpg) no-repeat 0 0;}
#stories #main #side ul li.prudence a {background: url(../img/photo-story-prudence.jpg) no-repeat 0 0;}
#stories #main #side ul li.dina a {background: url(../img/photo-story-dina.jpg) no-repeat 0 0;}
#stories #main #side ul li.selected {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

#home .icons-for-facebook {display: none;}

#footer {width: 960px; margin: 0 auto; padding: 10px 0 50px; border-top: 2px solid #ddd; clear: both;}
#footer ul {width: 400px; font: normal 12px Arial, sans-serif; float: left;}
#footer ul li {color: #999; float: left;}
#footer ul li a {padding: 0 5px;}
#footer ul#legal {width: 485px; float: right;}

#stories #footer {border-color: #fff;}
#stories #footer ul li, #stories #footer ul li a {color: #fff;}