@font-face {font-family: 'MyriadPro';  src: url('/MyriadPro-Regular.otf');}

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:150%; font-size:13px; background:#fff; color:#000;}

h1, h1 a, h2, h3, h4, h5, h6 {font-family:MyriadPro; font-weight:normal; color:#bf7d13;}
h1 {font-size:28px;} h2 {font-size:25px;} h3 {font-size:21px;} h4 {font-size:15px;}
img {max-width:100%; height:auto; display:block;}
p {margin:0 0 10px 0;}
a {color:#000; text-decoration:none;}
a:hover {color:#;}
ul {margin:0; padding:0;}
ul li {list-style-type:none;}

#page {max-width:1000px; margin:0 auto;}

/* header */
header {}
header h1 {margin:0; padding:15px 0;}
header h1 a {color:#cc2714;}
header .border {width:50%; height:1px; background: linear-gradient(to right, #cc2714, #fff);}
header .bg {}

/* nav */
nav.normal {float:left; width:100%; height:46px; margin:0 auto; background: linear-gradient(#e14b36, #b1211b); border-radius:0 0 10px 10px;}
nav .normal-menu ul li {float:right; line-height:43px; }
nav .normal-menu ul li a {display:block; padding:0 20px; color:#fff;}

nav.mobile {display:none;}
nav .mobile-menu {z-index:10; position:fixed; left:0; top:0; width:250px; height:100%; overflow-x: scroll; background:#fafaf5; opacity:0.98; transition: 0.5s ease-in-out;}
nav .mobile-menu p {margin:5px 0 5px 5px; font-weight:bold; color:#b1211b;}
nav .mobile-menu ul {margin:0; padding:0 0 0 10px;}
nav .mobile-menu ul li {list-style-type:none; padding:4px 0;}
nav .mobile-menu ul li a {}

.menu-icon {z-index:10; position:fixed; bottom:15px; right:15px; display:inline-block; cursor:pointer; width:47px; background:#b1211b;}
.bar1, .bar2, .bar3 {width:35px; height:3px; background:#faeae1; margin:6px;}

input {display: none;}
input:checked ~ .mobile-menu {left: -250px;}

/* article */
article {float:right; width:68%; margin:15px 0 0 2%;}
article h2 {margin:15px 0;}
article h3 {margin:15px 0;}
article h4 {margin:7px 0;}
.entry {float:left; width:96%; padding:0 2%; line-height:200%;}
.entry p.film {margin:-10px 0 0 0; font-size:11px; font-style:italic;}
.entry a {font-weight:bold; color:#ec4330;}
.entry a:hover {color:#cc2714;}
.entry ul {margin:10px 0; padding:0 0 0 20px;}
.entry ul li {list-style:disc;}
.social {float:left; margin:0;}
.social .facebook {float:left;}

/* aside */
aside {float:left; width:30%; margin:15px 0 0 0;}
aside h4 {margin:0; padding:10px 15px; border-bottom:1px solid #e1e1e1; font-size:15px; color:#ec4330;}
aside .box {margin:0 0 20px 0; border:1px solid #e1e1e1; border-radius:10px; background:#fafafa;}
aside .box ul {margin:0; padding:0;}
aside .box ul li {list-style:none; border-bottom:1px solid #e1e1e1;  padding:6px; color:#555;}
aside .box ul li.last {border-bottom: none;}
aside .box ul li a {color: #111; padding:6px 0 6px 15px; background: url(images/a.png) center left no-repeat;}

/* footer */
footer {float:left; width:100%; height:36px; margin:0; font-size:11px; color:#000;}
footer .border {width:50%; height:1px; background: linear-gradient(to right, #cc2714, #fff);}
footer .link {float: left; line-height:36px; padding:0 0 0 15px;}

/* adsense */
#adsense-top {float:left; width:99%; height:auto;}
.adsense-top {margin:15px auto 0 auto;}
.adsense-post {max-width:336px; height:auto; margin:15px auto 0 auto;}
#adsense-post2 {float:left; width:99%; height:auto;}
.adsense-post2 {margin:15px auto;}

/* mobile */
@media (max-width: 1000px) {
#page {width:99%; margin:0 0.5%;}
}

@media (max-width: 750px) {
#adsense-top {display:none;}
nav.normal {display:none;}
nav.mobile {display:block;}
article {width:100%; margin:0;}
aside {display:none;}
}

#cookie {position:fixed; bottom:0; width:99%; background:#444; margin:0 auto; padding:5px 0.5%;}
#cookie h6 {font-size:14px; font-weight:bold; color:#fff; margin:5px 0;}
#cookie p {margin:0; font-size:11px; color:#e6e6e6;}
#cookie a {position:absolute; right:4px; top:4px; width:20px; height:20px; line-height:20px; font-size:15px; font-weight:bold; color:#fff; text-align:center;}