/*
	Theme Name: AHSLight
	Theme URL: http://americanhorrorstorybr.com/
	Author: Kézily Correa
	Author URL: kezily@gmail.com
	Version: 4.0
*/

@import url(/css_q951286f2);

/* LAYOUT */

body,
html {
	background: url(/wp-content/themes/AHSLight/images/bg.png) #000;
	height: auto;
	margin: 0 auto;
	font: normal normal 100%/150% 'Lato', Arial, sans-serif;
}

#wrapper {
	width: 100%;
	min-height: 100%;
	height: auto;
}

#container {
	width: 1080px;
	margin: 0 auto;
}

#contentwrap {
	margin-top: 0px;
}

a {
	color: #EC4341;
	text-decoration: none;
}

a:hover {
	color: #969696;
	text-decoration: none;
}

a, img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

em {
	color: #BD5250;
}

h3 {
	width: 180px;
	padding: 10px;
	margin: 0 0 10px 0;
	background: rgba(39, 39, 39, 0.4);
	color: #A61311;
	font: 20px Roboto Condensed;
	text-align: center;
	clear: both;
}

h3 b {
	border-bottom: 3px solid #A61311;
}

/* HEADER */

#header {
	width: auto;
	height: 250px;
	margin: 0 auto;
	background: url(/wp-content/uploads/2015/05/ahs-hotel-season5-logo.png) top center no-repeat #000;
	border-top: 5px solid #791817;
	border-bottom: 5px solid #791817;
}

nav {
	width: 100%;
	height: 70px;
	margin: 0 auto;
	background: #fff;
	font: 400 17px Roboto;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

nav ul ul {
	display: none;
	z-index: 3;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
	padding: 0;
}

nav ul:after {
	content: "";
	clear: both;
	display: block;
}

nav ul li {
	float: left;
	z-index: 2;
	width: 150px;
}

nav ul li:hover {
	background: transparent;
}

nav ul li:hover a {
	color: #fff;
	background: #791817;
	-webkit-transition: all 0.35s ease;
}

nav ul li a {
	display: block;
}

nav ul ul {
	padding: 0;
	position: absolute;
	top: 88%;
	z-index: 9999;
	width: 95px;
}

nav ul ul li {
	float: none;
	position: relative;
	z-index: 9999;
}

nav ul ul li a {
	background: #791817;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	z-index: 9999;
	position: relative;
	border-bottom: 1px solid #000;
}

nav ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

nav a {
	position: relative;
	display: inline-block;
	margin: 0 15px;
	padding: 25px 10px;
	outline: none;
	color: #000;
	text-transform: uppercase;
}

nav a:hover {
	background: #791817;
}

/* DESTAQUES */

.cycle {
	width: 1080px;
	height: 300px;
	margin: 30px auto;
}

.box1 {
	width: 1080px;
	height: 300px;
	position: absolute;
}

.box1 .titulo {
	width: auto;
	padding: 20px 20px;
	background: rgba(0, 0, 0, 0.6);
	color: #ECECEC;
	font: 21px Roboto Condensed;
	text-transform: uppercase;
	text-align: left;
	position: absolute;
	bottom: 70px;
	left: 30px;
	border-left: 30px solid #791817;
}

.box1 .info {
	width: auto;
	padding: 5px;
	background: rgba(0, 0, 0, 0.4);
	color: #CACACA;
	font: 14px Roboto Condensed;
	text-transform: uppercase;
	position: absolute;
	bottom: 44px;
	left: 60px;
}

.anuncio {
	width: 1080px;
	height: 90px;
        background: url(/wp-content/themes/AHSLight/images/anuncio.png) no-repeat;
	margin: 20px auto;
}

.anuncio-item {
  	float: right;
  	width: 330px;
  	height: 90px;
}

/* CONTENT */

#content {
	width: 720px;
	overflow: hidden;
	margin-bottom: 20px;
	float: left;
}

section.cont_index {
	width: 690px;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 20px;
	float: left;
	background: #fff;
}

article.index-1 {
	width: 400px;
	height: 290px;
	float: left;
	margin-bottom: 15px;
}

article.index-2 {
	width: 275px;
	height: 138px;
	float: right;
	margin: 0 0 15px 0;
}

article.index-3 {
	width: 220px;
	height: 210px;
	float: left;
	margin: 0 15px 0 0;
}

article.index-3:nth-child(6) {
	margin-right: 0;
}

article.index-1:hover img, 
article.index-2:hover img, 
article.index-3:hover img {
	opacity: 0.8;
}

article.index-1 .titulo {
	width: 340px;
	padding: 15px;
	font: 400 16px/18px Roboto Condensed;
	text-transform: uppercase;
	text-align: left;
	top: -110px;
	left: 15px;
}

article.index-2 .titulo {
	padding: 10px;
	top: -60px;
	font: 16px/17px Roboto Condensed;
}

article.index-3 .titulo {
	height: 40px;
	padding: 15px;
	top: -76px;
	font: 16px/16px Roboto Condensed;
}

article.index-1 .titulo a, 
article.index-2 .titulo a, 
article.index-3 .titulo a {
	color: #FFFFFF;
}

article.index-1 .titulo, 
article.index-2 .titulo, 
article.index-3 .titulo {
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
	position: relative;
}

article.index-1:hover .titulo, 
article.index-2:hover .titulo, 
article.index-3:hover .titulo,
article.art-item:hover .titulo {
	background: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

a.button {
	color: #A61311;
	float: right;
	padding: 5px 0;
	font: 18px Roboto;
}

a.button:hover {
	color: #000;
}

a.ep {
	color: #FFF;
	padding: 5px 10px;
}

a.ep:hover {
	background: #000;
}

.post {
	margin: 0px 16px 15px 0;
	display: inline-block;
}

.post:nth-child(5),
.post:nth-child(9) {
	margin-right: 0;
}

.post p {
	padding: 0px;
}

.post img {
	max-width: 720px;
}

.entry {
	width: 680px;
	height: auto;
	padding: 20px;
	margin-bottom: 20px;
	background: #FFF;
	color: #303030;
	font-size: 15px;
	text-align: justify;
	line-height: 21px;
}

.thumbnail {
	width: 720px;
	height: 350px;
}

.titleline {
	width: 720px;
	height: 75px;
	padding: 15px 0;
	margin: -110px 0 0 0;
	background: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	position: absolute;
}

.pagetitle {
	font: 700 23px/22px Roboto;
	float: right;
	width: 600px;
	padding-right: 15px;
	margin-bottom: 10px;
}

.postdate {
	width: 615px;
	padding: 5px 0;
	float: right;
	text-transform: uppercase;
	font-size: 11px;
	border-top: 1px solid #c0c0c0;
}

img.avatar {
	width: 70px;
	height: 70px;
	float: left;
	margin: 0 15px;
	border-radius: 100%;
}

blockquote {
	background: #F2F2F2;
	overflow: hidden;
	color: #303030;
	padding: 15px;
}

blockquote p {
	margin-bottom: 5px;
}

.image {
	margin: 5px;
	padding: 7px;
	background: #E4E4E4;
	border: 1px solid #468CD2;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #c0c0c0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.image:hover {
	background: #fff;
}

h2.pagetitle {
	background: #B73F3B;
	color: #fff;
	font: 700 23px/22px Roboto;
	width: 670px;
	padding: 10px;
	margin: 0 0 10px 0;
	float: none;
}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* wp-pagenavi */

.navigation {
	font: 14px Lato;
	padding: 5px 0;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:active {
	padding: 5px;
	margin-right: 5px;
	color: #8A1014;
	background: #fff;
}

.wp-pagenavi a:hover {
	padding: 10px;
	margin-right: 4px;
	color: #8A1014;
}

.wp-pagenavi span.pages {
	padding: 5px;
	margin-right: 5px;
	background: #fff;
}

.wp-pagenavi span.current {
	padding: 5px;
	margin-right: 5px;
	color: #000;
	background: #fff;
	font-weight: bold;
}

.wp-pagenavi span.extend {
	padding: 10px;
	margin-right: 4px;
	color: #000;
}

/* SIDEBAR(S) */

#sidebar {
	float: right;
	width: 330px;
	height: auto;
}

#sidebar h1 {
	width: auto;
	padding: 15px;
	background: rgba(166, 19, 17, 0.5);
	color: #fff;
	font: 700 15px Roboto;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 0;
}

#sidebar h1.twitter {
	height: 10px;
	background: url(/wp-content/themes/AHSLight/images/twitter.png) no-repeat rgba(83, 178, 219, 0.6);
	text-align: right;
}

.sidebar, .twitter {
	width: auto;
	height: auto;
	padding: 10px;
	margin-bottom: 15px;
	background: #fff;
	color: #0B0B0B;
	font-size: 13px;
	text-align: justify;
	overflow: hidden;
}

.twitter {
	background: url(/wp-content/themes/AHSLight/images/twitter_bg.png) no-repeat #53B2DB;
	padding: 0;
	height: 55px;
}

.sidebar ul {
	list-style: none;
	margin: 0;
	padding: 15px;
	background: rgba(236, 236, 236, 0.6);
}

.sidebar li {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #DBDBDB;
}

ul.nextep {
    padding: 0;
    position: relative;
    font-size: 12px;
}

ul.nextep figure {
    width: 100%;
    margin: 0;
    padding-bottom: 5px;
}

ul.nextep figure a {background: #CD1412; color: #fff; padding: 2px 10px;margin: 0 5px;}

ul.nextep figure img {
    width: 100%;
    height: 180px;
}

ul.nextep figcaption {
    width: 100%;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom:37px;
    opacity: 0;
    -webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

ul.nextep:hover figcaption {opacity: 1;}

ul.nextep figcaption h3 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent;
}

ul.nextep span.episode {
    position: absolute;
    top: 70px;
    padding: 5px 20px;
    background: #530D0C;
    color: #fff;
    font-size: 15px;
}

.sinopse {
    padding: 5px 10px;
    height: 80px;
    line-height: 14px;
    border-top: 1px solid #8E8E8E;
    overflow: auto;
}

.maislidas {
	height: 50px;
	padding: 10px 0;
	font: 15px/16px Roboto Condensed;
	border-bottom: 1px solid #f1f1f1;
	text-transform: uppercase;
}

.maislidas a {
	color: #000;
}

.maislidas:hover a {
	color: #B81414;
}

.maislidas img {
	float: left;
	border-radius: 90px;
	margin-right: 10px;
}

#search {
	width: 330px;
	height: 50px;
	margin-bottom: 15px;
}

