/*
Theme Name: PhotoFeed
Theme URI: http://www.oakinnovations.co.uk/blog/
Description: A WordPress theme for photographers.
Version: 0.1
Author: Simon Thomas
Author URI: http://www.oakinnovations.co.uk/blog/
Tags: fixed width, two columns, widgets, images, photography,flickr
*/

* {
	padding: 0px;
	margin: 0px;
}

body {
	background: #000 url(BokehBG1.jpg) top center no-repeat fixed;
	font-family: Arial, "Sans Serif";
	line-height: 18px;
}

/* @group General */

.container {
	background: url(MainBG.png) top left repeat;
	margin-top: 0px;
}

/* @end */

/* @group Header */

h1#logo {
	width:950px;
	margin:0 auto;
}

h1#logo * {
	margin: 0px;
}

h1#logo a img {
	width:950px;
	margin:0 auto;
}

h1#site-title {
	font-size: 57px;
	line-height: 57px;
}

div#intro p {
	color: #fff;
	margin: 9px 0px;
	font-size: 25px;
	line-height: 36px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: bolder;
}

div#intro p span {
	/*background-color: #fff;*/
}

div#subscribe {
	background: url(MainBG.png) top left repeat;
	margin-top: 11px;
	padding: 9px;
}

div#subscribe p {
	font-size: 18px;
	margin-bottom: 0px;
}

div#subscribe h2 a:link, div#subscribe h2 a:visited {
	background-color: orange;
	color: white;
	text-align: center;
	display: block;
	padding: 9px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

div#subscribe h2 a:hover, div#subscribe h2 a:active {
	background-color: white;
	color: orange;
}

/* @end */

/* @group main-content */

div.photo-item {
	background: url(MainBG.png) top left repeat;
	margin-bottom: 18px;
}

div.photo-item.flickr {
	background: url(flickrBG.png) bottom right no-repeat;
}

div.photo-item.jpgmag {
	background: url(JPGBG.png) bottom right no-repeat;
}

div.photo-item p {
	margin-bottom: 0px;
	font-size: 18px;
}

div.post-title h2 {
	margin: 9px;
}

div.post-title p {
	margin: 18px 9px 18px 9px;
}

div.post-detail p {
	padding: 9px 9px 9px 0px;
}

div.image-detail h2, div.post-title h2 {
	padding: 0px;
	font-weight: bold;
}

div.image-detail h2 a:link, div.image-detail h2 a:visited, div.post-title h2 a:link, div.post-title h2 a:visited {
	color: #000;
	line-height: 36px;
}

div.image-detail h2 a:hover, div.image-detail h2 a:active, div.post-title h2 a:hover, div.post-title h2 a:active {
	text-decoration: none;
}

div.image-detail p {
	padding-right: 9px;
}

img.favicon {
	height: 18px;
	width: 18px;
}

div.image-detail p, div.post-detail p {
	font-size: 100%;
}


/* @group single */

h2.post-title, h1.cat-title {
	font-size: 36px;
	background-color: #000;
	color: #fff;
	margin: 18px 0px 18px 0px;
	padding: 18px;
	text-align: center;
	line-height: 18px;
}

h1.cat-title {
	margin-top: 0px;
}

div#intro p.post-details {
	font-size: 18px;
	line-height: 18px;
	text-transform: none;
	font-weight: bold;
}

div#intro p.post-details img {
	float: right;
}

div.content-body {
	background: url(MainBG.png) top left repeat;
	padding: 9px;
}

div.content-body img {
	margin: 9px;
}

ol.commentlist, ol.commentlist li {
	list-style: none;
}

ol.commentlist li {
	background: url(MainBG.png) top left repeat;
	padding: 9px 9px 0px 9px;
	margin: 9px;
}

ol.commentlist li img.avatar {
	float: left;
	margin: 0px 9px 0px 0px;
	padding: 0px;
}

ol.commentlist li cite {
	font-weight: bold;
}

/* @end */

/* @end */

/* @group sidebar */

div#sidebar ul, div#sidebar ul li {
	list-style: none;
}

div#sidebar ul {
	margin: 18px 0px 0px 0px; 
	padding: 0px 9px 9px 9px;
	background: url(MainBG.png) top left repeat;
}

div#sidebar ul li ul {
	background: none;
}

ul#sidebar-list li a {
	font-size: 18px;
}

div#sidebar ul#sidebar-list h2 {
	display: block;
	font-weight: bold;
	text-decoration: none;
	margin: 9px 0px;
}

div#sidebar li {
	/*background: url(MainBG.png) top left repeat;*/
}

div#sidebar a:link, div#sidebar a:visited {
	background: url(MainBG.png) top left repeat;
	/*font-size: 18px;*/
	padding: 9px;
	margin: 0px 0px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
}

div#sidebar a:hover, div#sidebar a:active {
	background-color: black;
	background-image: none;
	color: white;
}

div#twitter {
	background: url(MainBG.png) top left repeat;
	padding: 9px;
}

div#twitter h2 a:link, div#twitter h2 a:visited {
	background-color: blue;
	background-image: none;
	color: white;
	text-align: center;
	display: block;
	padding: 9px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

div#twitter h2 a:hover, div#twitter h2 a:active {
	background-color: white;
	color: blue;
}


blockquote.twitter-quote {
	margin: 0px;
	font-size: 18px;
}

blockquote.twitter-quote p {
	margin: 9px 0px;
}

div#twitter blockquote.twitter-quote p a:link, blockquote.twitter-quote p a:link {
	display: inline;
	padding: 0px;
}

/* @end */

/* @group Footer*/

div#end-cap {
	background: url(MainBG.png) top left repeat;
}

div#end-cap p {
	padding: 9px;
	font-size: 18px;
}

div#footer {
	background: url(MainBG.png) top left repeat;
	margin-bottom: 18px;
}

/* @end */