/*
Theme Name: WordCamp Bham
Theme URI: http://birmingham.wordcamp.org/
Description: A custom theme for WordCamp Birmingham
Author: Tammy Hart
Author URI: http://www.tammyhartdesigns.com/
*/


* {
	margin:0;
	padding:0;
	}
	

/* Begin Settings and Classes */
a, #sidebar .tweets li a:hover {
	text-decoration:none;
	color:#aa270b;
	}
	
a:hover, #footer a:hover {
	color:#79adcc;
	}
	
h1 a, h2 a, h3 a {
	border:none;
	}
		
h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {
	color:#06273c;
	}

p {
	margin:15px 0;
	}
	
@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/quicksand_book-webfont.eot');
	src: local('?'), url('fonts/quicksand_book-webfont.woff') format('woff'), url('fonts/quicksand_book-webfont.ttf') format('truetype'), url('fonts/quicksand_book-webfont.svg#webfonttnnAcLkQ') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
h1, h2, h3, h4 {
	font-weight:normal;
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	line-height:30px;
	}
	
h1 {
	font-size:2.5em;
	color:#aa270b;
	margin-bottom:5px;
	}
	
h2, #sidebar h4 {
	font-size:2em;
	color:#06273c;
	padding:3px 0 2px;
	}
	
h3 {
	font-size:1.5em;
	color:#79adcc;
	}
	
h2.pagetitle {
	border-bottom:1px solid #e7e7e7;
	padding:0 0 5px;
	}
	
h1.pagetitle {
	color:#06273c;
	font-size:1.5em;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
	}
	
small {
	font-size:.9em;
	color:#999;
	}
	
	small a {
		color:#94c0dc;
	}
	
code {
	font: 1.1em "Courier New", Courier, Fixed;
	}
	
pre {
	font: 1.1em "Courier New", Courier, Fixed;
	margin:1.5em;
	padding:10px;
	background:#fafafa;
	border:1px solid #eee;
	}
	
acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
hr {
	clear:both;
	width:80%;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	}
	
img {
	border:none;
	}
	
blockquote {
	margin:1.5em;
	padding:1px 1.5em;
	background:#fafafa;
	border:1px solid #eee;
	border-left-width:3px;
	}
	
	cite {
		font-style:italic;
		font-size:.9em;
		display:block;
		margin:5px 0 0;
		text-align:right;
		}
		
	cite:before {
		content: "\2014 \0020";
		}
		
.post>ul, .post>ol {
	margin:1.5em;
	}
	
	.post li {
		padding:.25em 0;
		margin-left:30px;
		}
		
	.post li h3 {
		margin:0;
		}
		
.clear { 
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
	}
		
.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}
	
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


/* Begin Images */	
img.alignleft {
	margin-right:10px;
	}
	
img.alignright {
	margin-left:10px;
	}

.wp-caption, .attachment img {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: .9em;
	line-height: 1.5em;
	padding: 0 4px 4px;
	margin: 0;
}

.attachment img {
	padding:4px;
	}
/* End Images / End Settings and Classes */



/* Begin Structure */
body {
	background:#fff url(images/texture.jpg) repeat-x 33% 180px;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#444;
	text-align:center;
	}
	
.page, #nav ul {
	margin:0 auto;
	width:900px;
	text-align:left;
	}

/* Begin Header */	
#header {
	background:#052031 url(images/header.jpg) repeat-x 0 0;
	}
	
	#header .page {
		position:relative;
		height:140px;
	}
	
	#sitename {
		position:absolute;
		top:0;
		left:-68px;
		width:366px;
		height:141px;
		display:block;
		overflow:hidden;
		}
		
		#sitename span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:1;
			background:url(images/logo.jpg);
		}
		
	#date {
		position:absolute;
		top:46px;
		right:-2px;
	}
	
	#register {
		position:absolute;
		top:90px;
		right:-2px;
		width:214px;
		height:34px;
		display:block;
		cursor:pointer;
	}
	
		#register span {
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			background:url(images/register.jpg) 0 0;
		}
		
		#register:hover span {
			background-position:0 100%;
		}
/* End Header */


/* Begin Page List */		
#nav {
	height:40px;
	background:#d2d2d2 url(images/header.jpg) repeat-x 50% 100%;
}

#nav ul {
	line-height:40px;
	font-size:1.6em;
	}
	
	#nav li {
		float:left;
		list-style:none;
		margin:8px 30px 0 0;
		}
		
		#nav li a {
			float:left;
			padding:0 8px;
			line-height:26px;
			color:#05324d;
			}
			
		#nav li:hover, #nav li.current_page_item, #nav li.current_page_parent {
			background:#b6b6b6 url(images/nav-right.jpg) no-repeat 100% 0;
			}
			
		#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {
			background:url(images/nav-left.jpg) no-repeat 0 0;
			color:#fff;
			}
/* End Page List */

		
/* Begin Content */	
#intro {
	background:#94c0dc url(images/intro.jpg);
	width:908px;
	height:344px;
	margin:30px -4px 6px;
}

	#intro p {
		margin:0;
		padding:235px 24px 0;
		font:1.8em/25px 'QuicksandBook', Arial, Helvetica, sans-serif;
		color:#fff;
		text-shadow:0 1px 2px rgba(0,0,0,.35);
	}

