/*
Theme Name: Spacious 4
Theme URI: http://infovore.org
Description: Spacious is a WP3.0 theme designed for my blog, and my blog alone.
Version: 4.0
Author: Tom Armitage
Author URI: http://infovore.org/
*/


/* ============================= */
/* = infovore-final stylesheet = */
/* ============================= */

/* ----------- */
/* basic setup */
/* ----------- */

body { 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-size: 12px;
	line-height: 1.6; 
	margin: 0; 
	padding: 0;
	color: #222;
}

.cleardiv {
	clear: both;
	display: block;
}

p {
	margin: 0 0 1em;
	padding: 0;
}

p.fourohfour {
  margin-bottom: 40px;
}

li {
  margin: 0 0 0em; 
  padding: 0;
}

.post-body li {
  margin: 0 0 1em;
}

img {
	border: 0;
}

img.center-img {
  display: block;
  margin: 0 auto;
}

.post-body img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

blockquote {
	border-left: 2px solid #888;
	padding: 0 1em;
	margin: 0 2em 1em 0;
	font-family: "Georgia", serif;
	font-style: italic;
	font-size: 110%;
	line-height: 1.7;
	display: block;
}

blockquote.floating {
	width: 50%;
	float: left;
	margin-left: -95px;
}

blockquote p {
	margin: 0;
	padding: 1em 0;
	font-size: 100%;
	color: #222;
	line-height: 1.6;
}

blockquote em, blockquote i {
  font-style: normal;
}

hr {
  margin: 25px 0; 
  border: 1px solid #aaa;
}

code {
	/*font-size: 130%;*/
  font-family: monospace;
}

code pre, pre code {
	word-wrap: break-word;
	background: #555;
	color: white;
	padding: 5px;
	display: block;
	overflow: auto;
  margin: 0 0 10px;
}

span.hidden {
	display: none;
}



/* ========== */
/* = Banner = */
/* ========== */

#banner {
	text-align: left;
	font-family: Georgia,  serif;
	font-weight: normal;
	font-size: 320%;
	
  margin-top: 10px;
  margin-bottom: 20px;
	line-height: 1;
}

#banner span {
	color: #576993;
}

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

#banner a:hover {
	color: red;
	text-decoration: underline;
}

/* ======== */
/* = Menu = */
/* ======== */

#menu {
	text-align: left;
	text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 60px;
}

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

#menu a:hover {
	text-decoration: underline;
	color: #576993;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 190%;
	font-family: Georgia,  serif;
}

#menu ul li {
	float: left;
	margin-right: 5%;
  line-height: 1;
}


/* ========== */
/* = Footer = */
/* ========== */

#endnote-wrap h3 {
	margin: 0 auto -0.27em;
	color: #576993;
	font-family: Georgia,  sans-serif;
	font-weight: normal;
	font-size: 250%;
}

#footer-wrap {
	background: #576993;
	margin-top: 30px;
}

#footer {
	color: white;
	margin: 0 auto;
	padding: 15px 0;
	text-align: left;
}

#footer h3 {
  color: white;
}

#footer a:link, #footer a:visited {
	color: white;
}

#footer a:hover {
	color: red;
}

#footer ul.datearchive strong {
  color:#ddd;
}

/* ============ */
/* = post div = */
/* ============ */


