/* @override 
	http://localhost:8000/static/css/base.css
	http://www.cargo-film.de/static/css/base.css
	http://abstract.fritz.box:8000/static/css/base.css
*/
/* @group blueprint overwrites */
/* Set grotesk font to 11pt (same n-height as serif 12pt) */
body {font-size:68.75%;}
a {text-decoration:none;color:#003d5b;}
.small {font-size:0.87em;}
.box {background-color:transparent;}
hr {height:1px;}
hr.space {background:transparent;color:transparent;}
h1 {font-size:2em;font-weight:bolder;margin-bottom:2em;}
th {background-color:none;}
/* @end */
/* @group blueprint fancy type */
form p + p {text-indent:0;}
p.incr, .incr p {font-size:10px;line-height:1.44em;margin-bottom:1.5em;}
/* @end */
/* @group Generic */
ul.no-list {margin:0;padding:0;}
ul.no-list li {list-style-type:none;display:block;}
ul.horizontal {margin:0;padding:0;white-space:nowrap;}
ul.horizontal li {list-style-type:none;display:block;float:left;padding:0 0.2em;}
ul.horizontal li.selected {background-color:#c7dbe6;}
ul.dotted-list {list-style-type:circle;text-shadow:#000000 0 0 0;}
.vspan-6 { height: 6em; }
.vspan-7 { height: 7em; }
.full-width {width:100%;}
/* @end */

body {background:slategrey url(../img/background-white.png) repeat-y center;}
.shadow {height:7px;background:url(img/shadow.png) bottom repeat-x;}

/*.showgrid {background:url(src/grid.png) !important;}*/

hr {background-color:rgb(150,150,150);}
hr.rule {margin:0;padding:0;}
.append-half {margin-right:20px;}
.prepend-half {margin-left:20px;}
/* @group Archive Picks */
/*.teaser-widget {margin-top:-4px;}*/

#archive-pick-scroller {width:720px;}
.archive-pick {margin-bottom:2em;}

.archive-pick.full {float:left;margin-right:10px;width:230px;min-height:230px;}
.archive-pick.full .head {background:url(img/transparent-black.png);color:white;padding:2px;}
.archive-pick.full .head a {color:skyblue;}
.archive-pick.full .head .quiet {color:whitesmoke;}
.teaser-bar .archive-pick {margin-bottom:0;}
/* @end */

/* @group Layout */
#interaction-bar {background-color:lightgrey;position:fixed;top:0;z-index:105;}
#interaction-bar-shadow {position:fixed;top:28px;z-index:100;}
#container {background:url(img/triangle.png) no-repeat scroll left 22px;margin-top:40px;}

#logo {position:relative;left:20px;top:20px;}
#main {min-height:600px;}
#content-setup {background:url(img/transparent-white.png);padding:10px 0 10px 10px;}

div.blog-bar, div.teaser-bar {margin-left:-160px;margin-bottom:12px;}
div.teaser-bar {margin-left:-170px;border:solid black;border-width:1px 0;padding:10px;background-color:black;color:white;min-height:200px;}
div.teaser-bar a {color:skyblue;}
.span-5 img {max-width:190px;}
.span-10 img {max-width:390px;}
#footer {padding:6px;}
/* @end */
/* @group Print Covers */
img.cover {border:1px solid lightgrey;}

#cover a {margin-right:4px;}
#cover a.last {margin-right:0;}
#front-cover {}
.tiny-cover {float:left;width:33px;margin-right:2px;}
.tiny-cover img {width:32px;}
/* @end */
/* @group Menus */
ul.main-menu {position:relative;left:150px;width:800px;}
ul.main-menu {text-transform:uppercase;font-weight:bold;}
ul.main-menu, ul.sub-menu {height:22px;}
ul.sub-menu {border-top:none;background-color:#c7dbe6;}
ul.main-menu li, ul.sub-menu li {padding:3px 6px;}
ul.main-menu li {min-width:32px;border-right:1px solid lightgrey;}
ul.main-menu li.web, ul.main-menu li.print {text-transform:none;border-color:#ddd;}


/* @end */
/* @group Left Sidebar */
.sidebar-menu ul {list-style-type:none;margin-left:0;font-size:10px;}
.sidebar-menu a {font-weight:bold;color:black;}
.sidebar-menu a:hover {color:darkblue;}
.sidebar-menu ul ul {margin:0;}
.sidebar-menu li {padding:2px 0;}
.sidebar-menu ul li ul li {margin-left:20px;}
.sidebar-menu ul li span.current {font-weight:bold;color:black;}
.sidebar-menu ul li span.current:before {content:url(img/current.png);}

.sidebar-menu li.more a {padding:1px 4px;background-color:black;color:white;font-size:9px;font-weight:bold;}

.sidebar-menu ul li ul {display:none;}

.sidebar-menu > li {}
.sidebar-menu li:hover ul ul, .sidebar-menu li:hover ul ul ul, .sidebar-menu li:hover ul ul ul ul {display:none;}
.sidebar-menu li:hover ul, .sidebar-menu li li:hover ul, .sidebar-menu li li li:hover ul, .sidebar-menu li li li li:hover ul {display:block;}
.sidebar-menu li:hover ul {}

#service-tools {margin-top:-60px;margin-left:20px;}
#divisions {position:relative;left:20px;top:30px;}
/* @end */
/* @group Billboard, Page Head */

#billboard {text-align:right;margin-top:2px;margin-left:10px;}

#billboard .grell {border:1px solid #ddd;background-color:#e6e6e6;padding:1em;}
#billboard h1 {}
.page-head .loud {font-size:1.3em;}
.page-head p {margin-bottom:0;}
#mission-statement {}
#mission-statement a {font-weight:bold;}
#billboard-web, #billboard-print {margin-top:8px;margin-bottom:12px;}
#billboard-print {margin-top:0;}
.page-head {margin-top:24px;line-height:20px;margin-bottom:0;}
/* @end */
/* @group User Tools */
#user-tools {height:24px;padding-top:4px;}
#user-tools li {margin-top:2px;}
#user-tools li.right {float:right;margin:0;}
#user-tools li.search-form label {color:#333;margin-right:8px;font-size:0.95em;}
#user-tools li.search-form input {margin:0 4px;}
#user-tools li.search-form input#id_q {
	width:150px;
	background:white url(img/search.png) no-repeat 220px 5px;
	background-position: 140px 4px;
	border:1px solid #003d5b;
	color: #555;
	height: 16px;
	margin: 0px;
	padding: 2px 4px 1px;
	font-size:0.93em;border:1px solid #003d5b;padding:0.14em 0.4em;-moz-border-radius:0.4em;-webkit-border-radius:0.4em;border-radius:0.4em;border-color:#003d5b;
}
/* @end */
/* @group Typography */
.serif {font-family:Georgia,"Times New Roman",serif;font-size:1.09em;}
.serif .small {font-size:0.8em;}
.smaller {font-size:1em;}
/* @end */
/* @group Semantic */
.loud {font-weight:bold;}
.button {font-size:0.93em;border:1px solid #4183b4;background-color:white;color:#4183b4;padding:0.14em 0.4em;-moz-border-radius:0.4em;-webkit-border-radius:0.4em;border-radius:0.4em;border-color:#4183b4;}
a.order-button {font-size:0.83em;border:1px solid #4183b4;background-color:#4183b4;color:white;padding:0.14em 0.4em;-moz-border-radius:0.4em;-webkit-border-radius:0.4em;border-radius:0.4em;}
#user-tools .button {color:rgb(100,100,100);border:1px solid grey;background-color:rgb(245,245,245);}
#user-tools .button:hover {color:white;border-color:grey;background-color:rgb(100,100,100);}
.division-title, .division-title a {font-weight:bold;}
.category-title, .category-title a {color:teal;font-weight:bold;}
.category-title .type {font-size:11px;color:grey;font-weight:normal;}
h5.category-title {font-size:1.05em;}
.button.category-title {color:teal !important;background-color:#cee5e5 !important;border-color:#cee5e5 !important;}
.button.category-title:hover {color:white !important;background-color:teal !important;border-color:teal !important;}

.categories-index {margin-bottom:2em;}
ul.categories {list-style-type:none;line-height:20px;margin:0;}

.isonline {color:#cc3366;}


.cargo-title {font-weight:bold;}
.featured, .featured a {color:#cc3366;}
ul.main-menu .web {color:#cc3366;}
ul.main-menu .print {color:slategray;}
.very-quiet {color:#ddd;}

ul.horizontal.authors li {list-style-type:square;display:list-item;list-style-position:inside;}
ul.no-list.ratings li {border:1px solid #888;border-width:1px 0;}
.date {white-space:nowrap;}
.button:hover {color:lightgray;}
.quote-source {font-style:normal;text-indent:1em;}
.division h3 {font-weight:bold;}

.authors {color:#444;}

ul.no-list.authors {margin-left:20px;}
ul.no-list.authors li h5 {position:absolute;margin-left:-20px;}

/* @end */
/* @group Pagination */
.pagination {border-top:1px solid #ddd;padding-top:1em;}
.pagination .step-links a {background-color:steelblue;color:white;border:2px solid steelblue;padding:0.2em 0.5em;margin:0 0.2em;}
.pagination .current {margin:0 1em 0 0;}
.pagination .step-links a:hover {background-color:lightsteelblue;color:black;}
.pagination.small .step-links a {background:none;border:none;color:#003d5b;}
.pagination.small .step-links a:hover {color:black;}
/* @end */
/* @group Forms */
form table td, form table th {vertical-align:top;}
form ul li {list-style-type:none;}
form ul.errorlist li {display:block;float:left;padding:0 0.2em;list-style-type:none;}
form .errorlist li {color:red;font-weight:bold;font-size:0.833em;}
form ul {margin-bottom:2em;}
form h4 {margin-top:1em;}
form label {font-weight:normal;}
/* @end */
/* @group Search Results */

table.results td {vertical-align:top;}
table.results td.kind {}
table.results td.title .division-title {font-weight:normal;font-size:0.95em;}
table.results td.title .title {font-weight:bold;}
table.results td.title .text {width:390px;font-size:0.95em;padding:2px;background-color:whitesmoke;-moz-border-radius:0.4em;-webkit-border-radius:0.4em;border-radius:0.4em;}
table.results td.date {padding-top:24px;}

/* @end */
/* @group abo-form */
input#id_name, input#id_street, 
	input#id_recipient_name, input#id_recipient_street {width:32em;}
input#id_zip_code, input#id_recipient_zip_code {width:8em;}
input#id_city, input#id_recipient_city {width:23em;}
/* @end */
/* @group Comments */
.comment-form {background-color:lightgrey;padding:1em;}
.comment-form form {margin-left:10em;}
.comment-form p {clear:both;margin:0;}
.comment-form p.error {padding:4px;border:none;}
.comment-form .errorlist {margin:2em 0 0 0;padding:0;white-space:nowrap;}
.comment-form .errorlist li {list-style-type:none;display:block;background-color:red;}
.comment-form label {margin-left:-10em;float:left;}
.comment-form input, .comment-form textarea {}
.posted-comments-list {}
.comment-meta {font-size:0.93em;color:slategray;margin-bottom:0;}
/* @end */
/* @group Frontpage */
body.frontpage #content-setup {margin-top:60px;}
body.frontpage #cover-box {margin-top:-60px;}
/* @end */
/* @group Magazine */
body.magazine-index #content h2,
body.magazine-index #content-related h2,
body.magazine-index #content h3 {padding:6px 8px;background-color:rgb(50,50,50);color:white;}
body.magazine-index #content h2 a, 
body.magazine-index #content h3 a {color:white;} 
.marker {white-space:nowrap;color:lightslategray;font-size:9px;margin-right:1em;border:1px solid lightslategray;padding:0px 2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.isonline.marker {border-width:0;background-color:lightslategray;color:white;padding:1px 3px;}
.isoffline.marker {}
.new.marker {border:none;margin-left:-1em;}
.new {border-color:sandybrown;color:sandybrown;}
.offline-only {color:grey;}
.offline-only a {color:lightslategray;}
ul.table-of-contents p {margin-bottom:0;}
ul.table-of-contents {list-style-type:none;margin-left:0;}
ul.table-of-contents li {margin-bottom:8px;}
/* @group Articles */
.article h1, .blog-entry h1 {font-family:inherit; margin-top:0.3em;margin-bottom:1em;line-height:1.2em;}
h1 .subtitle {font-weight:normal;font-size:0.7em;}
.article .introduction {font-family:inherit;font-weight:normal;font-size:1.05em;margin-top:2em;}
.article .text {margin-top:4em;font-family:Georgia,"Times New Roman",serif;font-size:1.09em;}
#right-sidebar {padding-top:48px;}
#content-related .meta {margin-top:10px;}
/*#right-sidebar .meta {margin-top:48px;}*/
/* @end */
/* @end */
/* @group Blog */
.blog-entry p {text-indent:inherit;margin-top:inherit;}
.blog-entry-comments p {text-indent:inherit;margin-top:inherit;}
.blog-entry-body a {text-decoration:underline;}
.text img,
	.blog-entry-body img,
	.blog-entry-body embed,
	.blog-entry-body object {max-width:510px;}
.widget img {max-width:390px;}

.blog-entry h1 {font-size:1.6em;line-height:1 !important;}
.blog-entry h1 .subtitle {font-size:0.7em;}


/* @end */
/* @group Ratings */
.neu-im-kino {background:#778899;color:white;min-height:14em;}
.neu-im-kino h3 {background-color:lightblue;padding:0.4em 1em;margin:0 -1em 0.5em;}
.neu-im-kino .cargopoints {color:pink;}
.neu-im-kino .cargopoints {color:#003d5b;}
.neu-im-kino li a {color:white;}
.neu-im-kino ul {margin:1.5em 0;}
.neu-im-kino ul li {list-style-type:none;}
.neu-im-kino ul li:before {content:"– ";}
#rating-table {border-collapse:collapse;}
#rating-table table th,
	#rating-table table td {border-bottom:1px solid #ddd;font-weight:normal;}
#rating-table table td {text-align:center;}
table.cargo-points-listing {border-collapse:collapse;}
.cargo-points-listing td {background-color:lightsteelblue;font-size:0.93em;}
.cargo-points-listing td.cp {font-family:monospace;font-size:1em;text-align:right;white-space:nowrap;width:4em;background-color:#c8d1de;}
#movies .title {font-weight:bold;font-style:normal;}
/* @end */
/* @group Print */
.issue table.table-of-contents td {vertical-align:top;padding-left:0;}
.issue table.table-of-contents td.section-header h3 {margin-top:2em;}
.issue table.table-of-contents td.author {width:10em;}
.issue table.table-of-contents td.page_number {text-align:right;padding-right:0;}
.issue table.table-of-contents h3 {font-size:1.2em;line-height:1.25;color:#cc3366;}
.issue table.table-of-contents h5 {font-weight:normal;}
/* @end */
/* @group Videos */

body.video #container {background:#333 url(img/triangle-inverse.png) no-repeat scroll left top;}
body.video #content-setup {background:url(img/transparent-black.png);padding:10px 0 10px 10px;}


body.video #main hr {background-color:#444;}
body.video #main hr.space {background:transparent;color:transparent;}

body.video div.border, body.video div.colborder {border-color:#444;}
body.video ul#main-menu, body.video ul#sub-menu, body.video ul#main-menu li, body.video ul#sub-menu li {border-color:#444;}
body.video .loud, 
	body.video h1,
	body.video h2,
	body.video h3,
	body.video h4,
	body.video h5 {color:#ddd;}
body.video #main a, body.video #frontmatter a, body.video #footer, body.video #footer a, body.video #service-tools a {color:#dde;}
body.video #main li.selected {background-color:#00467d;}
body.video #main div {color:white;text-shadow:1px white;}
body.video #main .button {background-color:#666;border-color:#666;}
/* @end */
/* @group Feeds */
.feed, .feed-list li a {padding:0 0 0 1.5em;background:url("../img/feed-icon-14x14.png") no-repeat 0 50%;}
.feed-list {margin:0;padding:0;list-style-type:none;}
.feed-list li {margin:0;padding:0;list-style-type:none;}
/* @end */
/* @group SMS */
div.bubble {width:auto;margin-bottom:1em;}
div.bubble blockquote {color:#B1213A;margin:0;padding:0;border:1px solid #c9c2c1;width:100%;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background-color:white;max-width:310px;}
div.bubble blockquote p {margin:0.5em 1em;padding:0;}
div.bubble cite {display:block;margin:-2px 0 0;padding:7px 0px 0px 15px;top:4px;background:transparent url(../img/tip.gif) no-repeat 20px 0;font-style:normal;}
/* @end */