/*
Theme Name: SPIRAL Combined
Theme URI: http://insights.nthmost.com
Author: Julia, updated by Naomi starting Oct 2012
Author URI: http://nthmost.com
Description: Collection of themes dependent on Custom Post Templates plugin.
Text Domain: spiral-combined
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url("theme1.css");
@import url("theme3.css");
@import url("theme4.css");
@import url("theme5.css");
@import url("theme6.css");
@import url("apple.css");
@import url("chicago.css");
@import url("map.css");
@import url("oldpaper.css");
@import url("quixote.css");
@import url("space.css");
@import url("teal.css");
@import url("utah.css");
@import url("eros.css");
@import url("flick.css");

.really_simple_share_google1 {
z-index:2;

}

/* SPIRAL THEME */

html, body { height:100%;margin:0!important}

/*MARGIN RESET*/
ul, li {
margin:0;
padding:0;
list-style-type: none;
}

#header-link-image {
position: absolute;
top: 0px;
left: 80px;
z-index: 2;
height: 150px;
width:450px;
background-color: transparent;
}

#container body, #container h1, #container h2, #container h3, #container h4, #container p, #container blockquote, #container img
{
margin: 0;
padding: 0;
}

body
{
margin: 0;
background: black;
font-family: Garamond, serif; 
}

#container 
{
margin: 0 auto;
width: 901px;
text-align: left;
padding: 0;
/*border: thin solid white; */
}

#container #banner
{
text-align: center;
position: relative;
top: 0;
left: 0;
height: 70px;
margin-bottom: 20px;
/*border: thin solid white; */
}

#container #mainbody
{
background: url(images/spiral_bg.jpg);
padding: 0px;
width: 901px;
//height: 1100px;
position: relative;
top: 0px;
left: 0px;
}

#container #story_holder
{
width: 840px;
position: relative;
top: 0px;
left: 30px;
background: url(images/spiral_title.gif) no-repeat;
/*border: thin solid red; */
}

#container blockquote /*this is the tagline */
{
position: relative;
top: 100px;
left: 0px;
font: normal 17px/21px Helvetica, sans-serif;
color: #fff;
width: 500px;
margin: 10px 0 20px 0;
/*border: thin solid red; */
}

#container blockquote em
{
font: bold 20px/20px Helvetica, sans-serif;
text-transform: uppercase;
}

/* LEFT COL STUFF */

#container #leftcol
{
//height: 800px;
width: 560px; /*450 */
float: left;
margin: 100px 0 0px 0; /*bottom was 30 */
/*border: thin solid green; */
}

#container #story
{
//padding: 0px 20px 0 20px;
padding: 20px;
background: #dce8eb;
//height: 800px;
border: thin solid black;
}

#container  .story_title
{
font: bold 22px/20px Helvetica, sans-serif;
margin-bottom: 20px; 
/* border: thin solid orange; */
}

#container h2 strong em /* I'm not sure this rule is working, but I brought it here to try and fix the line-height problem */
{
font: bold italic 18px/20px Garamond, serif;
}

#container h3.byline
{
position: relative;
top: 0;
bottom: 0;
background: black;
color: #fff;
font: normal 12px/14px Courier, monospace;  /*Helvetica, sans-serif */
letter-spacing: .1em;
margin-bottom: 10px;
padding: 9px 0 3px 6px;
height: 20px;
/*border: thin solid red; */
}

#container h3
{
font: bold 14px/20px Garamond, serif;
}

#container .page_num
{
font: normal 18px/20px Courier, monospace;
color: #000;
width: 250px;
position: relative;
top: 770px;
left: 260px;
padding: 0 0 0 20px;
text-align: right;
/* border: thin solid red; */
}

#container .entry
{
//height: 700px;
/* margin-top: 10px; */
/* border: thin solid red; */
}

#container .scroll_entry
{
overflow: auto;
//height: 700px;
margin-top: 10px;
/*border: thin solid red; */
}
#container .scroll_entry p
{
text-indent: 1.5em;
padding-bottom: 20px;
font: 14px/20px Garamond, serif; 
} 

#container .scroll_entry a
{
color: black;
}

#container .entry h2
{
margin-top: 20px;
}

#container .entry p
{
text-indent: 1.5em;
padding-bottom: 20px; 
font: 14px/20px Garamond, serif; 
}

/* RIGHT COL STUFF */

#rightcol 
{
float: right;
width: 260px; 
//height: 750px; /* 800 */
margin: 100px 0 0 0px;
/*border: thin solid red; */
}

#submit 
{
height: 120px;
margin: 10px 0;
padding: 10px;
}

#submit span
{
font: bold 18px/20px Helvetica, sans-serif;
color: #000;
}

#submit p
{
font-size: 14px;
/*border: thin solid orange; */
}

#submit a
{
color: #000;
font-weight: bold;
}

#container h1
{
display: none;
}

