/*
Theme Name: Bingo
Theme URI: http://orangelab.se
Description: Det här är temat för Bingohallen.nu
Author: Orangelab
Version: 1.0
*/

/* HTML5 ✰ Boilerplate * /

/* ==|== Normalize ========================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }


a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }



/* ==|== Semantic helper classes ============================================ */

.right, .alignright { 
	float: right; 
}

.left, .alignleft { 
	float: left; 
}

.button { 
	
}

.button:hover {
	
}


/* ==|== Global ============================================================= */

body { 
	background: url(images/bg-header.jpg);
}

body.collection {
	background: #fff;
}

a, a:active, a:visited { 
	color: #000000; 
}

a:hover { 
	color: #6a7b89; 
}

footer a, footer a:active, footer a:visited {
	color: #d6d6d6;
}

footer a:hover {
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold; 
	margin-top: 0;
}

h1 { 
	font-size: 26px; 
}

h2 { 
	font-size: 18px; 
}

h3 { 
	font-size: 14px; 
}

h4 { 
	font-size: 12px; 
}

p {
	margin-top: 0;
	line-height: 150%;
}

.container { 
	width: 960px; 
	margin: 0 auto; 
	padding: 0 10px; 
}

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 19px;
	background: url(images/shadows.png) no-repeat 0px -4px;
}



/* ==|== Header ============================================================= */


body > header {
	background: url(images/bg-header.jpg);
	padding: 0 9px;
}

body > header a.hgroup {
	background: url(images/logo.jpg) no-repeat 50px 0px #fff;
	height: 145px;
	width: 315px;
	float: left;
	position: relative;
	text-decoration: none;
	border: 0;
	display: block;
}

body.collection > header a.hgroup {
	background: url(images/collection-logo.jpg) no-repeat 20px 0px #fff;
	margin: 0 auto;
	float: none;
}

body.collection .under {
	margin: 0 auto;
	width: 330px;
}

body > header a.hgroup h1 {
	text-indent: -9999px;
}

body > header a.hgroup .name {
	font-family: sans-serif;
	font-size: 34px;
	text-align: center;
	color: #742d30;
	margin-top: 48px;
	font-style: italic;
	letter-spacing: -0.06em;
	font-weight: bold;
	border: 0;
	text-decoration: none;
}

.under {
	background: url(images/logo-under.png) no-repeat;
	height: 39px;
}

body > header section {
	float: right;
	margin-top: 20px;
}

body > header section div {
	float: left;
	color: #fff;
	text-transform: uppercase;
	border-right: 1px solid #495959;
	padding-right: 15px;
	margin-right: 15px;
	white-space: nowrap;
}

body > header section div.right {
	float: right;
	margin-top: 10px;
	white-space: nowrap;
}

body > header section div:last-child {
	margin-right: 0;
}

body > header section div.right:last-child {
	margin-right: 15px;
}

body > header nav {
	background: #244f4d;
	float: right;
	padding: 0px 25px;
	margin-top: -85px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   		border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
}

body > header nav li {
	display: inline;
}

body > header nav li a,
body > header nav li a:visited {
	float: left;
	color: #fff;
	font: bold 16px sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	text-decoration: none;
	padding: 15px 20px;
}

body > header nav li a:hover,
body > header nav li.current-menu-item a {
	background: #2f5e5c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);	
}

.page-fold {
	height: 30px;
	background: #fff;
}



/* ==|== Content ============================================================ */


#wrapper {
	background: #fff;
	
}

#main {
	background: #fff;
	padding: 10px 40px 100px;
}

#content {
	width: 565px;
	float: left;
}

.cal header {
	background: #255a57;
	color: #fff;
	text-align: center;
	padding: 8px 0px;
	font: 14px sans-serif;
	margin-bottom: 5px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;		
}

.cal header a {
	color: #fff;
	text-decoration: none;
}

.cal header a:hover {
	color: #222;
	text-decoration: none;
}

.cal header .weekdays, .cal .days {
	margin: 0 5px;
}

.cal header .weekdays div {
	float: left; 
	width: 34px;
	margin-right: 2px;
	font-size: 13px;
}

.cal header a.back {
	background: url(images/arrow-back.png) no-repeat;
	display: block;
	float: left;
	width: 12px;
	height: 18px;
	text-indent: -9999px;
	margin-left: 10px;
}

.cal header h4 {
	float: left;
	text-align: center;
	font-size: 16px;
	margin-bottom: 8px;
	width: 216px;
}

.cal header a.forward {
	background: url(images/arrow-forward.png) no-repeat;
	display: block;
	float: right;
	width: 12px;
	height: 18px;
	text-indent: -9999px;
	padding-right: 10px;
}

.calendar.calendar-ajax-working header {
	background: url(images/loading.gif) no-repeat center 8px #255a57;
}

.calendar.calendar-ajax-working header h4 {
	opacity: 0;
}

.cal .day {
	display: block;
	float: left;
	width: 34px;
	height: 32px;
	margin: 0 2px 2px 0;
}

.cal .day a {
	background: #d8d8d8;
	display: block;
	color: #222;
	width: 34px;
	height: 12px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
}

.cal .day a:hover {
	background: #ccc;
}

.cal .day.empty a:hover {
	background: #d8d8d8;
}

.cal .day.has-event a {
	background: #255a57;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.cal .day.has-event a:hover {
	background: #266864;
}

.calendar .info {
	float: right;
	width: 285px;
}

.calendar .info h3 {
	font: bold 26px sans-serif;
	margin: 7px 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.calendar .info img {
	border: 3px solid #fff;
}


/* ==|== Sidebar ============================================================ */


#sidebar {
	float: right;
	width: 275px;
}

#sidebar aside.widget, #frontpage-sidebar aside.widget {
	margin-bottom: 20px;
	background: #ebebeb;
	border: 1px solid #d6d6d6;
	padding: 5px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
}

#sidebar aside.widget .widget-title {
	margin: 0 0 5px;
}

#sidebar ul {
	padding: 0;
	list-style: none;
}

#sidebar li a {
	color: #333;
	font: 14px sans-serif;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #d4d4d4;
	text-decoration: none;
}

#sidebar ul li a:hover {
	color: #255a57;
}

#sidebar ul li:last-child a {
	border-bottom: none;
}

.widget_currentschedulewidget .widget-title,
#menu .widget-title,
.widget_currentschedulewidget .next-day-button {
	background: #255a57;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font: 14px sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;	
}

#menu ul {
	margin-bottom: 0;
}

.archive-schedule-wrapper {
	padding: 10px;
	background-color: #EBEBEB;
}

.widget_currentschedulewidget div .schedule-info {
	font-size: 11px;
	color: #333;
	padding: 3px 0 3px 3px;
	text-align: left;
}

.widget_currentschedulewidget div > span,
.archive-schedule-wrapper div > span {
	display: block;
	float: left;
	padding: 0 10px 0 15px;
}

.widget_currentschedulewidget div > span.bonus {
	float: right;
	padding-right: 5px;
}

.widget_currentschedulewidget .current-schedule-wrapper {
	padding: 0 0 5px;
}

.widget_currentschedulewidget .current-schedule-list-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
}

.archive-schedule-wrapper ul {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
}

.widget_currentschedulewidget ul li a,
.archive-schedule-wrapper ul li a {
	display: block;
	padding: 5px;
	color: #333;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #f1f1f1;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
	position: relative;
}

#sidebar .widget.widget_currentschedulewidget ul li a:hover,
.archive-schedule-wrapper ul li a:hover {
	background: #d5dede;
}

#sidebar .widget.widget_currentschedulewidget ul li:first-child a {
	border-top: none;
}

#sidebar .widget.widget_currentschedulewidget ul li span.bonus {
	font-style: italic;
	font-size: 11px;
	position: absolute;
	right: 0;
	top: 6px;
	color: #f00;
}

#sidebar .widget.widget_currentschedulewidget ul li span.active.bonus {
	display: block;
	color: #266864;
}

#sidebar .widget.widget_currentschedulewidget ul li a:hover span.bonus {
	display: block;
}

#sidebar .widget.widget_currentschedulewidget .current-schedule-expand {
	display: block;
	text-decoration: none;
	padding: 5px 0;
	text-align: center;
}

.widget_currentschedulewidget .current-schedule-expand:before,
.widget_currentschedulewidget .current-schedule-expand:after {
	content: url(images/arrows.png);
	margin-right: 15px;
}

.widget_currentschedulewidget .current-schedule-expand:after {
	margin: 0 0 0 15px;
}

.widget_currentschedulewidget .current-schedule-expand:hover {
	cursor: pointer;
	color: #266864;
	background: #ddd;
}

.widget .event-list-wrapper .upcoming-event {
	margin: 0 0 5px;
}

