/*-----------------------------------------------------------------------------------
 
    Theme Name: Bobbe Big Band
    Theme URI: http://storband.se/
    Description: Ett tema till storbandet Bobbe Big Band. 
    Author: Alfred Gunnarsson
    Author URI: http://salmiakmedia.se/
    Version: 1
 
-----------------------------------------------------------------------------------
 
    0.  CSS Reset
    1.  Document
     
-----------------------------------------------------------------------------------*/
 
/*---------------------------------------------------------------------------------*/
/*  0.  CSS Reset - html5doctor.com Reset Stylesheet
/*---------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*---------------------------------------------------------------------------------*/
/*  1.  Document - Börja lägg till egen CSS nedan
/*---------------------------------------------------------------------------------*/


/*
font-family: 'Josefin Sans', sans-serif;
font-family: 'Lemon', cursive;
*/

/* Site-wide properties ======================================================== */

/* Grid */

/* Created with NoGutterGrid by Salmiak Media - www.salmiakmedia.se */
.wrapper {width: 960px; margin: 0 auto;} .container_1, .container_2, .container_3, .container_4, .container_5, .container_6 {float: left; margin-left: 0; margin-right: 0; padding: 0;} .container_1 { width: 160px; } .container_2 { width: 320px; } .container_3 { width: 480px; } .container_4 { width: 640px; } .container_5 { width: 800px; } .container_6 { width: 960px; } .inside {margin: 12px;} .clear { width: 100%; clear: both; }


/* Body and typography */

body {
	font: normal normal 16px/1.4 'Josefin Sans', sans-serif; 
	background: url('img/noise.png') #111215;
	color: #EEE;
}

a {
	color: pink;
	text-decoration: none;
}

	.box a {
		color: darkred;
	}

	h1, h2, h3, h4 {
		font-family: 'Lemon';
	}
	
	/* Fibonacci based heading scale ratio */
	h1{ font-size: 4.0em; font-weight: normal; }
	h2{ font-size: 2.5em; font-weight: normal; }
	h3{ font-size: 1.4em; font-weight: normal; }
	h4{ font-size: 1.1em; font-weight: normal; }
	
ul {
	margin-left: 1.2em;
}

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

.center {
	text-align: center;
}

.box .inside {
	background: url('img/noise.png') #EEE;
	padding: 15px;
	border: 1px solid #FFF;
	border-radius: 12px;
	box-shadow: 0px 2px 15px rgba(0,0,0,0.6);
	color: #333;
	min-height: 100%;
}

.inside.borderleft {
	border-left: 1px solid #333;
}
.inside.borderright {
	border-right: 1px solid #333;
}

/* Basic Structure ============================================================= */

#header_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

	header {
		position: relative;
		z-index: 9999;
		width: 1040px;
		height: 100px;
		margin: 15px auto 0;
		background: url('img/noise.png') #EEE;
		opacity: 0.95;
		border: 1px solid #FFF;
		border-radius: 140px;
		box-shadow: 0px 2px 15px rgba(0,0,0,0.6);
	}
	
	header #header_logo {
		margin: 10px 0px 10px 37px;
		display: block;
		height: 80px;
	}
	
	nav {
		position: absolute;
		display: block;
		right: 45px;
		top: 0px;
		height: 100%;
	}
	
		nav ul {
			border-left: 1px solid #EEE;
			border-right: 1px solid #CCC;
			height: 100%;
		}
		
		nav ul li {
			display: block;
			margin: 0px;
			float: left;
			border-left: 1px solid #CCC;
			border-right: 1px solid #EEE;
			line-height: 100px;
		}
		
			nav ul li a {
				display: block;
				margin: 0px;
				padding: 0px 20px;
				line-height: 100px;
				text-decoration: none;
				font-family: 'Josefin Sans', sans-serif;
				font-weight: 600;
				font-size: 17px; 
				color: #333;
				text-transform: uppercase;
				letter-spacing: 1px;
				text-shadow: 0px 1px 1px #FFF;
			}
		
			nav ul li a:hover {
				background: rgba(255,255,255,0.3);
			}

