/********************
*********************

   GLOBAL SETTINGS

*********************
********************/

div.preview_notice {
    min-width: 980px;
}
body:after {
    display: none;
}

a {
    color: #09c;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

h1, h2, h3 {
    color: #09c;
}

/********************
*********************

   LAYOUT

*********************
********************/

body {
    background: #fff;
}

#container {
    width: 980px;
    padding: 0 10px;
    margin: 0 auto;
}

/* topnav */

#topnav {
    height: 34px;
    background: #c00 url(/images/bg_topnav_home.png) no-repeat;
}
#topnav ul {
    margin: 0;
    list-style: none;
    width: 840px;
    float: left;
}
#topnav li {
    margin: 0;
    height: 34px;
    float: left;
}
#topnav li a {
    padding: 0 8px;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
#topnav li#topnav0 a {
    padding: 0;
    width: 35px;
    height: 34px;
    display: block;
}
#topnav .topnavlike {
    padding: 6px 0 0 20px;
    width: 100px;
    float: left;
}

/* top */

#top {
    margin: 8px 0;
    height: 280px;
    background: url(/images/bg_top_1.jpg) no-repeat;
}
body.is_home #top {
    height: 130px;
    background: none;
}
#top .top {
    height: 130px;
    background: url(/images/bg_toptop.png);
}

#top .top h2 {
    margin-left: 20px;
    width: 350px;
    height: 130px;
    float: left;
    background: url(/images/bg_top_logo.png) no-repeat 20px 5px;
}
#top .top h2 a {
    height: 130px;
    display: block;
}

#top .top .donate {
    margin: 38px 10px 0 175px;
    width: 150px;
    float: left;
}
#top .top .donate h3 {
    margin: 0 0 6px;
    font-size: 11px;
    font-style: italic;
    color: #333;
    text-align: right;
    font-weight: normal;
}
#top .top .donate a {
    height: 51px;
    width: 150px;
    display: block;
    background: url(/images/btn_top_donate.png) no-repeat;
}

#top .top .signup {
    margin: 38px 0 0;
    padding-left: 10px;
    width: 254px;
    border-left: 1px solid #666;
    float: left;
}
#top .top .signup h3 {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    text-transform: uppercase;
}
#top .top .signup #signup_box_email {
    width: 210px;
    height: 22px;
    margin-bottom: 6px;
}
#top .top .signup #signup_box_zip {
    width: 170px;
    height: 22px;
}

#top .bottom {
    height: 150px;
}
#top .bottom h2 {
    padding: 0 10px;
    margin: 0;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 150px;
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
}

/* tools */

#toolswrapper {
    margin: 0 0 1em;
    padding: 8px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #888;
}

#toolswrapper .breadcrumbs {
    width: 400px;
    float: left;
    line-height: 20px;
}

#toolswrapper .tools {
    width: 228px;
    float: right;
}
#toolswrapper .tools ul.icons {
    margin: 0;
    list-style: none;
    float: right;
}
#toolswrapper .tools ul.icons li.top_li {
    float: left;
    margin: 0 15px 0 0;
    position: relative;
}
#toolswrapper .tools ul.icons li.top_li a.top_a {
    text-decoration: none;
    display: block;
    font-weight: normal;
    line-height: 20px;
    color: #888;
}
#toolswrapper .tools ul li.email a.top_a {
    background: transparent url(/images/icon_email.gif) no-repeat 0 50%;
    padding-left: 25px;
}
#toolswrapper .tools ul li.print a.top_a {
    background: transparent url(/images/icon_print.gif) no-repeat 0 50%;
    padding-left: 25px;
}
#toolswrapper .tools ul li.share a.top_a {
    background: transparent url(/images/icon_share.gif) no-repeat 0 50%;
    padding-left: 22px;
}
#toolswrapper .tools .share_wrapper {
    width: 110px;
    padding: 5px 5px 5px 0;
    border: 1px solid #ccc;
    position: absolute;
    left: -8888px;
    top: 22px;
    background: #fff;
    z-index: 100;
}
#toolswrapper .tools .share_wrapper .fb_share,
#toolswrapper .tools .share_wrapper .tweet {
    padding: 0 0 5px 5px;
}
#toolswrapper .tools .share_wrapper .bookmarks {}
#toolswrapper .tools .share_wrapper .bookmark_list li {
    padding: 2px 0 2px 6px;
}
.fb_share_count_nub_right,
.fb_share_count_right {
    visibility: visible !important;
}

/* middle */

body.is_story #content {
    padding: 0 20px 0 0;
    width: 648px;
    float: left;
}
body.no_sidebar #content {
    width: auto;
    padding: 0;
    float: none;
}
body.is_story #sidebar {
    width: 312px;
    float: left;
}
#sidebar h2	{
	color: #666;
	text-transform: uppercase;
}
#sidebar .leadins .item1 {
    margin-top: 0;
}
#sidebar .leadins .img {
    border: 1px solid #7a8d93;
}
#sidebar .leadins h3.title {
    padding: 12px 0 6px;
    border-top: 1px solid #e5e5e5;
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
}
#sidebar .leadins h3.title a {
    color: #666;
}
#sidebar .leadins h3.title a:hover {
    text-decoration: none;
}
#sidebar ul.twitter_list li .txt,
#sidebar .twitter_friends .txt	{
		margin: 0;
}

/* bottom nav */

#bottomnav {
    margin: 1em 0;
    background: #666;
}

#bottomnav ul.navlist {
    padding: 16px 10px 10px;
    width: 700px;
    float: left;
    color: #fff;
}
#bottomnav ul.navlist a {
    color: #fff;
}

#bottomnav .search {
    padding: 10px;
    width: 260px;
    background: #000;
    float: left;
}
#bottomnav #keywords {
    width: 200px;
    height: 22px;
}


/* bottom */

#bottom {
    font-size: 11px;
}

#bottom .socnet {
    width: 128px;
    float: right;
}
#bottom .socnet ul {
    margin: 0;
    list-style: none;
}
#bottom .socnet li {
    margin: 0;
    height: 32px;
    width: 32px;
    float: left;
}
#bottom .socnet li a {
    height: 32px;
    display: block;
}
#bottom .socnet li.facebook a {
    background: transparent url(/images/icon_facebook.png) no-repeat;
}
#bottom .socnet li.twitter a {
    background: transparent url(/images/icon_twitter.png) no-repeat;
}
#bottom .socnet li.youtube a {
    background: transparent url(/images/icon_youtube.png) no-repeat;
}
#bottom .socnet li.flickr a {
    background: transparent url(/images/icon_flickr.png) no-repeat;
}

#bottom p.powered {
    font-weight: bold;
}

/******
HOMEPAGE
******/

#home_features {
    position: relative;
}
#home_features .listeditem {
    margin: 0;
}
#switcher {
    position: absolute;
    left: 10px;
    top: 438px;
    z-index: 100;
}
#switcher a {
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    float: left;
    background: #fff;
}
#switcher a:hover,
#switcher a.selected {
    background: #09c;
    color: #fff;
}
#home_bottom .leftcell {
      width: 648px;
      padding: 0 16px 0 0;
      margin: 1em 0;
}
#home_bottom .listeditem {
      width: 310px;
      float: left;
      margin: 0;
}
#home_bottom .item1 {
      margin: 0 12px 0 0;
}
#home_bottom .listeditem .img {
      margin-right: 0;
}
#home_bottom .rightcell {
      width: 312px;
      padding: 0;
}
#home_bottom .rightcell h2 {
      color: #666;
      text-transform: uppercase;
}
#home_bottom .img {
    border: 1px solid #7a8d93;
}
#home_bottom h3.title {
    padding: 12px 0 6px;
    border-top: 1px solid #e5e5e5;
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
}
#home_bottom h3.title a {
    color: #666;
}
#home_bottom h3.title a:hover {
    text-decoration: none;
}
#home_bottom ul.twitter_list li .txt,
#home_bottom .twitter_friends .txt	{
		margin: 0;
}

/******
FORMS
******/

body.is_form #content form fieldset h2 {
    margin: 12px 0;
    padding: 12px 0 0;
    border-top: 1px solid #e5e5e5;
    color: #666;
    font-size: 22px;
    font-weight: normal;
}
body.is_form #content form label {
    color: #333;
}

/* image buttons */

body.contribution_form #content form button {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    cursor: pointer;
    text-indent: -8888px;
}
body.contribution_form #content form button {
    height: 51px;
    width: 150px;
    background: url(/images/btn_top_donate.png) no-repeat;
}
body.contribution_form.newyorkcity #content form button {
    height: 36px;
    width: 112px;
    background: url(/images/btn_submit.gif) no-repeat;
}


/* ==================================================
   Poster Contest
================================================== */

body.contest #content {
    width: auto;
    padding: 0;
    float: none;
}
body.contest #toolswrapper .tools {
    float: right;
}

