/*
Theme Name: Hyrule
Theme URI: http://hyrule.net
Author: Michael Ojeda
Author URI: http://mojeda.net/
Description: Hyrule.net 4.0 Theme for Wordpress
Version: 4.0
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
::selection { background: #92CD00; color: #fff; }
*::-moz-selection { background: #92CD00; color: #fff; }
img::-moz-selection { background: #92CD00; color: #fff; }
body { margin: 0 0 20px 0; background: #36592d url('images/bg.png') fixed; font-family: 'Open Sans', sans-serif; font-size: 12px; }
hr { border: 1px #e9e9e9 solid; border-width: 1px 0 0 0; }
iframe { z-index: 1; margin: 5px 0 0 0; display: block; margin-left: auto; margin-right: auto; }
img { border: none }
a { color: #2f2f2f }
.clear { clear: both }
#header { text-align: center; background: #284622 url('http://www.hyrule.net/wp/wp-content/themes/hyrule4/images/headerbg.png') no-repeat center top; margin: -15px 0 -10px 0px; height: 200px; padding: 10px 0; }
#subHeader { height: 18px; padding: 10px; color: #fff; font-size: 12px; background: url(images/subHeader.png) repeat-x; border: 1px #2a4524 solid; border-width: 1px 0 1px 0; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; }
#subHeader #text { width: 870px; margin: 0 auto; background: url(images/triforce.png) no-repeat left; padding-left: 20px; }
#subHeader.stay { position: fixed; top: 0; height: 17px; }
#subHeader #text a { color: #fff }
#subHeader #text img { margin: 0 3px -4px 3px; opacity: 0.5; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }
#subHeader #text img:hover { opacity: 1 }
#subHeader #textRight { float: right; text-align: right; }
#subHeader #textRight img { margin: -3px 0 0 2px; opacity: 1; }
#container { width: 900px; min-height: 1350px; margin: 0 auto; background: #fff; position: relative; }
#navigation { float: left; padding: 3px 5px 5px 5px; border-right: 1px #e9e9e9 solid; width: 150px; min-height: 1300px; top: 0px; bottom: 0; position: absolute; background: #f0f0f0; border-radius: 5px 0 0 5px; text-shadow: 1px 1px 0 #fff; }
#navigation h2 { margin: 3px 0 5px 0; font-size: 12px; text-transform: uppercase; color: #888; font-weight: normal; }
#navigation ul { list-style: none; margin: 0 0 0 -40px; }
#navigation li { font-size: 12px; text-indent: 20px; }
#navigation a { color: #888; text-decoration: none; display: block; margin: 0 -5px 0 -5px; padding: 3px 0 3px 0; }
#navigation a:hover { background: #fff; border: 1px #e9e9e9 solid; border-width: 1px 0 1px 0; margin: -1px -6px -1px -5px; }
#content { width: 733px; float: right; font-size: 12px; padding: 3px; }
#content h1 { margin: 0 0 -5px 0; font-weight: normal; }
#content p { padding: 3px; line-height: 150%; }
ul.list { list-style: none; margin: 10px 0 10px -40px; }
.list li { display: inline-block; background: #f0f0f0; border: 1px #e9e9e9 solid; border-radius: 3px; margin: 3px; padding: 3px 5px 3px 5px; }
.pageHeaderCont { margin: -3px -3px 5px -3px }
.pageHeader { background: #f0f0f0; height: 110px; padding: 0; border-bottom: 1px #e9e9e9 solid; width: 100%; margin: -5px; }
.pageHeader h1 { color: #fff; font-weight: normal; font-size: 20px; background: rgb(0, 0, 0); opacity: 0.7; padding: 5px; }
.pageHeader .button { float: right; margin-top: 75px; padding: 7px; }
.pageHeader .button a { color: #fff; text-decoration: none; }
.pageHeader ul { list-style: none; margin: 0 0 0 -30px; }
.pageHeader ul li { display: inline-block; margin: 0 5px 0 0; }
#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; }
#footer { padding: 5px; color: #fff; text-shadow: 0 1px 0 #000; text-align: center; font-size: 11px; clear: both; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline }
/* Buttons */
.button { background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; margin: 5px; }
.green.button { background: #92CD00 }
/* Articles */
.article { margin: 0 0 15px 0 }
.article h1 { font-size: 18px; margin: 0; }
.articleTitle { background: #f0f0f0; margin: 5px -3px 10px -3px; border: 1px #e9e9e9 solid; border-width: 1px 0 1px 0; }
.articleTitle h1 { font-size: 18px; margin: 0; }
.articleTitle h1 a { color: #000; text-decoration: none; }
.articleTitle h1 a:hover { text-decoration: underline }
.articleTitleInner { border: 1px #fff solid; border-width: 1px 0 1px 0; padding: 5px; }
.articleDetails h2 { margin: 2px 0 3px 0; font-size: 10px; }
.articleBody { }
.articleFooter { padding: 0 10px 0 0; text-align: right; }
.articleFooter ul { list-style: none; margin-left: -40px; }
.articleFooter li { display: inline; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }
.article:hover .articleFooter li { opacity: 1 }
.articleFooter img { vertical-align: middle; margin: 0 3px 0 3px; }
.articleLinks { width: 100%; font-size: 24px; margin-top: -10px; }
.articleLinks a { text-decoration: none }
.articleLinks a:hover { text-decoration: underline }
h3.related_post_title { clear: both }
.newsAd { background: #f0f0f0; margin: 0 -3px 15px -3px; border: 1px #e9e9e9 solid; border-width: 1px 0 1px 0; font-size: 10px; color: #cecece; text-align: center; clear: both; }
.newsAd iframe { margin: 0; text-align: left; }
.newsAdInner { border: 1px #fff solid; border-width: 1px 0 1px 0; }
/* 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; }
blockquote p { }