body { background: #36592d url('bg.png'); }
.page.container { background: #ffffff; padding: 20px; margin-top: -20px; }
a { color: #476d3c; }

/* Header */
#headertop { height: 188px; background: #284622 url('banner.png') center no-repeat; }
#logo { width: 279px; height: 188px; background: url('/wp/wp-content/themes/hyrule/logo.png') no-repeat center; margin-left: auto; margin-right: auto; }
.navbar-hyrule .container { width: 1220px; }
.navbar-hyrule { border-radius: 0; background: #325229; box-shadow: none; border: 1px #284622 solid; border-width: 0 0 1px 0; }
.navbar-hyrule .container li.dropdown:hover > .dropdown-menu { display: block; }
.navbar-hyrule .container li a { color: #ffffff; }
.navbar-hyrule .container li a:hover { background: #2a4524; }
.navbar-hyrule .container a.menu:after, .dropdown-toggle:after { content: none; }
.navbar-hyrule .container .dropdown .dropdown-menu { width: 610px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; margin: 0; }
.navbar-hyrule .container .dropdown .dropdown-menu a { color: #000; margin-left: 20px; }
.navbar-hyrule .container .dropdown .dropdown-menu a:hover { background: none; text-decoration: underline; }
.navbar-hyrule .container .dropdown .dropdown-menu ul { list-style: none; margin: 10px 0 10px 0; }
.navbar-hyrule .container .dropdown .dropdown-menu li { margin: 2px 0px 0px -20px; }
.navbar-hyrule .container .dropdown .dropdown-menu li.sub { font-size: small; }

/* Feature */
#feature .container { padding: 20px; }
.feature { margin: -20px; }
.feature a.carousel-control { background: none; border: none; }
.feature a.carousel-control i { margin-top: -11px; }

/* Articles */
.article { border-radius: 5px; border: 1px #cecece solid; margin-bottom: 20px; }
.article h3 { font-size: 14px; margin: 0; background: #f0f0f0 url('barbg.png'); padding: 13px 0; border-radius: 3px 3px 0 0; border-bottom: 1px #cecece solid; text-indent: 10px; }
.article h3 a { color: #000000; display: block; }
.article .body { padding: 5px; }
.article .body img { max-width: 100%; height: auto;}
.article .body h3 { margin: 5px -5px 5px -5px; border-top: 1px #cecece solid; border-radius: 0; clear: both; }
.article .body ul.nobull { list-style: none; margin: 0; }
.article .body ul.nav-tabs { padding: 5px 0 0 5px; margin: -5px -5px 0 -5px; background: #ebebeb; }
.article .body ul.nav-tabs li a { color: #476d3c; }
.article .body .tab-content { overflow: visible; }
.article .details { font-size: 14px; background: #f0f0f0 url('barbg.png'); padding: 10px; border-radius: 0 0 3px 3px; border-top: 1px #cecece solid; clear: both; }
.article .details i { padding: 0 5px; }
.article .details a { color: #476d3c; }

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

/* Sidebar */
.sidebox { border: 1px #cecece solid; border-radius: 5px; margin-bottom: 10px; }
.sidebox h3 { font-size: 14px; margin: 0; background: #f0f0f0 url('barbg.png'); padding: 13px 0; border-radius: 3px 3px 0 0; border-bottom: 1px #cecece solid; text-align: center; }
.sidebox .sidebody { padding: 5px; }
.sidebox .sidebody ul.list { list-style: none; margin-left: -40px; }
.sidebox .sidebody ul.list li { padding: 3px 5px; }
.sidebox .sidebody ul.list li:nth-child(odd) { background: #f0f0f0; }

/* 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; }

/* Old Game Page CSS */
.pageHeader { display: none; }
#pageInfo { width: 175px; float: right; margin: 0 10px 10px 10px; padding: 5px; }
#pageInfo h1 { margin: 5px -5px 5px -5px; background: rgb(0, 0, 0); font-size: 14px; text-align: center; color: #fff; font-weight: normal; text-transform: uppercase; padding: 5px; }
#pageInfo h1 a { color: #fff; text-decoration: none; }
#pageInfo h2 { margin: 5px 0 5px 0; font-size: 12px; text-transform: uppercase; color: #888; font-weight: normal; }
#pageInfo ul { list-style: none; margin: -22px 0 10px -40px; }
#pageInfo li { font-size: 12px; text-align: right; }

/* Pages */
.navbar-page .container { border-radius: 0; background: #222; box-shadow: none; border: 1px #284622 solid; border-width: 0 0 1px 0; margin: 0 -5px; }
.navbar-page .container li.dropdown:hover > .dropdown-menu { display: block; }
.navbar-page .container li a { color: #ffffff; }
.navbar-page .container li.active a { background: #000; }
.navbar-page .container li a:hover { background: #000; }
.navbar-page .container a.menu:after, .dropdown-toggle:after { content: none; }
.navbar-page .container .dropdown-menu { width: 610px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; margin: 0; }
.navbar-page .container .dropdown-menu a { color: #000; }
.navbar-page .container .dropdown-menu a:hover { background: none; text-decoration: underline; }
.navbar-page .container .dropdown-menu ul { list-style: none; margin: 0 0 10px 20px; }
.navbar-page .container .dropdown-menu li { margin: 2px 0; }
.navbar-page .container .dropdown-menu li.sub { font-size: small; }
.table th { text-align: center; }
.contact-form textarea { width: 98%; }

/* Game Page */
.gamecover { height: 150px;	background: #000; margin: -5px -5px 0 -5px;	padding: 5px; }
.media a img { padding: 5px; min-width: 60px; max-width: 60px; background: #ebebeb; border: 1px #cecece solid; }
.media a.dark img { background: #222; border-color: #000; padding: 5px; }

/* Mobile */
@media only screen and (max-width: 980px) {
	.article .body iframe { width: 100%; }
}
@media only screen and (max-width: 767px) {
	#feature			{ display:none; }
	.article .body iframe { width: 100%; }
}
@media only screen and (max-width: 420px) {
	#feature			{ display:none; }
	.article .body iframe { width: 100%; }
}
@media only screen and (max-width: 320px) {
	#feature			{ display:none; }
	.article .body iframe { width: 100%; height: 174px; }
}