#posters-small .poster {
    width: 210px;
    padding: 5px 5px 10px;
    margin: 10px 55px;
    float: left;

    background: #fff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #333;
       -moz-box-shadow: 0 0 2px #333;
            box-shadow: 0 0 2px #333;

    *display: inline;
}
.no-boxshadow #posters-small .poster {
    padding: 5px 4px 10px;
    border: 1px solid #888;
}
#posters-small .poster button {
    width: 190px;
    margin: 0 auto;
    padding: 3px 5px;
    border: 0;
    float: none;
    color: #fff;
    background-color: #369;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.5s;
       -moz-transition: background-color 0.5s;
        -ms-transition: background-color 0.5s;
            transition: background-color 0.5s;
}
#posters-small .poster button:hover {
    background-color: #147;
    -webkit-transition: background-color 0.5s;
       -moz-transition: background-color 0.5s;
        -ms-transition: background-color 0.5s;
            transition: background-color 0.5s;
}
#posters-small .poster button.voted {
    background: #c00;
}
#posters-small .poster .listeditem {
    margin: 0;
}
#posters-small .poster div.img {
    margin: 0 auto;
    height: 300px;
    float: none;
}
#posters-small .poster div.txt {
    /*font-size: 14px;*/
    font-weight: normal;
    text-align: center;
    padding: 10px 0;
}

#poster-info .poster-image {
    width: 450px;
    margin-right: 30px;
    float: left;
}
body.poster_px #poster-info .poster-image {
    width: 630px;
}
#poster-info .poster-image img {
    border: 1px solid #888;
}
#poster-info .poster-text {
    width: 480px;
    float: left;
    font-size: 15px;
}
#poster-info.popup .poster-text {
    width: 240px;
}
body.poster_px #poster-info .poster-text {
    width: 300px;
}
#poster-info .poster-text h2 {
    margin-top: 0;
}

.fancybox-wrap #poster-info {
    width: 720px;
}
.fancybox-wrap #poster-info.landscape {
    width: 920px;
}
.fancybox-wrap #poster-info .poster-image {
    width: 420px;
    margin: 0;
}
.fancybox-wrap #poster-info.landscape .poster-image {
    width: 620px;
    margin: 0;
}
#poster-info.popup .poster-text {
    width: 300px;
}
#form-wrapper {
    display: none;
}
form button {
    background-color: #D81E00;
    border-radius: 3px;
    color: #FFFFFF;
    border: none;
    padding: 15px;
    minimum-width: 100px;
    font-size: 20px;
    min-width: 150px;
    text-transform: uppercase;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}


/* Event Exceptions */

p.addevent_el	{
	margin: -45px 0 0 290px;
	position: absolute;
	width: 156px;
}
p.addevent_el a	{
	background: transparent url(/images/add_your_event.png) no-repeat;
	height: 34px;
	display: block;
	text-indent: -999em;
}
#event_layout p	{
	margin: 0;
	font-size: 12px;
	color: #1a1818;
}
#event_layout .event_result	{
	background: transparent url(/images/bg_calendar_lrg.jpg) no-repeat;
	margin: 1em 0;
	min-height: 50px;
	padding: 0;
}
#event_layout .event_result .short_date	{
	color: #000000;
	float: left;
	margin: 3px 0 0;
	width: 50px;
}
#event_layout .event_result .short_date span.month	{
	font-size: 16px;
	margin-bottom: 3px;
}
#event_layout .event_result .short_date span.day	{
	font-size: 14px;
}
#event_layout .event_result .short_date span.month,
#event_layout .event_result .short_date span.day	{
	display: block;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
#event_layout .event_result .details	{
	margin-left: 70px;
}
#event_layout .event_result .details h3	{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}


/* Video Galley */

