/*
Theme Name: RE5TOF
Theme URI: http://re5tof.azurewebsites.net/
Author: Amory Huang
Author URI: http://re5tof.azurewebsites.net/
Description: RE5TOF Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: RE5TOF
Text Domain: RE5TOF
*/

@import url(https://fonts.googleapis.com/css?family=Lora); /*首頁標語字體*/
@import url(https://fonts.googleapis.com/css?family=Orbitron:500); /*手機選單LOGO字體*/
@import url(https://fonts.googleapis.com/css?family=Syncopate); /*選單與大標字體*/

@import url(reset.css);
@import url(index.css);
@import url(navigationbar.css);
@import url(page-novel.css);
@import url(page-gallery.css);
@import url(page-translation.css);
@import url(page-special.css);
@import url(footer.css);



/* Others */

#titleSection{
	width:100%;
    margin-top:50px;
	padding: 50px 10px 50px 10px;
}

.darkOverlay{
	width:100%;
	height:100%;
	background-color:#000;
}

.special-category{
	color:#FFF;
    display: block;
    font-size: 1em;
    margin-top: 0.37em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	font-family: Syncopate,'微軟正黑體';
	letter-spacing: 3px;
	text-align:center;
}

.special-title{
	color:#FFF;
    display: block;
    font-size: 2em;
    margin-top: 0.37em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	font-family: Syncopate,'微軟正黑體';
	letter-spacing: 3px;
	text-align:center;
}

@media(min-width:768px) {
	.special-category{
		text-align:left;
	}
	.special-title{
		text-align:left;
	}
}

#newsSection{
	width:100%;
    position: relative;
	background-color:rgba(255,255,255,0.7);
	margin-top:50px;
	padding: 10px 10px 10px 10px;
}

@media(min-width:768px) {
    #newsSection{
        margin-top:100px;
	    padding: 10px 50px 10px 50px;
    }
}

#contentSection{
	width:100%;
	background-color:rgba(255,255,255,0.9);
	padding: 10px 10px 10px 10px;
}

#contentSection > p{
	margin-top: 20px;
	line-height: 25px;
}

#contentSection > ul{
	margin-top: 20px;
    margin-left: 20px;
	line-height: 25px;
    list-style: initial;
}

@media(min-width:768px) {
    #contentSection{
	    padding: 10px 50px 50px 50px;
    }
}

#newsSection > h1{
	text-align:center;
}

#contentSection > h1{
	text-align:center;
}

#contentSection > h2{
	text-align:center;
}

#contentSection > h3{
	color:#663399;
	padding: 5px 0 5px 0;
	border-style: solid;
    border-width: 1px 0 1px 0;
	border-color: #D8BFD8;	
}

#contentSection > img{
	margin-top: 20px;
}

#story-introduction{
	text-align: center;
	margin-top: 50px;
}

#story-introduction > p{
	margin-top: 50px;
	line-height: 30px;
}

.first-item {
	width: 100%;
	height:auto;
    border-style: solid;
    border-width: 1px;
	border-color: #D8BFD8;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	background-color:rgba(255,255,255,0.7);
	line-height:22px;    
}

.comments {
	width: 100%;
	height:auto;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	line-height:22px;    
}

.grid-sizer,.grid-item {
	width: 100%;
	height:auto;
}

@media(min-width:970px) {
	.grid-sizer,.grid-item {
		width: 30%;
	}
}

.news-grid-item {
    border-style: solid;
    border-width: 1px;
	border-color: #D8BFD8;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	background-color:rgba(255,255,255,0.7);
	line-height:20px;
}

.featuredImage{
	width: 100%;
}

.firstnewsTitle{
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #191970;
}

.firstnewsDescription{
	margin-top: 10px;
	font-size: 16px;
}

.firstnewsDescription > p{
	margin-top: 20px;
}

.firstnewsDateTime{
	margin-top: 20px;
	font-size: 14px;
}

.newsTitle{
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #191970;
}

.newsDescription{
	margin-top: 10px;
	font-size: 14px;
}

.newsDateTime{
	margin-top: 20px;
	font-size: 12px;
}

.moreButton {
    margin-top: 10px;
    text-align: center;
}

.novel-item {
	width: 100%;
	height:auto;
    border-style: solid;
    border-width: 1px;
	border-color: #D8BFD8;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	background-color:rgba(255,255,255,0.7);
	line-height:22px;    
}

.novelTitle{
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #191970;
}

.novelContent{
	margin-top: 30px;
	font-size: 16px;
}

.novelContent > p{
	margin-top: 2px;
}

.novelDateTime{
	margin-top: 100px;
	font-size: 12px;
}

.alignRight{
	text-align:right;
}

.alignLeft{
	text-align:left;
}

.alignCenter{
	text-align:center;
}

.withoutPadding{
	padding-left:0 !important;
	padding-right:0 !important;
}

.black-bold {
    font-weight: bold;
    color: #000000;
}

.dark-gray-bold {
    font-weight: bold;
    color: #696969;
}

.dark-red-bold {
    font-weight: bold;
    color: #8B0000;
}

.red-bold {
    font-weight: bold;
    color: #FF0000;
}

.red-thick {
    color: #FF0000;
}

.green-thick {
    color: #008000;
}

.blue-bold {
    font-weight: bold;
    color: #0000FF;
}

.blue-thick {
    color: #0000FF;
}