/*
Theme Name: Francis Gilbert 2.0
Theme URI: http://francisgilbert.co.uk
Description: Custom theme for Francis Gilbert
Version: 2.0
Author: Yes We Work
*/

/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* FONTS */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------------------- html elements */
html {
	background-color: #670019;
}
body {
	color: #333434;
	font-family: georgia;
	font-size: 14px;
	width: 1000px;
	height: 599px;
	margin-left: auto;
	margin-right: auto;
}
a {
	color: #f01648;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* ------------------------------------------------------- colours & general styles */
.green { color: #009c41; } 
.blue { color: #006464; } 
.red { color: #ed0800; } 
.brown { color: #c94300; }
.alignright {float:right; margin:0 0 16px 16px;}
.alignleft {float:left; margin-right:0 16px 16px 0;}
/* ------------------------------------------------------- fixed elements */
#wrapper {
	background: #fafafa url(img/mugshot.jpg) no-repeat 30px 30px;
	background-repeat: no-repeat;
	width: 1000px;
	height: 599px;
	position: fixed;
	top: 20px;
	z-index: -1;
}
#nav {
	font-size: 1em;
	position: fixed;
	top: 340px;
	width: 150px;
	margin-left: 13px;
	text-align: right;
}
	#nav ul {
		margin-bottom:20px;
	}
	#nav li {
		margin-bottom:5px;
	}
#banner {
	position: fixed;
	background-color: #00a0a0;
	background-repeat: repeat-x;
	top: 230px;
	width: 177px;
	height: 84px;
	border-top: 1px dotted #005c76;
	border-bottom: 1px dotted #005c76;	
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#sectionheader {
	margin-bottom: 20px;
}
	#sectionheader h2 {
		font-size: 1.6em;
	}
/* ------------------------------------------------------- content */
.content {
	background-color: #fff;
	margin-left: 177px;
	border-left: 1px dotted #d0d1d1;
	border-right: 1px dotted #d0d1d1;
	top: 100px;
	left: 100px;
	width: 543px;
	min-height: 539px;
	margin-top: 20px;
	padding: 20px;
	padding-top: 30px;
}
	.content h1 {
		font-family: 'Bitter';
		color: #ff6900;
		font-size: 2em;
		margin-bottom: 15px;
	}
	.content h2 {
		font-size: 1.6em;
		margin-bottom: 5px;
	}
	.content h3 {
		font-size: 1.4em;
		margin-bottom: 10px;
	}
	.content p {
		margin-bottom: 15px;
		line-height: 140%;
	}
.content#tableview {
	width: 700px;
}
.content#homepage h3 {
	font-weight: bold;
	color: #90142e;
}
/* ------------------------------------------------------- category indexes */
.index li {
	border-bottom: 1px dotted #b0aeae;
	margin-bottom: 15px;
}
.index .header {
	overflow: auto;
} 
	.index .header h2 {
		width: 430px;
		float: left;
	}
	.index .header p.meta {
		width: 100px;
		line-height: 120%;
		margin-left: 10px;
		color: #8a8a8a;
		font-size: 0.7em;
		float: right;
		font-family: arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 0px;
		text-align:right;
	}
table#index {
	font-size: 0.8em;
	width: 100%;
}
table#index thead  {
	background-color: #e4e4e4;
}
table#index thead th {
	min-width: 50px;
}
table#index thead th.header {
    background-image: url(img/bg.gif);     
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center right; 
}
table#index thead th.headerSortUp {
    background-image: url(img/asc.gif); 
    background-color: #b8b8b8; 
}
table#index thead th.headerSortDown {
    background-image: url(img/desc.gif); 
    background-color: #b8b8b8; 
}
table#index tbody td, table#index thead th {
	border: 1px solid #ccc;
	padding: 7px;
}
table#index tbody tr {
	background-color: #fff;
}
table#index tbody td.title {
	font-size: 1.25em;
}
table#index tbody tr.odd td {
	background-color: #fdf9f2;
}
/* ------------------------------------------------------- single post */
#post .header {
	overflow: auto;
}
	#post .header p.meta {
		width: 100px;
		line-height: 120%;
		margin-left: 10px;
		color: #8a8a8a;
		font-size: 0.7em;
		float: right;
		font-family: arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 0px;
		text-align:right;
	}
#post h1.title {
	width: 350px;
	float: left;
}
#post ul, #post ol {
	margin-bottom: 15px;
	margin-left:25px;
	font-size:0.9em;
}
#post ul li {
	margin-bottom:2px;
	list-style: outside square;
}
#post ol li {
	margin-bottom:2px;
	list-style: outside decimal;
}
#post table {
	font-size:0.7em;
}
#post table td {
	border:1px solid #ccc;
	padding:2px;
}
#post table th{
	background-color:#eee;
	border:1px solid #ccc;
	padding:2px;
}
/* ------------------------------------------------------- sidebars */
.sidebar {
	position: fixed;
	margin-left: 763px;
	top: 50px;
	width: 230px;
}
	.sidebar>li {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dotted #b7b7b7;
		padding-left: 10px;
		padding-right: 10px;
	}
	.sidebar h3 {
		font-size: 1.4em;
		color: #90142e;
		margin-bottom: 5px;
	}
	.sidebar p {
		font-size: 0.9em;
		margin-bottom: 3px;
	}
	.sidebar #comments,
	#respond h3 {
		background-image: url(img/comments.gif);
		padding-left: 71px;
		padding-top: 10px;
		height: 29px;
		background-position: 20px 0px;
		background-repeat: no-repeat;
	}
	.sidebar #comments {
		margin-top:15px;
	}
	.sidebar #comments a em,
	#responses h3 em,
	#respond h3 em {
	color: #e5163f;
	font-size:1.3em;
	}
	.sidebar #comments a:link,
	.sidebar #comments a:visited {
		color:#333333;
	}
	.sidebar .recentpost {
		border-top: 1px dotted #999;
		padding-top: 10px;
		margin-bottom: 15px;
	}
	.sidebar .recentpost a {
		font-size: 16px;
		color: #068787;
	}
	.sidebar .recentpost .date {
		display: block;
		text-transform: uppercase;
		color: #999;
		font-family: sans-serif;
		font-size: 12px;
	}
