/*
Theme Name: BlankSlate ShiVa
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes and Felix Caffier
Author URI: http://trisymphony.com
Description: Based on TidyThemes BlankSlate 4.0.3
Version: 2.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate
*/


/* resets */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { 
	font-size:100%;
	font:inherit;
	padding:0;
	border:0;
	margin:0;
	vertical-align:baseline;
}

ol,ul{list-style:none}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-collapse:collapse;border-spacing:0}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }

.clear{clear:both}

.sticky{} .bypostauthor{} .wp-caption{} .wp-caption-text{} .gallery-caption{} .alignright{} .alignleft{} .aligncenter{} .screen-reader-text { clip:rect(1px, 1px, 1px, 1px); position:absolute !important }


/* fonts -------------------------------------------------------------- */

@font-face {
	font-weight: normal;
	font-family: 'SLR';
	src: url('fonts/sharnay_light-webfont.eot');
	src: url('fonts/sharnay_light-webfont.woff') format('woff'), url('fonts/sharnay_light-webfont.ttf') format('truetype'), url('fonts/sharnay_light-webfont.svgz#webfontLNFlRNN8') format('svg'), url('fonts/sharnay_light-webfont.svg#webfontLNFlRNN8') format('svg');
	font-size-adjust: 0.49;
}


/* html and body -------------------------------------------------------------- */

html {
	width: 96%;
	min-width: 500px;
	padding: 1% 2% 3% 2%;
	
	background-image: url('img/background.png');
	background-size: 6px 6px !important;
	-moz-background-size: 6px 6px;

	color: #f5f5f5;
	font-family: SLR, Helvetica, sans-serif;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	
	font-size: 0.9em;
	line-height: 1.2em;
}

body {
	margin: 0 auto 0 auto;
	max-width: 1600px;
}


/* basic wordpress -------------------------------------------------------------- */

#wrapper { /*main content page wrapper flexbox*/
	margin: 0 auto 20px auto;
	padding: 0;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

#headerL, #headerR { /*logo flexbox*/
	margin: 0;
	
	-webkit-box-flex: 1 auto;
	-moz-box-flex: 1 auto;
	-webkit-flex: 1 auto;
	-ms-flex: 1 auto;
	flex: 1 auto;
}

#container { /*main content, incl sidebar - nested flexbox*/
	margin: 1% 0 0 0;
	padding:0;
	flex: 1 100%;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

#sidebar {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#footerL, #footerR {
	padding: 0;
	font-size: 0.8em;
	color: #555;

	-webkit-box-flex: 1 auto;
	-moz-box-flex: 1 auto;
	-webkit-flex: 1 auto;
	-ms-flex: 1 auto;	
	flex: 1 auto;
}


/* Content -------------------------------------------------------------- */

#content-fullwidth {
	margin: 0 0 2% 0;
	padding: 2%;	

	background-color:#191919;
	border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-border-radius:10px;
	
	text-align: justify;
	
	-webkit-box-flex: 1 100%;
	-moz-box-flex: 1 100%;
	-webkit-flex: 1 100%;
	-ms-flex: 1 100%;
	flex: 1 100%;
}

#content, #content-blog {
	margin: 0 20px 2% 0;
	padding: 1% 2% 2% 2%;
	border-right: 1px solid #333;

	background-color:#191919;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	
	text-align: justify;
	
	-webkit-box-flex: 4;
	-moz-box-flex: 4;
	-webkit-flex: 4;
	-ms-flex: 4;
	flex: 4;
}

#content-images {
	margin-bottom: 1%;
}

#content-search {
	margin-bottom: 1%;
	margin-top: 1%;
}

#content-archive {
	margin-top: 0;
	margin-bottom: 1%;
}


/* order -------------------------------------------------------------- */

#headerL { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
#headerR { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
#container { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
#content, #content-blog  { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
#content-fullwidth  { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
#sidebar { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.footerdivider { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
#footerL { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
#footerR { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }


/* widgets -------------------------------------------------------------- */

#sidebar .widget-container {
	margin: 0 0 10% 0;
}

#sidebar .widget-title {
	display:block;
	margin: 0 0 10px 0;
}


/* Menus -------------------------------------------------------------- */

