/*  
Theme Name: Society for a Subliminal State
Theme URI: http://www.subliminalstate.org/
Description: WordPress theme for the Society for a Subliminal State web site
Version: 0.3
Author: Jesse Pearlman Karlsberg
Author URI: http://www.silversand.org/
*/

#announcement {
	position: absolute; width: 504px; z-index: 100; background: #FFF; padding: 0 0 5px; border: 3px solid #666; margin: 20px 0 0 100px;
	font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 1.5em; }
#announcement p { margin: 0 0.5em; }
a:link #announcement, a:visted #announcement { color: #666 !important; }
a:link:hover #announcement, a:visited:hover #announcement { border: 3px solid #A6452D; }


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: helvetica, arial, sans-serif;
	background: #B0B2D8 url('images/yellow-squares.gif') top center repeat;
	color: #666;
	text-align: center;
	margin: 0;
	padding: 0;
	}

h1, h2, h3 {
	margin: 0 0 0.6em;
	font-weight: normal;
	}

h1 {
	font-size: 2em;
	margin: 0 0 6px;
	}

h2 {
	font-size: 1.35em;
	line-height: 1.1em;
	}
	
h3 {
	font-size: 1em;
	text-transform: uppercase;
	}
	
img {
	border: 0;
	}

hr {
	display: none;
	}
	
ul {
	margin: 1em 0;
	padding: 0;
	list-style: disc;
	}

li {
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
	}	
	
table {

	}
	
thead {
	font-weight: bold;
	}
	
thead td {
	border-bottom: 1px dotted #666;
	}
	
td.money {
	text-align: right;
	}
	
blockquote {
	background: url('images/quotes.gif') 0px 3px no-repeat;
	margin: 1em 0;
	padding: 0 35px 0 45px;
	}
	
address {
	font-style: normal;
	}

fieldset div {
	clear: both;
}

fieldset div div {
	clear: none;
}

label, input {
	position: relative;
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	color: #666;
	}
	
textarea {
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	color: #666;
	}
	
label {
	padding: 0.2em 0.5em 0 0;
	}
	
input:focus, textarea:focus, input.error:focus, textarea.error:focus {
	background: #DADEF6;
	}

input.submit {
	position: relative;
	float: none;
	margin: 1em 0;
	}
	
input.error, textarea.error {
	background: #FFDDDD;
	}
	
fieldset {
	margin: 1em 0 0;
	border: 1px solid #666;
	}

label.formatted {
	width: 4em;
	}
	
input.formatted {
	margin-left: 4.5em;
	clear: both;
	}

label.sameline {
	margin-left: 0.5em;
	}
	
fieldset.contactinfo label, fieldset.contactinfo input {
	margin-top: 0.5em;
	}
	
fieldset.contactinfo label.top, fieldset.contactinfo input.top {
	margin-top: 0;
	}
	
p, td, blockquote, #content ul, #content ol, form, address {
	line-height: 1.2em;
	}
	
a:link, a:visited, .post h2 a:link, .post h2 a:visited, .firstpost h2 a:link, .firstpost h2 a:visited {
	color: #727AC2;
	text-decoration: none;
	}
	
a:link:hover, a:visited:hover, .post h2 a:link:hover, .post h2 a:visited:hover, .firstpost h2 a:link:hover, .firstpost h2 a:visited:hover {
	color: #A6452D;
	text-decoration: underline;
	}
	
h2 a:link, h2 a:visited {
	color: #666;
	}
	
h2.navigation a:link, h2.navigation a:visited {
	color: #727AC2;
	}

h2 a:link:hover, h2 a:visited:hover {
	color: #A6452D;
	text-decoration: none;
	}

#topnav {
	background: url('images/nav-header-divider.gif') top right no-repeat;
	margin: 0 0 25px;
	padding: 21px 0 19px;
	border-bottom: 1px solid #666;
	}

#topnav ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#topnav ul li {
	display: inline;
	margin: 0 0 0 3px;
	padding: 7px 0 7px 5px;
	border-left: 1px dotted #666;
	}
	
