/*
	Styles for www.demigiant.com
	Date: February 2014
	Version: 1.0
	Author: Daniele Giardini
*/

/*  INDEX ::::::
	Imports
	Defaults
	Titles
	Base Changers
	Header
	Footer
	Sidebar
	Main + mainbox
	Sections + Base Elements
	Specials
*/

/* Imports */

@import url(https://fonts.googleapis.com/css?family=Inconsolata);
@import url("reset.css");

/* Defaults */

* {}
html, body { height: 100%; }
body {
	min-width: 960px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #383838;
	background-color: #2a2a2a;
}
/*p:first-letter { color: #9daf11; }*/
/*a:first-letter { color: inherit; }*/
p { margin-bottom: 6px; }
p:last-child { margin-bottom: 0; }
a {
	color: #f26100;
}
a:hover {
	color: #94de59;
	text-decoration: underline;
}
strong, b { font-weight: bolder; }
em { font-style: italic; }
small { font-size: 90%; }
big { font-size: 130%; }
.clear { clear: both; }
.dont-clear { clear: none; }

dt { font-size: 120%; color: #0099bc; }
dd { margin-bottom: 6px; }
dl.inline dt {
	display: inline-block;
	margin: 4px 0 0px; padding: 2px 4px;
	font-size: 90%;
	background-color: #0099bc;
	color: #fff;
}
dl.inline dd { display: inline; }
dl.inline dd:after {
	content: '\A';
	white-space: pre;
}

pre {
	margin: 4px 0 10px;
	line-height: 1.2;
	/*white-space: pre-line;*/
}
pre:last-child { margin-bottom: 0; }
code {
	font-size: 14px;
	font-weight: bold;
	font-family: 'Inconsolata', monospace;
}
em code { font-style: normal; }
pre > code { font-weight: normal; tab-size: 0; }

/* Titles */

h1, h2, h3, h4, h5 { line-height: 1; clear: both; margin-bottom: 10px; color: #0099bc; }
h2 {
	font-size: 230%;
	margin-top: 30px; padding-left: 30px; padding-bottom: 6px;
	background: url("../../_imgs/bullet_title.png") no-repeat 0 3px;
	color: #79C348;
}
h2:first-child, h3:first-child, h4:first-child, h4:first-child { margin-top: 0; }
h3 { color: #0099bc; font-size: 200%; margin-top: 20px; padding-bottom: 6px; margin-bottom: 14px; border-bottom: 1px dashed #0099bc; }
h4 { font-size: 140%; margin-top: 15px; color: #777; margin-bottom: 8px; }
h5 { font-size: 120%; margin-top: 5px; color: #777; margin-bottom: 5px; }

p.subh3 { font-size: 170%; margin-top: 18px; margin-bottom: 8px; border-bottom: 1px dashed #bbb; }

/* Base Changers */

.cntr { text-align: center; }
.clear { clear: both; }
.img-float { float: left; margin-right: 12px; }
.no-bottom-margin { margin-bottom: 0 !important; }

/* Header */

header { margin-bottom: 40px; }
header h1 { display: none; }
#topWrap { background-color: #2a2a2a; }
header #topWrap .inner {
	width: 960px; min-height: 156px;
	margin: auto;
}
header .logoDemigiant { position: relative; top: 32px; left: 10px; }
header .logoDotween {
	position: absolute;
	margin-left: -127px;
}

header nav {
	width: 960px; margin: auto;
	border-top: 10px solid #94de59;
	text-align: center;
}
header nav ul li { display: inline-block; margin-right: -2px; }
header nav ul li:last-of-type { margin-right: 0; }
header nav ul li a {
	display: block;
	padding: 26px 12px 18px;
	background-color: #2a2a2a;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 6px solid #f26100;
}
header nav ul li a:hover, .menu-selected {
	background-color: #94de59;
	color: #fff;
	text-decoration: none;
	border-bottom-color: #2a2a2a;
}

/* Footer */

footer {
	clear: both;
	min-height: 70px;
	padding-top: 20px;
	text-align: center;
	font-size: 90%;
	color: #bbb;
	line-height: 1.2;
}
#footerContent {
	width: 960px; 
	margin: auto;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 258px;
}
#sidebar article {
	background-color: #2a2a2a;
	color: #fff;
	margin-bottom: 20px;
	border: 10px solid #fff;
	outline: 1px solid #ddd;
	box-shadow: 0px 0px 8px 0 rgba(50, 50, 50, 0.16);
	-webkit-box-shadow: 0px 0px 8px 0 rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 0px 8px 0 rgba(50, 50, 50, 0.16);
}
#sidebar article:last-of-type { margin-bottom: 0; }
#sidebar article .content {
	padding: 14px 16px 20px;
	line-height: 1.3;
}
#sidebar article.plain {
	padding: 20px;
	background-color: #fff;
	border: none;
	color: inherit;
}
#sidebar article.plain .content { padding: 0; }

#sidebar h2 {
	padding: 12px 10px 6px; margin-bottom: 0;
	color: #fff;
	font-size: 130%;
	text-align: center;
	background: none;
	background-color: #0099bc;
	text-transform: uppercase;
}
#sidebar h2.dividerh {
	margin-top: 14px;
	padding: 0 0 6px;
	font-size: 120%;
	background: none;
	color: #999;
}
#sidebar article.plain h2 {
	padding: 0 0 10px; color: inherit; background: none;
}