.widget .event-list-wrapper .upcoming-event .upcoming-event-date {
	float: left;
	width: 50px;
}

.widget .event-list-wrapper .upcoming-event .upcoming-event-link {
	float: left;
}

.widget .event-list-wrapper .upcoming-calendar-links {
	display: none;
}

/* ==|== Footer ============================================================= */


body > footer {
	background: url(images/bg-header.jpg);
}

body > footer h3 {
	font: bold 16px sans-serif;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

body > footer section {
	float: left;
	width: 150px;
	background: url(images/bg-divider.png) no-repeat right 60px;
	padding: 40px 65px;
}

body > footer section:first-child {
	padding-left: 10px;
	width: 180px;
}

body > footer section:last-child {
	background: none;
	width: 280px;
}

body > footer nav a {
	text-decoration: none;
	display: inline-block;
	padding: 3px 10px 3px 0;
	font-size: 14px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

body > footer p {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 170%;
}

body > footer .copyright {
	color: #999;
	font-size: 11px;
	padding-bottom: 20px;
	text-align: center;
}


/* ==|== Collection ============================================================= */


.collection h2 {
	font: bold 44px sans-serif;
	text-align: center;
	margin: 20px 0 5px;
}

.collection h3 {
	text-align: center;
	font: 18px sans-serif;
	margin-bottom: 50px;
}

.collection section {
	float: left;
	background: #e9f2f1;
	padding: 35px;
	width: 360px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	   		border-radius: 10px;
}

.collection section.single {
	float: none;
	margin: 0 auto;
}

.collection section h2 {
	font-size: 26px;
	margin: 0 0 25px;
}

.collection section a {
	background: #324644;
	display: block;
	width: 280px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto 10px;
	padding: 30px 0;
	font-family: sans-serif;
	font-size: 30px;
	text-align: center;
	color: #fff;
	font-style: italic;
	letter-spacing: -0.06em;
	border: 1px solid #67706f;
	text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   		border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
	   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
			box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

.collection section a:hover {
	background: #266864;
}

.collection #other {
	float: right;
}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* Archive styles */

body.archive .event {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc;
}

.entry-image {
	margin: 0 0 20px 0;
}

body.archive .event .entry-image {
	float: left;
	margin: 0 20px 0 0;
}

body.archive .event .entry-title.has-image {
	margin: 0 0 5px 0;
}

body.archive .event .entry-title.has-image {
	margin: 30px 0 5px 0;
}

body.archive .entry-title a {
	text-decoration: none;
	color: #000;
}

body.archive .entry-title a:hover {
	text-decoration: underline;
}

body.archive .event .entry-excerpt p {
	margin: 0;
}

.entry-meta {
	margin: 0 0 20px 0;
}

body.archive .event .entry-date {
	margin: 0 0 10px 0;
	color: #666;
}

.current-schedule-list-wrapper {
	overflow: hidden;
	position: relative;
}

/* Banners */

#bingobanners {
	border: 1px solid #ccc;
	min-height: 600px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	overflow: hidden;
	position: relative;
}

#bingobanners ul {
	display: block;
	position: absolute;
	width: 30%;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #eee;
}

#bingobanners ul li {
	display: block;
	margin: 0;
	padding: 0;
}

#bingobanners ul li a {
	display: block;
	padding: 15px;
	background: #eee;
	font-size: 1.2em;
	text-decoration: none;
	color: #444;
}

#bingobanners ul li a:hover {
	background: #266864;
	color: #fff;
}

#bingobanners ul li.ui-tabs-selected a {
	background: #fff;
	color: #000;
}

#bingobanners .banner {
	float: left;
	width: 70%;
	margin-left: 30%;
}

#bingobanners .banner .inner {
	padding: 15px;
}

#bingobanners .banner h3.title {
	text-align: left;
	font-weight: bold;
	margin-bottom: 15px;
}

#bingobanners .banner .image {
	padding: 0 0 15px;
}

#bingobanners .banner .code {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 10px;
	background: #266864;
	color: #fff;
	margin: 5px 0;
}

.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}

/* Footer menu */

.footer-menu ul {
	list-style: none;
	text-align: center;
	padding: 20px 0;
}

.footer-menu ul li {
	display: inline;
}

.footer-menu ul li a {
	color: #888;
	margin: 0 10px;
}

.footer-menu ul li a:hover {
	color: #000;
}