body.videocover #breadcrumbs {
    margin: 0;
}
body.videocover #content {
    padding: 10px;
    width: 840px;
	background: #fff;
}
body.videocover #video_top {
    background: #000 url(/images/bg_videotop.gif) repeat-y;
	margin: 0 -10px;
}
body.videocover #video_top .leftcell {
    padding: 20px 34px 10px 18px;
    width: 428px;
}
body.videocover #video_top .rightcell {
    padding: 0;
    width: 360px;
}
body.videocover #player {
    margin-bottom: 1em;
    width: 425px;
}
body.videocover #video_top .leftcell h3.title {
    font-size: 1.5em;
    margin: .1666em 0;
    line-height: 1.25;
}
body.videocover #video_top .leftcell h3.title a:hover {
    text-decoration: none;
    cursor: default;
}
body.videocover #video_top .leftcell p.date {
    margin: .25em 0;
    color: #ccc;
}
body.videocover #video_top .leftcell p.teaser {
    margin: .25em 0;
    color: #fff;
}
body.videocover #video_top .rightcell h2 {
    font-size: 1.667em;
    margin: 0;
    padding: 10px 20px;
    color: #fff;
    background: #636363;
    font-weight: 500;
    text-transform: uppercase;
}
body.videocover #video_top .rightcell .videoitem {
    margin: 0;
    padding: 10px;
    color: #fff;
}
body.videocover #video_top .rightcell .videoitem .img {
    width: 100px;
    float: left;
}
body.videocover #video_top .rightcell .videoitem .txt {
    width: 230px;
    float: left;
}
body.videocover #video_top .rightcell .odd {
    background: #515151;
}
body.videocover #video_top .rightcell .videoitem h3.date_title,body.videocover #video_top .rightcell .videoitem h3.date_title a {
    color: #fff;
    font-size: 1em;
    margin: .25em 0;
	font-weight: bold;
}
body.videocover #video_top .rightcell .videoitem p.readmore,body.videocover #video_top .rightcell .videoitem p.teaser {
    margin: .25em 0;
}
body.videocover #video_top .rightcell .videoitem p.readmore a {
    color: #fdb813;
}
body.videocover #video_top .videoitem h3.date_title a:hover {
    text-decoration: none;
    cursor: default;
}
body.videocover #videocarousel {
    padding: 10px;
    background: #e5e5e5;
	margin: 0 -10px;
}
body.videocover #videocarousel ul {
    list-style: none;
    margin: 0;
}
body.videocover #videocarousel ul li {
    width: 120px;
    padding: 10px;
    margin: 0;
    text-align: center;
}
body.videocover #videocarousel ul li img {
    display: inline;
    border: 1px solid #666;
}
body.videocover #videocarousel ul li h3.title {
    font-size: 11px;
    margin: 6px 0 3px 0;
    text-align: center;
    font-weight: normal;
}
body.videocover #videocarousel ul li p.date {
    font-size: 11px;
    margin: 0;
}
body.videocover #videocarouselcontrols {
    padding: 10px;
    background: #ccc;
    text-transform: uppercase;
	margin: 0 -10px;
}
body.videocover #videocarouselcontrols .controls {
    float: right;
}
body.videocover #videocarouselcontrols h2 {
    margin: 0;
    color: #333;
}
body.videocover #videocarouselcontrols button {
    height: 21px;
    width: 21px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -8888px;
}
body.videocover #videocarouselcontrols button.prev {
    background: url(/images/btn_video_prev.gif) no-repeat;
}
body.videocover #videocarouselcontrols button.next {
    margin-left: 10px;
    background: url(/images/btn_video_next.gif) no-repeat;
}

/*******************Feature Gallery *************************/

#feature_top {
    background: #000 url(/images/bg_videotop.gif) repeat-y;
	margin: 0 -10px;
}
.feature_left {
	float: left;
    padding: 0 10px 0 0;
    width: 480px;
}
.feature_left h3.title {
    font-size: 1.5em;
    margin: .1666em 0;
    line-height: 1.25;
}
.feature_left h3.title a:hover {
    text-decoration: none;
    cursor: default;
}
.feature_left p.date {
    margin: .25em 0;
    color: #ccc;
}
.feature_left p.teaser {
    margin: .25em 0;
    color: #fff;
}
.feature_right {
	float: left;
    padding: 0;
    width: 360px;
	display: none;
}
#feature_top .rightcell	{
	padding: 0;
	width: 360px;
}
#feature_top .rightcell h2 {
    font-size: 1.667em;
    margin: 0;
    padding: 10px 20px;
    color: #fff;
    background: #636363;
    font-weight: 500;
    text-transform: uppercase;
}
#feature_top .rightcell .img {
    width: 100px;
    float: left;
}
#feature_top .rightcell .txt {
    width: 230px;
    float: left;
}
#feature_top .rightcell .odd {
    background: #515151;
}
#feature_top .rightcell h3.date_title,#feature_top .rightcell h3.date_title a {
    color: #fff;
    font-size: 1em;
    margin: .25em 0;
	font-weight: bold;
}
#feature_top .rightcell p.readmore,#feature_top .rightcell p.teaser {
    margin: .25em 0;
}
#feature_top .rightcell p.readmore a {
    color: #fdb813;
}
#feature_top .rightcell h3.date_title a:hover {
    text-decoration: none;
    cursor: default;
}

.bookmark_list li {
    margin: 2px;
    padding: 0;
}
.bookmark_list li:first-child {
    margin-top: 0;
}