/*
Theme Name: Simon Spire
Theme URI: http://www.simonspire.com/wp-content/themes/simonspire/
Description: Custom WordPress Theme for Simon Spire
Version: 1.0
Author: Erik Ford
Author URI: http://www.lucidmotives.com/
*/

/* Layout and Structure */

body {
	background: url(images/body_bg.jpg);
}

div.wrap, div#masthead, div#header, div#headercontent, div#content, div#leftcolumn, div#rightcolumn, div.post, div.entry, div.thumb,
div.excerpt, div.divider, div#sidebar, div#blog, div#twitter_div {
	position: relative;
}

div#masthead, div#header, div#content {
	width: 100%;
}

div#content, div#leftcolumn, div#rightcolumn, div.left, div.thumb, div.excerpt, div#blog, div#foot_col1, div#foot_col2, div#foot_col3,
ul#bookmarks li a {
	float: left;
}

div.wrap {
	width: 960px;
	margin: 0 auto;
}

div#masthead {
	height: 40px;
	margin: 60px 0 0 0;
	background-color: #000;
}

div#header {
	width: 100%;
	height: 360px;
	background: #000 url(images/frayededge_bg.jpg) repeat-x;
}

div#headercontent {
	width: 960px;
	height: 360px;
	background: url(images/header_bg.jpg) no-repeat 0 0;
}

div#content {
	padding: 0 0 20px 0;
	background: url(images/content_bg.jpg);
}

div#leftcolumn {
	width: 640px;
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
}

div#rightcolumn {
	width: 260px;
	height: 100%;
	margin: 0 0 0 10px;
	padding: 0 10px 20px 10px;
	background-color: #372f16;
}

div#maintop {
	width: 640px;
	height: 60px;
	background: url(images/maincontent_top.jpg) no-repeat;
}

div#mainbottom, div#subcontent_bottom {
	width: 640px;
	height: 56px;
	background: url(images/maincontent_bottom.jpg) no-repeat;
}

div#subcontent_top {
	width: 640px;
	height: 65px;
	margin: 10px 0 0 0;
	background: url(images/subcontent_top.jpg) no-repeat;
}

div#post_container, div#subcontainer {
	width: 620px;
	min-height: 420px;
	padding: 10px;
	margin: 0;
	background-color: #fff;
}

div.entry {
	padding: 0 0 20px 0;
}

div.excerpt {
	width: 490px;
	margin: 0 0 0 10px;
}

div.divider {
	display: block;
	width: 620px;
	height: 1px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #eee;
}

div.archive {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

div#join {
	margin: 0 0 20px 0;
}

div#twitter_div {
	float: right;
}

div#twitter_top {
	width: 220px;
	height: 45px;
	background: url(images/twitter_top.jpg) no-repeat 0 0;
}

div#twitter_bottom {
	width: 220px;
	height: 50px;
	background: url(images/twitter_bottom.jpg) no-repeat 0 0;
}

div#sidebar {
	margin: 20px 0 0 0;
}

div#musicplayer {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	background: url(images/sidebar_divider.jpg) no-repeat bottom;
}

div#footer {
	width: 100%;
	background-color: #000;
	padding: 20px 0 20px 0;
	color: #444;
}

div#foot_col1 {
	width: 308px;
	min-height: 145px;
	padding: 0 10px 0 0;
	border-right: 1px dotted #444;
}

div#foot_col2 {
	width: 298px;
	min-height: 145px;
	padding: 0 10px;
	border-right: 1px dotted #444;
}

div#foot_col3 {
	width: 299px;
	padding: 0 10px;
}

div#related-posts {
	display: block;
	padding: 5px;
	margin: 40px 0 0 0;
	background-color: #d9d9d9;
}

/* Clear Floats */

.clear {
	display: inline-block;
}
	
.clear:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.clearfloat {
	clear: both;
}

/* Masthead and Navigation Styles */

h1.sticker {
	display: block;
	width: 200px;
	height: 200px;
	background: url(images/simonspire.png) no-repeat 0 0;
	position: absolute;
	right: 50px;
	top: -30px;
	text-indent: -9999px;
}