#content {
	font-size:1.2em;
	line-height:20px;
	float:left;
	padding:20px 0;
	width:420px;
	}
	
	.post {
		margin-bottom:20px;
		border-bottom:1px solid #d7d7d7;
		padding-bottom:10px;
		}
		
		.entry {
			text-align:justify;
			}
			
	.comms {
		background:url(images/comms-wht.jpg);
		margin-right:-3px;
		width:54px;
		height:35px;
		text-align:center;
		padding:5px 1px 0 0;
		float:right;
		font-size:.8em;
		line-height:10px;
	}
	
	.blue {
		background-image:url(images/comms-blu.jpg);
	}
	
		.comms a {
			color:#fff;
			font-size:1.8em;
			line-height:23px;
			font-weight:bold;
			display:block;
			width:54px;
			height:35px;			
		}
		
		.comms a:hover {
			color:#444;
		}
			
	.postmetadata {
		font-size:.9em;
		}
		
	.navigation {
		height:1.5em;
		font-size:.9em;
		margin:1.5em 0;
		}

/* Begin Comments */		
.commentlist {
	margin-top:15px;
		margin-bottom:20px;
		border-bottom:1px solid #d7d7d7;
		padding-bottom:10px;
	}
		
.commentlist li {
	list-style:none;
	clear:both;
	}
	
	.commentcontent {
		float:right;
		width:330px;
		padding:1px 10px;
		background:#f9f9f9;
		position:relative;
		min-height:80px;
		margin-bottom:20px;
		font-size:.9em;
	}
	
.commentlist li.alt .commentcontent {
	background:#eee;
	}
	
	.commentmetadata {
		font-size:.9em;
		color:#999;
		border-bottom:1px solid #fff;
		}
		
		.commentmetadata .url {
			font-size:1.27em;
		}
		
	.avatar {
		display:block;
		border:5px solid #fff;
		box-shadow:0 1px 2px rgba(0,0,0,.35);
		-moz-box-shadow:0 1px 2px rgba(0,0,0,.35);
		-khtml-box-shadow:0 1px 2px rgba(0,0,0,.35);
		-webkit-box-shadow:0 1px 2px rgba(0,0,0,.35);
		float:left;
		}
		
#commentform {
	margin-bottom:20px;
}

#commentform p, #commlist p {
	margin:10px 0;
}
		
#commentform pinput, #commentform textarea {
	width:147px;
	border:1px solid #d7d7d7;
	background:#fff;
	font-size:11px;
	padding:3px;
	}
	
#commentform textarea {
	width:364px;
	}
			
#commentform #submit {
	width:150px;
	padding:5px
	}
/* End Comments / End Content */


/* Begin Sidebar */
#sidebar {
	float:right;
	font-size:1.2em;
	line-height:20px;
	padding:10px 0 20px;
	width:420px;
	}
		#follow2 {
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:9px;
		margin-bottom:20px;
	}
	#follow {
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:9px;
		height:90px;
		margin-bottom:20px;
	}
	
		#follow p {
			margin:7px 0 0;
		}
	
		#follow a {
			display:block;
			float:left;
			text-indent:-9999px;
			background:url(images/icons.png);
			height:50px;
		}
		
			#follow a#flw-fb {
				width:42px;
				margin-right:27px;
				background-position:0 2px;
			}
			
				#follow a#flw-fb:hover { background-position:0 0; }
		
			#follow a#flw-tw {
				width:45px;
				margin-right:30px;
				background-position:-69px 2px;
			}
			
				#follow a#flw-tw:hover { background-position:-69px 0; }
		
			#follow a#flw-fl {
				width:38px;
				margin-right:30px;
				background-position:-144px 2px;
			}
			
				#follow a#flw-fl:hover { background-position:-144px 0; }
		
			#follow a#flw-up {
				width:44px;
				margin-right:28px;
				background-position:-212px 2px;
			}
			
				#follow a#flw-up:hover { background-position:-212px 0; }
		
			#follow a#flw-rs {
				width:45px;
				margin-right:25px;
				background-position:-284px 2px;
			}
			
				#follow a#flw-rs:hover { background-position:-284px 0; }
		
			#follow a#flw-em {
				width:45px;
				background-position:-354px 2px;
			}
			
				#follow a#flw-em:hover { background-position:-354px 0; }
	
	#left {
		width:200px;
		float:left;
	}
	
		#social {
			font-size:1.5em;
			line-height:60px;
			background:url(images/icons.jpg) no-repeat 0 10px;
		}
		
		#social a {
			padding-left:50px;
		}
	
	#right {
		width:190px;
		float:right;
	}
	
	#sidebar ul {
		}
		
		#sidebar ul ul {
			background:none;
			border:none;
			}
		
		#sidebar ul li {
			list-style:none;
			margin-bottom:20px;
			}
		
		#sidebar li li {
			margin:0;
			}
			
		#sidebar li li {
			}
			
#sidebar li.flickr-thumbs {
	background:#f2f2f2;
	padding:5px;
	height:210px;
}

#sidebar li.flickr-thumbs ul {
	margin:0;
	padding:0;
}

#sidebar li.flickr-thumbs li {
	padding:5px;
	float:left;
	margin:0;
}

#sidebar li.flickr-thumbs img {
	display:block;
	background:#fff;
	padding:2px;
	border:1px solid #ccc;
}

#sidebar li.flickr-thumbs a:hover img {
	background:#000;
	border-color:#000;
}
	
#sidebar .tweets li {
	border-top:1px solid #fff;
	margin-bottom:15px;
}

.aktt_tweet_time {
	color:#93c0dc;
	display:block;
	font-size:.9em;
}
/* End Sidebar */


/* Begin Footer */
#footer {
	background:#052031 url(images/footer.jpg);
	}
	
	#footer .page {
		/*background:url(images/poetry.jpg) no-repeat 785px 19px;*/
		color:#aa270b;
		line-height:50px;
		font-size:1.2em;
	}
	
	#footer a {
		color:#fff;
	}
	
	.byline {
		font-size:.9em;
		color:#999;
		background:url(images/thd.jpg) no-repeat 100% 50%;
		padding-right:20px;
		float:right;
	}
/* End Footer / End Structure */
			


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/