/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

strong { font-weight: bold; }

em { font-style: italic; }

body { font-family: Arial; font-size: 16px; line-height: 1.2; background-image: url('../img/bg_wood.jpg?1363362751'); background-position: center top; background-attachment: fixed; }

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }

p { line-height: 1.4; }

.error { color: #A00; font-size: 16px; }

#pagewrapper { margin-left: auto; margin-right: auto; width: 960px; margin-bottom: 40px; position: relative; z-index: 50; }

#header { width: 100%; height: 150px; display: inline-block; }
#header #logo { margin-top: 24px; float: left; }
#header #claim { font-size: 36px; margin-top: 60px; line-height: 80px; text-align: right; bottom: 0; float: right; font-family: "ITCOfficinaSerW01-MdSC"; }

#navigation { display: block; text-align: center; *zoom: 1; font-family: "ITCOfficinaSerW01-MdSC"; }
#navigation:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#navigation ul { *zoom: 1; display: inline-block; }
#navigation ul:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#navigation ul li { display: block; float: left; font-size: 22px; margin-right: 20px; color: black; text-transform: uppercase; }
#navigation ul li a { color: black; display: block; text-decoration: none; }
#navigation ul li.active a, #navigation ul li a:hover { color: #999; }

#subnavigation { margin: 10px 0; font-family: "ITCOfficinaSerW01-MdSC"; }
#subnavigation li { display: block; font-size: 22px; line-height: 34px; margin-right: 25px; color: black; text-transform: uppercase; }
#subnavigation li a { color: black; display: inline; text-decoration: none; background: url('../img/play_button_small.png?1363362751') right center no-repeat; padding-right: 23px; }
#subnavigation li.active a, #subnavigation li a:hover { font-weight: bold; color: #999; }

.start { font-size: 16px; font-family: Arial; }
.start #navigation ul { width: auto; margin: 0 auto; font-family: "ITCOfficinaSerW01-MdSC"; }
.start .newsitem p { font-size: 16px; color: #555555; }

.seperator { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; background: url('../img/bg_seperator.png?1363362751') center center no-repeat; height: 5px; margin-top: 20px; margin-bottom: 20px; }
.seperator.up { background: url('../img/bg_ornament_up.png?1363362751') center center no-repeat; height: 35px; }
.seperator.down { background: url('../img/bg_ornament_down.png?1363362751') center center no-repeat; height: 35px; }
.seperator.dashed { background: url('../img/bg_seperator_dashed.png?1363362751') center center no-repeat; height: 2px; }
.seperator.mainnav { margin-top: 4px; margin-bottom: 10px; }
.seperator.mainnav.second { margin-bottom: 20px; }

.support_badge { background: url('../img/support_badge.png?1367600343') center center no-repeat; width: auto; height: 51px; display: block; margin-left: 0; }

.news .content-main { background: url('../img/kink.png?1363362751') no-repeat center center; }

.seperator { background: url('../img/bg_seperator.png?1363362751') center center no-repeat; height: 5px; margin: 20px 0; width: 100%; }
.seperator.up { background: url('../img/bg_ornament_up.png?1363362751') center center no-repeat; height: 35px; }
.seperator.down { background: url('../img/bg_ornament_down.png?1363362751') center center no-repeat; height: 35px; }
.seperator.dashed { background: url('../img/bg_seperator_dashed.png?1363362751') center center no-repeat; height: 2px; }

#contentwrapper { margin-left: auto; margin-right: auto; width: 960px; background-image: url('../img/texture.png?1363362751'); box-shadow: 0 0px 10px #333; padding: 20px 0; }
#contentwrapper .mainhead { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; background-image: url('../img/ornament-headline.png?1363362751'); background-position: center center; background-repeat: no-repeat; height: 44px; margin-bottom: 10px; }
#contentwrapper .mainhead h1 { text-transform: uppercase; font-weight: normal; text-align: center; line-height: 44px; text-indent: -9999px; background: url('../img/headline_caesararchiv.png?1363362751') center center no-repeat; }
#contentwrapper .sectiontitle { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 860px; position: relative; left: 40px; font-size: 36px; font-weight: bold; }
#contentwrapper .newsitem { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 860px; position: relative; left: 40px; }
#contentwrapper .newsitem .image { float: right; background: #FFF; -webkit-box-shadow: #666666 0 0 3px; -moz-box-shadow: #666666 0 0 3px; box-shadow: #666666 0 0 3px; margin-left: 30px; position: relative; }
#contentwrapper .newsitem .image img { margin: 6px 6px 1px; }
#contentwrapper .newsitem .image .grain { position: absolute; width: 100%; height: 100%; background-image: url('../img/grain_heavy.png?1363362751'); top: 0; left: 0; z-index: 55; }
#contentwrapper .newsitem .date { font-size: 12px; line-height: 22px; }
#contentwrapper .newsitem h2 { font-size: 22px; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px; font-family: "ITCOfficinaSerW01-MdSC"; }
#contentwrapper .newsitem h3 { font-size: 16px; line-height: 1.2; margin-bottom: 10px; font-family: "ITCOfficinaSerW01-MdSC"; }
#contentwrapper .newsitem p { margin-bottom: 10px; }
#contentwrapper .newsitem a.continue_reading { display: inline; background: url('../img/play_button_small.png?1363362751') no-repeat right center; line-height: 22px; height: 18px; font-size: 17px; color: #555555; font-style: italic; padding-right: 23px; margin-top: 15px; }
#contentwrapper .newsitem a.continue_reading:hover, #contentwrapper .newsitem a.continue_reading:active { color: black; }
#contentwrapper .newsimages { *zoom: 1; }
#contentwrapper .newsimages:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#contentwrapper .newsimages .image { float: left; }
#contentwrapper .newsimages .image.odd { margin-right: 28px !important; }
#contentwrapper .backlink { display: block; background: url('../img/play_button_back_small.png?1368444071') no-repeat left center; padding-left: 23px; margin-bottom: 20px; }
#contentwrapper .social { margin-top: 10px; }
#contentwrapper .social a { display: block; float: left; margin-right: 10px; color: white; font-size: 14px; text-align: right; padding-right: 15px; text-decoration: none; }
#contentwrapper .social a#share_facebook { background: url('../img/share_button_facebook.png?1363362751'); width: 95px; height: 28px; line-height: 28px; }
#contentwrapper .social a#share_twitter { background: url('../img/share_button_twitter.png?1363362751'); width: 95px; height: 28px; line-height: 28px; }
#contentwrapper .imagedesc { font-size: 12px; font-style: italic; }
#contentwrapper #main_column { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 500px; position: relative; left: 40px; *zoom: 1; }
#contentwrapper #main_column:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#contentwrapper #main_column .image { background: #FFF; -webkit-box-shadow: #666666 0 0 3px; -moz-box-shadow: #666666 0 0 3px; box-shadow: #666666 0 0 3px; margin: 20px 0; position: relative; display: table; }
#contentwrapper #main_column .image img { margin: 8px 8px 3px; }
#contentwrapper #main_column .image .imagedesc { margin-left: 8px; }
#contentwrapper #main_column .image .grain { position: absolute; width: 100%; height: 100%; background-image: url('../img/grain_heavy.png?1363362751'); top: 0; left: 0; z-index: 55; }
#contentwrapper #main_column .date { font-size: 18px; line-height: 22px; font-family: Arial; font-weight: bold; }
#contentwrapper #main_column h2 { font-family: "OfficinaSerifITCW01-Boo 734540"; text-transform: uppercase; margin-bottom: 10px; font-size: 24px; line-height: 1.2; }
#contentwrapper #main_column p { font-family: Arial; margin-bottom: 10px; color: #555555; }
#contentwrapper #main_column ul { margin-bottom: 10px; list-style: square; margin-left: 20px; }
#contentwrapper #main_column ul li { font-size: 16px; color: #555555; }
#contentwrapper #right_column { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 300px; position: relative; left: 80px; *zoom: 1; }
#contentwrapper #right_column:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#contentwrapper #right_column h1 { font-family: "OfficinaSerifITCW01-Boo 734540"; font-size: 22px; margin-bottom: 20px; }
#contentwrapper #right_column .image { background: #FFF; -webkit-box-shadow: #666666 0 0 3px; -moz-box-shadow: #666666 0 0 3px; box-shadow: #666666 0 0 3px; margin: 10px 0; position: relative; display: table; }
#contentwrapper #right_column .image img { margin: 6px 6px 1px; }
#contentwrapper #right_column .image .grain { position: absolute; width: 100%; height: 100%; background-image: url('../img/grain_heavy.png?1363362751'); top: 0; left: 0; z-index: 55; }
#contentwrapper #right_column a.continue_reading { display: block; background: url('../img/play_button_small.png?1363362751') no-repeat right center; line-height: 18px; height: 18px; font-size: 18px; font-family: "OfficinaSerifITCW01-Boo 734540"; color: black; font-weight: bold; margin: 15px 0; text-decoration: none; text-transform: uppercase; }
#contentwrapper #right_column a.continue_reading:hover, #contentwrapper #right_column a.continue_reading:active { text-decoration: underline; }
#contentwrapper #right_column p { font-family: Arial; font-size: 14px; line-height: 1.4; }
#contentwrapper #right_column .newsitem { *zoom: 1; display: block; clear: both; margin-left: 0px; margin-right: 0px; width: 100%; position: relative; left: 0px; text-decoration: none; color: black; font-size: 14px; }
#contentwrapper #right_column .newsitem:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#contentwrapper #right_column .newsitem h4 { display: block; font-size: 16px; font-family: "ITCOfficinaSerW01-MdSC"; color: black; margin: 3px 0 10px; text-decoration: none; text-transform: uppercase; }
#contentwrapper #right_column .newsitem .image { float: left; margin: 0 10px 10px 0; }
#contentwrapper #right_column .newsitem .itemdate { font-size: 11px; display: block; }
#contentwrapper #right_column .newsitem .readmore { background: url('../img/play_button_small.png?1363362751') right center no-repeat; padding-right: 23px; line-height: 18px; }
#contentwrapper #right_column .newsitem p { margin-bottom: 10px; }
#contentwrapper #right_column .newsletterlink { display: inline; background: url('../img/play_button_small.png?1363362751') right center no-repeat; padding-right: 23px; }

.videocontainer { margin-left: auto; margin-right: auto; width: 960px; *zoom: 1; text-align: center; margin-bottom: 40px; background: url('../img/bg_crack.png?1363362751') center center no-repeat; }
.videocontainer:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.videocontainer .wrapper { background: white url('../img/old_look.png?1363362751'); padding: 10px 10px 5px; margin: 0px auto; -webkit-box-shadow: #666666 0 0 3px; -moz-box-shadow: #666666 0 0 3px; box-shadow: #666666 0 0 3px; position: relative; display: inline-block; }
.videocontainer .wrapper .tape1 { position: absolute; width: 41px; height: 162px; background: url('../img/tape.png?1363362751'); top: 17px; left: -18px; }
.videocontainer .wrapper .tape2 { position: absolute; width: 41px; height: 162px; background: url('../img/tape.png?1363362751'); bottom: 14px; right: -18px; }
.videocontainer .wrapper .picks { position: absolute; width: 157px; height: 132px; background: url('../img/picks.png?1363362751'); bottom: -20px; left: -45px; }
.videocontainer .wrapper video { background-color: #aaa; width: 720px; height: 420px; }

.explanation { margin-left: auto; margin-right: auto; width: 960px; position: relative; *zoom: 1; }
.explanation:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.explanation p { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 860px; position: relative; left: 40px; margin: 0 0px 18px; font-family: Arial; color: #555555; }
.explanation blockquote { position: absolute; right: 5px; bottom: 32px; font-size: 32px; font-family: "OfficinaSerifITCW01-Boo 734540"; }
.explanation figcaption { position: absolute; bottom: 2px; right: 25px; font-size: 12px; }

.mainhead .headline-bold { font-weight: bold; }

.articleteaser { margin-left: auto; margin-right: auto; width: 960px; *zoom: 1; line-height: 1.4; }
.articleteaser:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.articleteaser article { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 260px; position: relative; left: 40px; margin-right: 24px; color: #555555; font-family: Arial; font-size: 14px; }
.articleteaser article h1 { font-size: 24px; text-transform: uppercase; color: black; margin-bottom: 15px; font-family: "ITCOfficinaSerW01-MdSC"; }
.articleteaser article .itemdate { font-size: 10px; font-weight: normal; line-height: 13px; margin-top: -10px; margin-bottom: -15px; }
.articleteaser article .newsteaserimage { float: left; margin-right: 10px; }
.articleteaser article .newsteaserimage img { text-align: left; }
.articleteaser article .articleteaserlink { display: block; font-family: Arial; color: black; text-decoration: none; width: auto; padding: 0 23px 0 0; margin-top: 5px; line-height: 18px; text-align: right; background: url('../img/play_button_small.png?1363362751') no-repeat right bottom; }
.articleteaser article .articleteaserlink:hover { text-decoration: underline; }
.articleteaser .mission { font-size: 16px; }
.articleteaser .supporter { font-size: 16px; }
.articleteaser .news { font-size: 16px; }
.articleteaser .news .newsitem { *zoom: 1; display: block !important; clear: both !important; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 20px; width: auto !important; position: relative !important; left: 0px !important; text-decoration: none; width: 260px !important; color: black; }
.articleteaser .news .newsitem:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.articleteaser .news .newsitem h4 { display: block; font-size: 16px; font-family: "OfficinaSerifITCW01-Boo 734540"; color: black; margin: 0px 0 10px; text-decoration: none; text-transform: uppercase; }
.articleteaser .news .newsitem .image { float: left !important; margin: 0 10px 10px 0 !important; }
.articleteaser .news .newsitem .itemdate { font-size: 11px; }
.articleteaser .news .newsitem p { margin-bottom: 10px; }
.articleteaser .news .newsitem .readmore { background: url('../img/play_button_small.png?1363362751') right center no-repeat; padding-right: 23px; line-height: 18px; display: block; text-align: right; }

#pagefooter { margin-left: auto; margin-right: auto; width: 960px; *zoom: 1; font-family: Arial; font-size: 12px; clear: both; }
#pagefooter:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#pagefooter .metanavigation { text-align: right; padding-right: 25px; }
#pagefooter .metanavigation a { text-transform: uppercase; color: #555555; text-decoration: none; }
#pagefooter .metanavigation a:hover { text-decoration: underline; }

#sidetext_left { display: block; position: fixed; width: 195px; height: 1036px; background: url('../img/sidetext_left.png?1363362751'); left: 50%; margin-left: -635px; top: 50%; margin-top: -518px; z-index: 10; }

#sidetext_right { display: block; position: fixed; width: 118px; height: 630px; background: url('../img/sidetext_right.png?1363362751'); left: 50%; margin-left: 440px; top: 50%; margin-top: -315px; z-index: 10; }

form .formblock { float: left; }
form .formblock.full { width: 100%; }
form .formblock.half { width: 48%; margin-right: 4%; }
form .formblock.half:nth-child(even) { margin-right: 0; }
form .formblock label, form .formblock input, form .formblock textarea { display: block; width: 100%; font-family: Arial; }
form .formblock.checkbox input, form .formblock.checkbox label { float: left; width: auto; }

.addsocial { margin-left: 40px; }

#supportform, #newsletter_signup_form { display: block; *zoom: 1; }
#supportform:after, #newsletter_signup_form:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#supportform input, #supportform textarea, #newsletter_signup_form input, #newsletter_signup_form textarea { border: 2px dashed black; outline: none; font-size: 16px; margin-bottom: 5px; padding: 3px; }
#supportform input[type=checkbox], #newsletter_signup_form input[type=checkbox] { margin-top: 5px; }
#supportform input[type=submit], #newsletter_signup_form input[type=submit] { background: black; color: white; border-color: white; }