.post {
  padding-bottom: 20px;
  padding-top: 0px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.post h2 a {
	font-family: Georgia,  serif;
	font-weight: normal;
	font-size: 100%;
	color: #222;
	margin: 0 0 5px;
}

.post h2 a:link, .post h2 a:visited {
	color: #222;
	text-decoration: none;
}

.post h2 a:hover {
	color: red;
	text-decoration: underline;
}

.post .date-and-comments {
	font-family: Georgia,  serif;
	font-weight: normal;
	font-size: 130%;
	margin: 5px 0 20px;
	clear: both;
	color: #888;
}

.post .date-and-comments a:link, .article .date-and-comments  a:visited {
	color: #888;
	text-decoration: none;
}

.post .date-and-comments a:hover {
	color: red;
	text-decoration: underline;
}

.post .date-and-comments .date {
  float: left;
}

.post .date-and-comments .comments-link {
  float: right;
}

.post .taxonomy {
	font-size: 80%;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

.post .taxonomy .category {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 114%;
	padding: 5px;
	background: #888;
	float: left;
	color: white;
}

.post .taxonomy .category a:link, .post .taxonomy .category a:visited {
  color: white;
  text-decoration: none;
}

.post .taxonomy .category a:hover {
  color: white;
  text-decoration: underline;
}

.post .taxonomy .tagged-as {
  float: left;
  margin: 0;
  padding: 5px;
}

.post .post-foot {
  float: right;
  margin-bottom: 50px;
}

.post .post-foot .category-tags {
  float: left;
}

.post .post-foot .category-tags .category {
  border-right: 1px solid blue;
  padding-right: 5px;
}

.post .post-foot .category-tags .category.games a:hover {
  color: red;
}

.post-foot .comments-link {
  padding-left: 5px;
  border-left: 1px solid #576993;
}

.post ul {
  list-style: disc;
  margin-left: 2em;
  margin-bottom: 1em;
}
/* delicious variant */

.post.delicious {
  padding-bottom: 0;
}

.post.delicious  ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post.delicious ul li {
  margin: 0 0 30px;
  line-height: 1.5;
}

.post.delicious h2 a:link, .post.delicious h2 a:visited {
  color: #576993;
  text-decoration: none;
}

/* ============== */
/* = sideblocks = */
/* ============== */

.sideblock {
	font-size: 90%;
	margin-bottom: 30px;
  color: #666;
}

#homepage-archives-list {
	list-style: none;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
}

#homepage-archives-list li {
	margin: 0 0 5px;
}

/* ============ */
/* = linklist = */
/* ============ */

ul#linklist {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

ul#linklist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#linklist li {
	margin-bottom: 20px;
}


/* ================ */
/* = flickr stuff = */
/* ================ */

.flickr-small {
	margin: 0;
	padding-left: 20px;
	font-size: 90%;
}

.flickr-small p {
	margin: 0;
}

.flickr-small ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.flickr-small ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 0;
}

/* ========= */
/* = links = */
/* ========= */

a:link {
	color: #576993;
  text-decoration: underline;
}

a:visited {
	color: #666;
  text-decoration: underline;
}

a:hover {
	color: red;
  text-decoration: underline;
}

/* ============ */
/* = headings = */
/* ============ */

h1, h2 {
	font-family: Georgia,  serif;
	font-weight: normal;
	font-size: 200%;
	color: #222;
	/*margin: 0 0 0.5em;*/
	line-height: 1;
}

h3 {
	font-family: Georgia,  serif;
	font-weight: normal;
	font-size: 150%;
	color: #222;
	margin: 0 0 5px;
}

.sideblock h3 {
	border-bottom: 1px solid #666;
	margin-bottom: 0.5em;
	line-height: 1.4;
  color: #444;
}

/* ================= */
/* = Archives page = */
/* ================= */


ul.datearchive {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	line-height: 2;
	font-size: 95%;
}

ul.datearchive li {
/*	margin-right: 15px;*/
  line-height: 2;
}

ul.datearchive li span {
	color: #aaa;
}

.archive-group {
	margin-bottom: 20px;
}

.archive-group.final {
	margin-bottom: 40px;
}

/* ============= */
/* = tag cloud = */
/* ============= */

ul.cosmos {
	list-style: none;
	maragin: 0;
	padding: 0;
}

ul.cosmos li {
	display: inline;
	line-height: 1.5;
}

ul.cosmos li.keyword2 {
	font-size: 140%;
}

ul.cosmos li.keyword3 {
	font-size: 160%;
}

ul.cosmos li.keyword4 {
	font-size: 180%;
}

ul.cosmos li.keyword5 {
	font-size: 200%;
}

/* =================== */
/* = Prev/next links = */
/* =================== */

.navigation {
	text-align: center;
}

/* ================== */
/* = Comments stuff = */
/* ================== */

.comments-closed {
  margin: 10px 0 30px;
}

.comments h4 {
	font-family: Georgia,  sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
	font-size: 150%;
}

.comments ul#commentlist {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.comments ul#commentlist li.comment{
	margin: 0 0 20px;
	padding: 0;
}

.comments ul#commentlist li.comment .comment-meta {
	float: left;
/*  width: 110px;
  margin-right: 10px;*/
}

.comments ul#commentlist li.comment .comment-meta .comment-date {
	font-size: 79%;
	margin: 5px 0;
	color: #ccc;
	text-align: right;
}

.comments ul#commentlist li.comment .comment-meta .comment-index p {
  float: right;
	font-weight: bold;
	margin: 0;
	color: #888;
}

.comments ul#commentlist li.comment .comment-meta .comment-index img {
  float: right;
}

.comments ul#commentlist li.comment .comment-main h5 {
	margin: 0 0 10px;
	background: #dedede;
	padding: 5px;
	font-size: 100%;
	font-weight: normal;
}

.comments ul#commentlist li.comment .comment-main h5 span {
	font-weight: bold;
}

.comments ul#commentlist li.comment .comment-main h5 span.left {
  width: 90%;
}

.comments ul#commentlist li.comment .comment-main h5 span.right {
  color: #fff;
  float: right;
}

.comments h3.commentformhead {
	border-top: 2px solid #576993;
	padding: 10px 0;
}

.comments form#commentform {
	margin-bottom: 40px;
}

.comments #commentform label {
	font-weight: bold;
	width: 134px;
}

.comments #commentform .fields div {
  margin-bottom: 5px;
}

.comments #commentform .fields input, .comments #commentform .fields textarea {
  border: 1px solid #888;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 90%;
}

/* ============= */
/* = thinglist = */
/* ============= */

dl.thinglist {
	margin-bottom: 30px;
}

dl.thinglist dt {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #aaa;
	color: #888;
}

dl.thinglist dt span.title {
	font-family: Georgia,  serif;
	font-size: 130%;
	color: black;
	display: block;
	margin-bottom: 3px;
}

dl.thinglist dd {
	margin: 0 0 10px;
}

/* ================= */
/* = Category list = */
/* ================= */

#categories-list-home {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

#categories-list-home li {
	margin: 0 0 2px;
	font-family: Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	font-size: 140%;
}

#categories-list-home li a {
	padding: 2px 5px;
	display: block;
}

#categories-list-home li a:link, #categories-list-home li a:visited {
	color: white;
	text-decoration: none;
}

#categories-list-home li a:hover {
	color: red;
	text-decoration: underline;
}

/* ====================== */
/* = Clutter under here = */
/* ====================== */


/* ============================= */
/* = Category colour overides. = */
/* ============================= */

/* design */

.post.design .taxonomy {
  border-top: 1px solid #769528;
  border-bottom: 1px solid #769528;
}

.post.design .taxonomy .category {
	background: #769528;
}

.post.design blockquote {
	border-color: #769528;
}

ul#categories-list-home li a.design {
	background: #769528;
}

body#category-design #banner span {
	color: #769528;
}

.post .post-foot .category-tags .category.design {
  border-right: 1px solid #769528;
  color: #769528;
}

.post .post-foot .category-tags .category.design a:link, .post .post-foot .category-tags .category.design a:visited {
  color: #769528;
}

/* code */

.post.code .taxonomy {
  border-top: 1px solid #900;
  border-bottom: 1px solid #900;
}

.post.code .taxonomy .category {
	background: #900;
}

.post.code blockquote {
	border-color: #900;
}

ul#categories-list-home li a.code {
	background: #900;
}

body#category-code #banner span {
	color: #900;
}

.post .post-foot .category-tags .category.code {
  border-right: 1px solid #900;
  color: #900;
}

.post .post-foot .category-tags .category.code a:link, .post .post-foot .category-tags .category.code a:visited {
  color: #900;
}

/* photography */

.post.photography .taxonomy {
  border-top: 1px solid #b08b30;
  border-bottom: 1px solid #b08b30;
}

.post.photography .taxonomy .category {
	background: #b08b30;
}

.post.photography blockquote {
	border-color: #b08b30;
}

ul#categories-list-home li a.photography {
	background: #b08b30;
}

body#category-photography #banner span {
	color: #b08b30;
}

.post .post-foot .category-tags .category.photography {
  border-right: 1px solid #b08b30;
  color: #b08b30;
}

.post .post-foot .category-tags .category.photography a:link, .post .post-foot .category-tags .category.photography a:visited {
  color: #b08b30;
}

/* personal */

.post.personal .taxonomy {
  border-top: 1px solid #008599;
  border-bottom: 1px solid #008599;
}

.post.personal .taxonomy .category {
	background: #008599;
}