#top-menu {
	font-size: 16px;
    padding: 0;
    margin: 60px 0 0 0;
}

#top-menu #search {
	width: 300px;
	white-space: nowrap;
	text-align: right;
}

#top-menu #search #s {
	width: 200px;
}

#top-menu ul, #bottom-menu ul {
    text-align: right;
}

#top-menu li, #bottom-menu li {
	display: inline;
	list-style-type: none;
}

#top-menu li a, #bottom-menu li a {
	color:#aaa;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 1%;
}

#top-menu li a:hover, #bottom-menu li a:hover {
	color:#e2e2e2;
	text-decoration:none;
}

#bottom-menu {
    padding: 0;
}

#bottom-menu #search {
	position:absolute;
	top:10px;
	right:0px;
	width: 300px;
	white-space: nowrap;
	text-align: right;
}

#bottom-menu #search #s {
	width: 200px;
}


/* design: entry formatting -------------------------------------------------------------- */

article .entry-content{
	margin: 2% 0 0 0;
}

article .entry-content img{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

section .entry-meta {
	display:block;
	margin: 0 0 1% 0;
	
	color: #666;
	font-size: 0.8em;
}

section .entry-footer {
	display:block;
	margin: 1% 0 0 0;

	color: #666;
	font-size: 0.8em;
}

.entry-title a {
	color:#eee;
	font-weight: normal;
	text-decoration: none;
}

.entry-title a:hover {
	color:#e2e2e2;
	text-decoration:none;
}

blockquote { 
	margin: 2%;
	padding: 20px 5% 20px 50px;
	max-width:60%;
	min-width:500px;
	
	background: #252525 url(img/quote200.png);
	background-size: auto 80%;
	background-position: 2% 2%;
	background-repeat: no-repeat;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	color:#C7CACF;
}

.nav-previous { /*back button under posts*/
	float:left;
}

.nav-next { /*next button under posts*/
	text-align:right;
}

.more-link {
	display: block;
	margin-top:1%;
	width: 100%;
}


/* design: lists -------------------------------------------------------------- */

.ul3col {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	
	-webkit-column-width: 30%;
	-moz-column-width: 30%;
	column-width: 30%;
}

.nicelist {
	list-style:square;
	margin: 0 0 1em 1em;
}


/* design: tables -------------------------------------------------------------- */

.tablestd {
	width: 100%;
	margin: 1% 0 3% 0;
}

.tablestd tr:nth-child(even) {
	background: #252525;
}

.tablestd tr:nth-child(odd) {
/*	background: #FFF*/
}

.tablestd td{
	padding: 0.3em 1em;
	border: 1px solid #333;
}

/* design: accordion -------------------------------------------------------------- */

.content-accordion-vertical{
	width:100%;
	height:600px;
	list-style:none;
	overflow:hidden;
	margin: 0 0 3% 0;
}

.content-accordion-vertical li{
    height:10%;
    width:94%;
    overflow:hidden;
    
    padding: 0 3% 0 3%;

    -moz-transition:height 0.2s ease-out;
    -webkit-transition:height 0.2s ease-out;
    -o-transition:height 0.2s ease-out;
    transition:height 0.2s ease-out;
    
    background-color: #222;
    -webkit-box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 1);
    -moz-box-shadow:0px 0px 40px 0 rgba(0, 0, 0, 1);
    box-shadow:0px 0px 40px 0 rgba(0, 0, 0, 1);
}

.content-accordion-vertical li:first-of-type{
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
}

.content-accordion-vertical li:last-of-type{
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -o-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
}

.content-accordion-vertical:hover li, .content-accordion-vertical.focus li{
    height:8%;
}

.content-accordion-vertical li:hover, .content-accordion-vertical li.focus{
    height:28%;
}


/* design: doc accordion -------------------------------------------------------------- */

.accordion2 .transition, 
.accordion2 span,
.accordion2 ul li i:before,
.accordion2 ul li i:after {
	transition: all 0.25s ease-in-out;
}

.accordion2 .no-select,
.accordion2 h2 {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1.5em;
}

.accordion2 h3 {
	margin-top:1em;
}

.accordion2 h4 {
	margin-top:1.5em;
}

