@import url('font-awesome.min.css'); /* @import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic'); */ @font-face { font-family: 'PoliticsHeadBold'; src: url('../fonts/PoliticsHeadv1_9.eot'); src: local('☺'), url('../fonts/PoliticsHeadv1_9.woff') format('woff'), url('../fonts/PoliticsHeadv1_9.ttf') format('truetype'), url('../fonts/PoliticsHeadv1_9.svg') format('svg'); font-weight: normal; font-style: normal; } /* ============= */ /* === RESET === */ /* ============= */ * {outline: 0;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } body { font:13px/1.231 sans-serif; *font-size:small; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background:#FF5E99; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } /* ================== */ /* === ALIGNMENTS === */ /* ================== */ .alignnone { margin: 20px 0; } .aligncenter, .center { text-align: center; display: block; margin: 20px auto; } figure.aligncenter, img.center, img[align="center"] { display: block; margin: 5px auto 20px; } .alignleft { float: left; } figure.alignleft, img.alignleft, img[align="left"] { float: left; margin: 5px 40px 20px 0; } .alignright { float: right; } figure.alignright, img.alignright, img[align="right"] { float: right; margin: 5px 0 20px 40px; } /* ------------------------------ Main */ body#tinymce {padding: 10px 20px;} * { font-family: 'Open Sans', 'Helvetica Neue', 'Arial', Sans-Serif; font-size: 1em; line-height: 1.5em; font-weight: 400; vertical-align: baseline; color: #404040; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px; } /* ------------------------------ Headlines */ h1, h2, h3, h4, h5, h6, h7 { font-family: 'PoliticsHeadBold', 'Helvetica Neue', 'Arial', Sans-Serif; font-weight: 400; margin: 1em 0; color: #181818; } h1 { font-size: 2.4em; line-height: 1em; } h2 { font-size: 1.9em; line-height: 1em; } h3 { font-size: 1.5em; line-height: 1em; } h4 { font-size: 1.2em; line-height: 1em; } h5 { font-size: 1em; line-height: 1em; } h6 { font-size: 1em; line-height: 1em; } /* ------------------------------ Text */ a, a:active, a:visited { color: #f80; } a:hover, a:focus { color: #f50; } p { margin: 1.5em 0; } strong { font-weight: 700; } hr { height: 1px; margin: 3em 0; background: #808080; } em, i { font-style: italic; } q { font-style: italic; color: #808080; } q:before, q:after { font-weight: 700; color: #0077b3; } q:before { content: '"'; } q:after { content: '"'; } blockquote:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; color: #0077b3; content: '\f10e'; font-size: 2em; line-height: 100%; position: absolute; top: 1em; left: 0.25em; height: auto; margin: 0; padding: 0; } blockquote { font-style: italic; color: #808080; padding: 0 0 0 4em; margin: -1.5em 0; overflow: auto; position: relative; } cite, small { font-size: 0.8em; } pre { overflow: hidden; margin: 2em 0; background: #f4f4f4; padding: 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } code { font-size: 0.8em; } pre code { display: block; padding: 2em; margin: -1.2em; color: #bfbfbf; background: #404040; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* ------------------------------ Lists */ ul, ol, dl { margin: 1.5em 0 1.5em 2em; } ul ul, ol ol, ul ol, ol ul { margin: 0 0 0 2em; } ul { list-style: none; } ol { list-style: decimal outside none; } ol ol { list-style: upper-alpha outside none; } ol ol ol { list-style: lower-roman outside none; } ol ol ol ol { list-style: lower-alpha outside none; } li { margin: 0; padding: 0.1em; } ul li:before { font-family: 'FontAwesome'; content: '\f0da'; color: #0077b3; display: block; position: absolute; width: 1em; height: 1em; margin: 0 0 0 -1.25em; padding: 0; } dt { font-weight: 700; } dd { margin: 0 0 1.5em; } /* ------------------------------ Tables */ table { margin: 1.5em 0; width: 100%; } th { text-align: left; color: #1483a8; font-weight: 700; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: 1px solid #bfbfbf; } td { border-bottom: 1px solid #bfbfbf; padding: 6px 10px 6px 0; font-size: 0.9em; /* ------------------------------ Figures */ } img { max-width: 100%; height: auto; } object, audio { max-width: 100%; }