/*
Theme Name: Destiny Islands
Theme URI: http://www.destinyislands.com/
Description: The 4th template for Destiny Islands.
Author: DI Staff
Author URI: http://www.destinyislands.com/
Version: 4.2
Tags: kingdom, hearts, dark, crown, disney, design, gradient
*/

/** @group reset **/
* { margin: 0; padding: 0; border: 0; text-decoration: none; }

html { font-size: 100%; height: 101%; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #ffffff url('images/bgtile.png') repeat-x; }
/* body { background: #e6f0f8 !important; } */

::selection { background: #e0eaf4; }
::-moz-selection { background: #e0eaf4; }
::-webkit-selection { background: #e0eaf4; }
/*cee2f4*/
img { border: 0; }

br { display: block; line-height: 2.0em; margin-bottom: 0px; }


/** @group typography **/
p { font-size: 1.4em; line-height: 1.6em; color: #555; margin-bottom: 18px; }
#disqus_thread { font-size: 1.3em; color: #666; }

a { color: #5a87b6; }
a:hover { text-decoration: underline; color: #365779; }

h1 { color: #728dbb; font-style: italic; font-size: 2.2em; line-height: 1.5em; margin-bottom: 15px; border-bottom: 1px dotted #d1def6; }
h2 { color: #4c4c4c; font-family: 'Nimbus Roman No9 L', Georgia, serif; font-size: 2.7em; font-style: italic; font-weight: normal; letter-spacing: -1px; line-height: 40px; margin-bottom: 8px; }

h3 { color: #8c8e8e; font-size: 1.7em; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; border-bottom: 1px solid #c0c0c0; line-height: 1.5em; margin-bottom: 6px; }
h4 { color: #62806d; font-weight: bold; font-size: 1.3em; line-height: 1.4em; margin-bottom: 4px; letter-spacing: normal; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
h5 { color: #008ed0; font-size: 1.9em; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-style: oblique; line-height: 1.5em;  border-bottom: 3px solid; margin-bottom: 6px; }

.entry-content ul { font-size: 1.2em; padding-left: 30px; margin-bottom: 15px; color: #444; } 

#content ul.basic { display: block; margin-bottom: 15px; font-size: 1.3em; color: #444; margin-left: 25px; margin-right: 40px; list-style: none; }
#content ul.basic li { display: block; margin-bottom: 13px; padding-left: 45px; line-height: 1.5em; min-height: 35px; background: url('http://i.destinyislands.com/static/wp-di/loginbg-keyhole.png') no-repeat 0px 2px; }

code { color: rgb(179, 45, 71); color: rgba(179, 45, 71, .75); background-color: rgb(255, 255, 255);  background-color: rgba(255, 255, 255, .75);padding: 3px 5px; font: bold 13px/18px "Courier New", Courier, mono; }

pre { display: block; margin-bottom: 18px; border-top: 1px solid #eb8925; border-bottom: 1px solid #efaf19; background: #ffe38e url('images/code-bg.gif') repeat-x; font-size: 1.5em; color: #444; padding: 3px 9px; overflow: auto; }

ul.monthly-archive { display: block; list-style: none; margin: 0; }
ul.monthly-archive li { background: #e1e6f1; float: left; width: 300px; height: 140px; position: relative; margin-bottom: 15px; margin-right: 20px; border-bottom: 1px dotted #91a2cd; border-right: 1px dotted #91a2cd; padding: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 8px; padding-right: 6px; font-size: 1.4em; }
ul.monthly-archive li .the-day { display: block; font-size: 0.8em; color: #555; line-height: 1.3em; margin-bottom: 8px; font-style: oblique; }

ul.monthly-archive li img.archives-featured-img { border: 3px solid #92acd7; float: right; margin-right: 5px; margin-bottom: 9px;  }
ul.monthly-archive li img.archives-featured-img:hover { cursor: pointer; border-color: #97bcf9; }

.monthly-archive li strong { display: block; font-size: 1.6em; font-weight: bold; } 
.monthly-archive li strong a { line-height: 1.3em; padding: 5px 3px; }
.monthly-archive li strong a:hover { text-decoration: none; color: #97bcf9; background: #3e3e3e; } 

/** @group wrapping **/
#w { width: 1000px; margin: 0 auto; position: relative; }

#sub-head { width: 500px; margin: 10px 0 0 0; padding: 5px; position: absolute; z-index: 100; }

#head { width: 1000px; overflow: hidden; position: relative; }

#main { width: 1000px; overflow: hidden; background: #fff; }

#w #leftside-floating-ad { position: absolute; top: 350px; left: -210px; display: block; background: #fff; width: 170px; padding-left: 10px; height: 620px; }
#w #leftside-floating-ad #the-floating-ad-box { margin-left: 10px; margin-top: 10px; margin-right: 7px; }

#w #rightside-floating-ad { position: absolute; top: 350px; left: 1040px; display: block; background: #fff; width: 170px; padding-left: 10px; height: 620px; }
#w #rightside-floating-ad #the-floating-ad-box { margin-left: 10px; margin-top: 10px; margin-right: 7px; }

#banner { position: relative; display: block; margin: 0; z-index: 1; height: 285px; overflow: hidden; width: 100%; }
#banner h1 { margin: 0; padding: 0; font-size: 2.0em; line-height: 0; z-index: 0; border-bottom: none !important;} 
#banner a:hover { text-decoration: none !important; cursor: pointer; }
#banner #adminlogin { position: absolute; top: 0; right: 0; padding: 3px 2px; background: #fff; opacity: 0.6; -moz-opacity: 0.6; height: 22px; line-height: 22px; font-size: 11px; font-weight: bold; color: #555;}
#banner #adminlogin:hover, #banner a #adminlogin:hover { opacity: 1.0; -moz-opacity: 1.0; cursor: pointer; }
#banner #adminlogin img { display: block; float: left; width: 16px; height: 16px; margin-right: 2px; margin-top: 2px; }

#drop-down-nav { margin-bottom: 10px; }
#drop-down-nav ul { list-style: none; }
#drop-down-nav ul li.header-links ul.top-nav { display: none; }
#drop-down-nav ul li h2 { color: #fff; text-align: center; margin: 0; cursor: pointer; }

#drop-down-nav ul li#destiny-islands {
    background: #ff8b8b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff8b8b, #ff3e3e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff8b8b, #ff3e3e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff8b8b, #ff3e3e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff8b8b, #ff3e3e); /* Standard syntax */
    display: inline-block;
    width: 313px;
    border: 2px solid #b40000;
    padding: 10px 8px;
    position: relative; }
#drop-down-nav ul li#destiny-islands:hover {
    background: #ff7474; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff7474, #ff3232); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff7474, #ff3232); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff7474, #ff3232); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff7474, #ff3232); /* Standard syntax */ }
#drop-down-nav ul li#destiny-islands h2 { text-shadow: 2px 2px #b40000; }
#drop-down-nav ul li#destiny-islands:hover ul.top-nav { display: block; position: absolute; top: 62px; left: -2px; width: 330px; z-index: 1; border: 2px solid #b40000; border-top: none; border-bottom: none; }
#drop-down-nav ul li#destiny-islands:hover ul.top-nav li { padding: 5px 10px; height: auto; background: #ff6767; border-bottom: 2px solid #b40000; width: 100%; box-sizing: border-box; margin: 0px; }
#drop-down-nav ul li#destiny-islands:hover ul.top-nav li:hover { background: #ff5252; }
#drop-down-nav ul li#destiny-islands:hover ul.top-nav li a { display: block;  cursor: pointer; color: #fff; font-size: 13px; line-height: 16px; font-weight: bold; width: 100%; box-sizing: border-box; text-decoration: none; text-shadow: 1px 1px #b40000;}
#drop-down-nav ul li#destiny-islands:hover ul.top-nav li a:hover { text-decoration: none; }

#drop-down-nav ul li#the-games {
    background: #93b6ff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#93b6ff, #4258ff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#93b6ff, #4258ff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#93b6ff, #4258ff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#93b6ff, #4258ff); /* Standard syntax */
    display: inline-block;
    width: 313px;
    border: 2px solid #002eb4;
    padding: 10px 8px;
    margin-left: -3px;
    position: relative; }
#drop-down-nav ul li#the-games:hover {
    background: #7da7ff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7da7ff, #3546ff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7da7ff, #3546ff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7da7ff, #3546ff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7da7ff, #3546ff); /* Standard syntax */ }
#drop-down-nav ul li#the-games h2 { text-shadow: 2px 2px #002eb4; }
#drop-down-nav ul li#the-games:hover ul.top-nav { display: block; position: absolute; top: 62px; left: -2px; width: 333px; z-index: 1; }
#drop-down-nav ul li#the-games:hover ul.top-nav li.title { padding: 5px 10px; height: auto; background: #3546ff;  border: 2px solid #002eb4; border-top: none; width: 100%; box-sizing: border-box; margin: 0px; font-size: 13px; color: #fff; text-shadow: 1px 1px #002eb4; font-style: oblique; }
#drop-down-nav ul li#the-games:hover ul.top-nav li.has-children { padding: 5px 0px 5px 20px; height: auto; background: #6f8cff; border: 2px solid #002eb4; border-top: none; width: 100%; box-sizing: border-box; margin: 0px; position: relative; }
#drop-down-nav ul li#the-games:hover ul.top-nav li.has-children:hover { background: #5a77ff; border-right: 2px solid #5a77ff; }
#drop-down-nav ul li#the-games:hover ul.top-nav li.has-children a { display: block; cursor: pointer; color: #fff; font-size: 13px; line-height: 16px; font-weight: bold; width: 100%; box-sizing: border-box; text-decoration: none; text-shadow: 1px 1px #002eb4;}
#drop-down-nav ul li#the-games:hover ul.top-nav li.has-children a:hover { text-decoration: none; }

#drop-down-nav ul li#the-games ul.top-nav li.has-children ul.sub-menu { display: none; }
#drop-down-nav ul li#the-games ul.top-nav li.has-children:hover ul.sub-menu { padding: 7px 0px; margin-left: -5px; display: block; position: absolute; top: -2px; left: 334px; width: 331px; background: #5a77ff; border: 2px solid #002eb4; }
#drop-down-nav ul li#the-games ul.top-nav li.has-children ul.sub-menu li { display: inline-block; width: 50%; box-sizing: border-box; padding: 3px 10px; }
#drop-down-nav ul li#the-games:hover ul.top-nav li.has-children ul.sub-menu li a { color: #fff; font-size: 11px; line-height: 13px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px #002eb4;}
#drop-down-nav ul li#the-games:hover ul.top-nav li.has-children ul.sub-menu li a:hover { text-decoration: underline; }

#drop-down-nav ul li#media {
    background: #b9e8b9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b9e8b9, #5ec95e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b9e8b9, #5ec95e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b9e8b9, #5ec95e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b9e8b9, #5ec95e); /* Standard syntax */
    display: inline-block;
    width: 313px;
    border: 2px solid #00b40a;
    padding: 10px 8px;
    margin-left: -3px;
    position: relative; }
#drop-down-nav ul li#media:hover {
    background: #aae2aa; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#aae2aa, #4bbe4b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#aae2aa, #4bbe4b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#aae2aa, #4bbe4b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#aae2aa, #4bbe4b); /* Standard syntax */ }
#drop-down-nav ul li#media h2 { text-shadow: 2px 2px #00b40a; }
#drop-down-nav ul li#media:hover ul.top-nav { display: block; position: absolute; top: 62px; left: -2px; width: 329px; z-index: 1; border: 2px solid #00b40a; border-top: none; border-bottom: none; }
#drop-down-nav ul li#media:hover ul.top-nav li { padding: 5px 10px; height: auto; background: #8cd98d; border-bottom: 2px solid #00b40a; width: 100%; box-sizing: border-box; margin: 0px; }
#drop-down-nav ul li#media:hover ul.top-nav li:hover { background: #74d074; }
#drop-down-nav ul li#media:hover ul.top-nav li a { display: block; cursor: pointer; color: #fff; font-size: 13px; line-height: 16px; font-weight: bold; width: 100%; box-sizing: border-box; text-decoration: none; text-shadow: 1px 1px #00b40a;}
#drop-down-nav ul.header-links li#media:hover ul.top-nav li a:hover { text-decoration: none; }

li.new-content span { float: right; color: #dcab39; text-shadow: 0 0 5px #d16322; font-style: oblique; margin-right: 10px; }

#content { width: 680px; float: left; padding: 0 20px 0 0; background: #fff; }
#wide-content { width: 1000px; padding: 0 20px 0 0; background: #fff; min-height: 658px; }
#content-wide { width: 920px; margin: 0 auto; padding: 0 20px; background: #fff; }
#side1 { width: 200px; float: left; background: #fff; margin: 0 5px; }
#side2 { width: 300px; float: left; background: #fff; margin: 0; }
#side2 br { line-height: 0em; }

/** @group games listing **/
#glist, #mlist { list-style: none; background: #b3e7ff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0; border: 3px solid #008ed0; border-bottom: 2px solid #008ed0; }
#glist li, #mlist li { display: block; }
#glist li a, #mlist li a { display: block; padding: 5px 10px; font-size: 12px; color: #006492; font-weight: bold; border-bottom: 1px solid #008ed0; }
#glist li a:hover, #mlist li a:hover { background: #4dc3ff; color: #fff; text-decoration: none; }
#glist ul.item-n, #glist ul.item-o { list-style: none; background: #006492; padding: 4px 0px; }
#glist ul.item-n li, #glist ul.item-o li { width: 49.5%; box-sizing: border-box; display: inline-block; }
#glist ul.item-n li a, #glist ul.item-o li a { font-size: 11px; padding: 4px 10px; color: #fff; border: none; }
#glist ul.item-n li a:hover, #glist ul.item-o li a:hover { background: none; color: #fff; text-decoration: underline; }

/** @group navigation **/
#topnav { height: 42px; background: #444 url('images/topnav-glite-h.gif') repeat-x; border-bottom: 1px solid #121212; }
#topnav ul { padding: 0 12px; }
#topnav ul li { float: left; }

#topnav ul li a { font-size: 1.2em; display: block; line-height: 42px; padding: 0 15px; text-shadow:0px 1px 1px #333; font-weight: bold; color: #eee; }
#topnav ul li a:hover { color: #ecf5ff; text-decoration: underline;}

#mainnav { height: 80px; margin-bottom: 10px; }
#mainnav ul { }
#mainnav ul li { float: left; margin: 0; padding: 0; }
#mainnav ul li img { border: 1px solid #323232; }

#ddnav li { float: left; position: relative; }

#nav-below { display: block; padding-bottom: 22px; }
#nav-below .nav-previous a, #nav-below .nav-next a { border: 1px solid #8fb8e3; display: block; padding: 4px 6px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#nav-below .nav-previous a:hover, #nav-below .nav-next a:hover { border-color: #5a87b6; text-decoration: none; background: #e8f1fa; }

#inpost-ad { text-align: center; margin-bottom: 10px; }

/* first level menu */
#ddnav { display: block; z-index: 100; margin: 0; list-style: none; }
#ddnav li > a { }
#ddnav > li > a:hover { -moz-border-radius: 3px 3px 0px 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #fff; background:inherit; text-decoration: none; }

/* second level menu */
#ddnav li ul { background: #507aa5; color: #333; display: none; width: 150px; position: absolute; padding: 4px; margin: 0 1px; margin-top: -3px; -webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; z-index: 100; }

#ddnav li ul li { width: 100%; font-weight: bold; font-family: Corbel, "Lucida Sans Unicode", "Lucida Grade", "Bitstream Vera Sans", "Luxi Serif", Verdana, sans-serif; font-size: 1.2em; }
#ddnav li ul li a { background: #507aa5; border: none; display: block; line-height: 25px; margin: 0; padding: 0 0 0 5px; color: #fff; }
#ddnav li ul li a:hover { background:#fff; color: #507aa5; text-decoration: none; }

/* A class of current will be added via jQuery */
#ddnav li.current > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #fff; }
#ddnav li:hover > ul.child { display:block;}

/* top corner link 
#toTop { width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; bottom:10px; right:10px; cursor:pointer; display:none; color:#333; font-family:verdana,sans-serif; font-size:11px;
} HIDE OLDER STYLES */
#toTop { width: 120px; height: 40px; border: 0; padding-left: 38px; position: fixed; bottom: 10px; right: -15px; cursor: pointer; display: none; color: #555; text-shadow: 0px 1px 1px #fff; font-size: 12px; line-height: 35px; font-weight: bold; background: url('http://i.destinyislands.com/kupo/debeasi/back-to-top-btn-sprites.png') 0px 0px no-repeat; z-index: 99999; }

#toTop:hover { background-position: 0px -45px; color: #343434; }

/** @group sidebar **/
.hi { background: #008ed0; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #fff; font-size: 2.0em; font-weight: bold; padding: 5px 10px 2px 10px; line-height: 22px; margin-bottom: 0; font-family: Trebuchet MS, Geneva, Tahoma, Arial, sans-serif; }

#side1 ul.brd, #side2 ul.brd { background: #b3e7ff; margin-bottom: 10px; list-style: none; border: 3px solid #008ed0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 2px solid #008ed0; }
#side1 ul.brd li, #side2 ul.brd li { font-size: 12px; border-bottom: 1px solid #008ed0; font-weight: bold; }
#side1 ul.brd li a, #side2 ul.brd li a { display: block; color: #006492; padding: 5px 10px; }
#side1 ul.brd li a:hover, #side2 ul.brd li a:hover { background: #4dc3ff; color: #ffffff; text-decoration: none; }

#side1 ul.brd li a strong, #side2 ul.brd li a strong { float: right; margin-top: -2px; padding: 2px 0px; width: 40px; text-align: center; background-color: #006492; color: #fff; border-radius: 5px;
}

/** @group sidebar misc **/
.smbox { padding: 8px; background: #b3e7ff url(images/sora-bg.png) no-repeat bottom right; border: 3px solid #008ed0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

.smlink { float: left; margin-right: 7px; border-bottom: 12px; }


/** @group posts **/
.post-content { width: auto; }

.content-middle-t { float: left; margin: 2px 0px 15px 0; width: 170px; }

.content-middle-t img { border: 1px solid #e5e5e5; background: #fff; padding: 4px; float: left; margin: 0 15px 5px 0; }
.content-middle-t a img { border: 1px solid #8fb2ea; background: #ecf1fa; padding: 4px; float: left; margin: 0 15px 5px 0; }
.content-middle-t a:hover img { border: 1px solid #6b8fca; padding: 4px; background: #d3dff4; float: left; }

.content-middle-t .meta-dtd { display: block; margin-bottom: 5px; }
.content-middle-t a.cat { background: #507aa5; display: inline-block; color: #fff; padding: 3px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 1px; display:-moz-inline-stack; font-size: 1.1em; font-weight: bold; text-shadow: #222 0px 1px 0px; }
.content-middle-t a.cat:hover { text-decoration: none; background: #7090b0; }

.content-middle-t .meta-auth { display: block; margin-bottom: 5px; height: 16px; line-height: 16px; background: url('images/contact_grey.png') 0 0 no-repeat; padding-left: 25px; font-size: 1.1em; font-weight: bold; }
.content-middle-t .meta-comm { display: block; margin-bottom: 5px; line-height: 16px; background: url('images/comments.png') 0 0 no-repeat; padding-left: 25px; font-size: 1.1em; font-weight: bold; }
.content-middle-t .meta-edit { display: block; line-height: 16px; background: url('images/mail_new.png') 0 0 no-repeat; padding-left: 25px; font-size: 1.1em; font-weight: bold; }

.post-content-middle { float: left; display: block; width: 500px; }

.post-content-middle h1 { font-size: 2.6em; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4em;  padding: 0; border: 0; margin-bottom: 4px; display: block; font-style: italic; }

.post-content-middle h1 a { color: #a8c2dc; display: block; }
.post-content-middle h1 a:hover { color: #6b8fca; background: #ecf1fa; text-decoration: none; }

.post-content-middle .pinfo { display: block; margin-bottom: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight: normal; color: #666; }
.post-content-middle .ptags { display: block; margin-bottom: 9px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight: normal; color: #666; }

.content-spacer { background: #fff; border-bottom: 1px solid #ddd; clear: both; margin: 0 0 15px; width: 100%; }

h1.entry-title { margin-bottom: 3px; }

.entry-meta { font-family: "Trebuchet MS", Geneva, Arial, sans-serif; font-size: 1.2em; line-height: 1.1em; letter-spacing: -0.02em; color: #343434; margin-bottom: 12px; font-weight: bold; }

.entry-img-cont { float: right; margin-left: 15px; margin-bottom: 5px; }
.entry-img-cont img { border: 1px solid #6782ad; }

.navigation { display: block; margin-bottom: 18px; font-weight: bold; font-size: 12px; }
.nav-previous { float: left; }
.nav-next { float: right;  }

img.khi { border: 5px solid #bdd5e6; margin-bottom: 20px; }

img.khi:hover { border: 5px solid #d9e8f5; -o-transition-duration: .33s; -o-transition-property: border, color, opacity, -moz-opacity; -webkit-transition-duration: .33s; -webkit-transition-property: border, color, opacity, -moz-opacity; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.cent { display: block; width: auto; text-align: center; }

/** @group core content **/

/* Begin Homepage Styles */
table.home { border-collapse: separate; border-spacing: 10px; margin-bottom: 20px; }
table.home tr td { width: 50%; }
table.home tr td a { border: 2px solid #008ed0; background: #e6f7ff; display: block; padding: 10px; }
table.home tr td a:hover { background: #d3f1ff; text-decoration: none; }
table.home tr td img { margin-bottom: 10px; }
table.home tr td p { margin-bottom: 0; }

/* Begin TablePress Styles */
.data-table { color: #555; font-size: 12px; line-height: 16px; background: #b3e7ff; border: 2px solid #008ed0; width: 100%; text-align: left; border-collapse: collapse; }
.data-table th { background: #008ed0; color: #fff; font-size: 16px; line-height: 18px; border-bottom: none; padding: 5px 15px;}
.data-table tr { border: none; }
.data-table td { padding: 10px 15px; vertical-align: top; }

.mini-table { color: #555; font-size: 12px; line-height: 16px; background: #d3f1ff; border: 2px solid #4dc3ff; width: 100%; text-align: left; border-collapse: collapse; margin-bottom: 20px; }
.mini-table th { background: #4dc3ff; color: #fff; font-size: 14px; line-height: 16px; border-bottom: none; padding: 5px 15px; }
.mini-table tr { border-top: 1px solid #4dc3ff; }
.mini-table tr:nth-child(even) td { background: #e6f7ff; }
.mini-table td { padding: 5px 15px; vertical-align: top; }
.mini-table td a { color: #006492; }

table.coliseum tbody tr td.column-1 { width: 30px; }

table.walkthrough-overview tbody tr td.column-1 { width: 120px; }
table.walkthrough-overview tbody tr td.column-3 { width: 200px; }

table.treasure-chests tbody tr td.column-1, table.treasure-chests tbody tr td.column-2 { width: 130px; }
table.treasure-chests tbody tr td.column-3 { width: 300px; }

table#tablepress-kh-1 tbody tr td { width: 200px; }

table#tablepress-kh-9 tbody tr td.column-1 { width: 100px; }
table#tablepress-kh-9 tbody tr td.column-2 { width: 300px; }
table#tablepress-kh-9 tbody tr td.column-3 { width: 120px; }
table#tablepress-kh-9 tbody tr.row-8, table#tablepress-kh-9 tbody tr.row-10, table#tablepress-kh-9 tbody tr.row-20, table#tablepress-kh-9 tbody tr.row-26,
table#tablepress-kh-9 tbody tr.row-32, table#tablepress-kh-9 tbody tr.row-36, table#tablepress-kh-9 tbody tr.row-38, table#tablepress-kh-9 tbody tr.row-40,
table#tablepress-kh-9 tbody tr.row-42, table#tablepress-kh-9 tbody tr.row-44, table#tablepress-kh-9 tbody tr.row-46, table#tablepress-kh-9 tbody tr.row-48,
table#tablepress-kh-9 tbody tr.row-50, table#tablepress-kh-9 tbody tr.row-52, table#tablepress-kh-9 tbody tr.row-54, table#tablepress-kh-9 tbody tr.row-64,
table#tablepress-kh-9 tbody tr.row-74, table#tablepress-kh-9 tbody tr.row-64, table#tablepress-kh-9 tbody tr.row-78, table#tablepress-kh-9 tbody tr.row-80 { background: #e6f7ff; }
table#tablepress-kh-9 tbody tr.row-7 td, table#tablepress-kh-9 tbody tr.row-11 td, table#tablepress-kh-9 tbody tr.row-19 td, table#tablepress-kh-9 tbody tr.row-29 td,
table#tablepress-kh-9 tbody tr.row-35 td, table#tablepress-kh-9 tbody tr.row-37 td, table#tablepress-kh-9 tbody tr.row-39 td, table#tablepress-kh-9 tbody tr.row-41 td,
table#tablepress-kh-9 tbody tr.row-43 td, table#tablepress-kh-9 tbody tr.row-45 td, table#tablepress-kh-9 tbody tr.row-47 td, table#tablepress-kh-9 tbody tr.row-49 td,
table#tablepress-kh-9 tbody tr.row-51 td, table#tablepress-kh-9 tbody tr.row-57 td, table#tablepress-kh-9 tbody tr.row-71 td, table#tablepress-kh-9 tbody tr.row-77 td,
table#tablepress-kh-9 tbody tr.row-79 td { background: #d3f1ff; }

table#tablepress-kh-10 tbody tr td.column-1 { width: 75px; }
table#tablepress-kh-10 tbody tr td.column-2 { width: 250px; }
table#tablepress-kh-10 tbody tr td.column-3 { width: 120px; }
table#tablepress-kh-10 tbody tr.row-4, table#tablepress-kh-10 tbody tr.row-6, table#tablepress-kh-10 tbody tr.row-8, table#tablepress-kh-10 tbody tr.row-14,
table#tablepress-kh-10 tbody tr.row-16, table#tablepress-kh-10 tbody tr.row-18, table#tablepress-kh-10 tbody tr.row-28, table#tablepress-kh-10 tbody tr.row-30,
table#tablepress-kh-10 tbody tr.row-32, table#tablepress-kh-10 tbody tr.row-40, table#tablepress-kh-10 tbody tr.row-42 { background: #e6f7ff; }
table#tablepress-kh-10 tbody tr.row-9 td, table#tablepress-kh-10 tbody tr.row-11 td, table#tablepress-kh-10 tbody tr.row-13 td, table#tablepress-kh-10 tbody tr.row-21 td,
table#tablepress-kh-10 tbody tr.row-23 td, table#tablepress-kh-10 tbody tr.row-25 td, table#tablepress-kh-10 tbody tr.row-33 td, table#tablepress-kh-10 tbody tr.row-35 td,
table#tablepress-kh-10 tbody tr.row-37 td, table#tablepress-kh-10 tbody tr.row-39 td { background: #d3f1ff; }

table#tablepress-kh-11 tbody tr td.column-1 { width: 75px; }
table#tablepress-kh-11 tbody tr td.column-2 { width: 250px; }
table#tablepress-kh-11 tbody tr td.column-3 { width: 120px; }
table#tablepress-kh-11 tbody tr.row-4, table#tablepress-kh-11 tbody tr.row-12, table#tablepress-kh-11 tbody tr.row-14, table#tablepress-kh-11 tbody tr.row-22,
table#tablepress-kh-11 tbody tr.row-24, table#tablepress-kh-11 tbody tr.row-26 { background: #e6f7ff; }
table#tablepress-kh-11 tbody tr.row-7 td, table#tablepress-kh-11 tbody tr.row-9 td, table#tablepress-kh-11 tbody tr.row-15 td,
table#tablepress-kh-11 tbody tr.row-17 td, table#tablepress-kh-11 tbody tr.row-19 td, table#tablepress-kh-11 tbody tr.row-27 td, table#tablepress-kh-11 tbody tr.row-29 td, table#tablepress-kh-11 tbody tr.row-31 td { background: #d3f1ff; }

table#tablepress-kh-13 tbody tr.row-4, table#tablepress-kh-13 tbody tr.row-10, table#tablepress-kh-13 tbody tr.row-14, table#tablepress-kh-13 tbody tr.row-16,
table#tablepress-kh-13 tbody tr.row-18, table#tablepress-kh-13 tbody tr.row-24, table#tablepress-kh-13 tbody tr.row-26, table#tablepress-kh-13 tbody tr.row-30,
table#tablepress-kh-13 tbody tr.row-32, table#tablepress-kh-13 tbody tr.row-38, table#tablepress-kh-13 tbody tr.row-46, table#tablepress-kh-13 tbody tr.row-50,
table#tablepress-kh-13 tbody tr.row-58, table#tablepress-kh-13 tbody tr.row-62 { background: #e6f7ff; }
table#tablepress-kh-13 tbody tr.row-5 td, table#tablepress-kh-13 tbody tr.row-9 td, table#tablepress-kh-13 tbody tr.row-17 td, table#tablepress-kh-13 tbody tr.row-19 td,
table#tablepress-kh-13 tbody tr.row-23 td, table#tablepress-kh-13 tbody tr.row-25 td, table#tablepress-kh-13 tbody tr.row-27 td, table#tablepress-kh-13 tbody tr.row-31 td,
table#tablepress-kh-13 tbody tr.row-33 td, table#tablepress-kh-13 tbody tr.row-35 td, table#tablepress-kh-13 tbody tr.row-37 td, table#tablepress-kh-13 tbody tr.row-39 td, table#tablepress-kh-13 tbody tr.row-41 td, table#tablepress-kh-13 tbody tr.row-43 td, table#tablepress-kh-13 tbody tr.row-49 td, table#tablepress-kh-13 tbody tr.row-51 td, table#tablepress-kh-13 tbody tr.row-57 td, table#tablepress-kh-13 tbody tr.row-63 td { background: #d3f1ff; }

table#tablepress-kh-16 tbody tr.row-4, table#tablepress-kh-16 tbody tr.row-6, table#tablepress-kh-16 tbody tr.row-8, table#tablepress-kh-16 tbody tr.row-16,
table#tablepress-kh-16 tbody tr.row-18, table#tablepress-kh-16 tbody tr.row-20, table#tablepress-kh-16 tbody tr.row-28, table#tablepress-kh-16 tbody tr.row-30,
table#tablepress-kh-16 tbody tr.row-32 { background: #e6f7ff; }
table#tablepress-kh-16 tbody tr.row-9 td, table#tablepress-kh-16 tbody tr.row-11 td, table#tablepress-kh-16 tbody tr.row-13 td, table#tablepress-kh-16 tbody tr.row-21 td,
table#tablepress-kh-16 tbody tr.row-23 td, table#tablepress-kh-16 tbody tr.row-25 td, table#tablepress-kh-16 tbody tr.row-33 td, table#tablepress-kh-16 tbody tr.row-35 td
{ background: #d3f1ff; }

table#tablepress-kh-18 tbody tr td.column-2 { width: 350px; }

table#tablepress-kh-19 tbody tr td.column-7 { width: 200px; }

table#tablepress-kh-21 tbody tr td.column-1 { width: 100px; }
table#tablepress-kh-21 tbody tr td.column-2 { width: 50px; }
table#tablepress-kh-21 tbody tr td.column-3 { width: 60px; }
table#tablepress-kh-21 tbody tr td.column-4 { width: 350px; }
table#tablepress-kh-21 tbody tr.row-4, table#tablepress-kh-21 tbody tr.row-8, table#tablepress-kh-21 tbody tr.row-14, table#tablepress-kh-21 tbody tr.row-16,
table#tablepress-kh-21 tbody tr.row-18, table#tablepress-kh-21 tbody tr.row-22, table#tablepress-kh-21 tbody tr.row-32, table#tablepress-kh-21 tbody tr.row-38,
table#tablepress-kh-21 tbody tr.row-40, table#tablepress-kh-21 tbody tr.row-42, table#tablepress-kh-21 tbody tr.row-44, table#tablepress-kh-21 tbody tr.row-46,
table#tablepress-kh-21 tbody tr.row-48, table#tablepress-kh-21 tbody tr.row-60, table#tablepress-kh-21 tbody tr.row-70, table#tablepress-kh-21 tbody tr.row-72,
table#tablepress-kh-21 tbody tr.row-74, table#tablepress-kh-21 tbody tr.row-76, table#tablepress-kh-21 tbody tr.row-82, table#tablepress-kh-21 tbody tr.row-84,
table#tablepress-kh-21 tbody tr.row-86, table#tablepress-kh-21 tbody tr.row-88, table#tablepress-kh-21 tbody tr.row-90, table#tablepress-kh-21 tbody tr.row-98,
table#tablepress-kh-21 tbody tr.row-100, table#tablepress-kh-21 tbody tr.row-102, table#tablepress-kh-21 tbody tr.row-104, table#tablepress-kh-21 tbody tr.row-114,
table#tablepress-kh-21 tbody tr.row-124, table#tablepress-kh-21 tbody tr.row-126, table#tablepress-kh-21 tbody tr.row-132, table#tablepress-kh-21 tbody tr.row-146,
table#tablepress-kh-21 tbody tr.row-148, table#tablepress-kh-21 tbody tr.row-158, table#tablepress-kh-21 tbody tr.row-162 { background: #e6f7ff; }
table#tablepress-kh-21 tbody tr.row-27 td, table#tablepress-kh-21 tbody tr.row-29 td, table#tablepress-kh-21 tbody tr.row-35 td, table#tablepress-kh-21 tbody tr.row-37 td, table#tablepress-kh-21 tbody tr.row-41 td, table#tablepress-kh-21 tbody tr.row-65 td, table#tablepress-kh-21 tbody tr.row-77 td, table#tablepress-kh-21 tbody tr.row-79 td, table#tablepress-kh-21 tbody tr.row-89 td, table#tablepress-kh-21 tbody tr.row-91 td, table#tablepress-kh-21 tbody tr.row-93 td, table#tablepress-kh-21 tbody tr.row-95 td, table#tablepress-kh-21 tbody tr.row-97 td, table#tablepress-kh-21 tbody tr.row-109 td, table#tablepress-kh-21 tbody tr.row-117 td, table#tablepress-kh-21 tbody tr.row-119 td, table#tablepress-kh-21 tbody tr.row-121 td, table#tablepress-kh-21 tbody tr.row-129 td, table#tablepress-kh-21 tbody tr.row-139 td, table#tablepress-kh-21 tbody tr.row-143 td, table#tablepress-kh-21 tbody tr.row-145 td, table#tablepress-kh-21 tbody tr.row-143 td, table#tablepress-kh-21 tbody tr.row-147 td, table#tablepress-kh-21 tbody tr.row-149 td, table#tablepress-kh-21 tbody tr.row-151 td, table#tablepress-kh-21 tbody tr.row-153 td, table#tablepress-kh-21 tbody tr.row-155 td, table#tablepress-kh-21 tbody tr.row-157 td, table#tablepress-kh-21 tbody tr.row-159 td, table#tablepress-kh-21 tbody tr.row-161 td, table#tablepress-kh-21 tbody tr.row-163 td { background: #d3f1ff; }

table#tablepress-kh-22 tbody tr td.column-1 { width: 100px; }
table#tablepress-kh-22 tbody tr td.column-2 { width: 50px; }
table#tablepress-kh-22 tbody tr td.column-3 { width: 60px; }
table#tablepress-kh-22 tbody tr td.column-4 { width: 400px; }
table#tablepress-kh-22 tbody tr.row-4, table#tablepress-kh-22 tbody tr.row-14, table#tablepress-kh-22 tbody tr.row-18, table#tablepress-kh-22 tbody tr.row-24,
table#tablepress-kh-22 tbody tr.row-26, table#tablepress-kh-22 tbody tr.row-38, table#tablepress-kh-22 tbody tr.row-44, table#tablepress-kh-22 tbody tr.row-50,
table#tablepress-kh-22 tbody tr.row-60, table#tablepress-kh-22 tbody tr.row-66, table#tablepress-kh-22 tbody tr.row-74, table#tablepress-kh-22 tbody tr.row-80,
table#tablepress-kh-22 tbody tr.row-82, table#tablepress-kh-22 tbody tr.row-84, table#tablepress-kh-22 tbody tr.row-86 { background: #e6f7ff; }
table#tablepress-kh-22 tbody tr.row-7 td, table#tablepress-kh-22 tbody tr.row-11 td, table#tablepress-kh-22 tbody tr.row-21 td, table#tablepress-kh-22 tbody tr.row-23 td,
table#tablepress-kh-22 tbody tr.row-27 td, table#tablepress-kh-22 tbody tr.row-29 td, table#tablepress-kh-22 tbody tr.row-35 td, table#tablepress-kh-22 tbody tr.row-41 td, table#tablepress-kh-22 tbody tr.row-47 td, table#tablepress-kh-22 tbody tr.row-53 td, table#tablepress-kh-22 tbody tr.row-57 td, table#tablepress-kh-22 tbody tr.row-63 td, table#tablepress-kh-22 tbody tr.row-69 td, table#tablepress-kh-22 tbody tr.row-77 td, table#tablepress-kh-22 tbody tr.row-79 td, table#tablepress-kh-22 tbody tr.row-83 td, table#tablepress-kh-22 tbody tr.row-87 td { background: #d3f1ff; }

table#tablepress-kh-23 tbody tr td.column-1 { width: 100px; }
table#tablepress-kh-23 tbody tr td.column-2 { width: 50px; }
table#tablepress-kh-23 tbody tr td.column-3 { width: 60px; }
table#tablepress-kh-23 tbody tr td.column-4 { width: 500px; }

table#tablepress-kh-24 tbody tr td.column-1 { width: 100px; }
table#tablepress-kh-24 tbody tr td.column-2 { width: 50px; }
table#tablepress-kh-24 tbody tr td.column-3 { width: 60px; }
table#tablepress-kh-24 tbody tr td.column-4 { width: 500px; }

table#tablepress-kh-25 tbody tr td.column-1 { width: 100px; }
table#tablepress-kh-25 tbody tr td.column-2 { width: 700px; }

table#tablepress-kh-118 tbody tr.row-6 { background: #e6f7ff; }
table#tablepress-kh-118 tbody tr.row-7 td { background: #d3f1ff; }

table#tablepress-kh-119 tbody tr.row-4, table#tablepress-kh-119 tbody tr.row-8 { background: #e6f7ff; }
table#tablepress-kh-119 tbody tr.row-5 td { background: #d3f1ff; }

table#tablepress-kh-120 tbody tr.row-4, table#tablepress-kh-120 tbody tr.row-6, table#tablepress-kh-120 tbody tr.row-8 { background: #e6f7ff; }
table#tablepress-kh-120 tbody tr.row-9 td { background: #d3f1ff; }

/* End TablePress Styles */

table tr.alt { background: #e8eef8; }
table tr td p { margin-bottom: 4px;  padding: 5px 2px; }

.statictbl { margin-bottom: 30px; }
.statictbl tr th h4 { text-align: left; }

summary { cursor: pointer; outline: none;}
summary::-webkit-details-marker { display: none; }
summary:after { content: "+"; color: #8c8e8e;; float: right; margin: -30px 0px 0px 0px; font-size: 2em; }
details[open] summary:after { content: "-"; margin: -32px 3px 0px 0px; }

/** Begin Amazon Link Styles **/

.amazon-links {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  border-radius: 10px;
  border: 2px solid #0076a3;
  background: #d9eef7;
}

.amazon-links a {
  color: #0076a3;
  display: table-cell;
  width: 160px;
  text-align: center;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 10px;
}

.amazon-links a:hover {
  text-decoration: none;
  background: #b3ddef;
}

.amazon-links a img {
  display: block;
  margin: 0 auto 10px auto;
}

/** End Amazon Link Styles **/

/** Begin Soundtrack Listing Styles **/

table.soundtrack {
  font-size: 1.4em;
  line-height: 1.6em;
  color: #555;
}

table.soundtrack h3 {
  color: #8c8e8e;
  font-size: 1.17em;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #c0c0c0;
  line-height: 1.5em;
  margin-bottom: 6px;
}

table.soundtrack ol {
  padding-left: 5px;
  margin-left: 10px;
}

table.soundtrack td.amazon {
  text-align: center;
}

table.soundtrack td.amazon img {
  margin-bottom: 10px;
}

table.soundtrack td.amazon a.dlbtn-pnk {
  width: 100%;
  box-sizing: border-box;
}

table.soundtrack td.amazon a.dlbtn-blu {
  width: 100%;
  box-sizing: border-box;
}

/** End Soundtrack Listing Styles **/

/** Begin Walkthrough Styles **/

.walkthrough-callout {
  border-radius: 10px;
  border: 2px solid #008ed0;
  background: #b3e7ff;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
}

.walkthrough-nav h3 {
  color: #4c4c4c;
  border-bottom: none;
}

.walkthrough-nav p {
  font-size: 1.0em !important;
  margin-bottom: 0px;
}

.walkthrough-nav a {
  color: #006492;
  display: inline-block;
  width: 24%;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.6em;
}

.walkthrough-nav a:hover {
  text-decoration: underline;
}

.khux-events a {
  width: 49%;
}

.khux-medals a {
  width: 33%;
}

table.final-mix {
  border: 2px solid #347b9c;
}

table.final-mix tr td {
  background: #c6e0ec;
}

table.final-mix tr td.header {
  background: #347b9c;
}

table.final-mix tr td.subheader {
  background: #79b4d2;
}

.walkthrough-table {
  border: 2px solid #008ed0;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.walkthrough-table tr td {
  background: #b3e7ff;
  color: #555555;
  padding: 5px;
  font-size: 1.2em;
  line-height: 1.4em;
  vertical-align: top;
}

.walkthrough-table tr td p {
  font-size: 1.0em !important;
  line-height: 1.4em !important;
}

.walkthrough-table tr td.header {
  background: #008ed0;
  color: #fff;
  padding: 5px;
  font-weight: bold;
}

.walkthrough-table tr td.header a {
  color: #b3e7ff;
}

.walkthrough-table tr td.subheader {
  background: #4dc3ff;
  color: #fff;
  padding: 5px;
  font-weight: bold;
}

.walkthrough-table tr td.final-mix {
  background: #c6e0ec;
}

.walkthrough-boss h3 {
  color: #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
}

/** End of Walkthrough Styles **/

/** @group special button styles **/
.sbutton {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 15px/100% Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: .5em 1.25em .5em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  margin-bottom: 5px;
  min-width: 30%;
  box-sizing: border-box;
}
.sbutton:hover {
  text-decoration: none;
}
.sbutton:active {
  position: relative;
  top: 1px;
}

.bluey {
  color: #d9eef7;
  cursor: pointer;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.bluey:hover {
  color: #d9eef7 !important;
  cursor: pointer;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.bluey:active {
  color: #c3e0ec;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top,  #0078a5,  #00adee);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}



/** @group walkthrough pages **/
#next-walkthrough { display: block; margin-bottom: 6px; }
.nextpageinfo { display: block; border-top: 1px dashed #ababab; padding-top: 5px; }
.nextpageinfo p { margin-bottom: 2px; }

.pagnavleft { display: block; float: left; }
.pagnavright { display: block; float: right; }
.pagination { border: 1px solid #8fb8e3; display: block; padding: 4px 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size: 12px; font-weight: bold; }
.pagination:hover { border-color: #5a87b6; text-decoration: none; background: #e8f1fa; }

.wtsprites { display: block; margin-bottom: 10px; }
.wtsprites img { display: block; float: right; margin-right: 2px; }


/** @group author info **/
#post-author-box { background: #dfe8ed url('http://i.destinyislands.com/static/author-box-bg.jpg') no-repeat; border-top: 1px solid #c2cfd6; border-bottom: 1px solid #c2cfd6; padding: 7px 12px; width: auto; min-height: 50px; padding-top: 17px; padding-bottom: 8px; margin-bottom: 15px; }
#post-author-box p { font-size: 1.5em; color: #565656; line-height: 1.3em; font-family: Arial, Geneva, Verdana, sans-serif; margin-bottom: 0; }

#author-image { float: left; margin-right: 10px; border: 1px solid #444; }
#author-bio p { color: #444; }
.authormetalinks { display: block; font-size: 1.0em; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-weight: bold; float: right; margin-top: 2px; margin-left: 0px; margin-right: 15px; color: #555; }

h3.writtenby { border: 0; font-size: 1.5em; line-height: 1.2em; font-weight: bold; font-family: Arial, Tahoma, sans-serif; margin-bottom: 6px; color: #444; text-shadow: 0px 1px 1px #eee; }

/** @group contact form(s) **/
#contact-us label { font-size: 1.2em; color: #565656; font-style: italic; display: block; margin-bottom: 2px; width: 480px; }

#contact-us .form-input-block span.error { font-size: 1.3em; color: #a04343 !important; }

#contact-us .singletxt { display: block; width: 500px; padding: 6px 11px; color: #999; 
  font-size: 1.6em; 
  font-family: "Helvetica Neue", Arial, sans-serif; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #dedede; 
  margin-bottom: 20px; 
}

#contact-us .blocktxt { display: block; width: 540px; height: 171px; padding: 8px 11px;
  font-size: 1.55em; color: #999;
  font-family: "Helvetica Neue", Arial, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: #dedede;
  margin-bottom: 25px;
  background: #fff url('http://i.destinyislands.com/kupo/sora-contact-bg.png') no-repeat bottom right; 
}

#contact-us .singletxt, #contact-us .blocktxt {
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
}
#contact-us .singletxt:focus, #contact-us .blocktxt:focus {
  color: #565656;
  border-color: rgba(41, 92, 161, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  outline: 0 none; 
}

#contact-us #submitbtn {
  width: 96px; height: 31px;
  background: url('http://i.destinyislands.com/kupo/debeasi/send-btn-sprites.png') no-repeat top left;
  border: 0; 
}
#contact-us #submitbtn:hover { background-position: 0px -34px; cursor: pointer; }
#contact-us #submitbtn:active { background-position: 0px -67px; cursor: pointer; }


#fscf_form1 { display: block; width: 100%; }
#fscf_form1 label { font-size: 1.2em; color: #565656; font-style: italic; font-weight: bold; display: block; margin-bottom: 2px; width: 480px; }
#fscf_form1 .fscf-div-error { display: block; font-size: 1.3em; font-weight: bold; color: #a04343; margin-bottom: 6px; }

#fscf_email1, #fscf_name1 {
  display: block; 
  width: 500px; 
  padding: 6px 11px; 
  color: #999; 
  font-size: 1.6em; 
  font-family: "Helvetica Neue", Arial, sans-serif; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #dedede; 
  margin-bottom: 20px; 
}
#fscf_captcha_code1 {
  display: block; 
  width: 340px; 
  padding: 5px 10px; 
  color: #999; 
  font-size: 1.4em; 
  font-family: "Helvetica Neue", Arial, sans-serif; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #dedede; 
  margin-bottom: 20px; 
}

#fscf_field1_3 {
  display: block; 
  width: 550px; 
  height: 175px; 
  padding: 8px 11px;
  font-size: 1.55em; color: #999;
  font-family: "Helvetica Neue", Arial, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: #dedede;
  margin-bottom: 25px;
  background: #fff url('http://i.destinyislands.com/kupo/sora-contact-bg.png') no-repeat bottom right; 
}

#fscf_email1, #fscf_name1, #fscf_captcha_code1, #fscf_field1_3 {
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
}
#fscf_email1:focus, #fscf_name1:focus, #fscf_captcha_code1:focus, #fscf_field1_3:focus {
  color: #565656;
  border-color: rgba(41, 92, 161, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
  outline: 0 none; 
}

#fscf_submit1 {
  width: 96px;
  height: 31px;
  background: url('http://i.destinyislands.com/kupo/debeasi/send-btn-sprites.png') no-repeat top left;
  border: 0;
  font-size: 0;
  line-height: 0;
  outline: 0;
  text-indent:-9999px;
}
#fscf_submit1:hover { background-position: 0px -34px; cursor: pointer; outline: 0; }
#fscf_submit1:active { background-position: 0px -67px; cursor: pointer; outline: 0; }

* html #fscf_submit1, *+html #fscf_submit1 { font-size: 0; line-height: 0; }

/** @group author staff page **/
#userStats { display: block; width: auto; background-color: #f9f9f9; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 12px; width: 620px; margin-bottom: 20px; }

#userStats .pic { float: left; display: block; margin-right: 10px; }
#userStats .pic a img { padding: 7px; background: #fff; border: 1px solid #ccc; }

#userStats .data { float: left; display: block; position:  relative; width: 485px; padding: 9px; padding-left: 10px; background: #e9eef8; overflow:  hidden; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#userStats .data h1 { color: #474747; line-height: 1.6em; text-shadow: 0px 1px 1px #fff; }
#userStats .data h3 { color: #666; line-height: 0.9em; margin-bottom: 15px; border-bottom: 0; font-size: 1.4em; }
#userStats .data h4 { font-size: 1.2em; line-height: 1.3em; }
#userStats .data p { margin-bottom: 8px; }

#userStats .data .socialMediaLinks { position: absolute; right: 6px; top: 8px; }
#userStats .data .socialMediaLinks a img { margin-right: 5px; }

#userStats .data .sep { clear: both; margin-top: 10px; width: 370px; height: 1px; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#userStats .data ul.numbers { list-style: none; width: 370px; padding-top: 7px; margin-top: 0; border-top: 1px solid #fff; color: #676767; }
#userStats .data ul.numbers li { width: 95px; float: left; display: block; padding-left: 8px; height: 50px; border-right: 1px dotted #bbb; text-transform: uppercase; }
#userStats .data ul.numbers li strong { color: #434343; display: block; font-size: 3.4em; line-height: 1.1em; font-weight: bold; }
#userStats .data .nobrdr { border: 0px !important; } 


/** @group forms **/
input.txt1 { background: #008ed0; padding: 10px 30px 10px 10px; color: #ffffff !important; border-radius: 5px; box-shadow: #00547b 1px 1px 0px; width: 124px; }
input.txt1::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
input.txt1::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
input.txt1:-ms-input-placeholder { /* IE 10+ */ color: #fff; }
input.txt1:-moz-placeholder { /* Firefox 18- */ color: #fff; }

input.txt1:focus,
input.txt1:hover { color: #ffffff; }

input.subtxt { width: 20px; height: 20px; display: inline; background: url('images/arrow-icon.png') no-repeat; }
input.subtxt:hover { cursor: pointer; }

#feedburnerrss, #mc-embedded-subscribe-form { padding-top: 8px; }
#feedburnerrss input.subtxt, #mc-embedded-subscribe-form input.subtxt { position: relative; top: 7px; left: -28px; }

.form-input-block { margin-bottom: 15px; }
.form-input-block label { display: block; font-size: 1.1em; line-height: 1.3em; font-weight: bold; color: #666; }

.email-msg-form { font-size: 1.6em; font-family: Arial, Geneva, sans-serif; color: #666; padding: 3px 7px; width: 400px; background: #fff; box-shadow: 0 0 10px 5px rgba(238, 238, 238, 1); -webkit-box-shadow: 0 0 10px 3px; rgba(238, 238, 238, 1); -moz-box-shadow: 0 0 10px 3px rgba(238, 238, 238, 1); border: 1px solid #D9D9D9; border-top-color: silver; height: 27px; -webkit-appearance: textfield; font-size: 1.6em; color: #777; }

.email-msg-textarea { font-size: 1.6em; background: #fff; font-family: Arial, Tahoma, sans-serif; color: #666666; padding: 5px 8px; width: 430px; height: 135px; font-weight: normal; border: 1px solid #D9D9D9; border-top-color: silver; color: #719cbe; }

#email-msg-submit, .subbutton { padding: 5px 8px; background: #fff; border: 1px solid #dadada; }

/** @group search **/
#gsearch { margin-right: 10px; margin-bottom: 15px; }

#gsearch #s { background-color: white; border: 1px solid #D9D9D9; border-top-color: silver; height: 27px; -webkit-appearance: textfield; font-size: 1.6em; color: #777; width: 98%; font-family: Arial, Tahoma, sans-serif; padding: 3px 8px; background: #fff url('http://i.destinyislands.com/static/search-icon.gif') no-repeat 97% 50%; }

#gsearch #s:focus { color: #343434; }


#gsearch #gsearch-submit { width: 28px; height: 26px; font-size: 0px; color: #fff; line-height: 0; background: none; float: right; position: relative; top: -30px; right: 25px; }
#gsearch #gsearch-submit:hover { cursor: pointer; }

#sidesearchform #s { font-size: 12px; color: #008ed0; display: block; font-family: Arial, Tahoma, sans-serif; padding: 5px 5px; width: 290px; height: 25px; line-height: 26px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #fff; box-shadow: 1px 1px #006492; }
#sidesearchform #s::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #008ed0; }
#sidesearchform #s::-moz-placeholder { /* Firefox 19+ */ color: #008ed0; }
#sidesearchform #s:-ms-input-placeholder { /* IE 10+ */ color: #008ed0; }
#sidesearchform #s:-moz-placeholder { /* Firefox 18- */ color: #008ed0; }

#sidesearchform .button { background: url(http://i.destinyislands.com/static/search-icon.png) #008ed0 center center no-repeat; font-size: 0px; height: 35px; width: 35px; float: right; position: relative; top: -35px; right: -7px; z-index: 1; box-shadow: 1px 1px #006492; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#sidesearchform .button:hover { cursor: pointer; }

/** @group footer **/
#f { background: url('http://i.destinyislands.com/static/footer-bgtile.png') repeat; padding: 20px 0px; width: 100%; border-top: 10px solid #008ed0; }
#f #f-container { width: 1000px; margin: 0 auto; }

#f .col { display: block; float: left; margin-bottom: 10px; margin-right: 15px; }

.btm-left { border: none; float: left; padding: 0 20px 0 0; width: 140px; }
.btm-center { border: none; float: left; padding: 0 20px 0 0; width: 164px; }
.btm-partners { float: left; padding: 0; }
.btm-right { float:right; padding: 0 20px 0 0; width: 139px; border: none; }

#f .col h3 { color: #fff; font: normal normal bold 1.5em/normal Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 0px 0px 8px; text-shadow: #414141 1px 1px 0px; border-bottom: 1px solid #fff; }

#f .col ul { }
#f .col ul li { display: block; margin-bottom: 5px; }

#f .col ul li a { font: normal normal normal 1.2em/normal Tahoma, Arial, Helvetica, sans-serif; text-shadow: #414141 1px 1px 0px; color: #fff; }
#f .col ul li a:hover { color: #fff; text-decoration: underline; }
#f .col ul li h4 { color: #555555; text-shadow: none; margin: 15px 0px -6px 0px; }

/** @group download buttons **/
.dlbtn-pnk {
  display: inline-block;
  padding: 10px 22px;
  font-size: 13px;
  font-family: Arial, Tahoma, "Open Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  background: #f78297;
    background: -moz-linear-gradient(top, #f78297 0%, #f56778 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78297), color-stop(100%,#f56778));
    background: -webkit-linear-gradient(top, #f78297 0%,#f56778 100%);
    background: -o-linear-gradient(top, #f78297 0%,#f56778 100%);
    background: -ms-linear-gradient(top, #f78297 0%,#f56778 100%);
    background: linear-gradient(top, #f78297 0%,#f56778 100%);
  border-color: #df6f8b #da5f75 #d55061;
  color: #913944;
  text-shadow: 1px 1px 0px #f89ca9;
  -webkit-box-shadow: 0px 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
  -moz-box-shadow: 0px 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
  box-shadow: 1px 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
}
.dlbtn-pnk:hover {
  background: #f56c7e;
    background: -moz-linear-gradient(top, #f56c7e 0%, #f78297 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f56c7e), color-stop(100%,#f78297));
    background: -webkit-linear-gradient(top, #f56c7e 0%,#f78297 100%);
    background: -o-linear-gradient(top, #f56c7e 0%,#f78297 100%);
    background: -ms-linear-gradient(top, #f56c7e 0%,#f78297 100%);
    background: linear-gradient(top, #f56c7e 0%,#f78297 100%);
  border-color: #c36079 #c25669 #c14e5c;
  -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
  -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
  box-shadow: 1px 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
  color: #913944;
  text-decoration: none;
}
.dlbtn-pnk:active {
  background: #f78297;
  color: #913944;
  -webkit-box-shadow: 0 1px 1px #fff, inset 0 1px 0 #f8909e;
  -moz-box-shadow: 0 1px 1px #fff, inset 0 1px 0 #f8909e;
  box-shadow: 0 1px 1px #fff, inset 0 1px 0 #f8909e;  
}


.dlbtn-blu {
  display: inline-block;
  padding: 10px 22px;
  font-size: 13px;
  font-family: Arial, Tahoma, "Open Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  background: #008ed0;
  color: #ffffff !important;
  text-shadow: 1px 1px 0px #006492;
  -webkit-box-shadow: 0px 1px 1px #006492, inset 0 1px 0 #006492;
  -moz-box-shadow: 0px 1px 1px #006492, inset 0 1px 0 #006492;
  box-shadow: 1px 1px 1px #006492;
}
.dlbtn-blu:hover {
  background: #006492;
  text-shadow: 1px 1px 0px #008ed0;
  color: #ffffff;
  text-decoration: none;
}

.dlbtn-grn {
  display: inline-block;
  padding: 10px 22px;
  font-size: 13px;
  font-family: Arial, Tahoma, "Open Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  background: #a2ed7d;
    background: -moz-linear-gradient(top, #a2ed7d 0%, #93ec66 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2ed7d), color-stop(100%,#93ec66));
    background: -webkit-linear-gradient(top, #a2ed7d 0%,#93ec66 100%);
    background: -o-linear-gradient(top, #a2ed7d 0%,#93ec66 100%);
    background: -ms-linear-gradient(top, #a2ed7d 0%,#93ec66 100%);
    background: linear-gradient(top, #a2ed7d 0%,#93ec66 100%);
  border-color: #94de6f #88d95f #7ed651;
  color: #569139;
  text-shadow: 1px 1px 0px #c0faa2;
  -webkit-box-shadow: 0px 1px 1px #c1c1c1, inset 0 1px 0 #c8fcae;
  -moz-box-shadow: 0px 1px 1px #c1c1c1, inset 0 1px 0 #c8fcae;
  box-shadow: 1px 1px 1px #c1c1c1, inset 0 1px 0 #c8fcae;
}
.dlbtn-grn:hover {
  background: #99f56c;
    background: -moz-linear-gradient(top, #99f56c 0%, #aaf783 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99f56c), color-stop(100%,#aaf783));
    background: -webkit-linear-gradient(top, #99f56c 0%,#aaf783 100%);
    background: -o-linear-gradient(top, #99f56c 0%,#aaf783 100%);
    background: -ms-linear-gradient(top, #99f56c 0%,#aaf783 100%);
    background: linear-gradient(top, #99f56c 0%,#aaf783 100%);
  border-color: #85c763 #79c255 #74c24e;
  text-shadow: 1px 1px 0px #c6faac;
  color: #569139;
  text-decoration: none;
}
.dlbtn-grn:active {
  background: #a3f37a;
  color: #569139;
  text-decoration: none;
  -webkit-box-shadow: 0 1px 1px #fff, inset 0 1px 0 #b2f78f;
  -moz-box-shadow: 0 1px 1px #fff, inset 0 1px 0 #b2f78f;
  box-shadow: 1px 1px 1px #fff, inset 0 1px 0 #b2f78f;  
}


/** @group manga book styles **/
.booklist { display: block; list-style: none; margin-bottom: 25px; }

.booklist li { display: block; float: left; margin-right: 15px; }

/** @group trading cards game styles **/
#boosters { display: block; margin-bottom: 22px; }
#boosters li { display: inline-block; text-align: center; padding: 22px 30px; margin-bottom: 15px; opacity: 0.8; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;  }
#boosters li:hover { background: #e6eef8; opacity: 1.0; }


#cardlisting { display: block; list-style: none; margin-bottom: 35px; }

#cardlisting li { display: block; }

#cardlisting li a { 
  display: block; 
  background: none;
  padding: 15px 12px;
  font-size: 14px;
  font-weight: bold;
}
#cardlisting li a:hover {
  text-decoration: none;
  background: #d5e0ef;
  color: #515c6c;
}

#cardlisting li.odd a {
  background: #e3eaf3;
}
#cardlisting li.odd a:hover {
  background: #cedae9;
}

/* here we list card thumbnails view using classes */
.cardthumbnails { display: block; list-style: none; margin-bottom: 35px; }
.cardthumbnails > li, .cardthumbnails > li > a, .cardthumbnails > li > a > .cardthumbcontainer { display: block; }

.cardthumbnails > li { margin-bottom: -12px; }

.cardthumbnails > li > a { 
  height: 100%;
  border-left: 3px solid #fff; 
  border-bottom: 1px solid #fff;
  margin: 0;
  font-size: 16px;
}
.cardthumbnails > li > a:hover {
  border-left-color: #93c6d8;
  border-bottom-color: #d1dadd;
  background: #f6fbfd;
}

.cardthumbnails > li > a > .cardthumbcontainer { padding: 8px 3px; padding-left: 10px; }

.cardthumbnails img.cardphoto {
  display: block;
  float: left;
  margin-right: 25px;
}

.cardthumbnails .metainfo {
  display: block;
  float: left;
  margin-top: -20px;
  padding: 4px 5px;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.8); 
}
.cardthumbnails .metainfo br { margin: 0; line-height: 0; }

.cardthumbnails .metainfo .cardrow {
  display: block;
  line-height: 25px;
}

.cardthumbnails .metainfo .cardrow.title { font-size: 26px; line-height: 36px; }

.cardthumbnails .metainfo a {
  text-decoration: none !important;
}

/** @group sidebar & misc **/
#affiliates-sidebar { background: #b3e7ff; width: 100%; box-sizing: border-box; border: 3px solid #008ed0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#affiliates-sidebar tr { height: 33px; }

.adsense-top { display: block; margin-top: -20px; padding-bottom: 7px; text-align: center; }

.bannerdisplay { display: block; width: 100%; text-align: center; margin-bottom: 18px; overflow: hidden; } 
.bannerdisplay a { display: inline-block; }
.bannerdisplay a .khi { margin-bottom: 2px !important; }

.imgright { display: block; float: right; margin-left: 8px; } 

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }