/*
Theme Name: Spacious 2
Theme URI: http://infovore.org
Description: Spacious is a WP2.7 theme designed for my blog, and my blog alone.
Version: 0.3
Author: Tom Armitage
Author URI: http://infovore.org/
*/


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

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

body { 
	font-family: "lucida grande", verdana, sans-serif; 
	font-size: 75%; 
	margin: 0; 
	padding: 0;
	color: #222;
}

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

p {
	line-height: 1.5;
	margin: 0 0 1em;
	padding: 0;
}

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

img {
	border: 0;
}

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

blockquote {
	border-top: 2px solid #888;
	border-bottom: 2px solid #888;
	padding: 0.5em 1em;
	margin: 0 1em 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;
}

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

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

code {
	font-size: 130%;
}

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

span.hidden {
	display: none;
}

/* ============ */
/* = wrappers = */
/* ============ */

#head-wrap, #container-wrap, #footer-wrap {
	width: 100%;
	text-align: center;
}


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

#banner {
	width: 850px;
	text-align: left;
	font-family: Georgia, serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 320%;
	margin: 10px auto;
}

#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 {
	width: 850px;
	text-align: left;
	text-transform: lowercase;
	margin: 0 auto 50px;
}

#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: 35px;
}

/* ============= */
/* = Container = */
/* ============= */

#container {
	width: 850px;
	text-align: left;
	margin: 0 auto;
}

.left {
	width: 595px;
	float: left;
}

.right {
	width: 200px;
	float: right;
}

/* ========== */
/* = right = */
/* ========== */

#endnote-wrap {
	width: 100%;
}

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

#footer-wrap {
	width: 100%;
	background: #576993;
}

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

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

#footer a:hover {
	color: red;
}

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


div.post {
	margin-bottom: 40px;
}

div.post div.datebox {
	float: left;
	background: #888;
	font-family: Georgia, serif;
	font-weight: normal;
	color: #fff;
	padding: 5px;
	font-size: 120%;
	width: 100px;
}

div.datebox div.date {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
}

div.post div.mainbox {
	float: right;
	width: 475px;
}

div.post div.mainbox ul li {
  margin-bottom: 10px;
}

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

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

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

div.post .article-meta {
	font-family: Georgia, serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 150%;
	margin: 0 0 20px;
	clear: both;
}

div.post .article-meta a:link, div.article .article-meta  a:visited {
	color: #888;
	text-decoration: none;
}

div.post .article-meta a:hover {
	color: red;
	text-decoration: underline;
}

div.post div.taxonomy-box {
	color: white;
	font-size: 80%;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
}

div.post div.taxonomy-box a:link, div.post div.taxonomy-box a:visited {
	color: white;
}

div.post div.taxonomy-box a:hover {
	color: red;
}

div.post div.taxonomy-box p {
	margin: 0;
}

div.post div.taxonomy-box p.category {
	margin: 0 0 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 114%;
	padding: 2px 0 0;
	border-bottom: 1px solid #fff;
}

div.post div.taxonomy-box p.tags {
	margin: 0;
	padding: 0;
}

/* delicious variant */

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

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

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

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

.sideblock {
	font-size: 90%;
}

#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;
}

a:visited {
	color: #666;
}

a:hover {
	color: red;
}

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

h1, h2 {
	font-family: Georgia, serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 200%;
	color: #222;
	margin: 0 0 5px;
}

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

.sideblock h3 {
	border-bottom: 1px solid #576993;
}

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


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

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

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

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

div.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 = */
/* =================== */

div.navigation {
	text-align: center;
}

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

div.comments {
	border-top: 2px solid #576993;
}

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

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

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

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

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

div.comments ul#commentlist li.comment .comment-meta .comment-date {
	font-size: 90%;
	margin: 5px 0;
	color: #888;
	font-weight: bold;
	text-align: right;
}

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

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

div.comments ul#commentlist li.comment .comment-main {
	float: left;
	width: 475px;
}

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

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

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

div.comments ul#commentlist li.comment .comment-main h5 span.right {
  color: #fff;
  width: 5%;
  text-align: right;
}

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

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

div.comments #commentform label {
	font-weight: bold;
	float: left;
	width: 12em;
}

div.comments #commentform .fields input, div.comments #commentform .fields textarea {
	width: 430px;
padding: 5px;
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;
	letter-spacing: -1px;
	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;
	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 */

div.post.design div.datebox {
	background: #769528;
}

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

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

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

/* code */

div.post.code div.datebox {
	background: #900;
}

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

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

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

/* photography */

div.post.photography div.datebox {
	background: #b08b30;
}

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

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

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

/* personal */

div.post.personal div.datebox {
	background: #008599;
}

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

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

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

/* games */

div.post.games div.datebox {
	background: #8c0099;
}

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

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

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

/* links */

div.post.delicious div.datebox {
	background: #576993;
}

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

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

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

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

div.presentation {

}

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

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

div.presentation .slide {
  margin: 0 0 50px;
  clear: both;
}

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

div.presentation img {
  float: left;
}

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

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

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

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

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

/* 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 5px;
}

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