/*  
Theme Name: Scam City version
Theme URI: http://www.scamcity.co.uk/
Description:  The default theme for Scam City version 8.0 for Wordpress 1.5. Inspired by Michael Heilemann's "Freya" theme and based on Matthew Maber's "Mallow" theme.
Version: 8.0
Author: Gregor Smith
Author URI: http://www.scamcity.co.uk/
*/

/* text colours */

/* main top nav */
#supernav a:hover {
	color: #ffffff;
}

/* main text doesnt seem to be needed so i turned it off */
/* p, body {
	color: #2e2e2e;
} */ 

/* meta links, probably dont need to specify each one though */
body#single .meta a:link, body#home .meta a:link, body#archives .meta a:link {
	color: #b4271e;
}

 /* the story text and calendar today and hover*/
.storycontent, #wp-calendar td:hover, #wp-calendar #today, h4 {
	color: #2e2e2e;
}

/* visited links */
a:visited {
	color: #b4271e;
}

/* links, h1, h2, h3, the blog title in the band (not sure what feedback is ;-) ) */
a:link, h1, h2, h3 .feedback, h3, .meta span, #blogtitle h1 a, #blogtitle h1 a:visited {
	color: #b4271e;
}

/* story titles hover */
.storytitle a:hover {
	color: #b4271e;
}

/* hover, story titles */
body#home .meta a:hover, body#archives .meta a:hover, a:hover, .storytitle a, .storytitle a:visited, #blogtitle h1 a:hover, .highlight {
	color: #771621;
}

/* menu + calendar text, comment count next to story title */
#menu ul ul li, #wp-calendar td, .storytitle span a, .storytitle span a:visited {
	color: #777681;
} 

/* menu titles */
#menu ul li {
	color: #bf514c;
}

/* footer  text */
#bottommeta {
	color: #777681;
}

/* menu links */
#menu a {
	color: #d96b65;
}

/* menu links hover */
#menu a:hover {
	color: #753a37;
} 

/* page nav */
.navigation {
	color: #737373;
}

/*meta on single pages, blog title description, main nav, quotes and code */
body#single .meta, body#home .meta, body#archives .meta, #blogtitle h1 span, #supernav a, body .commentlist blockquote, body blockquote, .commentlist cite, #menu input#s, code, .commentlist small {
	color: #696969;
} 

/* story titles hover */
.storytitle span a:hover {
	color: #b4271e;
}

/* end text colours */

/* other colours */

/* area behind the name of your blog and the main nav and hover calendar*/
#blogtitle, #supernav a, #wp-calendar a:hover {
	background-color: #e3e2fa;
}

/* the main blog content page background and left and right inner borders */
#rap {
	background-color: #ffffff;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
}
	
/* the outer thin borders */
#shadow {
	border-right-color: #d3d3d3;
	border-left-color: #d3d3d3;
}

/* just set the background of the site to light grey */
body {
	background-color: #DDA88F;
}

/* regular comment backgrounds */
#commentarea {
	background-color: #e3e2fa;
}

/* author comments backgrounds */
.authorcomment {
	background-color: #fff;
	border: 1px solid #aaa;
}

/* highlight backgrounds */
.highlight {
	border: 1px solid #ebc8C6;
	background-color: #fee8ef;
}

/* main nav background */
#supernav a {
	background-color: #f0f0ff;
}

body#home a#homenav, body#archives a#archivesnav, body#about a#aboutnav, body#linklog a#linklognav, body#photos a#photosnav, body#links a#linksnav, body#feeds a#feedsnav {
	background-color: #e3e2fa;
}

body#home a:hover#homenav, body#archives a:hover#archivesnav, body#linklog a:hover#linklognav, body#about a:hover#aboutnav, body#photos a:hover#photosnav, body#links a:hover#linksnav, body#feeds a:hover#feedsnav {
	background-color: #b4271e;
}
#supernav a:hover {
	background-color: #b4271e;
}

/* noted comments background */
.notedcomment {
	border: 1px solid #ebc8C6;
	background-color: #fee8ef;
}

/* bottom meta info (admin login, design credits etc) background */
#bottommeta {
	background-color: #e4e4f2;

}

/* quote border colors */
.commentlist blockquote, blockquote {
	border-left: 4px solid #ba4942;
}

/* end other colours */


/* images */

/* pages with sidebar */
body#home #rap, body#archives #rap, body#linklog #rap, body#about #rap, body#photos #rap, body#links #rap, body#feeds #rap, body#e404 #rap {
	background-image: url(images/rap.gif);
	background-repeat: repeat-y;
}

/* grad.jpg top banner image */
#topimage {
	background-image: url(images/background.gif); 
	/* background-position: center top; */
}

/* Main Blog Title */
#mainblogtitle {
    font-size:30px;
    color: #b4271e;
    font-weight: bold;

}

/* image alignment and borders */
img.center {
	display: block;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #d3d3d3;
}

img.right {
	float: right;
	padding: 5px;
	margin: 0 0 2px 7px;
	border: 1px solid #d3d3d3;
}

img.left {
	float: left;
	padding: 5px;
	margin: 0 7px 2px 0;
	border: 1px solid #d3d3d3;
}

img.gravatar {
	float: right;
	padding: 2px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #aaa;
	background-color: #ffffff;
}

iframe.center {
	padding: 5px;
	margin: 0 7px 2px 0;
	border: 1px solid #d3d3d3;
}
/* end images */

/* other .. in no particular order */

#commenttitle {
	font-size:150%;
	font-weight:normal;
	margin-bottom:5px;
}

#commentarea { 
	display:block; 
	clear:both;
	padding-top:10px;
}

