@import "responsive.css";

/* Brighton Jazz Club's Screen Stylesheet 2007 > 2016 */

.hide { display: none !important; }
.grid { display: inline-block; margin: 10px 0; }
    .grid img { float: left; margin: 0 1px 1px 0; width: 80px; height: 60px; }

.banner { margin: 10px 0; }
.news { color: #231f20; }
    /*.news a:link, .news a:visited, .news a:active { color: #231f20; }
    .news a:hover { color: #c70d0d; }*/

html { margin: 0px; padding: 0px; }

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-image: url("../img/bg.gif");
	background-position: 100% 0%;
	background-repeat: repeat;
	background-attachment: fixed;
	border-top: 20px solid #231f20;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	}

a { text-decoration: none; font-weight: 600; }
	a:link { color: #c70d0d;  }
	a:visited { color: #c70d0d; } 
	a:active { color: #c70d0d; } 
	a:hover { color: #f99b03; }

	/* hide the focus */
	a:focus { outline: 0px solid #000 !important; }

img { border: none; }
.image-left { float: left; margin: 5px 10px 10px 0px; border: 1px solid #777; }
.image-right { float: right; margin: 5px 0px 10px 10px; border: 1px solid #777; }
cite { border-bottom: #ccc 1px dotted; font-style: normal; }

.nonify { text-transform: none; }

.small { font-size: 60%; }
.caps { text-transform: uppercase; }
.with { font-weight: 300; font-size: 90%; text-transform: none;  }

/*===*/

.komedia {
	float: right;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	background-color: transparent;
	}

.image {
	float: right;
	text-align: right;
	margin: 5px 0px 10px 10px;
	padding: 0px;
	background-color: transparent;
	}

.caption {
	color: #333;
	width: 200px;
	max-width: 200px;
	text-align: right;
	font-size: 0.65em;
	line-height: 0.9em;
	font-weight: 300;
	margin: 5px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	background-color: transparent;
	}

.caption a { font-weight: 300; text-decoration: none; color: #333; }
	.caption a:link  { text-decoration: none; color: #333; }
	.caption a:visited { text-decoration: none; color: #333; }
	.caption a:active { text-decoration: none; color: #333; }
	.caption a:hover { text-decoration: none; color: #c70d0d; }

/*===*/

#container {
	width: 760px;
	\width: 780px;
	w\idth: 760px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}

/* === */

#header {
	height: 275px;
	/*line-height: 275px;*/
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}

#bjc { padding-top: 45px; }

#circle {
	position: absolute;
	top: 18px;
	left: 400px;
	height: 200px;
	}

#twitter {
	position: absolute;
	top: 265px; /* was 171, 265 */
	left: 720px;
	width: 50px;
	height: 50px;
	}

/* TWEETABLE from http://theodin.co.uk/blog/javascript/tweetable-jquery-plugin.html */

li.tweetable { list-style-type: none; }

#tweets {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}

	#tweets ul {
		margin: 0px;
		padding: 0px;
		}

		#tweets li {
			font-size: 0.85em;
			line-height: 1.2em;
			min-height: 20px;
			background: url("../img/tweet.png") transparent no-repeat 0px 2px;
			margin: 10px 0px 10px 0px;
			padding: 0px 0px 0px 24px;
			list-style-type: none;
			}

		#tweets .hash { color: #c70d0d; }
		#tweets .reply { color: #c70d0d; }
		
		/* tweetlinks */
		#tweets .tweetList li small { color: #8f8084; text-transform: capitalize !important; }
		#tweets .tweetList li span a { text-decoration:none; color: #231f20 !important; font-weight: 300; }
		#tweets .tweetList li span a:hover { color: #231f20 !important; }
		
/*===*/

#topnav {
	position: absolute;
	top: 230px;
	left: 445px;
	}

#topnav p {
	color: #bbb;
	font-size: 0.95em;
	font-weight: 600;
	text-align: left;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	}

#topnav .this { color: #c70d0d; }
#topnav a { padding-right: 3px; text-decoration: none; }
	#topnav a:link  { color: #111; }
	#topnav a:visited { color: #111; }
	#topnav a:active { color: #111; }
	#topnav a:hover { color: #c70d0d; }

.subnav {
	color: #333;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
	}
	
	.quick { font-weight: 600; font-size: 125%; }

.subnav a { text-decoration: none; font-weight: 300; }
	.subnav a:link  { color: #555; }
	.subnav a:visited { color: #555; }
	.subnav a:active { color: #555; }
	.subnav a:hover { color: #c70d0d; }

/* === */

#wrapper {
	margin: 0px;
	padding: 0px;
	}

/* === */

#content {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px 20px 25px 25px;
	background-color: transparent;
	}

#content h1 { display: none; }

.summary {
	font-size: 85%;
	margin: 15px 0px 30px 0px;
	padding: 0px;
	}

	.summary h3.band { margin-bottom: 15px; }
	.summary + h3 { clear: both; }

.tbc { background-color: #f9f9f9; background-color: rgba(249, 249, 249, 0.5); padding: 5px; border-left: 5px solid #eee; }
	.tbc h3.band { margin-bottom: 0px; }
	.tbc p { margin: 2px 0px; }

.details { font-size: 40%; text-transform: uppercase; vertical-align: super; }

.details a { text-decoration: none; padding: 0px 3px 0px 3px; }
	.details a:link  { color: #f9f9f9; background-color: #c70d0d; }
	.details a:visited { color: #f9f9f9; background-color: #c70d0d; }
	.details a:active { color: #f9f9f9; background-color: #c70d0d; }
	.details a:hover { color: #fff; background-color: #c70d0d; }

.season {
	color: #bbb;
	font-size: 2.1em;
	font-weight: 600;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
	
	hr {
		margin: 30px 0px;
		height: 0;
		clear: both;
		border-width: 0;
		border-top: 1px dashed #ddd;
		border-bottom: 1px dashed #fff;
		}
		
.event {
	margin: 0px;
	padding: 30px 0px;
	border-width: 0;
	border-top: 0px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	}
	
	.event:first-of-type { padding-top: 0px; }
		.event:hover { background-color: transparent; background-color: rgba(255, 255, 255, 0.05); }
	
	.event > p:last-child { margin: 15px 0px 0px 0px; padding: 0px; }
	.event h3.band { margin-bottom: 10px; }
	.event + p.subnav { margin-top: 30px !important; }

.month {
	color: #bbb;
	font-size: 1.95em;
	line-height: 1.1em;
	font-weight: 600;
	letter-spacing: -0.0125em;
	margin: 2px 0px 15px 0px;
	padding: 0px;
	}

.month .this  { color: #c70d0d !important; }
.month .available  { color: #333; }
.month .unavailable  { color: #aaa !important; }
.month .unavailable:hover  { color: #bbb !important; }

.month a { text-decoration: none; margin-right: 10px; }
	.month a:link  { color: #333; }
	.month a:visited { color: #333; }
	.month a:active { color: #333; }
	.month a:hover { color: #c70d0d; }

	.archives a { font-weight: 300; }
		.archives a.selected { font-weight: 600; }
	.archives+.month { margin: 15px 0px;}
		
.date {
	color: #c70d0d;
	font-size: 1.2em;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	}

.band {
	color: #333;
	font-size: 1.2em;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	}
	
.doors {
	color: #333;
	font-size: 0.85em;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	}
	
.band a { text-decoration: none; }
	.band a:link  { color: #333; }
	.band a:visited { color: #333; }
	.band a:active { color: #333; }
	.band a:hover { color: #f99b03; }
	
	span.kiss { color: #ee1289; }
	.band a:hover > span.kiss { color: #f99b03; }
	
	/* CLOSED */
	.closed { color: #ccc !important; }
		.date.closed, .date.closed a { color: #ddd !important; }
		.band.closed, .band.closed > .price, .band.closed a, .band.closed a .price { color: #ccc !important; }
		
	/* POSTPONED */
	.postponed { text-decoration: line-through; }
	.blink { text-decoration: none; }

	.announcement {
		color: #ccc;
		font-size: 1.2em;
		font-weight: 600;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		text-transform: uppercase;
		}
		
		.announcement a { text-decoration: none; }
			.announcement a:link  { color: #bbb; }
			.announcement a:visited { color: #bbb; }
			.announcement a:active { color: #bbb; }
			.announcement a:hover { color: #c70d0d; }

.price { color: #aaa; }
.band a:hover span.price { color: #f99b03; }

.lineup {
	color: #333;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 0.72em;
	}

.player { font-weight: 600; text-transform: uppercase; }

.alert { background-color: #fff; background-image: url("../img/alertbg.jpg"); background-position: 100% 0%; background-repeat: repeat; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.time {  text-transform: none; font-weight: 300; font-style: italic; font-size: 11px; color: #c70d0d; }

.oi { color: #000 !important; }
.red { color: #c70d0d !important; }

/* === */

#sidebar {
	float: right;
	width: 215px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}

.sideblock {
	margin: 10px 0px 15px 0px; /*was20bot*/
	padding: 0px 0px 10px 0px;
	background-color: #f4f4f4;
	border-bottom: 3px solid #ddd;
	}

#sidebar h1 {
	color: #fff;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	font-size: 1.1em;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #c70d0d;
	}

#sidebar h1 a { color: #fff !important; }

#sidebar p {
	color: #333;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	font-size: 0.75em;
	}

#sidebar p.when {
	color: #c70d0d;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	font-size: 105%;
	font-weight: 600;
	}

#sidebar p.sponsors { text-align: center; margin: 0px; padding: 0px; }

#sidebar ul, #sidebar ol {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	}

#sidebar li {
	color: #231f20;
	margin: 2px 0px 2px 0px;
	font-size: 0.75em;
	text-align: left;
	}

/* STANDARD TYPOGRAPHY */

h1	{
	color: #231f20;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 2em;
	font-weight: 300;
	}

h2	{
	color: #231f20;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font-size: 2.1em;
	font-weight: 600;
	}
	
	h2+h3 { margin-top: 10px; }

h3	{
	color: #231f20;
	margin: 0px;
	padding: 0px;
	font-size: 1.8em;
	font-weight: 300;
	}

h4	{
	color: #231f20;
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
	font-weight: 300;
	}

h5	{
	color: #231f20;
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: 300;
	}

h6	{
	color: #231f20;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: 300;
	}

p {
	color: #231f20;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 0.8em;
	}

.intro { font-size: 0.9em; }

ul, ol {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	}

li {
	color: #231f20;
	margin: 5px 0px 10px 0px;
	font-size: 0.8em;
	text-align: left;
	}

blockquote {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	}

/* === */

#footer {
	position: relative;
	right: 0px;
	bottom: 0px;
	clear: both;
	text-align: right;
	background-color: transparent;
	margin: 0px;
	padding: 20px;
	}

#footer p {
	color: #555;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	font-weight: 300;
	}

#footer p a { text-decoration: none; font-weight: 300; }
	#footer p a:link  { color: #eee; }
	#footer p a:visited { color: #eee; }
	#footer p a:active { color: #eee; }
	#footer p a:hover { color: #fff; }

/* === */

.totop {
	text-align: right;
	background-color: transparent;
	}

/*===*/