/**
 * Stylesheet for frietfindr
 * @media		screen, projection
 * @copyright	CR Solutions
 * @author		Tijs Verkoyen
 */

/* Reset */
body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style:none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/* Typography and text styles */
body { font: 300 14px Arial, sans-serif; line-height: 1.48; padding: 0 0 20px; color: #49463a; background-color: #E0D9D0; }
#header h1, #header h2 { font-size: 36px; font-weight: 700; padding: 0; }
#header h1 a, #header h2 a { display: block; width: 260px; height: 90px; background-image: url('../images/logo.jpg'); background-position: top left; background-repeat: no-repeat; text-decoration: none; }
#header h1 span, #header h2 span { display: none; }

/* Headings */
h1, h2, h3, h4 { line-height: 1.1; font-family: Arial, sans-serif; }
h1, h2 { font-size: 20px; font-weight: normal; margin: 0 0 7px 0; }
h3 { margin: 0 0 16px 0; }
h3, .fake-h3 { font: 300 17px Helvetica, Geneva, Arial; }
h5 { color: #C0C0C0; font-size: 11px; font-weight: normal }
p, .fake-p { padding: 0 0 7px 0; }
p.large { font-size: 15px; }
ul, ol { padding: 0 0 12px 24px; }
ul { list-style: disc; }
ol { list-style-type: decimal; padding: 0 0 12px 24px; }
small, .mute { color: #666; font-size: 11px; }
code { font-family: Monaco, "Courier New", monospace; font-size: 12px; line-height: 1.15; }
pre { padding: 7px 14px; background: #F5F5F5; margin: 0 0 14px; }
blockquote, q { font-style: italic; color: #666; }
blockquote { padding: 0 0 0 14px; }
cite { font-size: 11px; text-align: right; display: block; position: relative; top: -14px; height: 0; }
abbr, acronym { cursor: help; }

a:link, a:visited { color: #D81921; }
a:hover, a:active { background-color: #FFD202; }
a:link.rss, a:visited.rss { padding: 0 030px 0 0; background-image: url('../images/rss_red.gif'); background-position: top right; background-repeat: no-repeat; text-decoration: none; color: #333; }
a:hover.rss, a:active.rss { background-color: transparent; }
a.mobile { display: block; height: 66px; padding: 15px 0 0 70px; background: transparent url('../images/mobile_icon.png') no-repeat top left; text-decoration: none; vertical-align: middle; font-size: 22px; color: #49463A; border-bottom: 1px solid #C0C0C0; }
a.no-hover:hover { background: none; }

/* Page structure and layout */
#container { width: 924px; margin: 0 auto; padding: 30px 0 0 0; background: #FFF url('../images/container_bg.gif') repeat-x top left; border: 1px solid #CABEAE; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#logo { float: left; margin: 0 30px 0 -30px; width: 172px; }
#logo h1 a, #logo h2 a { display: block; width: 172px; height: 279px; background: transparent url('../images/logo.png') no-repeat top left; }
#logo h1 span, #logo h2 span { display: none; }

/* Main */
#main { float: left; width: 700px; padding: 0 0 16px 0; }
#main .column-left { float: left; margin: 30px 30px 0 0; width: 303px; }
#main .column-right { float: left; margin: 30px 0 0; width: 365px; }
#main .column-left-wide { float: left; margin: 30px 30px 0 0; width: 500px; }
#main .column-right-small { float: left; margin: 30px 0 0; width: 160px; }
#main h2 { font: 300 18px Georgia, "Times New Roman", Times, serif; }

/* Navigation */
#navigation { font: 700 14px Helvetica, Geneva, Arial; margin: 0 0 20px 0; }
#navigation ul { float: left; padding: 0; }
#navigation li { float: left; list-style: none; padding: 12px 15px 0 0; }
#navigation li a { text-decoration: none; }
#navigation li.selected a { color: #000; }

/* form */
input.input-text-home { width: 190px; height: 22px; font-size: 16px; }
input.wide { width: 250px; }
input.smallest { width: 75px; }
input.smaller { width: 166px; }
input.input-submit-home { width: 102px; height: 27px; background: transparent url('../images/button_bg.gif') no-repeat center; color: #FFF; border: none; }

/* slogan */
#slogan { font: 300 18px Georgia, "Times New Roman", Times, serif; }

/* map-container */
#map-container { padding: 0 0 32px 0; }
#map { margin: 0 0 16px 0; width: 303px; height: 390px; background: #FFF url('../images/spinner.gif') no-repeat center; border: 1px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* sidebar */
#sidebar { padding: 0 0 32px 0; }
#sidebar .image-with-border { float: right; width: 170px; height: 127px; background-color: #F5F5F5; border: 1px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#contact-container { margin: 0 0 16px 0; }
#in-the-picture { margin: 0 0 32px 0; padding: 20px 0 0; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
#in-the-picture h2 a { font: 700 18px Helvetica, Geneva, Arial; }
#in-the-picture p.meta { text-align: right; padding: 5px 0 0; }
#recent ul { padding: 0; list-style: none; }
#recent ul li { float: left; width: 165px; padding: 0 30px 5px 0; }
#recent ul li a { text-decoration: none; }
#recent ul li.odd { float: left; width: 170px; padding: 0; }
#recent ul li .fake-p { color: #a09d90; line-height: 1; font-size: 13px; padding: 0; }
#text { margin: 32px 0 0 0; }
#schedule ul { padding: 0; list-style: none outside; }

/* Footer */
#footer { margin: 0 auto; width: 924px; color: #666; }
#footer ul { float: right; padding: 5px 20px; }
#footer li { float: left; padding: 0 10px 0 0; list-style: none; font-size: 11px; }
#footer a { text-decoration: none; }

/* Blog */
div.comments { margin: 16px 0 0; padding: 16px 0 16px 0; }
div.comment { margin: 0 0 8px; padding: 0 0 4px; font-size: 12px; border-bottom: 1px solid #C0C0C0; }
div.comment .meta { margin: 0 16px 0 0; text-align: center; width: 50px; }
div.comment .text { width: 290px; }

/* Fork defaults: pagination */
.pagination-wrap { width: 100%; overflow: hidden; }
.pagination { float: left; position: relative; left: 50%; }
.pagination ul { padding: 18px 0; z-index: 2; overflow: hidden; position: relative; left: -50%; }
.pagination li { float: left; list-style: none; margin: 0 5px 0 0; text-decoration: none; padding: 0; line-height: 15px; font-size: 12px; text-align: center; }
.pagination li span { float: left; display: block; padding: 4px 5px; color: #CCC; min-width: 12px; }
.pagination li.currentpage span { font-weight: 700; color: black; }
.pagination li.selected span { padding: 4px 5px; font-weight: 700; color: black; }
.pagination li a:link, .pagination li a:visited { float: left; display: block; padding: 3px 4px; border: 1px solid #DDD; text-decoration: none; min-width: 12px; }
li.ellipsis { margin: 0; }
li.ellipsis span { color: black; }
.pagination li a:hover, .pagination li a:active { background: #EEE; border: 1px solid #BBB; color: black; }
.nextpage, .previouspage { font-size: 11px !important; }
.pagination li.nextpage { margin-left: 10px; }
.pagination li.previouspage { margin-right: 15px; }

/* Fork defaults: general purposes classes */
.hidden { display: none; }
.block { display: block; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.floatright { float: right; }
.i-need-margin { margin: 32px 0 0 0; }
.i-need-little-margin { margin: 16px 0 0 0; }
.i-need-little-padding { padding: 16px 0 0 0; }
.i-need-margin-on-both-sides { margin: 32px 0 16px 0; }
.border-top { border-top: 1px solid #C0C0C0; }
.border-bottom { border-bottom: 1px solid #C0C0C0; padding: 0 0 4px; margin: 0 0 4px; }
.day { display: block; width: 65px; float: left; }

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }