/*  
Theme Name: re:publica 2010 v3
Theme URI:http://www.re-publica.de/10
Description: No frills
Version: 0.5
Author: Christoph Boecken
Author URI: http://www.jeriko.de
Tags: buddypress
*/

@import url("grid.css");

/* GENERIC RULES */
.container { width: 970px; }
* { margin: 0; padding: 0; }
body { background: #FFF url(./_img/bg_body.png) repeat-x left top; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:hover { color: #000; }
a img { border: none; }
div.colborder { border-right: 1px dotted #999; }

/* TOP NAVIGATION ABOVE HEADER */
#topnavi { height: 29px; font-size: 11px; line-height: 29px; color: #666; }
#topnavi ul { float: left; list-style: none; }
#topnavi ul li { float: left; margin-right: 15px; }
#topnavi_left img { padding: 2px 0; float: left; margin-top: 2px; opacity: 0.7;}
#topnavi_left a.selected img, #topnavi_left a:hover img { opacity: 1; }
#topnavi #topnavi_right { float: right; }
#topnavi a { color: #BBB; }
#topnavi a:hover { color: #FFF; }
#topnavi strong { margin-right: 10px; color: #FFF; }
#topnavi .append-1 { padding-right: 15px; }
#searchform  fieldset { text-align: right; border: none; margin-top: 3px; }
#searchform #s { padding: 2px 5px; background: #333; color: #FFF; border: 1px solid #999; }
#searchform #searchsubmit { background: #666; border: 1px outset #666; color: #FFF; font-size: 11px; font-weight: bold; padding: 2px 10px; }

/* HEADER */
#header { height: 200px; margin-bottom: 40px; position: relative; }
#logo { width: 362px; height: 84px; background: url(./_img/logo2.png) no-repeat left top; overflow: hidden; margin: 42px 0 41px; float: left; }
#logo a { line-height: 10000px; display: block; }
#subconf_header { margin: 40px 0 0 50px; }
.menu { clear: both; }
.menu ul { list-style: none; }
.menu ul li { float: left; margin-right: 10px;  }
.menu ul li a { display: block; height: 26px; padding: 0 15px; text-align: center;  font-size: 16px; line-height: 28px; font-weight: bold; border: 1px solid #000; color: #BBB; text-transform: uppercase; letter-spacing: -.03em;}
.menu ul li a:hover { color: #FFF; }
.menu ul li.current_page_item a, .menu ul li.current_page_parent a { background: #ADFF00 url(./_img/menu_hover.png) no-repeat bottom center; color: #000; border: 1px outset #ADFF00; height: 38px; border-width: 1px 0 0; }
#twitscroll { width: 510px; height: 140px; overflow: hidden; position: absolute; top: 15px; right: 0; }
#twitscroll .overlay { width: 510px; height: 40px; position: absolute; top: 0; left: 0; z-index: 10; background: url(./_img/bg_twitscroll_overlay_top.png) no-repeat left top; }
#twitscroll .overlaybottom { position: absolute; left: 0; top: 100px; background: url(./_img/bg_twitscroll_overlay_bottom.png) no-repeat left bottom; }
#twitscroll ul { position: relative; top: -30px; }
#twitscroll li { width: 480px; height: 50px; padding: 5px 10px 5px 20px; margin-bottom: 10px; background: #222 url(./_img/bg_twitscroll.png) no-repeat left top; font: bold 14px Arial, Helvetica, sans-serif; color: #666; text-shadow: #000 1px 1px 0; }
#twitscroll a { color: #F0F; }
#twitscroll { display: none; }

.sectionheading { font-size: 24px; color: #666; margin-bottom: 25px; }
/* ENTRIES */
.hentry { border-bottom: 1px dotted #999; margin-bottom: 30px; font-size: 14px; line-height: 1.5;  }
.entry-title { padding: 5px 10px; margin-bottom: 10px; background: #111; border: 1px outset #111; line-height: 1.1; letter-spacing: -.03em; text-transform: uppercase; font-size: 20px; color: #FFF; }
.entry-title a { color: #FFF; padding-right: 20px; background: url(./_img/dots_header.png) no-repeat right; }
.entry-title a:hover { color: #ADFF00; }
.entry-subtitle { margin: -10px 0 10px; padding: 5px 10px; background: #333; color: #CCC; text-transform: uppercase; }
.entry-content { color: #333; font-size: 15px; }
.entry-content img { max-width: 550px; }
.entry-content p { margin-bottom: 1.5em; }
.entry-content a { font-weight: bold; color: #333; border-bottom: 1px solid #ADFF00; }
.entry-content a:hover { border-color: #000; }
.entry-content iframe { width: 100%; min-height: 350px; border: 0; }
.entry-content h2, .entry-content h3 { margin: 45px 0 15px; border-bottom: 1px solid #666; }
.entry-content table { margin-bottom: 15px; }
.entry-content th, .entry-content td  { vertical-align: top; padding: 0 10px 10px; margin-bottom: 10px; }
.entry-content th { text-align: left; }

.entry-meta { background: #EEE; color: #666; padding: 10px; font-size: 12px; }
.entry-meta a { color: #000; border-bottom: 1px solid #ADFF00; }
.entry-meta a:hover { border-color: #000; }

/* BOTTOM NAVIGATION */
#navigation { font-size: 16px; font-weight: bold; display: block; }
#navigation a { color: #999; }
#navigation a:hover { color: #000; }
#navigation .alignleft { float: left; width: 45%; }
#navigation .alignright { float: right; width: 45%; text-align: right; }

/* COMMENT LIST AND FORM */
#comments { clear: both; background: #F8F8F8; border: 1px solid #EEE; font: normal 1em Arial, Helvetica, sans-serif; padding: 10px; }

#commentheader { font-size: 24px; color: #999; margin-bottom: 10px; }
.commentlist { margin: 25px 0 50px; list-style: none; overflow: hidden;}
.commentlist li { background: #FFF; }
.commentlist a { color: #048DB5; }
.comment-author { background: #111; padding: 10px 10px 0; overflow: hidden; border: 1px outset #111; }
.comment-author .avatar { float: left; margin: 0 10px 10px 0; }
.comment-author cite { font-size: 1.5em; font-style: normal; font-weight: bold; color: #999; }
.comment-author cite a { color: #FFF; border-bottom: 1px solid #ADFF00; }
.comment-meta a { color: #999; font-size: 11px; line-height: 1.8; }
.comment-meta .comment-edit-link { color: #FFF; }
.comment-content { border: 1px outset #FFF; padding: 0 10px 10px;  }
.commentlist li p { font-size: 1.2em; line-height: 1.5; color: #444; margin-top: 1.5em; }
.commentlist li blockquote { margin-left: 25px; font-style: italic; color: #666; }

#respond { border: 1px solid #EEE; padding: 9px; background: #FFF; }
#respond h3 { font-size: 24px; margin-bottom: 10px; color: #999; }
#commentform { margin-bottom: -20px; color: #333; }
#commentform label { font-size: 14px; line-height: 1.8; font-weight: bold; display: block; }
#commentform label span { font-size: .84em; color: #777; }
#commentform p { margin-bottom: 20px; font: normal 14px Arial, Helvetica, sans-serif; color: #333; }
#commentform p a { color: #000; font-weight: bold; border-bottom: 1px solid #ADFF00; }
#author, #email, #url { font-size: 13px; padding: 4px 10px; width: 400px; border: 1px solid #CCC; }
#comment { font: normal 13px/1.5 Arial, Helvetica, sans-serif; padding: 5px; width: 456px; border: 1px solid #CCC; }
#submit { background: #ADFF00; color: #000; font: bold 11px Arial, Helvetica, sans-serif; padding: 4px 10px; border: 1px outset #ADFF00; }
#submit:active { border-style: inset; }


/* PAGE SPECIFIC */

/* PAGE: PROGRAM */
.page-id-4 h3 { margin-bottom: 10px; }
.page-id-4 table { font-size: 11px; border-collapse: collapse; margin-bottom: 45px; }
.page-id-4 th { vertical-align: top; padding-top: 5px; }
.page-id-4 td { padding: 4px; vertical-align: top; border: 1px solid #CCC; border-collapse: collapse; margin: 0; }
.page-id-4 td strong { font-size: 12px; display: block; background: #EEE; margin: -4px -4px 5px; padding: 4px; }
.page-id-4 td ul { list-style: none;  border-top: 1px solid #CCC; margin-top: 5px; padding-top: 5px; }
.page-id-4 td li { color: #333; opacity: 0.8; font-size: 10px; }
.page-id-4 .entry-content td a { font-size: 11px; border-bottom: 0; }
.page-id-4 .entry-content td a strong { text-decoration: underline; }
.page-id-4 .entry-content td a:hover strong { opacity: 0.7; }
.page-id-4 .entry-content td li a { opacity: 0.5; text-decoration: none; border-bottom: 0; }
.page-id-4 thead { background: #000; color: #FFF; }

/* PAGE: SPEAKERS */
#speaker-list { list-style: none; overflow: hidden; }
#speaker-list li { float: left; width: 20%; text-align: center; min-height: 200px; }
#speaker-list li img { display:block; margin: 0 auto 5px; border: 2px solid #FFF; }
#speaker-list li a:hover img { border-color: #000; }

/* PAGE: PARTNERS */
.page-id-8 .entry-content h3 { font-size: 20px; margin: 45px 0 15px; border-bottom: 1px solid #666; }
.page-id-8 .entry-content a { border: 0; }
.page-id-8 .entry-content img { margin-bottom: 15px; }
.page-id-8 .list_large li { height: 120px; }

/* PAGE: DAY */
#tweetlist { font-size: 11px; text-align: right; }
#tweetlist a { color: #999; border-bottom: 0; }
#tweetlist ul { list-style: none; margin-bottom: 10px; overflow: hidden; }
#tweetlist li { clear: both; padding-bottom: 10px; }
#tweetlist img { float: left; margin-right: 10px; margin-bottom: 10px; }
#tweetlist .tweet_text { font-size: 12px; float: left; width: 350px; margin-right: 20px; text-align: left; margin-bottom: 10px; }
#tweetlist .tweet_text a { color: #000; border-bottom: 1px solid #ADFF00; }
.daynews.hentry { border: 0; }
.daynews .entry-content p { margin-bottom: 0; }
.daynews ul { list-style: none; }
.daynews li { border-bottom: 1px solid #999; padding-bottom: 10px;  }
.daynews li a { display: block; margin-bottom: 5px; }

/* SIDEBAR */
.sb_widget { margin-bottom: 25px; }
.sb_widget.grey { background: #EEE; border: 1px outset #EEE; }
.sb_widget.green { background: #ADFF00; border: 1px outset #ADFF00; }
.sb_widget h3 { margin: -1px -1px 0; font-size: 16px; color: #FFF; padding: 5px 10px; background: #111; border: 1px outset #111; line-height: 1.1; letter-spacing: -.03em; text-transform: uppercase; }
.sb_widget h3 span { padding-right: 20px; background: url(./_img/dots_header.png) no-repeat right; }
.sb_widget.smallheader  h3 { font-size: 12px; }
.sb_widget_content { padding: 10px; font-size: 12px; line-height: 1.5; overflow: hidden; }
.sb_widget_content p { margin-bottom: 1em; }
.sb_widget_content p.alignright { text-align: right; }
.sb_widget_content a { color: #000; font-weight: bold; }

#featuredspeakers, #livestream { background: #ADFF00; border: 1px outset #ADFF00; margin-bottom: 25px; width: 950px; }
#featuredspeakers h2, #livestream h2 { margin: -1px -1px 0; font-size: 14px; color: #FFF; padding: 5px 10px; background: #111; border: 1px outset #111; line-height: 1.1; letter-spacing: -.03em; text-transform: uppercase; }
#featuredspeakers h2 span, #livestream h2 span { padding-right: 20px; background: url(./_img/dots_header.png) no-repeat right; }
#featuredspeakers ul { list-style: none; overflow: hidden; padding: 10px 0; }
#featuredspeakers li { float: left; width: 135px; text-align: center; font-size: 11px; font-weight: bold; }
#featuredspeakers li a { color: #000; }
#featuredspeakers li a:hover { text-decoration: underline; }
#featuredspeakers li img { display: block; margin: 0 auto 5px; border: 1px solid #ADFF00; }
#featuredspeakers li a:hover img { border-color: #000; }
#livestream { background: #FFF; border: 0; }


/* SIDEBAR: FLICKR IMAGES */
.flickr_badge_image { float: left; width: 25%; text-align: center;  }
.flickr_badge_image img { display: block; margin: 0 auto 15px; border: 1px solid #ADFF00; }
.flickr_badge_image a:hover img { border-color: #000; }

/* SIDEBAR: CATEGORIES */
#categories { list-style: none; font-size: 14px; line-height: 2; overflow: hidden; }
#categories li { float: left; width: 50%; }
#categories li:nth-child(2n) { text-align: right; }
#categories li a:hover { text-decoration: underline; }

/* SIDEBAR: LISTS*/
.list_large, .list_small, .list_verysmall { list-style: none; overflow: hidden; }
.list_large li, .list_small li, .list_verysmall li { float: left; width: 50%; text-align: center; margin-bottom: 10px; }
.list_small li { width: 33%; }
.list_verysmall li { width: 20%; }
.list_large li.wide, .list_small li.wide { width: 100%; }
.list_small li.halfwide { width: 50%; }
.list_large li a img, .list_small li a img , .list_verysmall li a img{ display: block; margin: 0 auto; }

.list { margin-left: 20px; }
.list li { margin-bottom: 5px; }
.list a:hover { text-decoration: underline; }

.list_links { margin-left: 20px; font-size: 16px; color: #666; }
.list_links li { margin-bottom: 10px; }
.list_links a { color: #666; }
.list_links a:hover { color: #000; text-decoration: underline; }

/* SIDEBAR: SPEAKER */
.sb_widget_content th, .sb_widget_content td { vertical-align: top; }
.sb_widget_content th { text-align: left; padding-right: 15px; }
.sb_widget_content td a { text-decoration: underline; }
.sb_widget_content .speakerpic { max-width: 200px; max-height: 200px; display: block; margin: 0 auto 15px; }

/* SIDEBAR: TWEET LIST FOR LOTUS JAM CAMP */
#sidebar .tweet_list {list-style: none; } 
#sidebar .tweet_list li { margin: 0 0 10px 0; border-bottom: 1px solid #CCC; padding-bottom: 10px; clear: both; overflow: hidden; font-size: 11px; }
#sidebar .tweet_list img { float: left; margin-right: 5px; }
#sidebar .tweet_list span.tweet_text { font-weight: normal; float: left; width: 250px; }
#sidebar .tweet_list a { font-weight: normal; color: #666; }
#sidebar .tweet_list span.tweet_text a { font-weight: bold; color: #000;  }

 /* SIDEBAR: DAY */
.dayprogram h4 { font-size: 13px; text-transform: uppercase; letter-spacing: -.05em; color: #666; }
.dayprogram ul { list-style: none; margin-bottom: 15px; }
.dayprogram li { padding: 5px 10px; background: #F5F5F5; border: 1px solid #EEE; margin-bottom: 5px; }
.dayprogram li strong { display: block; }
.dayprogram small { font-size: 11px; color: #666; }
.dayprogram small a { float: right; color: #A00; }

/* FOOTER */
#footer { background: #111; border-top: 1px solid #222; height: 250px; margin-top: 50px; padding-top: 30px; }
#footer ul { margin-top: 30px;  list-style: none; padding-left: 25px; border-left: 1px solid #666; }
#footer li a { font: normal 10px/3 Verdana, Arial; text-transform: uppercase; color: #666; }
#footer li a:hover { color: #FFF; }


/* OTHER */
/* CONTACT FORM */
.entry-content .wpcf7 { color: #666; padding: 10px; margin-bottom: 15px; background: #F5F5F5; border: 1px solid #CCC; }
.wpcf7 h2 { margin-top: 0; }
.wpcf7 div { margin-bottom: 45px; }
.wpcf7 label { color: #666; font-size: 12px; }
.wpcf7 input { font-size: 14px; padding: 2px 5px; }
.wpcf7 select { margin-left: 25px; }
.wpcf7 textarea { width: 90%; padding: 5px; font: normal 14px Arial, Helvetica, sans-serif; line-height: 1.5;  }
.wpcf-submit input { font: bold 11px Arial, Helvetica, sans-serif; padding: 5px 10px; background: #ADFF00; border: 1px outset #ADFF00; }
.wpcf-submit input:active, .wpcf-submit:focus { background: #0CEE00; }