/* Overall layout of page */
html, html > body {
	height: 100%;
	margin: 0 18px;
	padding: 0;
}
body {
	background-image: url(/images/046.jpg);
	background-repeat: repeat;
	margin: 0px 18px;
}

/* Layout Tools */
.left{ float:left; display:inline; }
.right{ float:right; display:inline; }

.horizontal-list{
      display:inline-block;
      margin:0;
      padding:0;
}
  .horizontal-list ul{
      -webkit-margin-before: 1em;
      -webkit-margin-after: 1em;
      list-style: none;
      display:inline-block;
      margin:0;
      padding:0;
  }
    .horizontal-list ul li{
        list-style: none;
        display:inline-block;
        float:left;
        margin:0;
        padding:0;
    }
      .horizontal-list ul li a{
          text-decoration: none;
          display:inline-block;
          margin:0;
          padding:0;
          text-align: center;

      }
        .horizontal-list ul li a span{
            display:inline-block;
            padding: .4em .6em;
        }
        .horizontal-list ul li a:hover{
        }

/* Page Wrapper */

#wrapper {
	background: #ffffff url(/images/header-bg.png) repeat-x scroll top left;
	min-width: 640px;
	margin-left: auto;
	margin-right: auto;
	border: 0.1em solid #000;
    overflow: hidden;
}

/* Site Header */

#header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2D2C37), to(#0C0A16));
    background-image: -moz-linear-gradient(center bottom,  #2D2C37, #0C0A16);
    background-image: -ms-linear-gradient(center bottom,  #2D2C37, #0C0A16);
    background-image: -o-linear-gradient(center bottom,  #2D2C37, #0C0A16);
    background-color: #2D2C37;
    display: table;
    width: 100%;
}

#logo-wrap {
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height:0;
    float: left;
}

#logo-wrap #logo {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Navigation tabs */

#navigation {
  position:relative;
  z-index:9999;
  margin-bottom:-0.1em;
  margin-top:2.0em;
  width:auto;
  clear:right;
}
    #navigation ul li { 
        float: right;
        margin:0 .2em;
    }
      #navigation ul li a {
      }
        #navigation ul li a span{
          color: white;
          border:.1em solid transparent;
          padding:1em;
          padding-bottom:0;
        }
      
        #navigation ul li a:hover span{
            background-color: #ad9849;
            border:.1em solid white;
        }

        #navigation ul li a.current span{
            background-color: #ccb362;
            border:.1em solid white;
            border-bottom-color:transparent;

          }

        #navigation ul li a.current:hover span{
            background-color: #CCB362;
            cursor: pointer;
        }

/* Breadcrumbs */

#breadcrumb {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ad9849), to(#ccb362));
    background-image: -webkit-linear-gradient(center bottom,  #ad9849, #ccb362);
    background-image: -moz-linear-gradient(center bottom,  #ad9849, #ccb362);
    background-image: -ms-linear-gradient(center bottom,  #ad9849, #ccb362);
    background-image: -o-linear-gradient(center bottom,  #ad9849, #ccb362);
    background-color: #ad9849;
    -moz-box-shadow:0 .2em 2em 0em rgba(0,0,0,0.4);
    -webkit-box-shadow:0 .2em 2em 0em rgba(0,0,0,0.4);
    box-shadow:0 .2em 2em 0em rgba(0,0,0,0.4);
    width: 100%;
    border-bottom:.1em solid #fff;
    border-top: .1em solid #fff;
}
  #breadcrumb ul {
  }
    #breadcrumb ul li {
        background: url(/images/breadcrumb.gif) no-repeat left center;
        padding-left: 1em;
    }
    #breadcrumb ul li.first{
        background:none;
    }
      #breadcrumb ul li a {
      }
      #breadcrumb ul li a:hover span{
      }
        #breadcrumb ul li a span{
          color:white;
          font-family: serif;
          white-space: nowrap;
        }

          #breadcrumb ul li.follow a {
              margin-right: 8px;
              background: none;
              text-decoration: none;
              font-family: serif;
              color: white;
          }

/* Page content */

#content {
	display: block;
	padding: 30px 10px 10px 10px;
}
#toolbar {
	display: block;
	clear: both;
	float: right;
	font-family: Verdana;
	margin-right: 2px;
}	
#toolbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#toolbar li {
	float: left;
	margin: 0;
    margin-right: 7px;
	padding: 0;
    border: 1px solid #888; 
    box-shadow: 1px 1px 3px #aaa;
    border-top: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	background-color: transparent;
}
#toolbar a {
	display: block;
	text-decoration: none;
	color: black;
	height: 20px;
	background-color: transparent;
    padding: 1px 14px;
}
div#toolbar a img {
	padding-top: 2px;
}

#login_status {
	text-decoration: none;
	color: white;
    text-align: right;
    margin:.5em;
}

#login_status a {
	color: gray;
}

/* Form elements */

button{
	display: inline;
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}															
button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
button img {
	margin:0 3px -3px 0;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
button:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
button.positive:hover{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}

/* Quotes */

blockquote {
	padding:8px 16px;
	margin:0 0 8px;
	background-color: #E5EAF6;
	border-left: 6px solid #ACBEDF;
	color:#56568F;
}
blockquote blockquote {
	border-right: 1px solid #ACBEDF;
	border-top: 1px solid #ACBEDF;
	border-bottom: 1px solid #ACBEDF;
}
blockquote cite {
	font-weight:bold;
	display:block;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #ACBEDF;
	color:#56568F;
}
#footer {
	background: #ffffff url(/images/header-bg.png) repeat-x scroll top left;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: .5em 1.5em 0 1.5em;
	min-height: 60px;
	text-align: center;
	line-height: 1.74em;
	font-size: 0.92em;
	color: #999;
}
#footer a:link, #footer a:visited { color:#777; }
#footer ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer ul li {
	display: inline;
	border-left: 1px solid #999;
	padding: 0 .75em;
	color: #999;
}
#footer ul li.first {
	display: inline;
	border-left: 0;
	padding-left: 0;
}

ul.comment > li {
	list-style: none;
	margin-bottom: 10px;
	background-color: #CCC;
}

ul.comment div.header {
	float: left;
}