.accordion2 span {
	display:block;
	position: relative;
	overflow: hidden;
	opacity: 1;
	transform: translate(0, 0);
	margin-top: 14px;
	z-index: 2;
}

.accordion2 ul {
	list-style: none;
	perspective: 900;
	padding: 0;
	margin: 0;
}

.accordion2 ul li {
	position: relative;
	margin-bottom: 1em;
	padding: 1em 1em 1em 1.5em;
	background-color: #252525;
}

.accordion2 ul li:nth-of-type(1) {
	animation-delay: 0.5s;
}

.accordion2 ul li:nth-of-type(2) {
	animation-delay: 0.75s;
}

.accordion2 ul li:nth-of-type(3) {
	animation-delay: 1s;
}

.accordion2 ul li i {
	position: absolute;
	transform: translate(-6px, 0);
	margin-top: 16px;
	margin-right: 2em;
	right: 0;
}

.accordion2 ul li i:before, ul li i:after {
	content: "";
	position: absolute;
	background-color: #8e5ca3;
	width: 3px;
	height: 9px;
}

.accordion2 ul li i:before {
	transform: translate(-2px, 0) rotate(45deg);
}

.accordion2 ul li i:after {
	transform: translate(2px, 0) rotate(-45deg);
}

.accordion2 ul li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.accordion2 ul li input[type=checkbox]:checked ~ span {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}

.accordion2 ul li input[type=checkbox]:checked ~ i:before {
	transform: translate(2px, 0) rotate(45deg);
}

.accordion2 ul li input[type=checkbox]:checked ~ i:after {
	transform: translate(-2px, 0) rotate(-45deg);
}


/* design: license selector -------------------------------------------------------------- */

.licenseSelector {
  text-align:center;
}

.licenseSelector .container{
	margin: 2% 0 2% 0;
}

.licenseSelector .container br{
	display:none;
}

.licenseSelector ul {
	display:table;
	width:100%;
}

.licenseSelector li {
	position:relative;
	display:table-cell;
	z-index:0;
	width:50%;
  
	-webkit-transition: 0;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;

	background-color: #222;  
	border:1px solid #333;
}

.licenseSelector li:hover, .licenseSelector li.focus {
	box-shadow: 0 13px 48px rgba(0, 0, 0, 0.2);
	z-index:1;
	color:#fff;
	
	background: #8221b2; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #8221b2 1%, #350838 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #8221b2 1%,#350838 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #8221b2 1%,#350838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8221b2', endColorstr='#350838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-transform:scale(1.05);
}

.licenseSelector li * {
	-webkit-transition: 0 !important;
	-moz-transition: 0 !important;
  	-o-transition: 0 !important;
	transition: 0 !important;
}

.licenseSelector li:hover * {
	color:#fff !important;
}

.licenseSelector li strong {
	display: inline-block;
	margin: 5% 0 5% 0;

	font-size:1.5em;
	text-transform:uppercase;
	letter-spacing:2.4px;
	line-height:45px;
	font-weight:400;
}

.licenseSelector ul .purchase-description {
	display:block;
	font-size:1.2em;
	line-height:1.6em;
}

.licenseSelector .purchase-price {
	display:block;
	margin: 8% 0 8% 0;
	
	font-size:4em;
	letter-spacing:2px;
	font-weight:400;
}

.licenseSelector .purchase-button {
	display:block;
	width:100%;
	padding:5% 0 5% 0;
	border-top:1px solid #333;
	background-color: #181818;
	
	text-transform:uppercase;
	font-size:1.2em;
}

.licenseSelector li:hover .purchase-button, .licenseSelector li.focus .purchase-button {
	background-color: #8221b2;
	border-top:0px solid #333;

	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
	transition: 0;
}

.licenseSelector ul a:hover, .licenseSelector ul a.focus {
	color:#E85700;
}

.licenseSelector ul a, .licenseSelector ul a:hover .purchase-price,
.licenseSelector ul a, .licenseSelector ul a.focus .purchase-price,
.licenseSelector ul a:hover .purchase-description,
.licenseSelector ul a.focus .purchase-description {
	color:#6C6C6C;
}


/* design: animated table based on license selector -------------------------------------------------------------- */

.licenseSelector2 {
  text-align:center;
}

.licenseSelector2 .container{
	margin: 2% 0 2% 0;
}

.licenseSelector2 .container br{
	display:none;
}

.licenseSelector2 ul {
	display:table;
	width:100%;
}

.licenseSelector2 li {
	position:relative;
	display:table-cell;
	z-index:1;
	width:50%;
  
	-webkit-transition: 0;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;

	background-color: #222;  
	border:1px solid #333;
	
	padding: 1em 2em 2em 1em;
}

.licenseSelector2 li.devButtonStart 	{ background: #222 url("img/developerStart.png") no-repeat 		2em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonDocs 		{ background: #222 url("img/developerDocs.png") no-repeat 		2em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonForum 	{ background: #222 url("img/developerForum.png") no-repeat 		2em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonKB 		{ background: #222 url("img/developerKB.png") no-repeat 		2em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonBeta 		{ background: #222 url("img/developerBeta.png") no-repeat 		2em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonMantis 	{ background: #222 url("img/developerMantis.png") no-repeat 	2em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonSkype 	{ background: #222 url("img/developerSkype.png") no-repeat 		2em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonSupport 	{ background: #222 url("img/developerSupport.png") no-repeat 	2em 1em; background-size: auto 100%; }

.licenseSelector2 li:hover, .licenseSelector2 li.focus {
	box-shadow: 0 13px 48px rgba(0, 0, 0, 0.2);
	z-index:5;
	color:#fff;
	-webkit-transform:scale(1.05);
}

.licenseSelector2 li.devButtonStart:hover, .licenseSelector2 li.devButtonStart.focus 		{ background: #8221b2 url("img/developerStart.png") no-repeat 		1em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonDocs:hover, .licenseSelector2 li.devButtonDocs.focus 			{ background: #8221b2 url("img/developerDocs.png") no-repeat 		1em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonForum:hover, .licenseSelector2 li.devButtonForum.focus 		{ background: #8221b2 url("img/developerForum.png") no-repeat 		1em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonKB:hover, .licenseSelector2 li.devButtonKB.focus 				{ background: #8221b2 url("img/developerKB.png") no-repeat 			1em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonBeta:hover, .licenseSelector2 li.devButtonBeta.focus 			{ background: #8221b2 url("img/developerBeta.png") no-repeat 		1em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonMantis:hover, .licenseSelector2 li.devButtonMantis.focus 		{ background: #8221b2 url("img/developerMantis.png") no-repeat 		1em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonSkype:hover, .licenseSelector2 li.devButtonSkype.focus 		{ background: #8221b2 url("img/developerSkype.png") no-repeat 		1em 1em; background-size: auto 100%; }
.licenseSelector2 li.devButtonSupport:hover, .licenseSelector2 li.devButtonSupport.focus 	{ background: #8221b2 url("img/developerSupport.png") no-repeat 	1em 1em; background-size: auto 100%; }

.licenseSelector2 li * {
	-webkit-transition: 0 !important;
	-moz-transition: 0 !important;
  	-o-transition: 0 !important;
	transition: 0 !important;
}
.licenseSelector2 li:hover * {
	color:#fff !important;
}

.licenseSelector2 ul a {
	color:#ccc;
}
.licenseSelector2 ul a:hover, .licenseSelector2 ul a.focus {
	color:#fff;
}


/* design: horizontal divider -------------------------------------------------------------- */

/*
hr {
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: 1px;
	width: 100%;
} */

.postdivider {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(127, 127, 127, 0.75), rgba(0, 0, 0, 0));
    margin:3% 0 2% 0;
    clear: both;
}

.footerdivider {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(127, 127, 127, 0.75), rgba(0, 0, 0, 0));
    margin:3em 0 2em 0;
    
    flex: 1 100%;
}

.clear {
	/* TODO */
}


/* design: typography -------------------------------------------------------------- */

p {
    word-wrap: break-word;
	margin-bottom: 2%
}

i,em,dfn,cite {
	font-style: italic;
}

tt,var,pre,kbd,samp,code {
	font-family: monospace, serif;
	font-style: normal;
}

b,strong {
	font-weight: 700;
}

pre {
	display:block;
	background: #333;
    height: auto;
	margin: 0 0 2% 0;
	outline: none;
	padding: 5px 5px 5px 30px;
	vertical-align: middle;
    width: 95%;
    word-wrap: break-word;
    white-space: pre-wrap;
}

/* headings */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	line-height: 1.0em;
    word-wrap: break-word;
    margin-bottom: .5em;
    margin-top: .5em;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
}