.post.personal blockquote {
	border-color: #008599;
}

ul#categories-list-home li a.personal{
	background: #008599;
}

body#category-personal #banner span {
	color: #008599;
}

.post .post-foot .category-tags .category.personal {
  border-right: 1px solid #008599;
  color: #008599;
}

.post .post-foot .category-tags .category.personal a:link, .post .post-foot .category-tags .category.personal a:visited {
  color: #008599;
}

/* games */

.post.games .taxonomy {
  border-top: 1px solid #8c0099;
  border-bottom: 1px solid #8c0099;
}

.post.games .taxonomy .category {
	background: #8c0099;
}

.post.games blockquote {
	border-color: #8c0099;
}

ul#categories-list-home li a.games {
	background: #8c0099;
}

body#category-games #banner span {
	color: #8c0099;
}

.post .post-foot .category-tags .category.games {
  border-right: 1px solid #8c0099;
  color: #8c0099;
}

.post .post-foot .category-tags .category.games a:link, .post .post-foot .category-tags .category.games a:visited {
  color: #8c0099;
}

/* links */

.post.delicious .taxonomy {
  border-top: 1px solid #576993;
  border-bottom: 1px solid #576993;
}

.post.delicious .taxonomy .category {
	background: #576993;
}

.post.delicious blockquote {
	border-color: #576993;
}

ul#categories-list-home li a.delicious {
	background: #576993;
}

body#category-delicious #banner span {
	color: #576993;
}

/* ======================= */
/* = presentations stuff = */
/* ======================= */

.presentation {

}

.presentation .location {
  margin: 0 0 20px;
}

.presentation blockquote p {
  margin: 0 0 10px;
}

.presentation .intro {
  margin-bottom: 60px;
}

.presentation .slide {
  margin: 0 0 50px;
/*  min-height: 213px;*/
  clear: both;
}

.presentation h3 {
  float: left;
  width: 300px;
  font-size: 160%;
}

.presentation img {
  float: left;
  margin-right: 10px;
  max-width: 300px;
}

.presentation .slide .content {
  padding-left: 320px;
}

.presentation .slide .content ul {
  list-style: disc;
  margin-left: 2em;
  margin-top: 20px;
  margin-bottom: 20px;
}

.presentation .slide .content ul li {
  margin-bottom: 5px;
}

.presentation .slide blockquote {
  width: 300px;
  float: left;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 140%;
}

.presentation .slide blockquote p {
  padding: 0;
}

.presentation .slide .content blockquote {
  width: 75%;
  float: none;
  margin: 10px auto;
  font-size: 120%;
}

/* move this later */

.post-body ul {
  line-height: 1.5
}

img#wpstats { display: none;}

/* ================= */
/* = Similar Posts = */
/* ================= */

ul.similar-posts {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

ul.similar-posts li {
  margin: 0 0 10px;
}

ul.similar-posts li a {
  display: block;
  margin: 0;
}

ul.similar-posts li span.date {
  color: #888;
  display: block;
}

/* ============ */
/* = Projects = */
/* ============ */

ul.project-list li.project {
 border-bottom: 1px solid #ccc; 
 padding-bottom: 20px;
 margin-bottom: 20px;
}

ul.project-list li.project .date {
  color: #888;
}

ul.project-meta {
  list-style: disc;
  margin: 1em 0 1em 2em;
}

ul.project-meta li {
line-height: 1.5;  
}

/* ============ */
/* = Talks = */
/* ============ */

ul.talks-list li.talk {
 border-bottom: 1px solid #ccc; 
 padding-bottom: 20px;
 margin-bottom: 20px;
}

ul.talks-list li.talk .talk-meta {
  color: #888;
}

ul.talks-list li.talk .slideshare-embed {
  float: right;
}

ul.talks-list li.talk img.talk-thumb {
  float: right;
}

ul.talks-list li.talk .video-embed {
  margin: 0 0 20px;
}

/* Media queries */

/* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    ul.datearchive li {
      margin-bottom: 10px;
    }
    ul.datearchive li strong {
      display: block;
    }
  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {

  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
  
    .presentation h3 {
      float: none;
      font-size: 160%;
      display: block;
      width: 100%;
    }

    .presentation img {
      float: none;
      display: block;
      max-width: 100%;
    }

.presentation .slide .content {
  padding-left: 0;
}
  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}