html, body { background-color: #36592d; background-image: url('../img/bg.png'); background-position: fixed; }

a { color: #476d3c; }

#cookiebar { background: #000; color: #fff; padding: 5px; font-size: 12px; text-align: center; }
#cookiebar a { color: #fff; text-decoration: underline; }

#headerWrapper { background: #36592d url('/wp/wp-content/themes/hyrule/assets/img/headers/oot3ds_hyrule_field.png') no-repeat; background-position: 50% 70%; background-size: cover; padding: 20px; box-shadow: inset 0 -7px 20px -7px #000; height: 600px; margin-bottom: -300px; }
#headerWrapper .container { margin-top: 150px; }
.headerLeft { text-align: right; }
.headerLinks a { vertical-align: middle; line-height: 60px; color: #ffffff; font-weight: bold; padding: 20px; color: #ffffff; font-weight: bold; padding: 20px; text-shadow: 0 1px 0 #000000; }
.headerSocial a { vertical-align: middle; line-height: 60px; text-align: center; color: #ffffff; font-size: 1.5em; padding: 20px; line-height: 60px; text-shadow: 1px 1px 0 #000000; }
.logo { background: url('../img/logo.png') no-repeat; width: 298px; height: 60px; margin-left: auto; margin-right: auto; }

#menuWrapper {  }
.navbar { border-radius: 0; }
.navbar-hyrule { background: none; }
.navbar-hyrule ul.navbar-nav>li>a { color: #ffffff; text-shadow: 0 1px 1px #000; }
.navbar-hyrule .nav>li>a:hover, .navbar-hyrule .nav>li>a:focus, .navbar-hyrule .nav>li>a:active, .navbar-hyrule .nav>.open>a { background: rgba(0,0,0,.5); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.50))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    text-shadow: 0 1px 1px #000;
}
a.navbar-brand { color: #ffffff; }

.navbar-hyrule li.dropdown:hover > .dropdown-menu { display: block; }
.dropdown-wide { width: 550px; padding: 10px; }
.navbar-hyrule li.dropdown:hover > .dropdown-menu ul { list-style: none; margin-left: -25px; }
.navbar-hyrule li.dropdown:hover > .dropdown-menu a.nav-header { font-weight: bold; }
.navbar-hyrule li.dropdown:hover > .dropdown-menu a { color: #000000; }

#content { background-color: #ffffff; padding: 20px; margin-top: -20px; box-shadow: 0 0 20px #000; }

.box-Title h3 { margin: 0; font-size: 18px; border-bottom: 1px #ebebeb dotted; padding-bottom: 5px; }
.box-Body { font-size: 12px; padding: 5px 0; }
.box-Footer { border-top: 1px #ebebeb dotted; font-size: 10px; padding-top: 5px; text-align: right; }

.circus-Image { width: 100%; height: 150px; background-size: cover; }

h1.page-Title { margin: 0 0 10px 0; font-size: 18px; padding-bottom: 5px; border-bottom: 1px #ebebeb dotted; }


.articleUser { width: 75px; height: 75px; margin-left: auto; margin-right: auto; border-radius: 50px; background-size: cover; }
.articleDetails ul { list-style: none; margin-left: -40px; margin-top: 5px; }
.articleDetails ul li { text-align: center; color: #cecece; }
.articleTitle h1 { margin: 0; font-size: 28px; margin-bottom: 5px; }
.articleDetails { border-top: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; font-size: 12px; padding: 5px 0; color: #2f2f2f; margin-bottom: 5px; font-weight:; }
.articleDetailsRight { float: right; }
.articleBody { font-size: 14px; color: #222222; }
.articleBody img { max-width: 100%; }
.articleShare { border-top: 1px #ebebeb solid; margin: 30px 0; }
.articleShareButtons { text-align: center; margin-top: -15px; }

.aside { margin-bottom: 10px; }
.asideTitle h3 { font-size: 12px; text-transform: uppercase; text-align: center; font-weight: bold; border-bottom: 1px #ebebeb solid; padding-bottom: 5px; margin: 0 0 10px 0; }
ul.asideList { list-style: none; margin-left: -40px; }
ul.asideList li { padding: 5px 8px; }
ul.asideList li:nth-child(odd) { background-color: #ebebeb; }


a.readmore-js-toggle { box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.8); text-align: center; padding: 3px 0; margin-bottom: 10px; }

table.release-dates th { text-align: center; width: 20%; }
table.release-dates td { text-align: center; }
table.release-dates td.rd-console { text-align: left; font-weight: bold; }

.gamecover { height: 150px; background: #000; padding: 5px; border-radius: 3px; box-shadow: inset 0 0 10px #000; margin-bottom: 10px; }
.pageh1 { font-size: 14px; background: #f0f0f0 url('../img/barbg.png'); padding: 12px 0; border-radius: 3px; border: 1px #cecece solid; text-indent: 10px; margin: 0 0 10px 0; font-weight: bold; }

#footer { padding: 20px; color: #fff; text-shadow: 0 1px 1px #000; }

/* Wordpress Stuff */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clear { clear: both }
blockquote { font-style: italic; border-left: 2px #36592d solid; padding-left: 3px; background: #f0f0f0; }
dl.gallery-item { background: #ebebeb; border-radius: 5px; border: 1px #cecece solid; padding: 3px; max-width: 150px; }
dt.gallery-icon {  }
dt.gallery-icon a img.attachment-thumbnail { border: none; }
dd.gallery-caption { font-size: 11px; }
.article .body #gallery-1 img { border: none; }

/* User */
#user { margin-bottom: 10px; display: inline-block;}
#user .data .details ul { list-style: none; margin: 0 0 0 -40px; }
#user .data { margin-bottom: 10px; }
#user .btn-group { text-align: center; width: 100%; }
#user img { width: 50px !important; height: 50px !important; }

.gallery-thumb { background: #222; padding: 3px; border-radius: 3px; margin: 0 10px 10px 0; max-width: 150px; max-height: 150px; }