#sidebar article.nav {
	position: relative;
	left: -20px;
	width: 278px;
	padding: 0;
	margin-bottom: 20px; margin-top: 20px;
	outline: none;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#sidebar article.plain nav h2 {
	text-align: left; color: #ccc;
	text-transform: none;
}
#sidebar nav ul { line-height: 1.3; }
#sidebar nav ul li {
	margin-bottom: 4px;
	line-height: 1.1;
}
#sidebar nav ul li:last-of-type { padding-bottom: 0; border-bottom: none; }
#sidebar nav a {
	display: block;
	padding: 6px 17px 8px;
	background-color: #2a2a2a;
	color: #fff;
	text-decoration: none;
	border-right: #f26100 solid 12px;
}
#sidebar nav a:hover { background-color: #94de59; border-right-color: #2a2a2a; }

#sidebar .sub-toc { display: none; }
#sidebar .sub-toc li {
	margin: 0;
	margin-top: 1px;
	border-top: 1px solid #2a2a2a;
	/*padding-right: 12px;*/
}
#sidebar .sub-toc li:first-child { margin-top: 0; }
#sidebar .sub-toc li a {
	padding: 5px 4px 5px 10px;
	font-size: 90%;
	background-color: #eee;
	color: #2a2a2a;
	border-left: 14px solid #2a2a2a;
	border-right: none;
}
#sidebar .sub-toc li a:hover { background-color: #94de59; }
#sidebar .sub-sub-toc li {
	margin: 0;
	padding-right: 0;
	border-top: none;
}
#sidebar .sub-sub-toc li a {
	padding: 2px 6px 2px 11px;
	font-size: 80%;
	background-color: #fff;
	border-left: 26px solid #2a2a2a;
	/*border-left: none;*/
}

/* Sections + Base Elements */

#container {
	background-color: #f8f8f8;
	/*overflow: hidden;*/
}

#pageWrap {
	width: 960px;
	margin: auto; padding-bottom: 20px;
}

#main {
	float: left;
	width: 682px;
	margin-right: 20px;
	line-height: 1.3;
}

#main article {
	background: #fff;
	margin-bottom: 20px;
	padding: 20px 20px 20px;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 8px 0 rgba(50, 50, 50, 0.16);
	-webkit-box-shadow: 0px 0px 8px 0 rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 0px 8px 0 rgba(50, 50, 50, 0.16);
}

#main ul {
	margin: 7px 20px;
}
#main li {
	margin-bottom: 3px;
	padding-left: 16px;
	background: url("../../_imgs/bullet.png") no-repeat 2px 3px;
}
#main li.plus { background: url("../../_imgs/bullet_plus.png") no-repeat 0px 3px; }
#main li:last-of-type { margin-bottom: 0; }

/* Specials */