h1.sticker a {
	display: block;
	width: 100%;
	height: 100%;
}

ul#nav {
	margin: 5px 0 10px 0;
}

ul#nav li {
	float: left;
}

ul#nav li a, ul#nav li a:visited {
	display: block;
	color: #fff;
	padding: 10px;
	margin: 0 5px 0 0;
	background-color: #372f16;
	text-decoration: none;
}

ul#nav li a:hover, ul#nav li a:active {
	background-color: #eab510;
}

/* Header Styles */

a#subscribe {
	display: block;
	width: 220px;
	height: 35px;
	background: url(images/subscribe-rss.png) no-repeat;
	position: absolute;
	top: 300px;
	left: 700px;
	text-indent: -9999px;
}

/* Typography and Header Tags */

ul#nav, h4.posttitle, .browse, a#twitter-link, div#footer, h2.widgettitle, h1.pagetitle, h1.posttitle, h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
}

div#twitter_div ul li, .wp-caption, span.date {
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.entry, div#sidebar, div#latestblog_list, div#post_container, div#subcontainer {
	font-family: "Lucida Grande", Lucida, "Lucida Console", Verdana, sans-serif;
}

ul#nav li a, h1, h2, h3, h4, h5, h6, .browse {
	font-weight: bold;
}

small.postmetadata, div#twitter_div ul li, .wp-caption, span.date {
	font-style: italic;
}

ul#nav li a, h2.widgettitle {
	text-transform: uppercase;
}

a.continue {
	text-transform: lowercase;
}

h2, h3, h4, .browse, div#sidebar, div#latestblog_list, a#twitter-link {
	word-spacing: -1px;
}

h1 {
	font-size: 21px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 15px;
}

h5, .browse, div#latestblog_list, div#twitter_div ul li {
	font-size: 13px;
}

div.entry, div#latestblog_list, div#post_container, div#subcontainer {
	font-size: 12px;
}

ul#nav li a, small.postmetadata, h6, a#twitter-link, div#foot_col1, .wp-caption, h2.widgettitle, div#sidebar, span.date {
	font-size: 11px;
}

small.postmetadata {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #a9a9a9;
	display: block;
	margin: 3px 0 10px 0;
}

span.date {
	color: #a9a9a9;
	display: block;
	margin: 0 0 7px 15px;
}

a.continue, a.continue:visited {
	font-size: 11px;
	display: inline-block;
	color: #000;
	text-decoration: underline;
	background: url(images/arrow_right_blue_round.png) no-repeat right center;
	padding: 0 15px 0 0;
}

a.continue:hover, a.continue:active {
	text-decoration: none;
}

div#sidebar a, div#sidebar a:visited {
	color: #eab510;
	text-decoration: underline;
}

div#sidebar a:hover, div#sidebar a:active {
	text-decoration: none;
}

div.entry p, div#post_container p, div#subcontainer p {
	line-height: 20px;
	margin: 0 0 15px 0;
}

div.coverexcerpt p {
	font: 11px "Lucida Grande", Lucida, "Lucida Console", Verdana, sans-serif;
	line-height: 14px;
	margin: 0 0 7px 0;
}

div.entry p a, div.entry p a:visited, div.entry table a, div.entry table a:visited,
div.entry ul li a, div.entry ol a, div.entry ul li a:visited, div.entry ol li a:visited {
	color: #996633;
	text-decoration: underline;
}

div.entry p a:hover, div.entry p a:active, div.entry table a:hover, div.entry table a:active,
div.entry ul li a:hover, div.entry ol a:hover, div.entry ul li a:active, div.entry ol li a:active{
	text-decoration: none;
}

div.entry ul {
	margin: 7px 0 12px 0;
}

div.entry ul li {
	display: block;
	margin: 0 0 7px 10px;
	padding: 0 0 0 15px;
	background: url(images/scribblestar.jpg) no-repeat left top;
}

div.entry ol {
	margin: 7px 0 12px 0;
	list-style: decimal;
	list-style-position: inside;
}

div.entry ol li {
	margin: 0 0 7px 10px;
	padding: 0 0 0 15px;
}