#topnav ul li.first {
	padding: 7px 0 7px 0;
	border: 0;
	margin: 0;
	}

#topnav ul ul {
	display: none;
	}

body #page {
	background: url('images/page-background.png') top center repeat-y;
	text-align: left;
	width: 718px;
	margin: 0 auto;
	padding: 15px 51px;
	font-size: 1.4em;
	}
	
#featured {
	position: relative;
	float: right;
	width: 410px;
	}
	
#featured ul {
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
	}

#featured li p {
	margin: 0.5em 0;
	width: 184px;
	background: none;
	}
	
#featured p.divider {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #666;
	}

#featured h2 {
	font-size: 1em;
	text-transform: uppercase;
	}
	
#featured ul li.item {
	width: 174px;
	display: block;
	position: relative;
	float: left;
	padding: 0 0 0 20px;
	border-left: 1px dotted #666;
	}
	
#featured ul li.first {
	padding: 0 20px 0 0 !important;
	margin-left: 0;
	border: 0 !important;
	}
	
#featured ul ul {
	list-style: circle;
	margin: 0;
	padding: 0 0 0 0;
	}
	
#news {
	width: 285px;
	margin: -333px 0 0;
	}
	
.post, .post-title {
	border-top: 1px dotted #666; 
	margin: 1em 0 0;
	padding: 1em 0 0;
	}

.firstpost {
	margin: 0;
	padding: 0;
	}
	
.firstpost, .singlepost .post, .singlepage .post {
	border-top: none;
	border-bottom: none;
	}

.singlepost .post, .singlepage .post {
	margin: 0 0 1em;
	padding: 0 0 1em;
	}

.post-title { 
	font-size: 0.75em;
	}
	
.titleentry {
	margin-bottom: 1em;
	border-bottom: 1px dotted #666;
	}

div.first {
	border-top: 0;
	margin: 0;
	padding: 0;
	}
	
#image {
	width: 410px;
	margin: 25px 0 0 308px;
	height: 331px;
	}
	
#post-image {
	width: 388px;
	height: 291px;
	border: 1px solid #666;
	padding: 10px;
	background: #DADEF6;
	}

#image p {
	margin: 0.5em 0 1em;
	font-size: 0.9em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	}

#image p strong {
	font-size: 0.9em;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	}
	
a:link:hover #post-image, a:visited:hover #post-image {
	border: 1px solid #A6452D;
	background: #DBECF5 url('images/sky-33.jpg') center center no-repeat;
	}
	
#main {
	width: 450px;
	position: relative;
	float: left;
	}
	
#sidebar {
	border: 1px solid #666;
	background: #DADEF6;
	padding: 1em;
	width: 200px;
	position: relative;
	float: right;
	margin: 0 0 1em 25px;
	}

#sidebar ul {
	list-style: circle;
	padding: 0;
	margin: 1em 0;
	}
	
#sidebar ul li {
	padding: 0;
	margin: 0 0 0 1em;
	}

#sidebar ul.spaced li {
	margin: 0.3em 0 0 1em;
	line-height: 1.2em;
	}

#footer {
	text-align: center;
	clear: both;
	border-top: 1px solid #666;
	}
	
.navigation {
	padding: 1em 0 2em;
	border-top: 1px solid #666;
	}
	
.front .navigation {
	padding: 0 0 1em;
	border-top: none;
	}

.alignleft, .alignleftshallow {
	position: relative;
	float: left;
	}
	
.alignright, .alignrightshallow {
	position: relative;
	float: right;
	}
	
img.alignleft, p.alignleft {
	margin: 0 1em 1em 0;
	}
	
p.alignleftshallow {
	margin: 0 1em 0.5em 0;
	}

img.alignright, p.alignright {
	margin: 0 0 1em 1em;
	}
	
p.alignrightshallow {
	margin: 0 0 0.5em 1em;
	}	

.post a:link img, .post a:visited img, a:link img.vislink, a:visited img.vislink {
	border: 1px solid #727AC2;
	padding: 1px;
	background: #FFF;
	}
	