/* links */
a {
	color: #bd77da;
	font-weight: normal;
	text-decoration: none;
}

a:hover,a:focus,a:active {
	color: #e3c2f1;
	outline: 0;
	text-decoration: none;
}

::selection {
	background: #999;
	color: #fff;
	text-shadow: none;
}

header h2 a:hover {
	color:#e2e2e2;
	text-decoration:none;
}

header h2 a {
	color:#eee;
	font-weight: normal;
	text-decoration: none;
}


/* var */
del {
	color: #555;
	text-decoration: line-through;
}

ins,dfn {
	border-bottom: 1px solid #ccc;
}

sup,sub,small {
	font-size: 85%;
}

abbr,acronym {
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}

a abbr,a acronym {
	border: none;
}

dfn[title],abbr[title],acronym[title] {
	border-bottom: 1px solid #ccc;
	cursor: help;
}

/* sub */
sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}


/* design: images and (embedded) video -------------------------------------------------------------- */

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

img.imgleft {
	float:left;
	margin: 0 20px 10px 0;
}

img.imgright {
	float:right;
	margin: 0 0 10px 20px;
}

#content-blog img {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

video {
	width: 100%;
	max-width: 100%;
	height: auto;
}

embed,object {
	max-width: 100%;
}

.postthumb {
	float:left;
	margin: 0 3% 2% 0;
}

