/*
Theme Name: Untold Spiral
Theme URI: http://www.theuntoldspiral.com
Author: Sheldon Cooper [KI Community Name]
Author URI: http://www.adventuresofthespiral.com
Description: Used for the Untold Spiral Blog Exclusively.
Version: 1.0
License: No external use
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

h1,
h2,
h3,
h4,
h5,
h6,
p, 
li {
font-family: 'Cantarell', sans-serif;
}

body {
	padding: 0;
	margin: 0;
	background: url("http://theuntoldspiral.com/wp-content/uploads/2015/09/TUSfadestars.jpg") center center fixed;
	background-size: 100%;
}

#content-container {
	width: 1000px;
	min-height: 100%;
	margin: 0 auto;
}

#content-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#header {
	height: 300px;
	width: 1000px;
	background: url("http://theuntoldspiral.com/wp-content/uploads/2015/09/TUSheaderfade.jpg");
margin-bottom: 20px;
}


#post-content {
	width: 70%;
	float: left;
}

#s-wrapper {
 	width: 30%;
     display: inline-block;
}

.hanger {
	width: 650px;
	height: 200px;
	text-align: center;
	margin-bottom: 20px;

}

.hanger-bg {
    background-size: cover;
    position:absolute;
    z-index:-1;
overflow: hidden;
    /* blur effect */
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
	width: 650px;
	height: 200px;
}

/* post title */

.hanger h2 {
    font-size: 35px;
    margin:0;
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.hanger h2 a {
    color: white;
    text-decoration: none;

}

.title {
width: 650px;
    height: 200px;
    height:200px;
	display: table;
}

.opac-bg {
	width: 650px;
    height: 200px;
    background: url("./images/opac-grey.png");
}

/* post content */

.hanger-content {
    padding-top:20px;
    text-align: center;
	height: 200px;
	width: 650px;
display: none;
	
}

.hanger-content p {
	color: white;
	font-size: 15px;
font-family: 'Droid Sans', sans-serif;

}

.hanger-content a {
	text-decoration: none;
}

/* Transition Title > Content Excerpt */
.hanger:hover .hanger-content{
display : block;
}
.hanger:hover .title h2{
display : none;
}

/* Sidebar */
#s-wrapper li, #s-wrapper li h2 {
	color: white;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
	padding-left: 10px;
	font-family: 'Droid Sans', sans-serif;

}

#s-wrapper li ul li a, #s-wrapper li ul li {
	color: white;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	list-style: none;
}

.widget {
	background: #7A549B;
	border: 1px solid lightblue;
	margin-bottom: 10px;
}


/* Main Content */

 .outer-wrapper {
      width: 69%;
      float: left;
    }

.post-wrapper {
	width: 650px;
	background: white;
	border: 1px solid black;

}

.post-page-content {
	    padding-left: 10px;
}

#title {
	width: 100%;
	min-height: 40px;
	background: #8aacb8;
	color: white;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 25px;
	text-align: center;
	border-bottom: 1px solid black;
}

.author-date{
	width: 100%;
	height: 20px;
	background: #3D3D99;
	text-align: center;
	color: white;
	font-szie: 15px;
font-family: 'Roboto', sans-serif;
	
}

.author-date a{
	color: white;
	text-decoration: none;
}

.tags-cat {
	width: 100%;
	font-size: 20px;
	color: white;
	background: #3D3D99;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.tags-cat a {
	color: white;
	text-decoration: none;
}
/* Comments */
 #comments {
	    margin-top: 20px;
	padding: 10px 10px 10px 10px;
background: white;
}


/* FOOTER */

.footer {
	width: 100%;
	height: 50px;
	text-align: center;
	color: black;
	background: #ffffb2;
	font-family: 'Open Sans', sans-serif;
	line-height: 50px;
}

.footer a {
	text-decoration: none;
}

/*The Newer/Older Links*/
#pnav a{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	    font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	line-height: 25px;
	background: #7A549B;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	margin-right: 5px;
}

#pnav {
	text-align: center;
}