/*
Theme Name: A Hat in Time Theme
Theme URI: http://hatintime.com
Description: Theme for a hat in time using blankslate theme.
Author: LuminoCityGroup LLC
Author URI: http://luminocitygroup.com
Version: 1.0
*/
@font-face{
	font-family: CurseCasual;
	src: url(font/curse_casual.woff);
	
}
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700,400italic);

html, body{
    margin: 0;
    padding: 0;
    height: 100%;
}
body{
    background-color: #68c1d3;
    background-image: url("images/background3.png");
    background-repeat: repeat-x;
    background-attachment:fixed;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
}
img{
	border: none;
	border: 0;
}
a{
	border: none;
	border: 0;
}
h1,h2,h3,h4{
	font-family: CurseCasual, sans-serif;
	color: #42A629;
	font-weight: 300;
}
h1{
	font-size: 32px;
}
h2{
	font-size: 26px;
}
h3{
	font-size: 20px;	color: #a65529;
}
h4{
	font-size: 16px;
}
a{
	color: #555;
}
a:hover{
	color: #111;
}
h2 a,h2 a:hover{
	color: #42A629;
}
.entry-title a:hover{
	color: #EDEA21;
}

h1.section {
	background-color: #42A629;
	text-align: center;
	color: #EDEA21;
}

#container{
    width: 970px;
    margin: 0 auto;
    background-image: url("images/hourglass.png");
    background-repeat: no-repeat;
    background-position: 100% 0px;
    height: 100%;

	animation:hourglassani 10s;
	-moz-animation:hourglassani 10s; /* Firefox */
	-webkit-animation:hourglassani 10s; /* Safari and Chrome */

	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite; /* Firefox */
	-webkit-animation-iteration-count: infinite; /*Safari and Chrome*/

	animation-timing-function:ease-in-out;
	-moz-animation-timing-function:ease-in-out; /* Firefox */
	-webkit-animation-timing-function:ease-in-out; /* Safari and Chrome */
	
}

/* Chrome, Safari, Opera */
@-webkit-keyframes hourglassani
{
	0% {background-position: 100% 0px;}
	50% {background-position: 100% 50px;}
	100% {background-position: 100% 0px;}
}

/* Mozilla */
@-moz-keyframes hourglassani
{
	0% {background-position: 100% 0px;}
	50% {background-position: 100% 50px;}
	100% {background-position: 100% 0px;}
}

/* Standard syntax */
@keyframes hourglassani
{
	0% {background-position: 100% 0px;}
	50% {background-position: 100% 50px;}
	100% {background-position: 100% 0px;}
}

header li{
    display: inline;
    margin: 0;
    padding: 0;
}
#logo{
    margin-left: 257px;
    margin-top: 10px;
}
nav{
	margin-top: 20px;
	margin-bottom: 20px;
	background-repeat:repeat-y;
}
div.menu
{
	height: 40px;
	display:inline-block;
	position: relative;
	left: 0;
	bottom: -3px;
	
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	

}
div.menu:hover
{
	bottom: 0px;
	-webkit-transform: scale(1.1);
}
div.home{
    margin-left: 31px;
}
img.dot{
	margin-right: 15px;
	margin-left: 15px;
	position: relative;
	bottom: 12px;
	left: 0;
}
section{
    background-color: #d6e3f5;
    width: 688px;
    padding: 10px 20px;
    margin-bottom: 100px;
    float: left;
    border: 1px solid #000;
}
aside{
    background: transparent;
    background-color: rgba(0,0,0,.7);
    width: 200px;
    padding: 10px;
    margin-left: 20px;
    float: right;
    margin-top: 0;
    text-align: center;
    color: #EDEA21;
}
aside ul{
	margin: 0;
	padding: 0;
}
aside li{
	list-style: none;
}
aside img{
	width: 100% !important;
}
aside a{
	color: #EDEA21;
}
aside a:hover{
	color: #edcc00;
}
#socialmedia{
    float: right;
    width: 220px;
    padding: 0;
    margin: 0;
}
#socialmedia img{
    width: 70px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}
footer{
    text-align: center;
    padding: 20px;
    color: #EDEA21;
}
footer a{
	color: #EDEA21;
}
.entry-title a{
	font-family: CurseCasual, sans-serif;
	font-weight: 300;
	background-color: #42A629;
	text-decoration: none;
	color: #EDEA21;
	padding: 5px 15px;
	margin-left: -22px;
}
.entry-meta{
	margin-top: -13px;
	margin-left: -10px;
}
.entry-meta>*{
	font-size: 10px;
	background-color: #D7F2C4;
	color: #33690F;
	padding: 5px 2px;
	margin-left: -4px;
}
.entry-content{
	color: #803226;
}
.entry-footer{
	font-style: italic;
	font-size: 11px;
}
#lcg_logo{
	margin: 10px auto;
	padding: 10px 15px;
	width: 150px;
}
.nav-previous{
	position: relative;
	display: inline;
	margin-right: 10px;
}
.nav-previous a, .nav-next a{
	color: #33690F;
	text-decoration: none;
}
.nav-next{
	position:relative;
	display: inline;
	margin-left: 10px;
}
#nav-above{
	text-align: center;
	color: #33690F;
}
#nav-below{
	text-align: center;
	color: #33690F;
}
#comments li{
	padding-bottom:20px;
	list-style: none;
}
.form-allowed-tags{
	display:none;
}
hr{
	margin: 40px 100px;
	color: #692621;
	background-color: #692621;
	border-color: #692621;
}
.comment-form-comment label{
	display: none;
}
.comment-meta{
	font-size: 10px;
	font-style: italic;
	color: #fff;
	background-color: #0F284A;
	padding: 5px 10px;
	margin-top: 5px;
}
.comment-meta a{
	color: #ddd;
}
.comment-author{
	float:left;
	padding-right: 30px;
}
.comment-author img{
	border:5px solid #fff;
	box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
	display: block;
}
.comments .fn{
	font-size: 16px;
	background-color: #42A629;
	color: #EDEA21;
	padding: 5px 10px;
	margin-left: -10px;
}
.comments .fn a{
	color: #EDEA21;
}
#comments li{
	margin-top: 40px;
	min-height: 120px;
	padding: 20px;
	background-color: #E8F0FA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}
#comments li:last-child{
	margin-bottom: 0px;
}

.preorder{
    margin-left: 0px;
    transition: margin-left 0.1s;
    -webkit-transition: margin-left 0.1s; /* Safari */
}

.preorder:hover{
    margin-left: 30px;
}

.youtube_big
{
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 960px;
	height: 540px;
	background-color: #000000;
	border: 2px solid #E6E600;
}

#kickstarter-notice a{
	margin-left: 50px;
	color: #0000FF;
	text-decoration: none;
	font-family: CurseCasual, sans-serif;
	font-weight: 300;
	font-size: 19px;
	
    text-shadow:
    -1px 0px 0 white,
    1px 0px 0 white,
    0px -1px 0 white,
    0px 1px 0 white,
	
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white,
	
    -2px -0px 0 black,
    2px -0px 0 black,
    0px -2px 0 black,
    0px 2px 0 black,
	
    -2px -2px 0 black,
    2px -2px 0 black,
    -2px 2px 0 black,
    2px 2px 0 black;

}

#kickstarter-notice a:hover{
	color: #ffc600;
}

.chapter_act_list
{
	text-align: center;
}

.chapter_act
{
	width: 80px;
	height: 80px;
}

.chapter_act:hover
{
	-webkit-transform: scale(1.5);
}