/* 
Theme Name: .refined [Hybrid]
Theme URI: http://dangerbeuys.de
Description: A refined child theme of the Hybrid theme framework.
Author: Markus Dobersalsky
Author URI: http://dangerbeuys.de
Version: 0.2
Tags: Framework
Template: hybrid
*/
/* Get base CSS */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; vertical-align:baseline; outline:none; font-size:100%; background:transparent; border:none; text-decoration:none }
b, i, hr, u, center, menu, layer, s, strike, font, xmp { margin:0; padding:0; vertical-align:baseline; outline:none; font-size:100%; font-weight:normal; font-style:normal; background:transparent; border:none; text-decoration:none }
font { color:#333 }
center { text-align:left }
body { line-height:20px; font-family:Georgia, Times, "Times New Roman", serif; color:#FFF; background:#fff }
h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:normal; margin:0 0 20px 0; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size:1.8em }
h2 { font-size:1.7em }
h3 { font-size:1.55em; }
h4 { font-size:1.4em }
h5 { font-size:1.25em }
h6 { font-size:1.1em }
p { margin:0 0 20px 0 }
ol, ul { list-style:none }
ul { list-style:disc; margin:0 0 20px 2.5em }
ol { list-style-type:decimal; margin:0 0 20px 3em }
ol ol { list-style:upper-roman }
ol ol ol { list-style:lower-roman }
ol ol ol ol { list-style:upper-alpha }
ol ol ol ol ol { list-style:lower-alpha }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0 }
dl { margin:0 0 20px 5px }
dl dt { font-weight:bold; margin:10px 0 0 0 }
dl dd { margin:5px 0 0 1.5em }
strong { font-weight:bold }
strong strong { font-weight:normal }
em, cite { font-style:italic }
em em, cite cite { font-style:normal }
abbr { cursor:help }
acronym { text-transform:uppercase; border-bottom:1px dashed #666; cursor:help }
big { font-size:120% }
small, sup, sub { font-size:80% }
sup { vertical-align:baseline; position:relative; bottom:0.3em }
sub { vertical-align:baseline; position:relative; top:0.3em }
address { font-style:italic; margin:0 0 20px 0 }
li address, dd address { margin:0 }
blockquote { margin:0 25px; font-style:normal }
blockquote em, blockquote cite { font-style:italic }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
a { cursor:pointer }
a img { border:none }
pre { overflow:auto; font:.9em Monaco, monospace, Courier, "Courier New"; line-height:20px; margin-bottom:20px; padding:10px }
code { font:.9em Monaco, monospace, Courier, "Courier New" }
pre code { font-size:1em }
ins, dfn { font-style:italic; text-decoration:none; border-bottom:1px solid #666 }
del { text-decoration:line-through }
object { margin-bottom:20px }
input, textarea { padding:4px; font: 1em Arial, Helvetica, sans-serif; }
:focus { outline:none }
form label { cursor:pointer }
option { padding:1px 2px }
table { border-collapse:collapse; border-spacing:0; margin-bottom:20px }
th, td { text-align:left }
hr { margin-bottom:20px }
img.wp-smiley { max-height:12px; margin:0; padding:0; border:none }
.gallery { display:block; text-align:center; margin-bottom:20px !important }
.alignleft, .left { float:left; margin-right:15px }
.alignright, .right { float:right; margin-left:15px }
.aligncenter, .center { display:block; margin:0 auto 20px auto }
.alignnone, .block { clear:both; margin:0 0 20px 0 }
.clear { clear:both }
img.alignleft, img.alignright { display:inline }
blockquote.alignleft, blockquote .alignright { width:33% }
/* Get layout CSS */
/**
 * Two columns with content floated left.
 * Fixed width of 960px.
 *
 * @since 0.6
 * @package Hybrid
 * @subpackage CSS
 */

#body-container { width: 100%; }
#container { overflow: hidden; width: 920px; margin: 20px auto; }
.content { overflow: hidden; float: left; width: 662px; }
.no-widgets .content, .no-default-widgets .content { width: 960px; }
#primary { position: relative; float: right; width: 242px; font-size: 14px; }
#secondary { position: relative; clear: right; float: right; width: 240px; }
#subsidiary { overflow: hidden; }
#subsidiary .widget { overflow: hidden; float: left; width: 300px; margin: 0 20px 0 0; }
#footer-container { clear: both; overflow: hidden; }
#footer { overflow: hidden; margin: 0px auto; width: 920px; padding: 20px; }
/* Get default CSS */
/**
 * Screen Stylesheet
 * Default style for the Hybrid theme
 *
 * @since 0.3
 * @package Hybrid
 * @subpackage CSS
 */

/* Body */
body { font: normal 15px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #CACACA; background: #000; }
/* Body container */
#body-container { margin: 20px 0px; background: url(images/linesAI_1920x480_png8.png) no-repeat center top; }
/* Links */
a { color: #0CF; text-decoration: none; }
a:visited { color: #3CF; }
a:hover, a:active { color: #F30; text-decoration: underline; }
/* Headers */
h2, h3, h4, h5, h6 { color: #333; font-weight: bold; }
h2 { font-size: 21px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }
h6 { font-size: 13px; }
/* Lists */
ul { list-style: square; }
/* Blockquotes */
blockquote { font-style: italic; color: #555; }
blockquote blockquote { color: #777; }
blockquote em { font-style: normal; }
/* Code */
pre { padding: 9px; background: #f9f9f9; border: 1px solid #ccc; }
code { padding: 0 3px; background: #eee; }
pre code { background: transparent; }
/* Tables */
table { width: 100%; border-collapse: separate; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
caption { font-size: .9em; font-style: italic; text-align: right; }
td, th { padding: 3px 6px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
th { background: #eee; }
/* Drop caps */
.drop-cap { float: left; margin: 3px 3px 0 0; font: normal 47px/35px Arial, Helvetica, sans-serif; color: #333; }
/* Notes */
.note { padding: 6px 9px; background: #eee; border: 1px solid #ccc; }
/* Warnings/Alerts */
.warning, .alert { padding: 6px 9px; background: #fffbbc; border: 1px solid #E6DB55; }
/* Errors */
.error { padding: 6px 9px; background: #ffebe8; border: 1px solid #C00; }
/* Downloads */
.download { padding: 6px 9px; background: #e7f7d3; border: 1px solid #6c3; }
/* Breadcrumb */
.breadcrumb { margin: 0 0 30px 0; font-size: .9em; font-style: italic; color: #666; }
.breadcrumb a { color: #111; text-decoration: none; }
.breadcrumb a:hover { color: #d54e21; text-decoration: underline; }
/* Images */
.post img { max-width: 616px; padding: 5px; border: 1px solid #EAEAEA; background: #F2F2F2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.thumbnail { float: left; margin: 5px 15px 0 0; }
/* Captions [caption] */
.wp-caption { max-width: 628px; margin-top: 6px; padding: 6px 1px 0 1px; border: 1px solid #EAEAEA; text-align: center; background: #F2F2F2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.wp-caption .wp-caption-text { margin: 0; padding: 0 5px; text-align: right; font-size: .9em; font-style: italic; color: #666; }
.wp-caption img { max-width: 616px; margin: 0 auto; padding: 0; border: 1px solid #EAEAEA; }
/* Gallery [gallery] */
.gallery img { border: 1px solid #ccc; }
/* Avatars */
.avatar { float: left; width: 100px; height: 100px; margin: 5px 15px 0 0; padding: 5px; border: 1px solid #ccc; }
/* Header */
#header { margin: 0px auto; width: 960px; position: relative; height: 240px; }
/* Blog title */
#site-title { font: bold normal 36px/36px Arial, Helvetica, sans-serif; padding: 40px 20px 10px; margin: 0px; }
#site-title a { color: #FFF; }
/* Blog description */
#site-description { font: 16px Arial, Helvetica, sans-serif; margin: 0px 0px 40px; color: #F2F2F2; padding: 0px 20px; }
/* Navigation */
#navigation { overflow: visible; height: 32px; margin: 0px; z-index: 100; padding: 0px 20px; position: absolute; bottom: 20px; }
#page-nav li { margin: 0px; }
#page-nav li li { margin-right: 0; }
#page-nav li a { padding: 8px 15px 8px 15px; color: #FFF; background: #333; font-size: 16px; }
/* Drop-downs style */
#page-nav li:hover ul, li.sfHover ul { top: 32px; }
#page-nav li li a { margin-right: 0; }
#page-nav li ul { background: #333; }
#page-nav li li:hover ul, li li.sfHover ul, #page-nav li li li:hover ul, li li li.sfHover ul { top: -1px; }
#page-nav li li li { margin-left: -1px; }
/* Container (wraps content, primary, and secondary) */
#container { padding: 20px; background: #F2F2F2; color: #4C4C4C; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
/* Main content */
.content { margin: 0 0 20px; }
.no-widgets .content, .page-template-no-widgets .content { width: 960px; }
/* Posts */
.post { overflow: hidden; margin: 0 0 40px; background: #FFF; padding: 10px; border: 1px solid #EAEAEA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.single .post, .attachment .post, .page .post { margin: 0; }
/* Pages */
.page { background: #FFF; margin: 0px 0px 20px; padding: 10px; overflow: hidden; border: 1px solid #EAEAEA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
/* Archive information */
.author-info, .search-info { overflow: hidden; margin: 0 0 40px 0; }
/* Entry title */
.entry-title { font-size: 24px; margin: 0 0 12px 0; font-weight: normal; }
.archive .entry-title, .search .entry-title { font-size: 21px; margin: 0; }
.page-title, .attachment-title { margin: 0 0 21px 0; }
.entry-title a { color: #000; }
.entry-title a:hover { color: #F30; }
/* Byline */
.byline { margin: 0 0 30px 0; font-style: italic; color: #8C8C8C; font-size: 13px; }
.archive .byline, .search .byline { margin: 0; }
.byline .byline-prep { text-transform: lowercase; }
/* Entry content */
.entry-content { overflow: hidden; margin: 0 0 10px 0; }
/* Entry metadata */
.entry-meta { clear: both; color: #8C8C8C; font-size: 13px; font-style: italic; }
/* Page links (multiple-paged posts) */
p.pages a { margin: 0 3px; padding: 3px 9px 3px 9px; border: 1px solid #ccc; }
/* Navigation links */
.navigation-links { margin-bottom: 20px; font-style: italic; }
.navigation-links a { color: #FFF; }
.navigation-links .previous { float: left; max-width: 50%; color: #FFF; background: #0CF; padding: 2px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.navigation-links .next { float: right; max-width: 50%; text-align: right; color: #FFF; background: #0CF; padding: 2px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.navigation-attachment { overflow: hidden; }
/* WP Pagenavi plugin */
.wp-pagenavi { margin-bottom: 21px; }
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a { margin-right: 6px; padding: 3px 9px 3px 9px; border: 1px solid #ccc; }
/* Widgets */
.widget { overflow: hidden; margin: 0 0 20px; color: #6A6A6A; background: #FFF; padding: 10px; border: 1px solid #EAEAEA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.widget a { color: #6A6A6A; }
.widget a:hover { color: #d54e21; text-decoration: none; }
/* Widget titles */
.widget-title { font-size: 18px; font-weight: normal; color: #F2F2F2; background: #333; padding: 2px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single { margin: 0 0 21px 0; padding: 20px 20px 0 20px; border: 1px solid #ccc; }
/* Comments template */
#comments-template { clear: both; }
/* Comment headers */
.comments-header { font-size: 1.2em; }
/* Comments are closed */
.comments-closed { font-style: italic; }
/* Comment list */
#comments-template ol { list-style: none; margin: 0 0 21px 0; }
#comments li, #comments li li li, #comments li li li li li { overflow: hidden; margin: 0 0 15px 0; padding: 15px 15px 0 15px; background: #fff; border: 1px solid #EAEAEA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
#comments li li, #comments li li li li { background: #FAFAFA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
/* Avatar */
#comments-template .avatar { width: 40px; height: 40px; float: left; margin-right: 15px; padding: 0; border: 1px solid #666; }
/* Comment metadata */
.comment-meta { margin: 10px 0 21px 0; font-size: 13px; color: #666; }
.comment-author { font-size: 15px; color: #000; }
.comment-reply-link, .permalink, .comment-edit-link { font-style: italic; color: #666; }
/* Comment text */
.comment-text { clear: left; margin: 0 15px; }
/* Form */
.text-input { display: block; padding: 3px 6px; width: 97%; }
#comments-template label { font-size: .9em; }
/* Respond textarea */
textarea { width: 98%; }
/* Submit and rest buttons */
.button, .submit, .reset { width: 100px; margin-right: 15px; padding: 7px 15px 8px 15px; background: #0CF; border: 1px solid #EAEAEA; color: #FFF; font-weight: bold; }
.button:hover, .submit:hover, .reset:hover { cursor: pointer; background: #F30; color: #FFF; }
/* Footer container */
#footer-container { margin: 0 0 21px 0; }
/* Subsidiary */
#subsidiary { margin: 0 0 21px 0; }
/* Footer */
#footer { color: #4C4C4C; background: #F2F2F2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
#footer .copyright { display: inline; float: left; margin-right: 9px; }
/* Customizations */
#flash-header { height: 240px }
#primary ul { list-style: none; margin: 0px 0px 20px 20px; }
.comments-link, .comments-link:visited { color: #FFF; background: #0CF; padding: 0px 4px; border: 1px solid #EAEAEA; -moz-border-radius: 4px; -webkit-border-radius: 4px; white-space: nowrap; }
.comments-link:hover { background: #F30; color: #FFF; text-decoration: none; }
/* Get plugins CSS */
.wp-pagenavi .pages { margin:2px 3px 2px 0; font-style:italic }
.wp-pagenavi .current { margin:2px; padding:1px 6px; font-weight:bold }
.wp-pagenavi .extend { margin:2px }
.wp-pagenavi a { margin:0 2px; padding:1px 6px; font-style:italic; border:1px solid #ccc }
.WP-EmailIcon { padding:0; margin:0; border:none }
.comment_license { font-style:italic }
img#wpstats { overflow:hidden !important; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important }
.contact-form { margin-bottom:21px }
.contact-form legend { display:none }
.contact-form .form-input input { display:block; margin-bottom:6px; padding:3px 6px; width:300px }
.contact-form label { font-size:.9em }
.contact-form textarea { width:97%; margin-bottom:6px; padding:6px }
.contact-form .form-option { margin-bottom:6px }
.contact-form .button { width:100px; margin-right:9px; padding:6px 9px }
.contact-form .button:hover { cursor:pointer }
/* Get drop-downs CSS */
/**
 * Dropdowns Stylesheet
 * Sets up some default dropdown menu styles
 * Style rules for both the page and category menus
 *
 * @since 0.5
 * @package Hybrid
 * @subpackage CSS
 */

/* Default page menu styles */
#page-nav ul { margin: 0; padding: 0; list-style: none; }
#page-nav ul { line-height: 1.0; }
.menu ul { position: absolute; top: -999em; width: 10em; }
#page-nav ul ul li { width: 100%; }
#page-nav li:hover { visibility: inherit; }
#page-nav li { float: left; position: relative; }
#page-nav a { display: block; position: relative; text-decoration: none; font-weight: bold; }
#page-nav .current_page_item a, #page-nav .current_page_parent a { background: #0CF; }
#page-nav a:hover { background: #F30; color: #FFF; }
#page-nav li:hover ul, li.sfHover ul { left: 0; top: 32px; z-index: 99; }
#page-nav li:hover li ul, li.sfHover li ul { top: -999em; }
#page-nav li li:hover ul, li li.sfHover ul { left: 10em; top: 0; }
#page-nav li li:hover li ul, li li.sfHover li ul { top: -999em; }
#page-nav li li li:hover ul, li li li.sfHover ul { left: 10em; top: 0; }
/* Default category menu styles */
#cat-nav ul { margin: 0; padding: 0; list-style: none; }
#cat-nav ul { line-height: 1.0; }
.menu ul { position: absolute; top: -999em; width: 10em; }
#cat-nav ul ul li { width: 100%; }
#cat-nav li:hover { visibility: inherit; }
#cat-nav li { float: left; position: relative; }
#cat-nav a { display: block; position: relative; }
#cat-nav li:hover ul, li.sfHover ul { left: 0; top: 2em; z-index: 99; }
#cat-nav li:hover li ul, li.sfHover li ul { top: -999em; }
#cat-nav li li:hover ul, li li.sfHover ul { left: 10em; top: 0; }
#cat-nav li li:hover li ul, li li.sfHover li ul { top: -999em; }
#cat-nav li li li:hover ul, li li li.sfHover ul { left: 10em; top: 0; }
/* Contact Form 7 CSS */
div.wpcf7 { margin: 0; padding: 0; }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }
div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }
div.wpcf7-spam-blocked { border: 2px solid #ffa500; }
div.wpcf7-validation-errors { border: 2px solid #f7e700; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; }
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }
img.ajax-loader { border: none; vertical-align: middle; }
/* Footer-Bookmarks */
#footer-info { float: left; line-height: 32px; width: 660px; }
#footer-bookmarks { overflow: hidden; height: 32px; float: right; }
#footer-bookmarks ul { list-style: none; margin: 0px; }
#footer-bookmarks li { float: left; margin: 0px 0px 0px 20px; }
.footer-bookmarks-title { float: left; display: none; }