div.entry em {
	font-family: Georgia, "Times New Roman", Times;
}

div.entry h1, div.entry h2, div.entry h3, div.entry h4, div.entry h5, div.entry h6 {
	margin: 20px 0 5px 0;
}

div.entry h4.posttitle {
	margin: 0;
}

div.entry a.freesong img {
	border: none;
	padding: 0;
}

div#footer p {
	margin: 0 0 5px 0;
}

h4 {
	line-height: 16px;
}

h1.news {
	display: block;
	width: 108px;
	height: 15px;
	background: url(images/h1_latestnews.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}

h1.latestblog {
	display: block;
	width: 170px;
	height: 30px;
	margin: 0 0 5px 0;
	background: url(images/h1_latestblog.jpg) no-repeat;
	text-indent: -9999px;
}

h1.pagetitle {
	margin: 0 0 25px 0;
}

h1.posttitle {
	padding: 0 40px 0 0;
	margin: 0;
}

h2.twitter {
	display: block;
	width: 110px;
	height: 35px;
	background: url(images/h2_twitter.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}

h2.widgettitle {
	padding: 5px;
	margin: 0 0 7px 0;
	background-color: #544f3f;
	border: 1px solid #675419;
}

.posttitle a, .posttitle a:visited {
	color: #000;
	text-decoration: none;
}

.posttitle a:hover, .posttitle a:active {
	text-decoration: underline;
}

/* Front Page Styles */

div#latestblog_top {
	width: 400px;
	height: 35px;
	background: url(images/bloglist_top.jpg) no-repeat;
	margin: 20px 0 0 0;
}

div#latestblog_bottom {
	width: 400px;
	height: 40px;
	background: url(images/bloglist_bottom.jpg) no-repeat;
}

div#latestblog_list {
	background-color: #fff;
	width: 380px;
	padding: 0 10px 10px 10px;
}

div#latestblog_list ul li {
	background: url(images/blog_divider.jpg) no-repeat top;
}

div#latestblog_list ul li:first-child {
	background: none;
}

div#latestblog_list ul li a {
	display: block;
	background: url(images/scribblestar.jpg) no-repeat left center;
	padding: 7px 0 7px 15px;
	color: #000;
	text-decoration: none;
}

div#latestblog_list ul li.red a {
	background: url(images/scribblestar_red.jpg) no-repeat left center;
	color: #b73719;
}

div#latestblog_list ul li a:hover {
	text-decoration: underline;
}

div#twitter_div {
	width: 220px;
	background-color: #808080;
	color: #fff;
	margin: 20px 0 0 0;
}

div#twitter_content {
	width: 200px;
	padding: 10px;
}

div#twitter_div ul li {
	display: block;
	background-color: #000;
	border: 1px solid #a9a9a9;
	padding: 7px;
	margin: 0 0 5px 0;
}

div#twitter_div ul li a, div#twitter_div ul li a:visited {
	display: block;
	margin: 3px 0 0 0;
	font-style: normal;
	color: #65b8ec;
	text-decoration: underline;
}

div#twitter_div ul li a:hover, div#twitter_div ul li a:active {
	text-decoration: none;
}

a#twitter-link, a#twitter-link:visited {
	display: block;
	text-align: right;
	color: #fff;
	text-decoration: underline;
}

a#twitter-link:hover, a#twitter-link:active {
	text-decoration: none;
}

/* Footer */

div#footer p a, div#footer p a:visited {
	color: #444;
	text-decoration: underline;
}

div#footer p a:hover, div#footer p a:active {
	color: #fff;
	text-decoration: none;
}

ul#bookmarks li a {
	margin: 0 15px 10px 0;
}

ul#bookmarks li a.itunes {
	display: block;
	width: 120px;
	height: 35px;
	background: url(images/itunes.jpg) no-repeat 0 -35px;
	text-indent: -9999px;
}

ul#bookmarks li a.itunes:hover {
	background: url(images/itunes.jpg) no-repeat 0 0;
}

