/*  
Theme Name: Bigfoot
Theme URI: http://www.lunamedia.co.uk
Description: 960/12 column grid. Two content columns: 8/4. Default Kubrick Loop. Sidebar top area. Threaded Comments. jQuery dropdown nav.
Version: 1.0
Author: Lunamedia
Author URI: http://www.lunamedia.co.uk
*/

/* Layout */

@import url("960/960.css");
@import url("960/reset.css");
@import url("960/text.css");

/* Global */

html{

}

body{
	color: #232323;

}

#container{
	position: relative;
	font-size: 1.4em;
	line-height: 2.1em;
}

#inner-wrap{
	float: left;
}

/* Links */

a{
	padding-bottom: 2px;
}

a:link, a:visited{
	color: #bf1901;
	text-decoration: none;
}

a:hover{
	
	border-bottom: 2px solid #aaa;
}

a img {
	border: none;
}

li{
	list-style-type: none;
}

li.current_page_item a{
	color: #000;
}

li.current_page_item > ul li a{
	color: #bf1901;
	text-decoration: none;
}

/* Header */

#header{
	margin-top: 10px;
}

a#site-name{
	font-weight: bold;
}

span#description{
	color: #aaa;
}


/* Navigation */

#pagenav{
	margin-top: 5px;
	margin-bottom: 40px;
	background: #333;
}

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#333; font-weight:normal; font-size: 0.9em;}
#dropmenu a {display:block; padding:0.5em 1em; border-right:1px solid #fff; text-decoration:none; background:#333; color:#fff;}
#dropmenu a:hover, #dropmenu li.current_page_item a {background:#bf1901; color:#fff; border-bottom: none;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #fff;}
#dropmenu li ul {margin-top: 7px; border-top:1px solid #fff; width:14.1em; font-size: 1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #fff;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:-1px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}



/* Content */

#content{

}

/* Footer Widget Area */

.footer-block{
	float: left;
}

#footer-1{
	width: 260px;
	padding-right: 60px;
}

#footer-1 ul.widgetized{
	float: left;
	clear: left;
	margin-top: 40px;
}

#footer-2{
	width: 260px;
	padding-right: 60px;
}

#footer-3{
	width: 320px;
}

#credit{
	float: left;
	clear: left;
	margin: 40px 0;
}

.footer-block ul, .footer-block ul ol {
	margin: 0;
	padding: 0;
	}

.footer-block ul li {
	list-style-type: none;
	list-style-image: none;
	}
	
.footer-block ul p, .footer-block ul select {
	margin: 5px 0 8px;
	}

.footer-block ul ul, .footer-block ul ol {
	margin: 10px 0 0 0;
	}

.footer-block ul ul ul, .footer-block  ul ol {
	margin: 10px 0 0 10px;
	}

ol li, .footer-block ul ol li {
	list-style: decimal outside;
	}
	
.widgetized li{
	/* margin-top: 40px; */
}

.widgetized li ul li, .widgetized li ul li ul li{
	margin-top: 10px;
	
}


/* Footer */

#footer{
	float: left;
	clear: both;
	margin-top: 20px;
	padding: 30px 0;
	/* for dark footer */
	background:#333;
	color:#ebeadc;
	width: 100%;
	font-size: 1.4em;
}

#footer-inner{
	width: 960px;
	margin: 0 auto;
}



/* Posts */

.post{
	float: left;
	width: 100%;
	padding: 20px 0 80px;
	border-top: 1px solid #aaa;
}

.post-content{
	float: left;
	width: 640px
}

.postmetadata{
	float: right;
	width: 150px;
	margin-top: 0;
	margin-left: 150px;
	font-size: 0.9em;
}

span.the-date{
	font-weight: bold;
	font-size: 2em;
	color: #aaa;
}

span.the-date-day{
	line-height: 1.25em;
	font-weight: bold;
	font-size: 4em;
	color: #aaa;
}

h2.post-header{
	font-size: 4em;
	line-height: 1.25em;
	letter-spacing: -2px;
	margin-top: -5px;
}

h2#single-header{
	margin-top: 5px;
	font-size: 2em;
}

.entry ul, .entry ol{
	margin-left: 20px;
}

/* Images */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 5px 10px;
	display: inline;
}

img.alignleft {
	margin: 0 20px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* Captions */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
}

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