#search input {
	height: 40px;
	border: none;
	background: url(/wp-content/themes/AHSLight/images/search.png) no-repeat 280px 15px #FFFFFF;
	color: #595959;
	padding: 5px 15px;
	text-transform: uppercase;
	font-size: 12px;
	font-style: italic;
	outline: none;
}

#s {
	width: 300px;
}

#search #botao {
	background: #D1002C;
	color: #FFF;
	border: none;
	width: 41px;
	height: 45px;
	padding: 10px;
	font-weight: bold;
	font-size: 11px;
}

#topsearch #search {
	margin: 8px 0 0 0;
	padding-right: 2px;
}

/* COMMENTS */

#disqus_thread {background: #fff; padding: 15px; border-radius: 3px;}

#comments h3 {
	margin-bottom: 10px;
}

#commentform input {
	padding: 10px 15px;
	font-size: 11px;
	color: #000;
	border: 1px solid #E5E5E5;
	background: #EFEFEF;
	margin: 0;
	outline: none;
}

#commentform input[type="text"] {
	float: left;
	width: 200px;
	margin: 10px 12px 0 0;
}

#commentform {
	margin: 0;
}

#commentform textarea {
	width: 618px;
	height: 80px;
	padding: 15px;
	font: 15px Roboto Condensed;
	color: #000;
	border: 1px solid #DBDBDB;
	background: #FFFFFF;
	margin: 10px 0 0 0;
	outline: none;
}

#respond {
	background: #FFFFFF;
	padding: 15px;
	border: 1px solid #E7E7E7;
	clear: both;
}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	width: 540px;
}

#commentform #submit {
	width: 100px;
	margin: 0 0 5px auto;
	padding: 10px 20px;
	float: left;
	color: #000;
	border: 1px solid #DFDFDF;
	background: #FFFFFF;
}

.alt {
	margin: 0;
}

.commentlist {
	padding: 15px;
	margin: 0;
	text-align: justify;
	background: #FFFFFF;
	font-size: 13px;
	border: 1px solid #E7E7E7;
	clear: both;
}

.commentlist li {
	list-style: none;
	padding: 10px;
	background: #FCFCFC;
	margin-bottom: 10px;
}

.commentlist li ul li {
	padding: 15px;
	background: #F5F5F5;
	margin: 10px 0;
}

.commentlist p {
	margin: 10px 0;
}

cite.fn {
	font-weight: bold;
	text-transform: uppercase;
}

span.says {
	font-style: italic;
}

.children {
	padding: 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 11px;
}

/* ARTIGOS */

#artigos {
	width: 690px;
	padding: 15px;
	float: left;
	clear: both;
	text-align: right;
	background: #fff;
}

article.art-item {
	width: 223px;
	height: 200px;
	float: left;
	margin-right: 10px;
	position: relative;
}

article.art-item:nth-child(3) {margin-right: 0;}

article.art-item .titulo {
	padding: 15px;
	font: 400 15px/16px Roboto Condensed;
	text-align: left;
	position: absolute;
	bottom: 0;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
}

article.art-item .titulo a {color: #fff;}

/* FOOTER */

#footer {
	height: 305px;
	padding: 30px 0;
	margin-top: 40px;
	background: #fff;
	text-align: justify;
	font: 13px Roboto;
	line-height: 20px;
	clear: both;
	position: relative;
	bottom: 0;
}

#footer h1 {
	margin: 0;
	padding: 5px;
	font: 700 15px Roboto;
	letter-spacing: 1px;
}

#footer ul {
	width: 1080px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#footer ul li {
	width: 350px;
	float: left;
	margin-right: 40px;
}

#footer ul li.parceiros img {
	width: 62px;
	height: 62px;
	margin-right: 5px;
}

#footer .apoio {
	width: 740px;
	height: 100px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	float: left;
	border-bottom: 5px solid #000;
	text-align: center;
}

#footer .anuncio2 {
	float: right;
	width: 300px;
	height: 250px;
	background: #c0c0c0;
	margin-top: -90px;
}

#fim {
	padding: 10px 0;
	background: #fff;
	font: 12px Roboto Condensed;
	text-align: center;
	border-top: 1px solid #c0c0c0;
}

#wp_rp_first {
	height: 275px;
}

.wp_rp_content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

h3.related_post_title {
	width: auto;
	background: #F7F7F7;
	text-align: left;
}

.wp_rp_content li {
	list-style: none;
	width: 145px;
	height: 180px;
	padding: 10px;
	float: left;
	margin-right: 5px;
	line-height: 14px;
	font-size: 11px;
	font-family: Lato;
	background: #f1f1f1;
}

.wp_rp_content img {
	width: 145px;
	height: 137px;
}