#main .splash {
	background: #0099bc;
	padding: 24px 30px; margin: 20px 0;
	text-align: center;
	font-size: 130%;
	color: #fff;
	text-shadow: 0 0px 4px #2a2a2a;
}
#main .splash.black { background: #2a2a2a; }
#main .splash:first-child { margin-top: 0; }
#main .splash:last-child { margin-bottom: 0; }
#main .splash a { text-decoration: none; color: #ff8300; font-weight: bold; }
#main .splash a:hover { text-decoration: underline; color: #94de59; }
#main .splash strong { color: #ECED34; font-size: 110%; }
#main .splash small { font-size: 80%; }

dl.api { margin-bottom: 10px; }
dl.api h5 { margin: 6px 0 0 -10px; color: #999; }
dl.api img { display: block; margin: 5px 0; }
dl.api dd {
	display: none;
	margin-left: 7px;
	padding: 4px 0 12px 13px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
}
dl.api dd strong { color: #DF0534; }
dl.api dd br + span {
	display: inline-block;
	position: relative;
	top: -2px;
	padding: 0 4px 1px; margin-top: 8px; margin-right: 4px;
	background: #0099bc;
	color: #fff;
	font-family: 'Inconsolata', monospace;
	font-size: 14px;
}
dl.api dt { margin: 3px 0; }
dl.api dt.show + dd { display: block; }
dl.api dt a {
	display: block;
	padding-left: 20px;
	background: url('../../_imgs/bullet_dropdownclosed.png') no-repeat 0 0;
	font-family: 'Inconsolata', monospace;
	line-height: 1;
	font-size: 15px;
	text-decoration: none;
	color: #B54800;
}
dl.api dt.show a { background-image: url('../../_imgs/bullet_dropdownopen.png'); }
dl.api dt a:hover { color: #94de59; background-image: url('../../_imgs/bullet_dropdownclosed_hover.png'); }
dl.api dt.show a:hover { color: #79C348; background-image: url('../../_imgs/bullet_dropdownopen_hover.png'); }
dl.api dt a:hover span.params, dl.api dt a:hover span.params .keyword { color: #79C348; }
dl.api dt a span.params { color: #2a2a2a; font-size: 13px; }
dl.api dt a span.keyword { font-size: 13px; font-weight: bold; }
dl.api dt a span.params .keyword { color: #B54800; }

.expand-bt {
	display: inline-block;
	position: relative; left: -20px;
	padding: 1px 6px 1px 20px;
	background: #f26100 url('../../_imgs/ico_expandall.png') no-repeat 2px 2px;
	font-family: 'Inconsolata', monospace;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
.expand-bt:hover { background-color: #94de59; color: #fff; text-decoration: none; background-image: url('../../_imgs/ico_expandall_hover.png') }
.collapse-all { background-image: url('../../_imgs/ico_collapseall.png'); }
.collapse-all:hover { background-image: url('../../_imgs/ico_collapseall_hover.png'); }

a.bt {
	display: inline-block;
	padding: 8px 8px;
	background: #f26100;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1;
}
a.bt:hover { background: #94de59; color: #fff; text-decoration: none;}
a.bt.bt-big { padding: 12px 16px; font-size: 130%; }
a.bt.bt-big small { font-size: 70%; }

.back-to-top {
	clear: both;
	position: relative;
	display: block;
	top: 20px;
	left: 520px;
	margin: 20px 0 0;
	width: 100px;
	padding: 12px 10px;
	background: #f26100;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.back-to-top:hover {
	background: #94de59;
	color: #fff;
	text-decoration: none;
}

#btPaypal { margin: 10px 0; }

.downloads h4 a {
	background: url('../../_imgs/bullet_dropdownclosed.png') no-repeat 0 7px;
	padding-left: 20px;
	text-decoration: none;
}
.downloads h4 a:hover { background-image: url('../../_imgs/bullet_dropdownclosed_hover.png'); }
.downloads h4.show a { background-image: url('../../_imgs/bullet_dropdownopen.png'); }
.downloads h4.show a:hover { background-image: url('../../_imgs/bullet_dropdownopen_hover.png'); }
.downloads ul:not(.changelog) { display: none; }
#main .downloads ul:not(.changelog) li { padding-left: 0; background: none; }
.downloads .show + ul:not(.changelog) { display: block; }
.downloads ul li a { color: #D95700; }
.downloads ul li a:hover { color: #94de59; }
#main ul.changelog { margin-top: 0; margin-bottom: 5px; }
#main ul.changelog li {
	list-style: square outside;
	margin-bottom: 0;
	margin-left: 12px;
	padding-left: 0;
	background: none;
}
#main ul.changelog code { color: #777; font-weight: normal; font-size: 15px; }
.changelog-name { font-weight: bold; }
.changelog-new, .changelog-change, .changelog-bugfix { font-weight: bold; }
.changelog-new { color: #79C348; }
.changelog-change { color: #DF0534; }

#main .collapsible-list { margin-left: 0; }
#main .collapsible-list li { background: none; padding-left: 0; font-size: 110%; }
#main .collapsible-list li h4 { font-size: 130%; margin: 8px 0 6px; }
#main .collapsible-list li.show { margin-bottom: 20px; }
#main .collapsible-list li div { display: none; font-size: 86%; margin: 4px 0 0 20px; }
#main .collapsible-list li.show div { display: block; }
#main .collapsible-list li > a {
	background: url('../../_imgs/bullet_dropdownclosed.png') no-repeat 0 4px;
	padding-left: 20px;
	text-decoration: none;
}
#main .collapsible-list li > a:hover { background-image: url('../../_imgs/bullet_dropdownclosed_hover.png'); }
#main .collapsible-list li.show > a { background-image: url('../../_imgs/bullet_dropdownopen.png'); }
#main .collapsible-list li.show > a:hover { background-image: url('../../_imgs/bullet_dropdownopen_hover.png'); }

#credits .social {
	float: left;
	margin-right: 8px;
	margin-top: 3px;
}

table { width: 640px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
th, td {
	padding: 4px;
	border-right: 1px solid #ccc;
}
th {
	width: 96px;
	padding-top: 14px;
	background-color: #333;
	color: #fff;
	border: none;
}
th:first-child { width: auto; background: none; border-bottom: 1px solid #ccc; }
th:nth-child(even) { background-color: #000; }
tr:nth-child(even) td { background-color: #eee; }
td { text-align: right; }
td:first-child { border-left: 1px solid #ccc; text-align: left; }

.showcase { float:left; line-height: 0; width: 316px; }
.showcase a { display: block; margin-bottom: 16px; text-decoration: none; }
.showcase a img {
	box-shadow: 0px 2px 8px 0 rgba(50, 50, 50, 0.3);
	-webkit-box-shadow: 0px 2px 8px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 2px 8px 0 rgba(50, 50, 50, 0.3);
}
.showcase a:hover { text-decoration: none; border: #94de59 solid 4px; overflow: hidden; }
.showcase a:hover img { margin: -4px; }
.showcase h3 {
	margin: 0;
	padding: 12px 10px 10px;
	text-align: center;
	background: #000; color: #f26100;
	border: none;
}
.showcase a:hover h3 { background-color: #94de59; color: #fff; }
.showcase-full { float: none; width: 640px; }
.showcase-full a:hover { border: none; overflow: visible; }
.showcase-full a:hover img { margin: 0; outline: #94de59 solid 4px; }
.showcase-full h3 { margin: 0 140px; }
.showcase-sml { margin-right: 8px; }
.showcase-sml:nth-child(odd) { margin-right: 0; }

.tip {
	display: block;
	padding: 10px;
	color: #fff;
	background-color: #79C348;
}
dl.api dd .tip { margin-top: 4px; }
dl.api dd .tip strong { color: #FFF; }

.logos-preview { margin-top: 30px; }
.logos-preview img { width: 150px; margin-right: 30px; }
.logos-preview img:last-of-type { margin-left: 0; }

.video { width: 640px; height: 360px; background-color: #2a2a2a; }

.subh3 h5 .pro-only, h5 .pro-only { font-weight: bold; }