/* Import "Lora" font from Google fonts */
@import url(http://fonts.googleapis.com/css?family=Lora:400,700);

html, body {
	/* background:#fbf3e8; */
	background:black; 
	/* background:#ded104; */
}
body {
	margin:0;
	/* padding:2em; */
	padding:.6em;
	font:112.5% Lora,Georgia,'Times New Roman',Times,serif;
	color:#222;
}

/* Lex Start */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.column-center,
.column-left,
.column-right {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:green;		/* right column background colour */
}
.threecol .colmid {
	right:28%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:0%;			/*50%  width of the middle column */
	background:#eee;	/* left column background colour */
	/*background:#000;*/
	/*background: url(/images/back.png) repeat-y top left;	*/
}
/*.threecol .column-center {*/
/*	width:48%;*/			/* width of center column content (column width minus padding on either side) */
/*	left:101%;*/			/* 100% plus left padding of center column */
/*}*/
.threecol .column-left {
	width:69%;			/* 21% Width of left column content (column width minus padding on either side) */
	left:29%;			/* 31% width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .column-right {
	width:26%;			/* 26% Width of right column content (column width minus padding on either side) */
	left:31.6%;			/* 82% Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */

#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}


/* Styling the main wrapper */
#main-wrapper {
	width: 100%;
	height: 100%;
}

/* Styling the login wrapper */
#login-wrapper {
	margin: 0px auto;
	width: 230px;
	height: 280px;
	padding: 10px 4px 10px 10px;
	margin-top: 50px;
	-moz-box-shadow: 0px 0px 10px #888;
	-o-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

/* Submit buttons */

/* the fields */

/* Form height, margin, padding */
form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

form ul li {
    margin: .9em 0 0 0;
    padding: 0;
}

form * {
    line-height: 1em;
}

/* field labels */

label {
    clear: left;
    text-align: right;
    width: 15%;
    font-family: arial;
    font-weight: bold;
    font-size: 15px;
    color: #808080;
}


input {
    font-size: .9em;
}

input {
    border: 2px solid #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
}

input {
    display: block;
    margin: 0;
    padding: .4em;
    width: 90%;
}

.buttons {
    text-align: center;
    margin: 10px 0 0 -40px;
}

input[type="submit"], input[type="button"] {
    display: inline;
    margin: 0 5px;
	margin-left:20px;
    width: 10em;
    padding: 10px;
    border: 2px solid #7c412b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    color: #fff;
    background: #ca5f34;
    font-weight: bold;
    -webkit-appearance: none;
}

input[type="submit"]:hover, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:active {
    cursor: pointer;
    background: #fff;
    color: #ef7d50;
}

input[type="button"]:active, input[type="button"]:active {
    background: #eee;
    -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
    -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
    box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}

/* Lex End */




















/*
.columns {
	overflow:hidden;
}

.columns .left-column{
	float:left;
	width:30%;
	background-color: lightblue;
}
.columns .middle-column {
	float:left;
	left:30%;	
	width:40%;
	background-color: white;
}
.columns .right-column {
	width:30%;
	float:right;
	background-color: lightgray;	
}

*/

#content {
	/* margin:0 24px; */
	margin:0 12px;
}
#content p a {
	word-wrap:break-word;
}
h1, h2 {
	font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#1675A1;
}
h1 {
	margin-top:1em;
	margin-bottom:0.36em;
	font-size:2.26em;
	text-shadow:0 1px 1px #FFF;
}
h2 {
	margin-bottom:0.416em;
	font-size:1.667em;
}
p, ul, dl {
	margin-bottom:1.5em;
	line-height:1.625em;
}
ul {
	list-style:circle;
	padding-left:1.3em;
}
a {
	color:#D23600;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color:#980000;
}
#themes, #source {
	margin:2.5625em 24px 2em 24px;
	border:1px solid;
 	border-color:#ebe3d9;
 	border-color:rgba(0,0,0,0.04);
	padding:2.5%;
	background:#f4ece1;
	background:rgba(0,0,0,0.03);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#themes p:last-child {
	margin-bottom:0;
}
#themes select {
	display:block;
}
#themes label {
	margin-left:0.3em;
}
.right-column h2 {
	margin-top:0;
}
.right-column h3 {
	font-size:1em;
	font-weight:normal;
}
dl.docs-terms dt {
	margin:0 0 0.5em 0;
	font-weight:bold;
}
dl.docs-terms dd {
	margin:0 0 1.5em 1.3em;
}
dl.docs-arguments {
	margin:0 0 0 1.3em;
}
dl.docs-arguments dt, dl.docs-arguments dd {
	margin:0;
}
pre.sh_sourceCode {
	border:1px solid;
	border-color:#e1ddd8;
	border-color:rgba(0,0,0,0.10);
	padding:0.5em;
	background:#f9f5f0;
	background:rgba(255,255,255,0.5);
	overflow:auto;
	min-width:0;
	font:0.89em Consolas,'Lucida Console',Monaco,'Courier New',Courier,monospace;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
code {
	background:#f9f5f0;
	background:rgba(255,255,255,0.5);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
kbd {
	/* Thanks to: https://github.com/michaelhue/keyscss */
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background: #555;
	background-image:-moz-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(70,70,70)),color-stop(100%,rgb(90,90,90)));
	background-image:-webkit-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-o-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:-ms-linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	background-image:linear-gradient(top,rgb(70,70,70) 0%,rgb(90,90,90) 100%);
	color: #fff;
	text-shadow: -1px -1px 0 rgb(70, 70, 70);
	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}
.pagination {
	text-align:center;
}
.pagination a {
	margin:1em 0.5em 0 0.5em;
	display:inline-block;
	border:1px solid #dad3c9;
	border-color:rgba(0,0,0,0.10);
	padding:0.111em 0.666em;
	text-decoration:none;
	color:#1675A1;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.pagination a:hover, .pagination a:focus, .pagination a:active {
	color:#d23600;
}
@media screen and (max-width: 640px) {
	body {
		padding-left:5px !important;
		padding-right:5px !important;
		font-size:100%;
	}
	.left-column, .right-column {
		float:none;
		width:auto;
	}
	#content {
		margin:0;
		padding:0 5px;
	}
	#themes, #source {
		margin-left:0;
		margin-right:0;
	}
}