/*
Theme Name: Firebug
Theme URI: http://firebugbar.net
Version: 3.0.1
Author: WeTheConspirators
Author URI: http://wetheconspirators.com/
*/

@import url("reset.css");

/* ------------------------------------------------------------
Body
------------------------------------------------------------ */

body {
	background-color:#ccc;
	color: #000;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height:1.4em;
	margin: 0 0 0 0;
	padding: 0;
}

#page {
	margin:0 auto;
	width:970px;
}

.clear {
	clear:both;
}

.clear-page {
	clear:both;
	height:150px;
	min-height:150px;
}



/* ------------------------------------------------------------
Header
------------------------------------------------------------ */

#header-wrapper {
	background-color:rgba(243,243,243,1);
	height:80px;
	position:fixed;
	top:0px;	
	width:100%;
	z-index:100;
}

#header {	
	color:#fff;
	padding:10px 0 10px 0;
	position:fixed;
	width:150px;
}

	.logo {
		background-color:#fff;
		height:90px;
		padding:20px 26px 20px 25px;
		width:90px;
	}
	
	.top-nav {
		font-family:"Brandon Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:16px;
		font-weight:600;
		letter-spacing:3px;
		margin:0 0 0 0;
		text-transform:uppercase;
	}
	
		/*IE*/
		.ie8 .top-nav {
			margin:13px 0 0 0;
		}
		
		.ie7 .top-nav {
			margin:13px 0 0 -16px;
		}
	
	.top-nav li {
		list-style:none;
		padding:0 0 0 0;
	}
	
		/*IE*/
		.ie8 .top-nav li {
			margin:0 0 14px 0;
		}
		
		.ie7 .top-nav li {
			margin:0 0 16px 0;
		}
		
	.top-nav li a,
	.top-nav li a:visited {
		background-color:#fff;
		color:#000;
		padding:3px 5px;
	}
	
	.top-nav li a:hover {
		background-color:#000;
		color:#fff;
		padding:3px 5px;
	}

.header-promo {
	margin:22px 0 0 150px;
	position:fixed;
}

	.header-block-title {
		background-color:#ff0;
		font-size:30px;
		font-style:italic;
		font-weight:bold;
		letter-spacing:1px;
		margin:0 0 6px 0;
		padding:5px 0;
		text-transform:uppercase;
		width:150px;
	}
	
	#header-block {
		margin:12px 0 0 0;
	}
	
	#header-block li {
		list-style:none;
		max-width:650px;
		min-width:650px;
	}
		
		.promo-date {
			background-color:#fff;
			color:#000;
			font-size:22px;
			font-weight:bold;
			letter-spacing:1px;
			padding:3px 6px 7px 6px;
			text-transform:uppercase;
		}

		.promo-details {
			background-color:#fff;
			border-bottom:5px solid #ff0;
			color:#000;
			font-size:16px;
			font-weight:bold;
			letter-spacing:1px;
			line-height:1.6em;
			margin:-6px 0 0 0;
			padding:3px 6px 2px 6px;
			text-transform:uppercase;
		}
		
	/*IE*/
	.ie7 .header-promo {
		
	}
	
	.ie7 .header-block-title {
		background-color:none;
		font-size:30px;
		font-style:italic;
		font-weight:bold;
		height:100px;
		letter-spacing:1px;
		margin:-6px 0 6px 0;
		padding:10px 5px 5px 5px;
		text-transform:uppercase;
	}	
	
	.ie7 .promo-date {
		background-color:none;
		color:#000;
		font-size:22px;
		font-weight:bold;
		letter-spacing:1px;
		margin:0 0 0 0;
		padding:10px 6px 7px 6px;
		text-transform:uppercase;	
	}

	.ie7 .promo-details {
		background-color:#fff;
		border-bottom:5px solid #ff0;
		color:#000;
		font-size:16px;
		font-weight:bold;
		letter-spacing:1px;
		line-height:1.6em;
		margin:5px 0 0 0;
		padding:3px 6px 2px 6px;
		text-transform:uppercase;
	}
		


/* ------------------------------------------------------------
Links
------------------------------------------------------------ */

a, a:active, a:visited {
	color:#000;
	text-decoration: none;
}

a:hover {
	color:#999;
}

a img, a:hover img {
	border: none;
	border-bottom: none;
	opacity:1;
}



/* ------------------------------------------------------------
Headings / Typography
------------------------------------------------------------ */

small {
	font-size: 0.9em;
	line-height: 1.5em;
}

h1, h2, h3 {
	font-weight: bold;
}

h1 {
	font-size: 12px;
	margin: 0;
	padding-top: 70px;
}

h2 {
	font-size: 12px;
	margin: 30px 0 0;
}

h3 {
	font-size: 12px;
	margin: 30px 0 0;
	padding: 0;
}



/* ------------------------------------------------------------
Column Structure / Layout
------------------------------------------------------------ */

.postscolumn {
}


/* ------------------------------------------------------------
Content
------------------------------------------------------------ */

#content {
	font-size: 14px;
	margin:148px 0 0 150px;
	position:absolute;
	width:650px;
	z-index:0;
}



/* ------------------------------------------------------------
Index
------------------------------------------------------------ */