/* comment count next to story title  */
.storytitle span { 
	font-weight: normal; 
	font-size: 90%;
}

/* highlight div */
.highlight {
	margin: 5px 5px 0 0;
	padding: 10px;
}

/* top title nav */
#supernavcontainer {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	float: left;
	margin-left: 13px;
	margin-top: 90px;
	text-align: left;
}

/* top title nav */
#supernav {
	padding: 0;
	margin: 0;
}

/* top title tabs */
#supernav li {
	display: inline;
	text-transform: lowercase;
	margin-left: 1px;
	margin-right: 1px;
}

/* top title tabs */
#supernav a {
	text-decoration: none;
	padding: 3px 8px 5px;
}

/* top title tabs hover */
#supernav a:hover {
	text-decoration: none;
}

/* position each post */
.post {
	display: block;
	float: left;
	padding-bottom: 10px;
}

/* single page post */
body#single .post{
	width: 100%;
}

/* eer not sure */
#sidebarcurrent {
	font-size: 90%;
	padding-bottom: 15px;
}

/* search it title bar */
#titlesearch {
	font-size: 100%;
	margin: 8px 30px;
	padding: 0; 
}

/* the name of the blog in the title bar */
#blogtitle {
	clear: both;
	height:39px;  
	width: 826px;
	margin-bottom: 30px;
}

#blogtitle h1 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin: 0px;
	padding-top:10px;
	font-weight: normal;
	padding-left:15px;
}

/* the description of the blog in the title bar */
h1 span {
	font-size: 70%;
	font-weight: normal;
}

h1 {
	font-size: 120%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

h2, .feedback {
	font-size: 110%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
} 

h4 {
	font-size: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

/* various hovers */
#menu a:hover, .meta a:hover, .navigation a:hover, .navbottom a:hover  {
	text-decoration: none;
} 

/* actual post content */
.storycontent {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
} 
.storycontent p {
	padding-top: 3px;
}

/* just the p tag */
p { 
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* actual post home */
body#home .storycontent, body#archives .storycontent, body#linklog .storycontent, body#about .storycontent, body#photos .storycontent, body#links .storycontent, body#feeds .storycontent {
	width: 530px;
}

/* actual post single post */
body#single .storycontent {
	width: 580px;
}

/* this is a container div for the page */
#rap {
	width: 826px;
	margin-right: auto;
	margin-left: auto;
	border-right-style: solid;
	border-right-width: 3px;
	border-left-style: solid;
	border-left-width: 3px;
}
	
/* not a shadow, its the side grey borders */
#shadow {
	width: 832px;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

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

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .01em;
}

/* quotes */
.commentlist blockquote, blockquote {
	font-size:90%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 2px solid #ddd;
	font-style: italic;
}

code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 120%;
} 

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: normal;
}

cite {
	font-size: 100%;
	font-style: normal;
}

/* prev/next page buttons */
.navigation {
	display: block;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 10px;
	font-size: 80%;
	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;
}  

ol#comments li p {
	font-size: 100%;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

body#single .meta {
	width: 580px;
	padding-bottom: 20px;
	padding-top: 0px;
}

body#home .meta, body#archives .meta, body#linklog .meta,  {
	width: 530px;
   	padding-top: 5px;
}

.meta {
	text-align: left;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	clear : left;
}

.meta span {
    font-style: italic;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.storytitle a {
	text-decoration: none;
}

.storytitle a:hover {
	text-decoration: none;
}

/* post titles */
.storytitle {
	width:530px;
	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 140%;	
	margin: 0;
	padding-bottom: 2px;
}

/* post titles on single pages */
body#single .storytitle {
	padding-top: 0px;
	font-size: 150%;	
	margin-bottom: 8px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

.commentlist cite {
	font-weight:normal;
	font-size: 110%;
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

.commentlist cite small {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
	
#commentlist {
	margin: 20px 10px 0 0;
}

.comments {
	list-style: none;
	margin: 0px 0px 10px 0px;
	width: 530px;
	padding: 10px 10px 5px 8px;
}

.pings {
	list-style: none;
 	margin: 0px;
 	width: 530px;
}

.authorcomment {
	list-style: none;
 	width: 530px;
 	margin: 0px 50px 10px 0px;
	padding: 10px 10px 5px 8px;
}

.notedcomment {
	list-style: none;
	width: 530px;
	margin: 0px 50px 10px 0px;
	padding: 10px 10px 5px 8px;
}

body#single #content {
	padding-bottom: 10px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

body#home #content, body#archives #content, body#linklog #content, body#about #content, body#photos #content, body#links #content, body#feeds #content, body#e404 #content {
	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 15px;
	width: 530px;
}

#topimage {
	clear: both;
	width: 826px;
	height: 140px;
	z-index: -1;
}

#bottommeta {
	width: 826px;
	height: 45px;
	text-align: center;
	padding-top: 8px;
	font-size: 75%;
	clear: both;
}

#nicearchives {
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 4px;
}

#menu li ul li small {
	display: block;
	margin: 0px;
	margin-left: 10px;
	font-size: 90%;
}

#menu {
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	text-align: left;
	float: right;
	width: 205px;
}

#menu input#s {
	background: white;
}

#menu ul li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin-top: 10px;
	font-size: 100%;
	padding-left: 0px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#menu ul ul li {
	margin: 0;
	padding-left: 3px;
	font-weight: normal;
	list-style-type: none;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
#categories {
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 5px;
	width: 450px;
	text-align: center;
}

#categories a {
	text-decoration: none;
}

#archive ul {
	list-style-image: none;
	list-style-type: none;
}

.linklog {
	list-style-image: url(http://www.scamcity.co.uk/journal/images/styles/bulletpoint.gif);
}