.yt-embedded {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.yt-embedded iframe, .yt-embedded object, .yt-embedded embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* design: header image and text -------------------------------------------------------------- */

#logo {
	display:block;
	background-image: url('img/WebsiteHeader.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 200px 100px;
	width:200px;
	height:100px;
	float: left;
	/*margin: 0 0 5px -10px;*/
}

.site-name {
	display: block;
	font-size: 2.063em; /* = 33px */
    line-height: 1.0em;
	padding-top: 20px;
}

.site-name a {
    color: #333;
/*	font-weight: 700; */
}

.site-description {
    color: #afafaf;
	display: block;
	font-size: 0.875em; /* = 14px */
	margin: 10px 0;
}







/* Buttons -------------------------------------------------------------- */

a.button,
input[type='reset'],
input[type='button'],
input[type='submit'],
.supportform-body form button {
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-border-radius: 2px;
	background-color: #696969; /* Dim Gray */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969));
	background-image: -webkit-linear-gradient(top, #939393, #696969);
	background-image: -moz-linear-gradient(top, #939393, #696969);
	background-image: -ms-linear-gradient(top, #939393, #696969);
	background-image: -o-linear-gradient(top, #939393, #696969);
	background-image: linear-gradient(top, #939393, #696969);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #474747;
	border-radius: 2px;
	color: #eee;
	cursor: pointer;
	display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969);
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 0 -1px 0 #474747;
	vertical-align: middle;
	white-space: nowrap;
}

a.button:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	background-color: #adadad;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969));
	background-image: -webkit-linear-gradient(top, #adadad, #696969);
	background-image: -moz-linear-gradient(top, #adadad, #696969);
	background-image: -ms-linear-gradient(top, #adadad, #696969);
	background-image: -o-linear-gradient(top, #adadad, #696969);
	background-image: linear-gradient(top, #adadad, #696969);
	border: 1px solid #474747;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969);
	text-shadow: 0 -1px 0 #474747;
}

a.button:active,
input[type='reset']:active,
input[type='button']:active,
input[type='submit']:active {
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	background-color: #adadad;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#adadad));
	background-image: -webkit-linear-gradient(top, #696969, #adadad);
	background-image: -moz-linear-gradient(top, #696969, #adadad);
	background-image: -ms-linear-gradient(top, #696969, #adadad);
	background-image: -o-linear-gradient(top, #696969, #adadad);
	background-image: linear-gradient(top, #696969, #adadad);
	border: 1px solid #474747;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#696969, endColorstr=#adadad);
    outline:none;
}


/* Forms -------------------------------------------------------------- */

label {
	display: inline-block;
	font-weight: 700;
	padding: 2px 0;
}

legend {
	padding: 2px 5px;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1.5em;
	padding: 1em 2em;
}

select,
input[type="text"],
input[type="password"],
input[type="email"] {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	background-color: #333;
	box-sizing: border-box;
	border: 1px solid #444;
	border-radius: 2px;
	color: #eee;
	margin: 0;
	outline: none;
	padding: 6px 8px;
	vertical-align: middle;
	width: 100%;
}

select {
	height: auto;
	width: 100%;
}

area,
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	background-color: #333;
	box-sizing: border-box;
	border: 1px solid #444;
	color: #eee;
	border-radius: 2px;
	height: auto;
	overflow: auto;
	margin: 0;
	outline: none;
	padding: 8px 10px;
	width: 100%;
}

input,
select {
	cursor: pointer;
}

area:focus,
input:focus,
textarea:focus {
    border: 1px solid #ccc;
}

input[type='text'],
input[type='password'] {
	cursor: text;
}


/* sendpress -------------------------------------------------------------- */

#sendpress-public .subscriber-info {
	background-color: transparent !important;
	border:1px solid #333;
}

#sendpress-public th {
	background-color: #222 !important;
}

#sendpress-public th, #sendpress-public tr, #sendpress-public table, #sendpress-public td {
	border:1px solid #333;
	border-collapse:collapse;
}


/* wp-united forum -------------------------------------------------------------- */

.wpulatestposts li {
	margin-bottom:0.8em;
}

.wpulatestposts span.row2 {
	font-size: 0.8em;
}

/* support form iframe -- buttons further on top! -------------------------------------------------------------- */

.supportform-body {
	line-height: 1;
	text-align:justify;
	background-color:transparent;
	color: #bababa;
	margin-left:0px;
	font-size:15px;
	line-height:24px;
}

.supportform-body form {
	margin:0;
	padding:0;
}

.supportform-body table {
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
	width:100%;
}

.supportform-body table td {
	border:0;
	padding:1%;
}

.supportform-body .error {
	font-weight:normal;
	color: #ec2100;
}

.quotetext {
	margin: 15px 20px 15px 30px;
	font-style:oblique;
	font-size:14px;
}


/* portfolio style overrides - very !important -------------------------------------------------------------- */

.dzsportfolio, .project-title, .the-title, .the-desc {
	font-family: SLR, Helvetica, sans-serif !important;
}

.the-title {
	font-size:22px !important;
}

.the-desc {
	font-size:15px !important;
}

.project-title {
	border-bottom-color: #8e5aa4 !important;
}

.the-feature {
	background-position: center center;
}

.selector-con .categories {
	text-align:left !important;
}

.selector-con .active {
	color: #8e5aa4 !important;
}

.the-content {
	background-color:#222 !important;
	margin-bottom:20px !important;
}

.the-content .project-meta-con{
	font-size:13px;
	text-align:justified;
}

.the-content .btn-close {
	display:none !important;
}

.project-slider-con {
	margin-left:0px !important;
}

.dzsportfolio.skin-accordion .portitem:hover .the-overlay {
	background: rgba(0, 0, 0, 0.7) !important;
}


/* GeSHi LUA -------------------------------------------------------------- */

.lua .de1, .lua .de2 { font: normal normal 1.2em/1.4em monospace; margin:0; padding:0; background:none; vertical-align:top; text-rendering: optimizeLegibility; }

/* colors */
.lua, .lua .br0, .lua .sy0  { color: rgb(192, 192, 192); } /* standard text, brackets and symbols */
.lua .kw0, .lua .kw3 { color: rgb(115, 163, 146); } /* true false while ... */
.lua .kw1 { color: rgb(139, 116, 165); } /* animation. */
.lua .kw2, .lua .me0 { color: rgb(165, 116, 129); } /* .changeclip */
.lua .co1, .lua .coMULTI { color: rgb(89, 89, 89); } /* comments */
.lua .st0, .lua .es0 { color: rgb(191, 125, 95); } /* strings and escaped characters */
.lua .nu0 { color: rgb(191, 151, 95); } /* numbers */

.lua ol { color:#b4b4b4; padding-left: 2em; list-style-type: decimal;} /* line numbers */

/* code block */
.lua li, .lua .li1 { background-color: rgb(32, 32, 32); font-weight: normal; vertical-align:top; }
.lua li { padding:2px; padding-left:15px; border-bottom:1px solid #242424; }
.lua li:first-child { padding-top: 20px; }
.lua li:last-child { padding-bottom: 20px; border: none; }
.lua .ln { width:1px; text-align:right; margin:0; padding:0 2px; vertical-align:top; }
.lua .li2 { font-weight: bold; vertical-align:top; }


/* GeSHi XML -------------------------------------------------------------- */

.xml .de1, .xml .de2 { font: normal normal 1.2em/1.4em monospace; margin:0; padding:0; background:none; vertical-align:top; text-rendering: optimizeLegibility; }

.xml .br0 { rgb(192, 192, 192); } /* brackets */
.xml .st0, .xml .es0, .xml .nu0 { color: rgb(170, 110, 90); } /* strings, numbers and escaped characters */
.xml .re0 { color: rgb(136, 86, 136); } /* attributes */
.xml .re1, .xml .re2, .xml .re3, .xml .re4, .xml .re5 { color: rgb(80, 120, 190); } /* tags */

.xml ol { color:#b4b4b4; padding-left: 2em;} /* line numbers */

.xml li { padding:2px; padding-left:15px; border-bottom:1px solid #252525; background-color: rgb(32, 32, 32); }
.xml li:first-child { padding-top: 20px; }
.xml li:last-child { padding-bottom: 20px; border: none; }


/* CSS3 menu -------------------------------------------------------------- */

.css-treeview label {
	padding:0;
	font-weight:normal;
	color:#bababa;
}

.css-treeview ul, .css-treeview li {
	padding: 0;
	margin: 0;
	list-style: none;
	white-space: nowrap;
}

.css-treeview input {
	position: absolute;
	opacity: 0;
}

.css-treeview {
	font: normal 12px "Segoe UI", Arial, Sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.css-treeview input + label + ul {
	margin: 0 0 0 18px;
}

/* hide subnodes */
.css-treeview input ~ ul {
	display:none;
}

.css-treeview label, .css-treeview label::before {
	cursor: pointer;
}

/* grey out disabled nodes */
.css-treeview input:disabled + label {
	cursor: default;
	opacity: .6;
}

/* show subnodes */
.css-treeview input:checked:not(:disabled) ~ ul {
	display:block;
}

/* define image strip */
.css-treeview label, .css-treeview label::before, .css-treeview a::before {
	background: url("img/docicons.png") no-repeat;
}

/* general inline-block space definitions */
.css-treeview label, .css-treeview a, .css-treeview label::before, .css-treeview a::before {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}

/* folder icon offset X */
.css-treeview label {
	background-position: 18px 0;
}

/* defines + */
.css-treeview label::before {
	content: "";
	width: 18px;
	margin: 0 22px 0 0;
	vertical-align: middle;
	background-position: 0 -36px;
}

/* changes + to - */
.css-treeview input:checked + label::before {
	background-position: 0 -18px;
}

/* page icon */
.css-treeview a::before {
	content: "";
	width: 18px;
	margin: 0 3px 0 0;
	vertical-align: middle;
	background-position: 0 -108px;
}

.css-treeview .function ~ label {
	background-position: 18px -54px;
}

.css-treeview .constant ~ label {
	background-position: 18px -72px;
}

.css-treeview .handler ~ label {
	background-position: 18px -90px;
}

/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.css-treeview {
		-webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
	}

	@-webkit-keyframes webkit-adjacent-element-selector-bugfix {
		from {
			padding: 0;
		}
		to {
			padding: 0;
		}
	}
}


/* js-based autoTOC for HTML doc pages --------------------------------------------------- */

#toc {
background-color: #222;
border: 1px solid rgb(51, 51, 51);
color: rgb(186, 186, 186);
float: right;
font-size: 1em;
line-height: 1.3em;
margin: 0 0 2% 3%;
padding: 1.2em;
}

#toc ul {
margin:0;
padding-left:1.5em;
list-style:disc;
}

#toc b {
display:block;
text-align:center;
margin-bottom:1em;
}


/* doc pages --------------------------------------------------- */

.docpage h2 a:visited,
.docpage h2 a:hover,
.docpage h2 a,
.docpage h3 a:visited,
.docpage h3 a:hover,
.docpage h3 a,
.docpage h4 a:visited,
.docpage h4 a:hover,
.docpage h4 a,
.docpage h5 a:visited,
.docpage h5 a:hover,
.docpage h5 a {
	color:#e2e2e2;
	text-decoration:none;
}

.docpage h2 {
	margin-top: 1.5em;
}

#htmlcontents {
/*	margin-left: 1em; */
}

#htmlcontents h2 {
	display: block;
	padding: 0.5em 0.5em 0.5em 2em;
	background-color: #252525;
	margin-left: -2em;
}


/* Screen Size modificators -------------------------------------------------------------- */

/* Large screens */
@media all and (max-width: 1600px) {
	#content, #content-blog {
		-webkit-box-flex: 3;
		-moz-box-flex: 3;
		-webkit-flex: 3;
		-ms-flex: 3;
		flex: 3;
	}
}


/* Medium screens */
@media all and (max-width: 1300px) {
	#content, #content-blog {
		-webkit-box-flex: 2;
		-moz-box-flex: 2;
		-webkit-flex: 2;
		-ms-flex: 2;
		flex: 2;
	}
	
	.ul3col {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	
		-webkit-column-width: 40%;
		-moz-column-width: 40%;
		column-width: 40%;
	}
	
	.licenseSelector2 li {
		display:block;
		width:90%;
  	}
  	
  	.hideipad {
	  	display:none;
  	}
}


/* Small screens */
@media all and (max-width: 800px) {
	#container {
		flex-direction: column;
	}
	
	#top-menu {
		margin:0;
		padding:0 5% 0 5%;
	}
	
	#top-menu ul {
    text-align: justify;
	}
	#top-menu ul:after {
    content: '';
    display: inline-block;
    width: 100%;
	}
	#top-menu ul li {
    	display: inline-block;
	}
	
	
	#bottom-menu {
		margin:0;
		padding: 0 5% 0 5%;
	}
	
	#bottom-menu ul {
	    text-align: justify;
	}
	#bottom-menu ul:after {
    	content: '';
	    display: inline-block;
	    width: 100%;
	}
	#bottom-menu ul li {
    	display: inline-block;
	}
	
	
	#headerL {
		-webkit-box-flex: 1 100%;
		-moz-box-flex: 1 100%;
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%
	}
	
	#headerR {
		margin: 2% 0 3% 0;
	
		-webkit-box-flex: 1 100%;
		-moz-box-flex: 1 100%;
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%
	}

	#footerL {
		-webkit-box-ordinal-group: 6;
		-moz-box-ordinal-group: 6;
		-ms-flex-order: 6;
		-webkit-order: 6;
		order: 6;

		-webkit-box-flex: 1 100%;
		-moz-box-flex: 1 100%;
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%;
		
		text-align:center;
	}

	#footerR {
		margin: 2% 0 3% 0;
	
		-webkit-box-ordinal-group: 5;
		-moz-box-ordinal-group: 5;
		-ms-flex-order: 5;
		-webkit-order: 5;
		order: 5;
		
		-webkit-box-flex: 1 100%;
		-moz-box-flex: 1 100%;
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%;
	}
	
	.footerdivider {
		margin:8% 0 2% 0;
	}
	
	#sidebar {
		margin: 5% 2% 0 2%;
	}
	
	#content, #content-blog, content-fullwidth {
		padding: 2% 3% 3% 3%;
		background-color:#191919;
		border-radius:10px;
		-webkit-border-radius:10px;
		-webkit-border-radius:10px;
		border-right: 0px solid #333;
	}

	.ul3col {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	
		-webkit-column-width: 90%;
		-moz-column-width: 90%;
		column-width: 90%;
	}
}