ul#bookmarks li a.facebook {
	display: block;
	width: 120px;
	height: 35px;
	background: url(images/facebook.jpg) no-repeat 0 -35px;
	text-indent: -9999px;
}

ul#bookmarks li a.facebook:hover {
	background: url(images/facebook.jpg) no-repeat 0 0;
}

ul#bookmarks li a.myspace {
	display: block;
	width: 120px;
	height: 35px;
	background: url(images/myspace.jpg) no-repeat 0 -35px;
	text-indent: -9999px;
}

ul#bookmarks li a.myspace:hover {
	background: url(images/myspace.jpg) no-repeat 0 0;
}

ul#bookmarks li a.twitter {
	display: block;
	width: 120px;
	height: 35px;
	background: url(images/twitter.jpg) no-repeat 0 -35px;
	text-indent: -9999px;
}

ul#bookmarks li a.twitter:hover {
	background: url(images/twitter.jpg) no-repeat 0 0;
}

ul#bookmarks li a.youtube {
	display: block;
	width: 120px;
	height: 35px;
	background: url(images/youtube.jpg) no-repeat 0 -35px;
	text-indent: -9999px;
}

ul#bookmarks li a.youtube:hover {
	background: url(images/youtube.jpg) no-repeat 0 0;
}

ul#bookmarks li a.ilike {
	display: block;
	width: 120px;
	height: 35px;
	background: url(images/ilike.jpg) no-repeat 0 -35px;
	text-indent: -9999px;
}

ul#bookmarks li a.ilike:hover {
	background: url(images/ilike.jpg) no-repeat 0 0;
}


/* Tags */

div#tagline {
	margin: 15px 0 0 0;
	padding: 7px 0;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

div#tagline p.tags {
	display: block;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times;
	padding: 0;
	margin: 0;
}

div#tagline p.tags a, div#tagline p.tags a:visited {
	color: #000;
	text-decoration: underline;
}

div#tagline p.tags a:hover, div#tagline p.tags a:active {
	text-decoration: none;
}

/* Sidebar Items */

div#sidebar {
	color: #fff;
}

.ngg-widget a {
	margin: 0 3px 0px 0;
}

/* Images */

img {
	padding: 4px;
	border: 1px solid #ababa9;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

img.alignright {
	margin: 0 0 0 15px;
}

img.alignleft {
	margin: 0 15px 0 0;
}

.wp-caption {
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
	margin: 0 10px 10px 10px;
	padding-top: 4px;
	text-align: center;
}

.wp-caption img {
	border: none;
}

div#join img {
	border: none;
	padding: 0;
}

/* Related Posts */

div#related-posts h3 {
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}

div#related-posts ul {
	margin: 0;
}

div#related-posts ul li {
	margin: 0;
	padding: 0;
	background: none;
}

div#related-posts ul li a {
	display: block;
	margin: 0 0 3px 0;
	padding: 5px;
	background-color: #aaa;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-family: Georgia, "Times New Roman," Times, serif;
}

div#related-posts ul li a:hover {
	background-color: #000;
}

/* Comments */

h3#comments, div#respond h3 {
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}

div#comment-box {
	margin: 15px 0 0 0;
	background-color: #fff;
	padding: 10px;
}

ol.commentlist {
	margin: 0 0 15px 0;
}

ol.commentlist li {
	margin: 10px 0 0 0;
	padding: 7px;
	background-color: #372F16;
	color: #fff;
}

ol.commentlist li img.avatar {
	float: left;
	margin: 0 7px 0 0;
	border: 1px solid #EAB510;
}

ol.commentlist cite.fn {
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	word-spacing: 1px;
	font-style: normal;
}

ol.commentlist cite.fn a, ol.commentlist cite.fn a:visited {
	color: #EAB510;
	text-decoration: none;
}

ol.commentlist cite.fn a:hover, ol.commentlist cite.fn a:active {
	text-decoration: underline;
}