#main {
	margin-top: 65px;
	position: relative;
}

	#main p {
		margin-bottom: 0.8em;
	}

	#main #top_img img {
		box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.4), 0px 0px 16px 4px rgba(0,0,0,0.06);
	}

	#main article {
		margin-top: 55px;
	}
	
	#main article .posttitle {
		text-shadow: 0px 1px 5px #000;
		line-height: 1.2;
	}
	
	#main article .meta {
		margin: 15px 0 20px;
		background: rgba(255,255,255,0.2);
		padding: 7px 15px 5px;
		border-radius: 12px;
		display: inline-block;
		clear: both;
	}

	#main.with_top_img {
		margin-top: -0px;
		z-index: 900;
	}
		#main.with_top_img .posttitle {
			margin-top: -97px;
		}
	
	#main article .post_content {
		margin-right: 0px;
		padding-right: 10px;
		border-right: solid 1px #333;
		
		margin-bottom: 40px;
	}
	
	#main h2, #main h3, #main h4 {
		margin: 20px 0 7px;
	}
	
	
#widgets {
	margin-top: 80px;
	font-family: 'Josefin Sans', sans-serif;
}

	#widgets.with_top_img {
		margin-top: 18px;
	}

.widget .inside {
	padding: 5px 20px;
}
	
.widget h2.widgettitle {
	font: 30px/1.1 'Lemon', 'Arial Black', sans-serif;
	margin-bottom: 15px !important;
	text-shadow: 0px 2px 5px #000;
	color: #EEE;
}


footer {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
}

	#footer_info {
		margin: 30px 0 30px;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	
/* Project specifics =========================================================== */
/* Front-page ================================================================== */


#top_slideshow {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 400px;
	background: #000;
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.15);
	box-shadow: 0px 0px 30px 10px rgba(255,255,255,0.1), 0px 0px 16px 4px rgba(255,255,255,0.06);
	margin: 65px 0 00px;
	overflow: hidden;
}

	#top_slideshow .slide {
		text-align: center;
		width: 100%;
		height: 100%;
		background-position: 50% 50%;
	}

#frontpage_widgets {
	margin: 25px 0;
}

	#frontpage_widgets .widget .inside {
		margin: 7px 0px;
		padding: 10px 32px;
	}

	#frontpage_widgets .widget:nth-child(2n) .inside {
		border-left: 1px solid #333;
		border-right: 1px solid #333;
	}
	
	#frontpage_widgets .widget .widgettitle {
		text-align: center;
	}
	
	
/* Kalender */

table.fullcalendar {
	margin-top: 20px;
	background: url('img/noise.png') #333;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}

	table.fullcalendar tbody tr td  {
		border-top: 	1px solid #404040;
		border-bottom: 	1px solid #555;
		border-left: 	1px solid #444;
		border-right: 	1px solid #444;
		color: #777 !important;
		padding: 0px 4px !important;
	}

	 table.fullcalendar thead tr td.month_name {
		border-top: 	1px solid #404040;
		border-bottom: 	1px solid #555;
		border-left: 	1px solid #444;
		border-right: 	1px solid #444;
	 	text-transform: uppercase;
	 	font-weight: 400;
	 	padding: 5px 0 0 !important;
	 }
	 	
	 	table.fullcalendar td.month_name a {
	 		font-size: 0.8em;
	 	}
	
	 table.fullcalendar .days-names td {
	 	color: #CCC !important;
	 }
	
	table.fullcalendar td.eventless-today, table.fullcalendar td.eventful-today {
		background: url('img/noise.png') #3E3E3F !important;
	}
	
	table.fullcalendar td.eventless-pre,
	table.fullcalendar td.eventless-post {
		background: url('img/noise.png') #282828 !important;
	}
	
	table.fullcalendar ul {
		margin: 0px !important;
	}
	
	table.fullcalendar ul li {
		list-style: none !important;
		font-size: 0.8em !important;
		margin: 3px 0 0 !important;
	}
	
	table.eme-calendar-table td.eventful a, table.eme-calendar-table td.eventful-today a {
		font-weight: 300 !important;
	}