/*   
Theme Name: UnionDocs
Theme URI: http://www.uniondocs.org/
Description: a brief description.
Author: Radia Latief
Author URI: http://www.uniondocs.org/
Version: 1.0
.

.
*/

body { background: #c3f6fa; color: #333333; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
img { border: none; }
h2 { margin: 0; padding: 0 0 5px 0; font: 12px/16px normal Verdana, Geneva, sans-serif; text-transform: uppercase; color: #333333; }
a { outline: none; color: #990000; text-decoration: none; }
a:hover { color: #666666; }

#general-page { overflow: auto; padding: 30px 0 0 0; }
#general-page-left { float: left; width: 350px; }
#general-page-right { float: right; width: 600px; padding: 5px 0 0 0; }

.wrapper { width: 980px; padding: 0 10px; margin: 0 auto; }
.overlay, .rounded { position: relative; }
.c-tl { position: absolute; top: -1px; left: -1px; }
.c-tr { position: absolute; top: -1px; right: -1px; }
.c-br { position: absolute; bottom: -1px; right: -1px; }
.c-bl { position: absolute; bottom: -1px; left: -1px; }

.dotted-link { margin: 0; padding: 5px 0 5px 25px; font: 12px/16px normal Verdana, Geneva, sans-serif; text-transform: uppercase; background-position: 0 50%; background-repeat: no-repeat; }
.dotted-link a { color: #990000; text-decoration: none; }
.dotted-link a:hover { color: #666666; }
.dotted-link .rsaquo { position: relative; left: 3px; font-size: 14px; }

.move-left { float: left; }
.move-right { float: right; }

.hidden { display: none; }




/* HEADER */

#header { height: 170px; width: 100%; margin: 0 auto; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 100%; position: relative; }
#header h1 { margin: 0; width: 644px; height: 170px; background: url('images/page-header.png') no-repeat scroll 0 100%; }
#header a { text-indent: -9999px; display: block; width: 100%; height: 170px; position: absolute; top: 0; left: 0; }




/* CONTENT */

#content, .content-wrap { background: #ffffff; }




/* TOP MENU BAR */

#topmenubar { padding: 10px 0 0 0; color: #333333; overflow: auto; font: 13px/17px Verdana, Geneva, sans-serif; text-transform: uppercase; }

#topmenubar form { float: right; white-space: nowrap; }

#topmenubar label { float: left; margin: 0 5px 0 0; }
#topmenubar input { float: left; border: 0; margin: 0; padding: 0; font: 12px/16px Verdana, Geneva, sans-serif; color: #cccccc; text-align: center; }

#topmenubar input.field { padding: 1px 5px 0 5px; width: 129px; height: 17px; background: transparent; }
#topmenubar input.button { cursor: pointer; color: #333333; text-transform: uppercase; width: 33px; background: transparent; height: 18px; }

#topmenubar .formfield { display: block; float: left; width: 172px; height: 18px; background: url('images/form-field.gif') no-repeat scroll 0 0; }

#topmenubar form#searchform { float: left; margin: 0 0 0 -172px; }
#topmenubar form#searchform input.field { text-align: left; }

#topmenubar ul { margin: 0; padding: 0; list-style: none; }
#topmenubar li { margin: 0; padding: 0; float: left; position: relative; overflow: hidden; }
#topmenubar a { display: block; float: left; color: #990000; text-decoration: none; }
#topmenubar a:hover, #topmenubar a.selected { color: #666666; }

#topmenubar .separator { display: block; float: left; padding: 0 7px; font-size: 8px; color: #990000; }




/* EXHIBITION BIG BANNER */

#exhibition-banner-large { padding: 40px 0 0 0; }
#exhibition-banner-large h2 { text-align: center; }
#exhibition-banner-large a { display: block; width: 978px; height: 148px; border: 1px solid #333333; color: #ffffff; font: 40px/42px normal Georgia, serif; background: #cccccc url('images/banner-exhibition-large.jpg') no-repeat scroll 50% 50%; text-decoration: none; }
#exhibition-banner-large span { display: block; padding: 0 20px; text-align: center; }




/* HOME UPPER SECTION */

#home-upper-section { overflow: auto; }




/* HOME UPCOMING EVENTS */

#home-upcoming-events { padding: 40px 0 0 0; float: left; }
#home-upcoming-events h2 { padding: 0; }
#home-upcoming-events ol { margin: 0; padding: 0; list-style: none; }
#home-upcoming-events li { background: url('../../../temp/event.jpg') no-repeat scroll 50% 50%; margin: 5px 0 15px 0; padding: 0; width: 540px; height: 75px; }
#home-upcoming-events li a { z-index: 1000; text-decoration: none; margin: 0 0 0 0; border: 1px solid #333333; color: #ffffff; font: 23px/25px normal Georgia, serif; display: block; width: 538px; height: 73px; }
#home-upcoming-events li a small { font-size: 20px; line-height: 22px; }
#home-upcoming-events li span { display: block; padding: 0 20px; text-align: center; }

#home-upcoming-events p { margin-top: 20px; background-image: url('images/dot-br-1.gif'); }




/* HOME UPPER RIGHT */

#home-upper-right { padding: 40px 0 0 0; float: right; width: 400px; }




/* HOME FLICKR */

#home-flickr { padding: 20px 0 0 0; }
#home-flickr-border { width: 398px; border: 1px solid #333333; background: #c3f6fa; padding: 30px 0; text-align: center; }
#home-flickr-border div { width: 338px; border: 1px solid #333333; margin: 0 auto; }



/* CONNECT */

#connect { padding: 30px 0 0 0; overflow: auto; text-align: center; }
#connect h2 { text-align: left; }

#connect-twitter { width: 127px; height: 50px; float: left; margin-right: 2px; text-indent: -9999px; display: block; background: url('images/sponsors/banner-twitter.png') no-repeat; }
#connect-facebook { width: 76px; height: 50px; background: url('images/sponsors/banner-facebook.png') no-repeat; float: left; text-indent: -9999px; display: block; }
#connect-flickr { background: url('images/sponsors/banner-flickr.png') no-repeat; float: left; margin-left: 3px; width: 60px; height: 50px; text-indent: -9999px; display: block; }
#connect-itunes { background: url('images/sponsors/banner-itunes.png') no-repeat; width: 56px; height: 50px; float: right; text-indent: -9999px; display: block; }
#connect-blip { background: url('images/sponsors/banner-blip.png') no-repeat; width: 66px; height: 50px; float: right; margin-left: 6px; text-indent: -9999px; display: block; }




/* HOME LOWER SECTION */

#home-lower-section { overflow: auto; }




/* HOME LOWER LEFT */

#home-lower-left { float: left; width: 475px; }
#home-lower-left h2 { text-align: center; letter-spacing: 4px; padding: 0; line-height: 28px; }
#home-lower-left h3 { margin: 0; padding: 15px 0 5px 0; font: 12px/16px normal Verdana, Geneva, sans-serif; color: #333333; }




/* HOME WRITING & INTERVIEWS */

#writing-interviews-snippet { padding: 60px 0 0 0; }
#writing-interviews-snippet h2 a { text-decoration: none; color: #000000; display: block; border: 1px solid #333333; width: 473px; height: 28px; }
#writing-interviews-snippet-container p { text-align: center; margin: 0; padding: 0; width: 475px; }
#writing-interviews-snippet-container a { margin: 0; padding: 0 20px; width: 433px; height: 253px; border: 1px solid #333333; display: block; font: 22px/24px normal Georgia, serif; color: #333333; text-decoration: none; }

#writing-interviews-snippet .dotted-link { margin-top: 20px; background-image: url('images/dot-b-0.gif'); }




/* HOME NEWS */

#home-news-snippet { padding: 50px 0 0 0; }
#home-news-snippet h2 a { text-decoration: none; display: block; color: #cfffff; background: #333333; border: 1px solid #333333; width: 473px; height: 28px; }
#home-news-snippet-container p { text-align: center; margin: 0; padding: 0; width: 475px; }
#home-news-snippet-container a { margin: 0; padding: 0 20px; width: 433px; height: 253px; border: 1px solid #333333; display: block; font: 22px/24px normal Georgia, serif; color: #cfffff; background: #333333; text-decoration: none; }

#home-news-snippet .dotted-link { margin-top: 20px; background-image: url('images/dot-r-1.gif'); }




/* HOME COLLABORATIVE SNIPPET */

#home-collaborative-snippet { padding: 50px 0 0 0; }
#home-collaborative-snippet h2 { }
#home-collaborative-snippet h2 a { color: #ffffff; background: #95060a; border: 1px solid #333333; width: 473px; height: 28px; display: block; text-decoration: none; }
#home-collaborative-snippet-container p { text-align: center; margin: 0; padding: 0; width: 475px;  }
#home-collaborative-snippet-container a { margin: 0; padding: 0 20px; width: 433px; height: 253px; border: 1px solid #333333; display: block; font: 22px/24px normal Georgia, serif; color: #ffffff; background: #95060a; text-decoration: none; }

#home-collaborative-snippet .dotted-link { margin-top: 20px; background-image: url('images/dot-b-1.gif'); }




/* HOME LOWER RIGHT (VIDEO) */

#home-lower-right { float: right; width: 475px; padding: 60px 0 0 0; }
#home-lower-right h3 { margin: 0; padding: 0 0 4px 0; font: 13px/17px Verdana, Geneva, sans-serif; color: #333333; }
#home-lower-right h3 a { color: #990000; text-decoration: none; }

.home-video { padding: 15px 0 0 0; }
.home-video div { height: 250px; width: 473px; border: 1px solid #333333; background-color: #f0f0f0; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 50%; }
.home-video div a { height: 250px; width: 473px; display: block; }
.home-video p { font: 14px/16px normal Georgia, serif; margin: 0; padding: 5px 0 0 0; text-align: justify; }
.home-video p a { color: #990000; margin-left: 5px; text-decoration: none; white-space: nowrap; font: bold 11px/13px Verdana, Geneva, sans-serif; }

#home-lower-right h2 { margin: 0; padding: 0; }
#home-lower-right .lower-right-title { text-align: center; letter-spacing: 4px; padding: 0; line-height: 28px; color: #ffffff; background: #000000; border: 1px solid #000000; width: 473px; height: 28px; display: block; }
#home-lower-right a:hover { color: #666666; }

#lower-right-supporter { padding: 25px 0 15px 0; }
#lower-right-supporter .snagfilms { background: url('images/sponsors/banner-snagfilms.png') no-repeat scroll 50% 50%; display: block; width: 473px; height: 98px; text-indent: -9999px; border: 1px solid #333333; }

#home-lower-right .dotted-link { margin-top: 20px; background-image: url('images/dot-br-0.gif'); }




/* SUPPORTERS */

#supporter { overflow: auto; }

#home-brooklyn-brewery { float: left; width: 127px; height: 102px; }
#home-brooklyn-brewery a { float: left; display: block; background: url('images/sponsors/brooklyn-brewery.jpg') no-repeat scroll 50% 50%; width: 125px; height: 100px; border: 1px solid #333333; text-indent: -9999px; }

#home-the-new-school { float: right; width: 262px; height: 102px;  }
#home-the-new-school a { float: right; display: block; background: url('images/sponsors/pare-lorentz.gif') no-repeat scroll 0 50%; width: 260px; height: 100px; border: 1px solid #333333; text-indent: -9999px; }

#sidebar-supporter { padding: 30px 0 0 0; overflow: auto; width: 350px; }

#brooklyn-brewery { float: left; width: 107px; height: 102px; }
#brooklyn-brewery a { float: left; display: block; background: url('images/sponsors/brooklyn-brewery.jpg') no-repeat scroll 50% 50%; width: 105px; height: 100px; border: 1px solid #333333; text-indent: -9999px; }

#the-new-school { float: right; width: 232px; height: 102px;  }
#the-new-school a { float: right; display: block; background: url('images/sponsors/pare-lorentz-small.gif') no-repeat scroll 50% 50%; width: 230px; height: 100px; border: 1px solid #333333; text-indent: -9999px; }



/* WORDPRESS' POST */

.wp-post { padding: 11px 0 25px 0; }

.infobar { font: normal 10px/16px Verdana, Geneva, sans-serif; text-align: right; }
.infobar .sharethis { margin-left: 10px; }

.bottom-infobar { padding: 2px 0; border-top: 1px solid #ff9999; border-bottom: 1px solid #ff9999; font: normal 10px/16px Verdana, Geneva, sans-serif; }
.bottom-infobar .move-right { position: relative; top: -2px; }

.bottom-infobar a { color: #990000; text-decoration: none; }
.bottom-infobar a:hover { color: #666666; }

.wp-post-content { padding: 0 0 10px 0; }
.wp-post-content p { overflow: auto; font: 12px/17px Verdana, Geneva, sans-serif; color: #000000; padding: 13px 0 0 0; margin: 0; }

.wp-page-nav { font: normal 10px/16px Verdana, Geneva, sans-serif; }

.snippet-thumb { width: 96px; height: 72px; background: #f0f0f0; float: left; margin: 1px 10px 0 0; display: block; }
.snippet-thumb img { width: 96px; height: 72px; display: block; }

.wp-post-content h1 { font: 24px/26px Verdana, Geneva, sans-serif; margin: 0; padding: 40px 0 0 0; }
.wp-post-content h2 { font: 22px/24px Verdana, Geneva, sans-serif; margin: 0; padding: 35px 0 0 0; }
.wp-post-content h3 { font: 20px/22px Verdana, Geneva, sans-serif; margin: 0; padding: 30px 0 0 0; }

.wp-post-content h4 { font: 18px/20px Verdana, Geneva, sans-serif; margin: 0; padding: 25px 0 0 0; }

.wp-post-content h5 { font: 16px/18px Verdana, Geneva, sans-serif; margin: 0; padding: 22px 0 0 0; }
.wp-post-content h6 { font: bold 12px/14px Verdana, Geneva, sans-serif; margin: 0; padding: 20px 0 0 0; }

.wp-post-content ul, .wp-post-content ol { margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 5px; }
.wp-post-content li { margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 0;  font: 12px/14px Verdana, Geneva, sans-serif; }

.wp-post-content .aligncenter { display: block; margin: 2em auto 1em auto; }
.wp-post-content .alignleft { float: left; margin: 3px 1em .5em 0; }
.wp-post-content .alignright { float: right; margin: 3px 0 .5em 1em; }

.wp-post-content blockquote { margin: 0; padding: 20px 0 0 40px; color: #666666; background: url('images/quote.png') no-repeat scroll 3px 25px; }




/* MOVIE TITLE */

h3.movietitle { font: 20px/22px Verdana, Geneva, sans-serif; margin: 0; padding: 30px 0 0 0; }
.moviedirector { font-size: 12px; margin: 0 0 0 5px; }
.moviespecs { display: block; font-size: 11px; line-height: 15px; color: #666666; }



/* WP GALLERY */

.gallery { margin: 2em 0 0 0; }
.gallery a img { background: #ffffff; float: left; padding: 2px; margin: 10px 15px 0 0; }
.gallery a:hover img { background: #a3004c; }


/* WP COMMENTS */

#comments { text-transform: uppercase; margin: 0; padding: 40px 0 0 0; font: 13px/17px Verdana, Geneva, sans-serif; color: #333333; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist li { margin: 20px 0 0 0; padding: 10px 20px; border: 2px solid #eeeeee; }

.children { margin: 0; padding: 0; list-style: none; }
.children li { border: none; margin: 20px 0 0 0; padding: 0 20px; border-left: 5px solid #dddddd; }

.avatar { margin: 0 10px 0 0; } 

.commentlist p { font: normal 13px/21px Georgia, serif; padding: 13px 0 0 0; margin: 0; }

.commentlist .reply {  padding: 10px 0 0 0; font: 10px/17px Verdana, Geneva, sans-serif; color: #333333; }

.commentmetadata { padding: 10px 0 0 0; font: 10px/17px Verdana, Geneva, sans-serif; color: #333333; }

.comment-body { padding: 0 0 10px 0; }

#respond { margin: 30px 0 0 0; padding: 15px; background: #f5f5f5; }
#respond h3 { text-transform: uppercase; margin: 0; font: 13px/17px Verdana, Geneva, sans-serif; color: #333333; }
#commentform { margin: 0; padding: 0; width: 100%; }
#comment { width: 100%; border: none; margin: 0; padding: 0; background: #faffff; }
#respond p { font: normal 13px/21px Georgia, serif; padding: 13px 0 0 0; margin: 0; }
#respond p.allowed-code { color: #999999; }
#respond p.textfield input { border: none; margin: 0 5px 0 0; padding: 2px 5px; background: #faffff; }



/* WORDPRESS' PAGE LAYOUT */

#page-content { border: 1px solid #333333; }
#page-content-padder { padding: 15px 20px 30px 20px; }
#page-content h2 { font-size: 14px; letter-spacing: 1px; color: #666666; }
#page-content p { overflow: auto; color: #000000; text-align: justify; font: 14px/22px normal Verdana, Geneva, sans-serif; margin: 0; padding: 14px 0 0 0; }

.section-title { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 13px; letter-spacing: 1px; color: #666666; margin: 0; padding: 12px 0; text-transform: uppercase; }




/* CONTACT FORM */

.single-line { overflow: auto; }
.single-line label { display: block; font-size: 10px; text-transform: uppercase; color: #999999; }

.standard-input input { width: 250px; border: 1px solid #cccccc; padding: 2px 5px; }

#contact-form h3 { margin: 0; text-transform: uppercase; padding: 30px 0 0 0; font: 12px/17px Verdana, Geneva, sans-serif; color: #999999; }

.text-area { display: block; border: 1px solid #cccccc; padding: 5px; }
.text-area textarea { border: 0; padding: 0; margin: 0; width: 100%; height: 200px; }

#UDR-options { margin: 0; padding: 30px 0 10px 0; list-style: none; }
#UDR-options li { margin: 5px 0 0 0; padding: 0; position: relative; }
#UDR-options ul { list-style: none; margin: 0; padding: 5px 0 10px 25px; }
#UDR-options label { display: block; padding: 0 0 0 30px; font: 12px/17px Georgia, serif; color: #999999; color: #666666; }
#UDR-options input { position: absolute; top: -1px; left: 0; }

.longquestion label { font-family: Georgia, serif; color: #666666; line-height: 14px; display: block; font-style: italic; padding: 0 0 8px 0; }

.formseparator { line-height: 1px; background: #cccccc; margin: 25px 0 0 0; }


/* PAST EVENTS INDEX LAYOUT */

#past-events { padding: 17px 0 0 0; }
#past-events h2 { padding: 0 0 20px 0; margin: 0 0 5px 0; border-bottom: 1px solid #999999; text-align: center; font-size: 23px; }

#past-events ol { margin: 0; padding: 40px 30px 30px 30px; list-style: none; border-top: 1px solid #999999; }
#past-events li { margin: 5px 0 15px 0; padding: 0; width: 540px; height: 75px; }
#past-events li a { text-decoration: none; margin: 0; border: 1px solid #333333; color: #555555; font: 21px/23px normal Georgia, serif; display: block; width: 538px; height: 73px; }
#past-events li a small { font-size: 17px; }
#past-events li a:hover { color: #ffffff; }
#past-events li span { display: block; padding: 0 20px; text-align: center; }

#past-events p { overflow: auto; margin: 0; padding: 5px 30px; font: 14px/16px normal Verdana, Geneva, sans-serif; text-transform: uppercase; }
#past-events p a { color: #990000; text-decoration: none; }
#past-events p a:hover { color: #666666; }




/* EVENT */

#event { padding: 16px 0 0 0; }
#event-page-border { background: #cccccc; border: 1px solid #333333; padding: 10px; width: 578px; }
#event-main-picture { margin-bottom: 20px; border: 1px solid #333333; width: 576px; height: 380px; background-position: 50% 0; background-repeat: no-repeat; }

#event h2 { border-bottom: 1px solid #333333; font: normal 20px/22px Georgia, serif; text-transform: none;}
#event h2 small { color: #666666; }

#event .wp-post-content h2 { font: 22px/24px Verdana, Geneva, sans-serif; margin: 0; padding: 35px 0 0 0; border: none; }


#event h2.posttitle { color: #000000; border: none; font: 22px/24px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: none; padding: 10px 0 0 0; }

.eventinfolist { margin: 0; padding: 5px 0 15px 0; list-style: none; color: #444444; font: 17px/19px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.eventinfolist li { margin: 0; padding: 5px 0 0 0; }

#event .infobar { border-top: 1px solid #666666; }



#event a { color: #990000; text-decoration: none; }
#event a:hover { color: #666666; }
#event .wp-post-content p.category-info-par { padding: 20px 0 0 0; color: #666666; text-align: left; font-style: italic; }




/* WRITINGS */

#writings { }
#writings h2 { padding-bottom: 5px; font: normal 18px/22px Verdana, Geneva, sans-serif; text-transform: none; }
#writings .infobar { text-align: left; color: #666666; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#writings .wp-post-content { padding: 5px 0 20px 0; }
#writings .wp-post-content p { color: #000000; font: normal 12px/18px Georgia, serif; padding: 10px 0 0 0; }
#writings .wp-post-content p.category-info-par { padding: 20px 0 0 0; color: #666666; text-align: left; font-style: italic; }




/* VIDEOS */

#videos { }
#videos h2 { padding-bottom: 5px; font: normal 18px/22px Verdana, Geneva, sans-serif; text-transform: none; }
#videos .infobar { text-align: left; color: #666666; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#videos .wp-post-content { padding: 5px 0 20px 0; }
#videos .wp-post-content p { color: #000000; font: normal 12px/18px Georgia, serif; padding: 10px 0 0 0; }




/* SIMPLE LEFT-HAND PAGE ELEMENTS */

#exhibition-banner { width: 350px; }
#exhibition-banner a { display: block; width: 348px; height: 148px; border: 1px solid #333333; color: #ffffff; font: 24px/26px normal Georgia, serif; background: #cccccc url('images/banner-exhibition.jpg') no-repeat scroll 50% 50%; text-decoration: none; }
#exhibition-banner span { display: block; padding: 0 10px; text-align: center; }

#section-links { margin: 0; padding: 0; list-style: none; }
#section-links li { margin: 5px 0 0 0; padding: 0; width: 350px; height: 34px; }
#section-links a { text-decoration: none; margin: 0; border: 1px solid #333333; color: #000000; font: 12px/32px normal Verdana, Geneva, sans-serif; text-transform: uppercase; display: block; width: 348px; height: 32px; letter-spacing: 2px; }
#section-links span { display: block; text-align: center; }

#google-maps-wrap { padding: 40px 0 0 0; }
#google-maps-wrap h2 { color: #666666; }
#google-maps-border { width: 348px; border: 1px solid #333333; }
#google-maps-wrap ul { color: #666666; font: 13px/25px normal Verdana, Geneva, sans-serif; margin: 0; padding: 10px 0 0 0; list-style: none; }
#google-maps-wrap li { margin: 0; padding: 0 0 0 7px; }
#google-maps-wrap li strong { text-indent: -9999px; position: relative; float: left; display: block; background-image: url('images/button-subways.gif'); background-repeat: no-repeat; width: 22px; height: 22px; top: 2px; left: -7px; }
#google-maps-wrap li strong.L { background-position: 0 -60px; }
#google-maps-wrap li strong.J { background-position: 0 -30px; }

#flickr-on-left-wrap { padding: 30px 0 0 0; }
#flickr-on-left-border { width: 348px; border: 1px solid #333333; background: #c3f6fa; padding: 25px 0; text-align: center; }
#flickr-on-left-inner-border { margin: 0 auto; height: 216px; width: 288px; border: 1px solid #333333; }

.sidebar-cat-title { padding: 21px 0 5px 0; }
.sidebar-cat-title div { border: 1px solid #333333; width: 348px; padding: 10px 0; }
.sidebar-cat-title h2 { text-align: center; letter-spacing: 2px; padding: 0; }
.sidebar-cat-title p { text-align: center; font: 14px/16px normal Georgia, serif; margin: 0; padding: 2px 5px 0 5px; }
.sidebar-cat-title a { }

.writing-interviews {  color: #000000; }
.collaborative-project { background: #c63435; color: #ffffff; }
.sidebar-cat-title-news { background: #333333; color: #cfffff; }
.sidebar-cat-title-videos { background: #000000; color: #ffffff; }

.collaborative-project a { color: #ffffff; }
.sidebar-cat-title-news a { color: #cfffff; }
.sidebar-cat-title-videos a { color: #ffffff; }
.writing-interviews a { color: #000000; }




/* BIG BORDERED LEFT-HAND SECTION TITLES */

.sidebar-section-title { text-align: center; letter-spacing: 2px; padding: 0; line-height: 28px; border: 1px solid #333333; width: 348px; height: 28px; display: block;  }




/* SNIPPET-TYPED SIDEBAR ELEMENT */

.sidebar-snippet h3 { margin: 0; padding: 15px 5px 5px 5px; font: 12px/16px Verdana, Geneva, sans-serif; font-weight: bold; }
.sidebar-snippet p { font: 14px/16px normal Georgia, serif; margin: 0; padding: 0 5px; text-align: justify; }
.sidebar-snippet a { text-decoration: none; color: #990000; }
.sidebar-snippet a:hover { color: #666666; }




/* POPULAR POSTS */

#popular-posts { padding: 10px 0 5px 0; }
#popular-posts ol { margin: 0; padding: 15px 10px; border: 1px solid #333333; list-style: none; }
#popular-posts li { background: url('images/bullet.gif') no-repeat scroll 0 8px; margin: 0; padding: 2px 0 2px 13px; font: 11px/15px Verdana, Geneva, sans-serif; }
#popular-posts a { display: block; width: 100%; color: #000000; }
#popular-posts a:hover { text-decoration: underline; }




/* ARCHIVE */

#sidebar-archive { padding: 10px 0 40px 0; }
#sidebar-archive ul { margin: 0; padding: 15px 10px; border: 1px solid #333333; list-style: none; }
#sidebar-archive li { background: url('images/bullet.gif') no-repeat scroll 0 8px; margin: 0; padding: 2px 0 2px 13px; font: 11px/15px Verdana, Geneva, sans-serif; }
#sidebar-archive a { display: block; width: 100%; color: #000000; }
#sidebar-archive a:hover { text-decoration: underline; }

#popular-posts .sidebar-popular-archive-video a,
#sidebar-archive .sidebar-popular-archive-video a { color: #ffffff; }

#popular-posts .sidebar-popular-archive-news a,
#sidebar-archive .sidebar-popular-archive-news a { color: #cfffff; }

#popular-posts .sidebar-popular-archive-collaborative a,
#sidebar-archive .sidebar-popular-archive-collaborative a { color: #ffffff; }




/* SIDEBAR UPCOMING EVENTS */

#sidebar-upcoming-events { padding: 40px 0 0 0; }
#sidebar-upcoming-events h2 { padding: 0; }
#sidebar-upcoming-events ol { margin: 0; padding: 0; list-style: none; }
#sidebar-upcoming-events ol li { margin: 5px 0 15px 0; padding: 0; width: 350px; height: 75px; }
#sidebar-upcoming-events ol li a { background: url('../../../temp/event.jpg') no-repeat scroll 0 50%; text-decoration: none; margin: 0 0 0 0; border: 1px solid #333333; color: #ffffff; font: 20px/22px normal Georgia, serif; display: block; width: 348px; height: 73px; }
#sidebar-upcoming-events ol li a small { font-size: 18px; }
#sidebar-upcoming-events ol li span { display: block; padding: 0 10px; text-align: center; }

#sidebar-upcoming-events ul { margin: 0; padding: 10px 0 0 0; list-style: none; }
#sidebar-upcoming-events ul .dotted-link { background-image: url('images/dot-r-1.gif'); }




/* SIDEBAR WRITINGS + INTERVIEWS */

#sidebar-writing-interviews { padding: 50px 0 0 0; }
#sidebar-writing-interviews h2 { margin: 0; padding: 0; }
#sidebar-writing-interviews .sidebar-section-title { background: #ffffff; color: #000000; }




/* SIDEBAR VIDEO */

#sidebar-short-video { padding: 50px 0 0 0; }
#sidebar-short-video h2 { margin: 0; padding: 0; }
#sidebar-short-video .sidebar-section-title { background: #000000; color: #ffffff; }
#sidebar-the-video-wrapper { margin: 15px 0 0 0; width: 350px; height: 180px; background: #f0f0f0; }
#sidebar-the-video-wrapper a { display: block; width: 350px; height: 180px; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; }



/* SIDEBAR NEWS */

#sidebar-news { padding: 50px 0 0 0; }
#sidebar-news h2 { padding: 0; margin: 0; }
#sidebar-news .sidebar-section-title { background: #333333; color: #cfffff; }




/* SIDEBAR BLOG */

#sidebar-blog { padding: 50px 0 0 0; }
#sidebar-blog h2 { padding: 0; margin: 0; }
#sidebar-blog .sidebar-section-title { color: #000000; background: #c63435; }




/* BOTTOM MENU BAR */

#bottommenubar { padding: 40px 0 5px 0; color: #333333; overflow: auto; font: 9px/13px Verdana, Geneva, sans-serif; text-transform: uppercase; }

#bottommenubar ul { margin: 0; padding: 0; list-style: none; }
#bottommenubar li { display: inline; margin: 0; padding: 0; letter-spacing: 0; }

#bottommenubar a { color: #990000; text-decoration: none; }
#bottommenubar a:hover { color: #666666; }

#bottommenubar .separator { margin: 0 2px 0 0; color: #990000; }
#bottommenubar .copyright { white-space: nowrap; }

#login { position: relative; top: -2px; margin: 0; float: right; border-right: 1px solid #333333; }
#login a { border: 1px solid #333333; border-right: 0; background: #cccccc; display: block; padding: 1px 0; text-align: center; width: 90px; float: left; color: #333333; }
#login a:hover { background: #ff9999; color: #000000; }




/* FOOTER */

#footer { height: 170px; margin: 0 auto; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0; }
#footer div { height: 170px; width: 100%; background: url('images/page-footer.png') no-repeat scroll 50% 0; }