ul.related {
	font-size:0.9em;
}
	ul.related li {
		margin-bottom: 3px;	
	}
ul.elsewhere img {
	margin-bottom: -8px;
	margin-right: 4px;
}
ul.elsewhere li {
	margin-bottom: 6px;
}
.postsnav {
	overflow: auto;
}
.sidebarnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	overflow: auto;
	width: 164px;
}
	.sidebarnav li.forward, .postsnav li.forward {
		float: right;
	}
	.sidebarnav li.back, .postsnav li.back {
		float: left;
	}
/* ------------------------------------------------------- homepage styles */
#homepage p {
	margin-bottom: 8px;
}
/* #homepage ul li {
	float: left;
	width: 225px;
	margin-left: 0px;
	margin-right: 13px;
}
#homepage ul li strong {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #a3a3a3;
	font-weight: normal;
	font-size: 1.4em;
	color: #8c001e;
} */
/* ------------------------------------------------------- sociable plugin */
span.sociable_tagline { display: none; }
.sociable {
	overflow: auto;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
	.sociable ul li {
		background: none;
		display: inline !important;
		list-style-type: none;
		margin: 0;
		padding: 1px;
	}
	.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* ------------------------------------------------------- comments */

#responses {
	border-top: 1px dotted #B7B7B7;
	margin-top:20px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

	#responses h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
	}
	
	#responses ol {
		border-top: 1px dotted #eeeeee;
		padding:5px;
	}
	
	#responses ol li{
		border-bottom: 1px dotted #eeeeee;
		padding:2px;
		overflow:auto;
	}
	
	#responses ol li.odd{
		background-color:#f9f9f9;
	}
	a.comment-edit-link {
		float:right;
		font-size:0.8em;
	}
	.comment-meta a:link,
	.comment-meta a:visited,
	.comment-meta a:hover,
	.comment-meta a:active {
		color:#999;
		font-size:0.8em;
		text-transform:uppercase;
	}
	#responses ol li .comment-author {
		clear:both;
	}
	#responses ol li .comment-author span {
		font-style:italic;
		color:#999;
	}

#respond {
	background-color:#f9f9f9;
	border-top: 1px dotted #B7B7B7;
	margin-top:20px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
	#respond h3 {
		float:left;
		padding-left: 51px;
		padding-top: 12px;
		height: 33px;
		background-position:0 0;
		width:140px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.1em;
	}

	#respond #loggedinas {
		float:right;
		width:230px;
		padding-top:10px;
		text-align:right;
	}
	#respond .cancel-comment-reply {
		clear:both;
	}
	#respond #commentform {
		clear:both;
		overflow:hidden;
		font-size:1em;
	}
	#respond #commentform label {
		clear:right;
		overflow:auto;
		font-size:1.2em;
	}
	#respond #commentform label strong{
		color:#FF0000;
		font-weight:bold;
	}
	#respond #commentform input {
		width:200px;
		font-size:1.2em;
		margin:10px 10px 0 0;
		clear:left;
		padding:2px 5px;
	}
	#respond #commentform #comment {
		width:415px;
		font-size:1.2em;
		margin:10px 0;
		padding:5px;
	}
	#respond #commentform #submit {
		float:left;
		font-size:1.4em;
		color: #006699;
	}
	
/* ------------------------------------------------------- blogs index */
.content.blogs {
	width: 715px;
	border-right: 0;
}
.content.blogs .blogfilters {
	overflow: auto;
	margin-bottom: 10px;
}
.content.blogs .blogfilters li {
	float: left;
	background: #333;
	padding: 5px 10px;
	color: #fff;
	display: block;
	margin-right: 10px;
	cursor: pointer;
	font-family: 'Bitter';
	font-size: 1.25em;
	border-radius: 20px;
}
.content.blogs .blogfilters li.selected {
	background: #ff6900;
}
.content.blogs .bloglist {
	margin-left: -20px;
	overflow: auto;
}
.content.blogs .bloglist .blogblock {
	width: 347px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	height: 163px;
	position: relative;
	background: #333;
}
.content.blogs .bloglist .blogblock a {
	width: 100%;
	height: 100%;
	display: block;
}
.content.blogs .bloglist .blogblock .text {
	color: #fff;
	font-family: 'Bitter';
	position: absolute;
	bottom: 0;
	width: 331px;
	padding: 4px 8px;
	background: #333;
}
.content.blogs .bloglist .blogblock .text p {
	line-height: 120%;
}
.content.blogs .bloglist .blogblock .text p.title {
	margin-bottom: 2px;
	font-size: 1.25em;
}
.content.blogs .bloglist .blogblock .text p.subtitle {
	margin-bottom: 0;
	font-family: 'Bitter';
	font-style: italic;
	font-size: 0.875em;
}


/* ------------------------------------------------------- sociable (don't use plugin's own stylesheet) */
div.sociable { margin:0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


  #sectionheader h2 {
    font-family: Bitter;
  }
  #nav ul li {
	font-family: Bitter;	  
  }
  .sidebar h3 {
	font-family: Bitter;
  }
  
  
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}