ol.commentlist span.says {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

ol.commentlist p {
	font: 12px "Lucida Grande", Lucida, "Lucida Console", Verdana, sans-serif;
	margin: 0 0 8px 0;
}

ol.commentlist p img {
	padding: 0;
	margin: 0;
	border: none;
}

ol.commentlist .commentmetadata {
	margin: 3px 0;
}

ol.commentlist .commentmetadata a, ol.commentlist .commentmetadat a:visited {
	color: #EAB510;
	text-decoration: none;
	font: 11px Georgia, "Times New Roman", Times, serif;
}

ol.commentlist .commentmetadata a:hover, ol.commentlist .commentmetadat a:active {
	text-decoration: underline;
}

/* Comment Form */

div#respond {
	padding: 10px;
	background-color: #faf0d1;
}

div#respond form#commentform {
	margin: 15px 0 0 0;
}

div#respond form#commentform ul li {
	margin: 0 0 10px 0;
}

div#respond form#commentform input#author,
div#respond form#commentform input#email,
div#respond form#commentform input#url,
div#respond form#commentform textarea#comment {
	padding: 3px;
	border: 1px solid #372F16;
	font: 13px Helvetica, Arial, sans-serif;
}

div#respond form#commentform input#author,
div#respond form#commentform input#email,
div#respond form#commentform input#url {
	width: 300px;
}

div#respond form#commentform input#submit {
	padding: 5px;
	background-color: #372F16;
	color: #faf0d1;
	font: 11px solid Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

div#respond form#commentform input#submit:hover {
	cursor: pointer;
}

div#respond form#commentform textarea#comment {
	width: 590px;
	height: 150px;
}

div#respond form#commentform label small {
	display: block;
	font: 10px Helvetica, Arial, sans-serif;
	margin: 0 0 3px 0;
	font-weight: bold;
}

div#respond form#commentform p {
	font: 11px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 5px 0;
}

div#respond form#commentform p a,
div#respond form#commentform p a:visited {
	color: #000;
	text-decoration: underline;
}

div#respond form#commentform p a:hover,
div#respond form#commentform p a:active {
	text-decoration: none;
}

/* Next GEN Gallery */

div.piclenselink {
	margin: 0 0 3px 0;
}

div.piclenselink a, div.piclenselink a:visited {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #a9a9a9;
	text-decoration: none;
}

div.piclenselink a:hover, piclenselink a:active {
	text-decoration: underline;
}

.ngg-galleryoverview {
	clear: both;
	display: block !important;
	margin: 10px 0;
	overflow: hidden;
	width: 100%;
}

.ngg-album-compact h4 {
	font: 11px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
}

.ngg-album-compact h4 a, .ngg-album-compact h4 a:visited {
	color: #a9a9a9;
	text-decoration: none;
}

.ngg-album-compact h4 a:hover, .ngg-album-compact h4 a:active {
	text-decoration: underline;
}

/* Music and Video Archive Page */

ul.media {
	display: block;
	margin: 8px 0;
}

ul.media li {
	width: 120px;
	float: left;
	padding: 7px;
	margin: 0 5px 10px 5px;
	background-color: #eeeeee;
}

ul.media li img {
	display: block;
	margin: 0 auto 5px auto;
}

ul.media li p.link {
	font: 11px Georgia, "Times News Roman", Times, serif;
	text-align: center;
	margin: 0;
}

ul.media li p a, ul.media li p a:visited {
	color: #444;
	text-decoration: none;
}

ul.media li p a:hover, ul.media li p a:active {
	text-decoration: underline;
}

/* Archive */

div.navigation {
	margin: 15px 0;
}

div.navigation a, div.navigation a:visited {
	padding: 5px;
	background-color: #372F16;
	color: #fff;
	text-decoration: none;
	font: 10px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

div.navigation a:hover, div.navigation a:active {
	background-color: #eab510;
}

/* Search Form */

form#searchform label.hidden {
	display: none;
}

form#searchform ul#searchinputs li {
	margin: 0 0 7px 0;
}

form#searchform input#s {
	width: 269px;
	height: 15px;
	background: url(images/searchbox.jpg) no-repeat left center;
	color: #fff;
	border: 1px solid #444;
	padding: 10px 3px 10px 25px;
}

form#searchform input#searchsubmit {
	background-color: #444;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px;
	float: right;
}