.wp-caption p.wp-caption-text {
	font-size:0.9em;
	line-height: 1.5em;
	padding: 0.5em 0;
	margin: 0 0 25px 0;
	color: #aaa;
	text-align: left;
	font: italic 0.9em Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dotted #ccc;
}


/* Form Elements */

input, textarea{
	padding: 5px;
	border:solid 1px #333; 
	font: normal 0.9em Helvetica, Arial, sans-serif;  
	line-height: 1.5em;
}

#submit{
	font-size: 0.9em;
	padding:0.5em 1em;
	background: #333;
	color: #fff;
	border: none;
}

#submit:hover{
	background: #bf1901;
	cursor: pointer;
}

#searchform {
	position: absolute;
	top: 12px;
	right: 10px;
	}

#searchform #s {
	width: 130px;
	padding: 3px 20px 2px 2px;
	border:solid 1px #333; 
	font: normal 0.9em Helvetica, Arial, sans-serif;  
	line-height: 1.5em;
	background: url(images/search.png) no-repeat 136px 3px;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

.post input{
	margin-top: 20px;
}

/* Begin Comments*/

#comments_template {
	margin-top:30px;
	padding-top:30px;	
}

ol#comments {
	margin:0px;
	padding:0px;
	margin-top:20px;
}

ol#comments li {
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:60px;
	list-style:none;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}

ol#comments .avatar {
	position:absolute;
	top:0px;
	left:0px;
}

ol#comments small a {
	font-weight:normal;
	color:#999;
}

ul.commentlist {
	margin:20px 0px;
	padding:0px;
}

ul.commentlist li {
	margin:0px;
	padding:10px 0px 20px 60px;
	position:relative;
	list-style:none;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #fff;
}

ul.commentlist li.bypostauthor{
	background: #333;
	color: #fff;
}

ul.commentlist li cite.fn{
	margin-bottom: 10px;
	font: normal 1.4em Helvetica, Arial sans-serif;
}

ul.commentlist .avatar {
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid #dedede;
}

ul.commentlist .commentmetadata {
	display:none;
}

ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}

ul.commentlist ul li {
	border:0px;
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}


ul.commentlist li.even{
	background: #fafafa;
}

.says{
	display: none;
}



/* Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 0;
	width: 253px;
	}

#wp-calendar #next a {
	text-align: right;
	}

#wp-calendar #prev a {
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: left;
	font: bold 1.8em Helvetica, Arial, sans-serif;
	width: 100%;
	padding-bottom:25px;
	}

#wp-calendar th, #wp-calendar td {
	padding: 3px 0;
	text-align: left;
	}




/* Kubrick Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	min-height: 28px;
	margin: 15px 30px 0 10px;
	padding-left: 40px;
	background: url(images/blockquote.png) no-repeat top left;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.navigation {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}

.clear{
	clear: both;
}


/* Organic Tabs CSS-Tricks styles originally by Chris Coyier http://css-tricks.com */

#organic-tabs {  margin: 0 0 15px 0; }

#organic-tabs li{
	margin: 0 0 10px 0;
}

#organic-tabs li:hover{
}

#organic-tabs ul ul{
	margin-left: 10px;
}

#explore-nav { overflow: hidden; margin: 0 0 10px 0; }
#explore-nav li { width: 106px; float: left; margin: 0; border-right: 1px solid #333; }
#explore-nav li#ex-archive-tab { border-right: none; }


/* Flickr */ast { margin-right: 0; }
#explore-nav li a { display: block;  background: #fff; color: #333; font-size: 0.9em; text-align: center; border: 0; padding: 5px 0;}
#explore-nav li a:hover { background-color: #bf1901; color: #ebeadc; }

#cats-tab, #archive-tab { display: none; }

#explore-nav li#ex-pages-tab a.current, #explore-nav li#ex-cats-tab a.current, #explore-nav li#ex-archive-tab a.current { background: #bf1901; color: #fff; }


#photos a{
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	padding-bottom: 0;
}

#photos a:hover{
	margin-right: 9px;
	margin-bottom: 9px;
	border-bottom: none;
}


/* Twitter */

#twitter_update_list li{
	margin-bottom: 20px;
}

h2{

font-family: "Lobster", Helvetica Neue, sans-serif;
}