/*h2
{
font: normal 24px/20px Helvetica, sans-serif;
font-weight: bold;
margin-top: -10px;
}
*/

#container #quote
{
position: relative;
top: 40px;
left: 0px;
margin-bottom: 60px; 
font-size: 11px;
text-transform: uppercase;
/*border: thin solid red; */
}

#container #footer
{
clear: both;
width: 830px;
padding-top: 4px;
color: #dce8eb;
font: normal 16px/20px Helvetica, sans-serif;
position: relative;
top: 100px;
/*border: thin solid red; */
}


.sidead
{
background: #F2F2F2;
height: 100px;
}

.upper
{
text-transform: uppercase;
color: #339999;
}

img
{
border: 0;
}

#by
{
font-size: 11px;
text-transform: uppercase;
margin: 13px 0 0 28px;
color: #333333;
}

p
{
font-size: 14px;
line-height: 20px; 
}

.upper
{
text-transform: uppercase;
color: #339999;
}

.simpleimage
{
margin: 0 0 10px -30px;
/*border: thin solid orange; */
}

h5
{
font-size: 12px;
text-transform: uppercase;
color: #339999;
margin: 3px 0 6px 0;
border-bottom: thin solid black;
}

#submit
{
height: 120px;
margin: 10px 0;
padding: 5px;
}

/* SIDEBAR STYLING (default theme) */


#sidebar {

	//position: relative;
	//top: -10px;
	//left: -40px;
	//padding-top:10px;
}

.sidebar-list {
	padding:0;
	margin:0;
}

.sidebar-list li { 
//padding:5px;
}

#sidebar .widget { 
	width:100%;
	background:#DCE8EB;
	border:thin solid black;
	padding: 5px 6px 8px 6px;
	margin:0px 0 10px 0;
}

#sidebar h2.widgettitle
{
height:20px; 
padding:5px;
margin:2px 0 4px 0;
background: black;
color: #fff;
font-family: Courier,monospace;
font-size: 12px;
letter-spacing:1.2px;
//text-transform: uppercase;
/* margin-bottom: -2px; */
}

#sidebar ul { margin:0; }

.widget div { background: #DCE8EB;
font: bold 13px/18px Helvetica, sans-serif;
}

/* calendar widget */
#calendar_wrap { width:250px; }
.widget_calendar { background:none; }
#wp-calendar { width: 100%; }
#wp-calendar caption { background:#f5f5f5; text-align: center; color: #333; font-size: 16px; margin-top: 6px; margin-bottom: 6px; }
#wp-calendar thead {font-size: 12px; padding-bottom: 5px;}
#wp-calendar thead th { padding-bottom: 5px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 12px; font-weight:bold; text-transform: uppercase; text-align: right; padding-top:5px; }
#wp-calendar tfoot #prev { font-size: 12px; font-weight:bold; text-transform: uppercase; padding-top: 5px; }

#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}

td a 
{
color: black;
}

/* CATEGORY PULLDOWN */

#sidebar-categories  
{
}  
#sidebar-selectbyauthor /* select story by author */
{  
}  
#sidebar-selectbyauthor:hover /* select story by author */
{
	background:#AAA;
}
#sidebar-selectbyauthor h2.widgettitle {
	background:black;
	color:white;
	font-weight:bold;
	height:20px;
	padding: 6px 0 0 5px; margin:2px;
}
#sidebar-selectbyauthor a
{
color:white; font-weight:bold;
text-decoration: none;
}

/* now redundant.
#sidebar-submittofiction365
{
background: #dce8eb;
color: #000;
font: bold 13px/18px Helvetica, sans-serif;
}

#sidebar-submittofiction365 a
{
color: #000;
}
*/

caption a 
{
color: black;
position: relative;
top: -11px;
left: 0;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
/*border: thin solid red; */
}

#cat_titles
{
padding-top: 10px;
padding-bottom: 10px;
height: 760px;
overflow: auto;
/*border:  thin solid red;*/
}

#cat_titles li
{
margin-bottom: 10px;
}

#cat_titles li a
{
color: #000;
}

.novel
{
font: italic bold 1.4em/1.2em Garamond, serif;
}

#chaplist li
{
list-style-type: disc;
color: #000;   /*#266763 */
font: 14px/20px Garamond, serif; 
}

#chaplist li a
{
color: #000;
}

.entry a 
{ 
color: #000;
}

#footer-space
{
position: relative;
top: 30px;
/*border: thin solid red; */
}

.authorpage-quote {
margin-left:3px;  font-style: italic;
}


/* Related Posts Plugin */
.related-stories li {
	margin:10px;
}
.crp_related ul { margin:10px; padding:0; }


/* AddThis social media buttons plugin */

.addthis_default_style, .addthis_ {
	padding-top: 10px;
	margin-bottom: 20px;
}
.addthis_ a { text-decoration: none; }