.post {
	background-color:#fff;
	line-height:1.6em;
	margin:0 0 6px 0;
	padding:20px 10px;
}

	.post-title {
		font-size:26px;
		font-weight:bold;
		letter-spacing:2px;
		margin:0 0 0 0;
		text-transform:uppercase;
	}
	
	.post-content {
		clear:both;
		display:block;
	}
	
	.post-meta {
		clear:both;
		display:block;
		margin:15px 0 0 0;
	}
	
	.post-comment {
		background-color:#ff0;
		float:left;
		font-size:11px;
		font-weight:bold;
		letter-spacing:1px;
		padding:2px 3px 4px 3px;
		text-transform:uppercase;
	}
	
	.post embed,
	.post object {
		min-height:354px;
		min-width:630px;
		padding:10px 0;
	}
	.post iframe {
		padding:8px 10px 8px 0;
	}
	
	.post img {
		padding:8px 10px 8px 0;
	}
	
	.gallery-icon img {
		padding:5px 5px 5px 5px;
	}
		

.navigation {
	font-size:14px;
	font-weight:bold;
	padding:1px 0 0 0;
	text-transform:uppercase;
}

.alignleft,
.alignright {
	background-color:#fff;
	padding:4px;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}



/* ------------------------------------------------------------
Page
------------------------------------------------------------ */

.page-title {
	font-size:26px;
	font-weight:bold;
	letter-spacing:2px;
	margin:5px 0;
	padding:0 0 10px 0;
	text-transform:uppercase;
}

.page-h1 {
	background-color:#ff0;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	padding:4px;
	text-transform:uppercase;
}

.page-h2 {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.page-h3 {
	background-color:#000;
	color:#fff;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:1px;
	padding:4px 4px 6px 4px;
	text-transform:uppercase;
}



/* ------------------------------------------------------------
Sidebar
------------------------------------------------------------ */

#sidebar {
	height:200px;
	margin:0 0 0 806px;
	position:fixed;
	top:148px;
}

	.sidebar-block {
		background-color:#fff;
		margin:0 0 6px 0;
		padding:3px 5px 5px 5px;
		width:150px;
	}
	
	.sidebar-title {
		background-color:#fff;
		font-size:18px;
		font-weight:bold;
		letter-spacing:1px;
		padding:0 0 3px 0;
		margin:0 0 6px 0;
		text-transform:uppercase;
		background-color:#fff;
		padding:3px 5px 5px 5px;
		width:150px;
	}

	.ui-state-focus { outline: none; }
	.ui-accordion-header { outline: none; }

	.sidebar-copy {
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		background-color:#fff;
		margin:0 0 6px 0;
		padding:3px 5px 5px 5px;
		width:150px;
	}

	.sidebar-copy p.regular {
		font-family:"Brandon Grotesque", "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:regular;
	}




/* ------------------------------------------------------------
Footer
------------------------------------------------------------ */

#footer {
	background-color:#000;
	bottom:0px;
	color:#fff;
	margin:0px auto;
	opacity:0.001;
	padding:10px 10px 10px 10px;
	position:fixed;
	width:100%;
}

	/*IE*/
	.ie8 #footer,
	.ie7 #footer {
		display:none;
	}

	.footer-nav {
		font-family:"Brandon Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:11px;
		font-weight:600;
		letter-spacing:3px;
		margin:8px 0 0 10px;
		text-transform:uppercase;
	}

	.footer-nav li {
		float:left;
		list-style:none;
		margin:0 20px 0 0;
		padding:0 10px 0 10px;
		vertical-align: middle;
	}
	
	.footer-nav li a,
	.footer-nav li a:visited {
		color:#fff;
	}
	
	.footer-nav li a:hover {
		color:#98b2cb;
	}
	
		.footer-nav li.p {
			margin:5px 0 0 0;
		}
		
		.footer-nav li.p-small {
			float:right;
			font-size:8px;
			font-weight:300;
			letter-spacing:1px;
			margin:5px 20px 0 0;
		}



/* ------------------------------------------------------------
Comments
------------------------------------------------------------ */

.post-comments {
	margin:20px 0 0 0;
}

.comments-title {
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}

input[id="author"],
input[id="email"],
input[id="url"] {
	border:1px solid #ccc;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:300;
	height:20px;
	letter-spacing:1px;
	margin:5px 0;
	width:200px;
}

textarea {
	border:1px solid #ccc;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:300;
	height:100px;
	letter-spacing:1px;
	margin:5px 0;
	width:625px;
}

input[id="submit"] {
	background-color:#000;
	border:none;
		-khtml-border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	color:#fff;
	cursor:pointer;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	height:40px;
	margin:5px 0;
	width:120px;	
}

input[id="submit"]:hover {
	background-color:#999;
}



/* ------------------------------------------------------------
Calendar
------------------------------------------------------------ */

.calendar-date {
	float:left;
	height:20px;
	width:100px;
}

.calendar-start-time {
	float:left;
	height:20px;
	width:85px;
}

.calendar-event {
	float:left;
	width:480px;
}



/* ------------------------------------------------------------
Food
------------------------------------------------------------ */

.food-column-left {
	float:left;
	width:45%;
}

.food-column-right {
	float:right;
	width:45%;
}

.food-h1 {
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}

.food-h2 {
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}



/* ------------------------------------------------------------
Newsletter
------------------------------------------------------------ */

.newsletter {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.newsletter form table {
	cellspacing:0;
	cellpadding:0;
	margin:40px 0 0 0;
}

	.newsletter form table tbody tr td {
		text-align:left;
	}

	.newsletter input[type="text"] {
		background-color:#f4f4f4;
		border:1px solid #cccccc;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		color:#000000;
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:16px;
		font-weight:300;
		float:left;
		margin:-5px 0 10px 10px;
		padding:5px;
		width:300px;
	}

	.newsletter input[type="submit"] {
		background-color:#000000;
		border:none;
		color:#ffffff;
		float:left;
		margin:20px 0 0 5px;
		padding:10px;
	}

	.newsletter input[type="submit"]:hover {
		background-color:#cccccc;
		cursor:pointer;
	}