.post a:link:hover img, .post a:visited:hover img, a:link:hover img.vislink, a:visited:hover img.vislink {
	border: 1px solid #A6452D;
	}
	
.post a:link img.noborder, .post a:visited img.noborder, .post a:link:hover img.noborder, .post a:visited:hover img.noborder {
	border: none;
	}
	
.newline {
	clear: both !important;
	}
	
.simpleborder {
	border: 1px solid #666;
	}
	
img .simpleborder {
	padding: 1px !important;
	}
	
.special {
	clear: left;
	border: 1px solid #CCC;
	padding: 5px;
	width: 200px;
	}
	
p.gemstone a:link, p.gemstone a:visited {
	width: 95px;
	height: 50px;
	margin: 0 1em 1em 0;
	padding: 27px 5px 0 0;
	text-align: center;
	position: relative;
	float: left;
	color: #000;
	font-weight: bold;
	}
	
p#emerald a:link, p#emerald a:visited {
	background: url('images/gemstones/emerald.jpg') top center no-repeat;
	}

p#saphire a:link, p#saphire a:visited {
	background: url('images/gemstones/saphire.jpg') top center no-repeat;
	}

p#amethyst a:link, p#amethyst a:visited {
	background: url('images/gemstones/amethyst.jpg') top center no-repeat;
	}

p#ruby a:link, p#ruby a:visited {
	background: url('images/gemstones/ruby.jpg') top center no-repeat;
	}
	
p#emerald a:link:hover, p#emerald a:visited:hover {
	background: url('images/gemstones/emerald-tilt.jpg') top center no-repeat;
	text-decoration: none;
	}

p#saphire a:link:hover, p#saphire a:visited:hover {
	background: url('images/gemstones/saphire-tilt.jpg') top center no-repeat;
	text-decoration: none;
	}

p#amethyst a:link:hover, p#amethyst a:visited:hover {
	background: url('images/gemstones/amethyst-tilt.jpg') top center no-repeat;
	text-decoration: none;
	}

p#ruby a:link:hover, p#ruby a:visited:hover {
	background: url('images/gemstones/ruby-tilt.jpg') top center no-repeat;
	text-decoration: none;
	}
	
div.podPress_content { 
	border: 1px solid #727AC2;
	padding: 0.65em 0.5em 0.2em;
	line-height: 1.5em;
	}
	
	
div#podPressPlayerSpace_1 {
	padding: 0 0 0.4em;
	}
	
.postmetadata {
	text-align: right;
	padding: 1em 0 0;
	text-transform: uppercase; 
	}
	
.postmetadata a:link, .postmetadata a:visited, h3#respond, h3#comments { padding: 1em 0 0; border-top: 1px dotted #666; }

#comments { padding: 0 0 1em; }

cite { font-style: normal; }

h4.newsection, h3.newsection { border-top: 1px dotted #666; margin-top: 1em; padding-top: 1em; clear: both; }
div.leftimageblock, p.leftimageblock { width: 302px; position: relative; float: left; margin: 0 0 1em; }
div.righttextblock, p.righttextblock { width: 395px; position: relative; float: right; margin:  0 0 1em; }

.hidden { display: none; }

#store { list-style: none; margin: 0 0 1em; padding: 0; }
#store li { margin: 0 0 1em; padding: 0.5em; border: 1px solid #B0B2D8; }
#store li p { margin: 0; }
#store li h4, #store li h5 { background: #DADEF6; margin: 0 0 0.5em; padding: 0.2em; }
#store li img { position: relative; float: right; padding: 0 0 0 0.5em; background: #FFF; margin: 0; }
#store input { position: relative; float: none; padding: 0 2px; }

div.narrow { width: 400px; background: #F00; }
div.narrow input { margin: 0.25em 0 0 0; }
.newsection { margin-top: 1em; }
form.solo { position: relative; display: block; clear: both; }
form.solo input { display: block; margin-right: 1em; }