/*
Theme Name: OoT 2D
Theme URI: http://oot-2d.com
Version: 1.0
*/

html { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #489848 url('https://2.bp.blogspot.com/-lMXtlWbU-sU/VvTyDn0e3mI/AAAAAAAAABg/fkl3s3QP5BsxG9EpTF2OtrKOl8AT6uCww/s1600/bg-grass.png') top center repeat; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden],template { display: none; }
a { background: transparent; color: #cb9c2a; text-decoration: none; }
a:active,a:hover { outline: 0; color: #ffc435; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
h3 { font-size: 16px; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em; }
button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button,select { text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],html input[disabled] { cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { padding: 0; }
ul { padding: 0; margin: 0; list-style: none;}
iframe { background: #000; }

.screenshots {
	width:280px;
	/*height:204px;*/
}

.inside a { color: #eee; }
.inside a:hover { color: #ffc435; }
.row { width: 960px; margin: 0 auto; padding: 0 20px; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.left { float: left; }
.margin { margin: 0!important;}
.margin-top { margin-top: 0!important;}
.margin-bottom { margin-bottom: 0!important;}
.white { color: #fff; }
.gray { color: #333; }


#wrapper { overflow: hidden; padding-bottom: 60px; margin-top: -20px; }

.sidebar-left { width: 250px; padding: 0; float: left; margin-right: 30px; position: relative;}
.sidebar-right { width: 680px; padding: 0; float: left; position: relative;}

.frame-land { background-color: #887848; border: 16px solid transparent; border-image-source: url("https://1.bp.blogspot.com/-wqQMzF38jhw/VvTyEi6w-0I/AAAAAAAAACI/9Q-6jDsNz6gDG2ol_xbeZ2PUGAKC46IFQ/s1600/frame-land.png"); border-image-slice: 16; border-image-repeat: round; }
.frame-land p { font-size: 14px; }

body.page-index .frame-land p { margin-top: 20px; }
/*.inside { padding: 20px;  overflow: hidden; }*/
.inside { padding: 20px; overflow: hidden; position: relative; z-index: 0;}
.inside.faq { padding: 0 20px;}
.inside.faq.first { padding-top: 20px;}
.inside.faq p { padding-left: 10px; padding-top: 5px;}
.frame-land-inside { background: #786038 url("https://4.bp.blogspot.com/-3CaD-1QFyeI/VvTyEaTcdTI/AAAAAAAAACA/tNvNC8IwCt4rneaRWH2Sn6QYfUmmUzpWA/s1600/frame-land-inside.png") bottom left repeat-x; width: 616px; margin-top: -4px; margin-left: -4px; padding: 10px 20px 20px 20px;  }
.frame-land-inside.bottom { background: #786038 url("https://4.bp.blogspot.com/-3CaD-1QFyeI/VvTyEaTcdTI/AAAAAAAAACA/tNvNC8IwCt4rneaRWH2Sn6QYfUmmUzpWA/s1600/frame-land-inside.png") top left repeat-x; margin-top: 0px; margin-bottom: -8px; }
.frame-land-inside.bottom h3 { margin-top: 10px;}
.frame-land-inside h3 { margin: 0; margin-bottom: 20px; padding: 0; font-weight: normal; color: #fff; font-size: 20px; }
.frame-land-inside img { float: left; margin-right: 20px; }
.frame-land-inside p { font-size: 14px; color: #fff; font-style: italic; }

.frame-land-inside-left { background: #786038 url("https://4.bp.blogspot.com/-3CaD-1QFyeI/VvTyEaTcdTI/AAAAAAAAACA/tNvNC8IwCt4rneaRWH2Sn6QYfUmmUzpWA/s1600/frame-land-inside.png") top left repeat-x; width: 183px; margin-bottom: -20px; margin-top: 20px; margin-left: -19px; padding: 20px 25px 15px 20px;  }

.frame-land-inside-dark { background: #786038 url("https://4.bp.blogspot.com/-3CaD-1QFyeI/VvTyEaTcdTI/AAAAAAAAACA/tNvNC8IwCt4rneaRWH2Sn6QYfUmmUzpWA/s1600/frame-land-inside.png") top left repeat-x; width: 102%; margin-left: -5px; padding: 10px 0px 3px 0px;  }
.frame-land-inside-dark-bottom { background: #786038 url("https://4.bp.blogspot.com/-3CaD-1QFyeI/VvTyEaTcdTI/AAAAAAAAACA/tNvNC8IwCt4rneaRWH2Sn6QYfUmmUzpWA/s1600/frame-land-inside.png") bottom left repeat-x; width: 102%; margin-left: -5px; height:4px; }

#header {  padding-top: 20px; overflow: hidden; }
#btn-home { display: block;}
.container { width: 100%; background: #489848 url('https://2.bp.blogspot.com/-lMXtlWbU-sU/VvTyDn0e3mI/AAAAAAAAABg/fkl3s3QP5BsxG9EpTF2OtrKOl8AT6uCww/s1600/bg-grass.png') top center repeat;  padding-bottom: 100px;}

#footer { text-align: center; background: url('https://sites.google.com/site/oot2dcss/i/bg-footer.png') top center repeat-x; margin-top: -80px; padding-top: 260px; }
#footer p { font-size: 14px; color: #fff; margin: 10px 0;}
#footer p span { background: #3860A8; padding: 10px 20px; }
#footer .footer-fullwidth { width: 100%; margin: 0; height: 140px; padding-top: 60px; background: #3860A8 url('https://3.bp.blogspot.com/-gZIfz-hUblk/VvTyDyQCv0I/AAAAAAAAABs/LZhLZ7O_WPklIODSd5MbZOxjnZ_t3-Bfg/s1600/bg-water.png') top center repeat;}

.button { padding: 0 20px; background-color: #88AA00; font-style: italic; line-height: 18px; border: 17px solid transparent; text-align: center; margin: 0; color: #fff; text-decoration: none; border-image-source: url("https://1.bp.blogspot.com/-hpSEbX4y3EI/VvTyD_RkuoI/AAAAAAAAABw/EbnOuwMzGe8sUC1idw2hvSXYaz5mwK2ww/s1600/button.png"); border-image-slice: 17; }
.button:hover { background-color: #698400; color: #fff!important; }

/*.download { border-bottom: 2px solid #333; padding-bottom: 10px; overflow:hidden; margin-bottom: 20px;}*/
.download { clear:both;  padding-bottom: 20px; overflow:hidden; margin-bottom: 0px; margin-top: 2px;}
.download .button { float: left; margin-right: 20px;  }
.download .version { font-weight: bold; font-size: 16px; padding-top: 4px; margin-top: 0px; margin-bottom: 8px; }
.download .version span.number { color: #00208C; }
.download .version a.changelog { font-size: 13px; font-weight: normal; font-style: italic; color: #333; text-decoration: underline; }
.download .version a.changelog:hover { color: #ffc435;}
.download .glitch { color: #000; font-style: italic; font-size: 15px; margin-top: 8px;}

.primary-menu .button { display: block; padding: 0;}
.primary-menu { margin-top: 42px; padding: 15px;}
.primary-menu ul { margin: 0; padding: 0; margin-top: 20px;}
.primary-menu ul li { list-style:none; }
.primary-menu ul li a { font-size: 16px; text-decoration: none; color: #000; height: 25px; line-height: 25px; padding-left: 28px; background: url('https://3.bp.blogspot.com/-2kpcG_jnRCU/VvTyE3kI_6I/AAAAAAAAACU/gGKubxGlIes3p6rEG2fWEHN4xMETpiP0g/s1600/main-nav.png') top left no-repeat; }
.primary-menu ul li a:hover, body.page-web #page-about, body.page-screenshots #page-screenshots, body.page-index #page-about, body.page-download #page-download, body.page-changelog #page-changelog, body.page-how-to-use #page-how-to-use, body.page-banners #page-banners, body.page-faq #page-faq { color: #fff; background-position: 0 -25px; }

.new { font-size: 12px; color: #880000; font-style: italic; }
.advice { background-color: #306530; padding: 14px; margin-top: 60px; }
.advice p { margin: 0; text-align: center; color: #fff; font-size: 1em; }

hr.double { clear: both; width: 656px; height: 8px; background: #796035 url('https://3.bp.blogspot.com/-PKFeKHIS6bA/VvTyEYPJs6I/AAAAAAAAAB8/n3Os9xmhKXEviiL68klL0ZvwbwiM45LMA/s1600/frame-land-double.png') left center repeat-x; border: 0; margin:0; margin-top: 2px; margin-left: -4px; }

.column { margin: 0; padding: 0; width: 48%; border: 0px solid red; float: left; margin-right: 4%; }
.column.last { margin: 0;}


ul.list {  font-size: 14px; padding-left: 10px;list-style: none; margin-bottom: 20px;}
ul.blank-list {  font-size: 14px; padding-left: 10px;list-style: none; margin-bottom: 20px;}
ul.list li { background: url('https://4.bp.blogspot.com/-LXNJb9dyygM/VvTyE7MnkRI/AAAAAAAAACM/aDmXKRY6q2cPfJkChGp_9fPv9v6TCCh4A/s1600/list.png') no-repeat top left; padding-left: 18px;}
li.list-check { background: url('https://2.bp.blogspot.com/-t6jcU_JOgfk/VvTzw8q6onI/AAAAAAAAACk/0skmMM1dNgwpN-g-lodRoDch_PvjB7yOg/s1600/tick.png') no-repeat top left;  padding-left: 18px; background-position:0px 5px;}
li.list-blank { background: url('https://1.bp.blogspot.com/-_U9ZtJBWRRQ/VvT0MdB7B6I/AAAAAAAAACo/oY5hpvFp5pQaKcVfPyvZ9WdCwHyPK2tow/s1600/blank.png') no-repeat top left;  padding-left: 18px; background-position:0px 5px;}
li.list-wip { background: url('https://2.bp.blogspot.com/-nc_B9KKF_UA/VvT0MahCKnI/AAAAAAAAACs/vgRCDiPHg5YiMjbaT41a-n--khgBmrQEQ/s1600/icon-wrench.png') no-repeat top left;  padding-left: 18px; background-position:0px 3px;}
ul.list a { color: #333; text-decoration: underline; }
ul.list a:hover { color: #fff; }
ul.list ul { padding-left: 10px; list-style: none; margin-bottom: 5px;}
ul.list ul li { background: url('https://2.bp.blogspot.com/-2mkU1IK2zIM/VvTyEgEZZbI/AAAAAAAAACQ/KAKIzFUm3w0z2CcipHAKTOiYKAqWt4_vA/s1600/list-sub.png') no-repeat top left;  padding-left: 18px;}
p.list-title { font-size: 15px; font-weight: bold; margin-bottom: 5px;}
p.list-title a { font-size: 12px; color: #333; font-style: italic; text-decoration: underline;}
p.list-title a:hover { color: #fff; }

span.icons { width: 23px; height: 16px; background: url('https://2.bp.blogspot.com/-YcIKfq_6YaQ/VwA1omJZMtI/AAAAAAAAAEA/tdVjNYcYu9gchdOF-6cbMqKQJ2t-qVpwQ/s1600/icons-sprite.png') 0 0 no-repeat; display: inline-block; margin-right: 12px; text-indent: -99999;}
span.icons.icon-video { background-position: 0 0; }
span.icons.icon-screenshot { background-position: 0 -16px; }
span.icons.icon-music { background-position: 0 -32px; }
span.icons.icon-folder { background-position: 0 -48px; }
span.icons.icon-download { background-position: 0 -64px; }
span.icons.icon-faq { background-position: 0 -80px; }
span.icons.icon-about { background-position: 0 -96px; }
span.icons.icon-log { background-position: 0 -112px; }
span.icons.icon-characters { background-position: 0 -128px; }
span.icons.icon-finish { width: 10px; height: 10px; background-position: -44px -82px; margin-right: 0; }
span.icons.icon-dev { width: 10px; height: 10px; background-position: -44px -92px; margin-right: 0; }

.dead-link { margin: 16px auto 17px; }

.media-more { float: right; margin-top: -20px;}
.media li span, .media-link span { font-size: 13px;  width: 100%; display: block; position: absolute; bottom: 0; color: #fff; margin: 0; padding: 0; background: #796035 url('https://2.bp.blogspot.com/-YcIKfq_6YaQ/VwA1omJZMtI/AAAAAAAAAEA/tdVjNYcYu9gchdOF-6cbMqKQJ2t-qVpwQ/s1600/icons-sprite.png') -35px -132px no-repeat; padding: 8px 8px 8px 26px; }
.media-link { overflow: hidden; position:relative; display: block; border: 6px solid; border-image: url('../images/frame-image-small.png') 6 6 6 6; margin-bottom: 15px; width: 280px; height: 210px;}
.media-link:hover { border-image: url("../images/frame-image-small-hover.png") 6 6 6 6; background: rgba(0,0,0,.4) url('../images/media-link-image.png') center center no-repeat; }
.media-link.selected { border-image: url("../images/frame-image-small-hover.png") 6 6 6 6; }
.media-link.video:hover { background-image: url('../images/media-link-video.png'); }
.media-link.video {padding-bottom: 32px;}
.media-link.video, .media-link.video img { height: 158px; }
.media-link.character, .media-link.character img { height: 80px; width: auto;}
.media-link.character { padding-bottom: 32px;}
.media-link.character:hover { background-image: none;}
.media-link.character span { padding-left: 8px; background-image: none; background: #51482B;} 
.media-link img {position: absolute; z-index: -100; max-width: 280px; max-height: 210px;}
.media-link.home { width: 600px; height: 315px; }
.media-link.home:hover{ border-image: url('../images/frame-image-small.png') 6 6 6 6; background: none; }

.breadcrumb { height: 32px;  padding-left: 42px; background: url('https://2.bp.blogspot.com/-8No1FC6xEkE/VvTyFH46Q6I/AAAAAAAAACY/qL9-elAj000bhSVDX-qnXOZRI-qRLHBQw/s1600/sign.png') top left no-repeat; margin-bottom: 10px; }
.breadcrumb h1 { font-size: 18px; font-weight: normal; line-height: 32px; margin: 0; padding: 0; }
.breadcrumb h1 span { background: #489848; padding: 5px 55px 5px 0; }

p.title-code { font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 20px; }
.code { border: 1px dashed #333; padding: 10px; }
.code code { font-size: 13px; }

.progress-title { margin: 0; font-size: 12px; color: #cb9c2a; margin-bottom: 10px; }
#progress-bar { cursor: help; position: relative; width: 100%; background-color: #383838; line-height: 14px; text-align: center; border: 2px solid #eee; border-radius: 5px;}
#progress-bar .bar { position: absolute; min-width: 10%; background: #00c800; height: 100%; border-radius: 2px; z-index: }
#progress-bar span { font-size: 12px; color: #eee; position: relative; }

		.featherlight .featherlight-content, .image img { 
				
	background-color: transparent; border-color: transparent; border-image: url("https://2.bp.blogspot.com/-5GygSGpmcGs/VvTyEaq4BMI/AAAAAAAAACE/5eYZMu1ZjugtXfu-MUxGwMwhzL6tEqdxQ/s1600/frame-image.png") 24 24 24 24;
    border-style: solid; border-width: 24px; padding: 0px;
    
    }
	.image img { border-width: 6px; border-image: url("https://2.bp.blogspot.com/-1ADxKvAvqro/VvTyEF3BsvI/AAAAAAAAAB4/yW3-PGO7tyYuZ9nuBQGB63R3ILUh2LFxw/s1600/frame-image-small-hover.png") 6 6 6 6; margin-bottom: 15px;}
	.image img:hover { border-image: url("https://3.bp.blogspot.com/-pRsBUNnrJMU/VvTyEJUV8EI/AAAAAAAAAB0/64_KqNyVO784Tc00sK_UJS37RNxzZKdsQ/s1600/frame-image-small.png") 6 6 6 6; }
    .featherlight:last-of-type{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);}

   div.captionhref { 
    
 background-color: #796035; border-color: transparent; border-image: url("https://2.bp.blogspot.com/-5GygSGpmcGs/VvTyEaq4BMI/AAAAAAAAACE/5eYZMu1ZjugtXfu-MUxGwMwhzL6tEqdxQ/s1600/frame-image.png") 6 6 6 6 ;
    border-style: solid; border-width: 24px; padding: 0px;background-clip: padding-box;
    
    }
  div.captionhref { border-width: 6px; border-image: url("https://2.bp.blogspot.com/-1ADxKvAvqro/VvTyEF3BsvI/AAAAAAAAAB4/yW3-PGO7tyYuZ9nuBQGB63R3ILUh2LFxw/s1600/frame-image-small-hover.png") 6 6 6 6 ; margin-bottom: 15px;}
  p.captionhref { text-align:center; font-size:12.7px; margin:-1px 0px 1px 0px; }
  div.captionhref:hover { background-color:#bf8f06; border-image: url("https://3.bp.blogspot.com/-pRsBUNnrJMU/VvTyEJUV8EI/AAAAAAAAAB0/64_KqNyVO784Tc00sK_UJS37RNxzZKdsQ/s1600/frame-image-small.png") 6 6 6 6; color:black; }