html,
body
	{
	height: 100%;
	}

#wrap
	{
	min-height: 100%;
	height: auto !important;
	height: 100%;
    margin: 0 auto -60px;
    }

#push,
#footer
	{
	height: 60px;
	}
	
#footer
	{
	background-color: #333;
	font-size: 11px;
	}

@media (max-width: 767px)
	{
	#footer
		{
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		}
	}

.container
	{
	margin: 0 auto;
	width: auto;
	max-width: 960px;
	}
	
.header
	{
	padding-top: 5px;
	}
	
.text-header
	{
	color: #900;
	}		

.container > hr
	{
	margin: 30px 0;
	}
		
.container .credit
	{
	margin: 20px 0;
	}

#body-intro .pill-intro,
#body-tutorials .pill-tutorials,
#body-experiments .pill-experiments,
#body-faqs .pill-faqs,
#body-docs .pill-docs, 	
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus
	{
  	background-color: #900;
  	color: #FFF;
	}	

.hero-unit h1
	{
	font-size: 48px;
	color: #FFF;
	margin: 25px 0 -20px 0;
	text-shadow: 1px 1px #555;
	}

#body-docs h1
	{
	font-size: 17.5px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #000;
	}

h2,
h3
	{
	margin: 0 0 10px 0;
	}	

table.table
	{
	border-bottom: 1px solid #DDD;
	}
	
a,
.alert code a,
.alert-success code a,
.alert-info code a
	{
	color: #900;
	text-decoration: none;
	}

ol
	{
	margin-left: 20px;
	margin-bottom: 0;
	}

.alert
	{
	margin: 0;
	}

.alert a
	{
	color: #C09853;
	text-decoration: underline;
	}

.alert-success a
	{
	color: #468847;
	text-decoration: underline;
	}

.text-info a,
.alert-info a
	{
	color: #3A87AD;
	text-decoration: underline;
	}
	
a:hover,
a:focus,
a:hover span,
.alert code a:hover,
.alert-success code a:hover,
.alert-success code a:focus,
.alert-info code a:hover,
.alert-info code a:focus
	{
	color: #333;
	text-decoration: none;
	}

.text-info a:hover,
.alert a:hover,
.alert a:focus,
.alert a:hover span,	
.alert-success a:hover,
.alert-success a:focus,
.alert-success a:hover span,
.alert-info a:hover,
.alert-info a:focus,
.alert-info a:hover span
	{
	text-decoration: underline;
	}	

.btn-group
	{
	margin-bottom: 5px;
	}

.alert-info a.btn-primary
	{
	color: #FFF;
	text-decoration: none;
	}
	
.alert-info a.btn-primary:hover
	{
	text-decoration: none;
	}	
	
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a
	{
	background: #eaeaea;
	color: #333;
	}
	
.alert,
.well,
.prettyprint,
.xml
	{
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	}

pre.prettyprint,
pre.xml
	{
	padding: 0 15px;
	background: #F7F7F9;
	border-color: #DDD;
	border-top: none;
	font-family: Courier,monospace;
	font-size: 13px;
	word-break: normal;
	}

#plaintext pre.prettyprint,
#svg_plaintext pre.prettyprint,
#svg_result_xml pre.xml
	{
	padding: 20px 15px;
	}

pre.prettyprint code
	{
	margin: 0;
	padding: 0;
	font-family: Courier,monospace;
	font-size: 13px;
	}

.pp_pre
	{
	color: #000;
	}
	
.pp_fn1
	{	
	color: #0000CC;
	color: #3A87AD;
	}

.pp_fn2
	{
	color: #006600;
	}
	
.pp_com
	{
	/*color: #FF9900;*/
	color: #808080;
	}
	
.pp_att
	{
	color: #CC0000;
	color: #D14;
	}

div.svg_result
	{
	padding: 0 15px;
	background: #F7F7F9;
	border: 1px solid #DDD;
	border-top: none;
	}
	
.well-small
	{
	box-shadow: none;
	padding: 9px 9px 0 9px;
	}

.dl-horizontal
	{
	margin: 0 0 10px 0;
	}
	
.dl-horizontal dt
	{
	width: 100px;
	}

.dl-horizontal dd
	{
	margin-left: 120px;
	}

i.icon-ok-sign,
.alert-info i.icon-share
	{
	background-image: url('/img/glyphicons-halflings-info.png');
	}

i.icon-warning-sign
	{
	background-image: url('/img/glyphicons-halflings-alert.png');
	}
	
i.icon-info-sign,
.alert-success i.icon-share
	{
	background-image: url('/img/glyphicons-halflings-success.png');
	}
	
.search
	{
	margin: 15px 0 0 0; 
	}