ul.comment ul.toolbar {
	float: right;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.comment ul.toolbar li {
	display: inline;
	margin: 0;
	padding: 0 3px 0 3px;
}

ul.comment div.content {
	clear: both;
	padding-top: 10px;
	background-color: white;
}

ul.comment ul.toolbar a {
	text-decoration: none;
}

div.comments span.author {
	font-weight: bold;
}

div.api-listing p.label {
	font-weight: bold;
}
a.no_such_node {
	color: #900;
}
.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatnone {
	float: none;
}
table p {
	margin-bottom: 0.25em;
}

td {
	vertical-align: top;
	border-bottom: 1px solid #A1B7CC;	
}

* p:last-child {
	margin-bottom: 0
}

ul.api_badge {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

li.api_badge {
	display: inline;
}

li.api_badge > a {
	display: inline;
	font: bold 75% arial, helvetica, Sans-Serif;
	text-decoration: none;
	color: #000; 
	background: #ccc;
	padding: 0em 0.4em;
	margin-left: 5px;
	border-color: #333;	
	border-width: 0.2em;
	border-style: solid;
}
li.api_badge > a:hover { 
	text-decoration: none;
	color: #fff; 
	background: #ffa060;
}
li.api_badge > a:focus {
	text-decoration: none;
	color: #fff; 
	background: #390;
}
div.terminal {
	background-color: black;
	width: 70%;
	height: 200px;
	margin: 0 auto 0 auto;
}
div.output-container {
	height: 180px;
	margin-left: 5px;
	margin-right: 5px;
	overflow: auto;
}
div.output {
	color: white;
	font-family: monospace;
	font-size: 100%;
}
div.output pre {
	margin: 0;
}
div.input {
	height: 20px;
	color: white;
	margin-left: 5px;
	margin-right: 5px;
	font-family: monospace;
}
div.input > form {
	width: auto;
}
input.terminal {
	background-color: black;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	display: inline;
	font-family: monospace;
	color: white;
	width: 95% !important;
}
.scroll-auto {
	overflow: auto;
}
.scroll-scroll {
	overflow: scroll;
}

/* Imports from style.css in Sputnik */
label {
	font-weight: bold;
}
label.inline {
	display    : inline-block;
	width: 200px; 
}
input, select {
	margin:   .25em  .25em .25em  .25em; 
	padding:   1px   1px   1px   1px;
	line-height: 16px;
	min-height : 16px; 
	font-family: monospace;
}
select {
	min-width: 300px;
}
option {
	margin:    0em   0em   0em   0em; 
	padding:   0em   0em   0em   0em; spacing    : 0em;
}
textarea {
	/*
	margin:   1em  1em   5px  1em; 
	padding:   4px   2px   1px   2px;
	*/
	font:12px 'Courier New', Courier, monospace;
	clear: both;
	width: 95%;
}
form {
	width: 700px;
}
form div.submit {
	margin-top: 10px;
	text-align: right;
}
form.login div.submit, form.register div.submit {
	margin-right: 165px;
}
form h2 {
	padding-left: 10px;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center left;
	background-image:url(/images/menu-expanded.png);
}

form h2.closed {
	background-image:url(/images/menu-collapsed.png);
}

div.grippie {
	background:#EEEEEE url(/images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	margin-bottom: 10px;
	width: 95%;
}

div.ctrlHolder div.recaptcha_image {
	margin-left: 20px;
}

input.textfield {
	min-width: 300px;
}
input.hidden       {                                  display: none;         }
div.hidden         {                                  display: none;         }
div.honey          {                                  display: none;         }
div.advanced_field {                                  display: none;         }

pre {
    overflow: auto;
}

/* Comments Styles */

ol.discussion {
    margin: 0;
    list-style-type: none;
}

ol.discussion div.post-header {
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 1.5em;
    clear: both;
}

ol.discussion span.post-info {
    float: left;
}

ol.discussion ul.post-toolbar {
    float: right;
    list-style: none;
    display: inline;
    margin: 0;
}

ol.discussion ul.post-toolbar li {
    floar: left;
    display: inline;
    line-height: 100%;
    padding-left: 5px;
}

ol.discussion ul.post-toolbar a {
    text-decoration: none;
}

ol.discussion div.content {
    padding: 5px 20px 20px 20px;
    margin: 0;
}

/* MESSAGES       */
.error, .warning, .success, .notice {
 margin     :    1em  auto  .5em  auto;  
 padding    :    1em   1em   1em   1em;
 width      : 90%; 
 border: 2px solid #ddd;
}
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* API Documentation */

div.signature {
    margin-left: 15px;
    text-indent: -15px;
}

div.debug {
    text-align: center;
    color: white;
    background-color: #b39e4b;
    border: 1px solid black;
}

#debug_overlay {
    background-image:url(/images/white.png);
    width: 700px;
    height: 470px;
    display: none;
    padding: 55px;
}

#debug_scroll {
    height: 470px;
    overflow: auto;
}

#debug_overlay div.close { 
    background-image:url(/images/close.png);
    position:absolute; 
    right:10px; 
    top:10px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

div.debug button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    color: white;
    border: 0;
    font-weight: normal;
	font-family: Verdana;
}

div.filebrowser ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

div.filebrowser a.directory {
    background-image: url(/images/folder.png);
}

div.filebrowser a {
    text-decoration: none;
    color: black;
}

div.filebrowser a img {
    padding-right: 2px;
}

span.diff_add {
    color: green;
}

span.diff_sub {
    color: red;
}

ul.imagegrid {
    list-style: none;
}

ul.imagegrid li {
    display: inline;
}

/* Search */

div#search {
    margin:.3em;
    text-align: right;
    clear:right;
}
  #search form {
    width:inherit;
    position: relative;

  }
    #search form input[name=q]{
        background: #383838;
        border: .1em solid #383838;
        outline: .1em solid #444;
        outline-offset: -.1em;
        color: white;
        width: 15em;
        margin: 0;
        line-height: 1.4em;
        padding: .6em 3em .6em .6em;
    }
    #search form input[name=q]:focus{
        border:.1em solid #999;
        outline:.1em solid #999;
        color:#ddd;
    } 
    #search form input[type=submit]{
        vertical-align: top;
        margin: 0.2em .5em .2em -3.2em;
        border-top: .1em solid #444;
        border-right: .1em solid #444;
        border-bottom: .1em solid #222;
        border-left: .1em solid #222;
        background-image: url(/images/search.png);
        background-color: #222;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 0.5em 1em;
        line-height: 1.4em;
    }

#content code { white-space: pre-wrap }

.coverimage { 
    -webkit-transform: perspective(500px) rotateY(-10deg);
    margin: 15px;
    border: 1px solid #33323E;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left center, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
    height: 300px;
}