/***************************************************************
 * GENERAL SETTINGS 
 * 
 */
body {
	background: #fff;
	margin:0px;
}

img {
	border: none;
	margin:0px;	
	padding:0px;	
}

a {
	color:#FB9019;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.left {
	float:left;
}
.right {
	float:right
}

div.clear {
	clear:both;
	line-height:1;
}

ul {
	padding-left: 15px;	
	margin-top:0px;
}

ul li {
	padding:0px;
	margin:0px;
}


h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
}

h3 { 
	margin: 0px 0px 3px 0px ;
	padding:0px;
}
h4 { 
	margin: 0px 0px 3px 0px ;
	padding:0px;
}

p  {
	margin: 0px 0px 15px 0px ;
	padding:0px;
	letter-spacing:0px;
}

ul.errorlist {
	padding:0px;
	margin:0px;
	color:red;
	list-style:none;
	display:inline;
}
ul.errorlist li {
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
}

.questions img {
	margin-top: 0.8em;
}
.fspacer {
	margin-top: 1.4em
}

/***************************************************************
 * Site Structure 
 * 
 */

#header,
#banner,
#container{
	text-align:center;
}

#header {
	min-width: 740px;
	padding:20px 0px 24px 0px;
	
}

#banner {
	background:#FF9900;
	padding:0px;
	margin-bottom:32px;
	padding:86px 0px  85px; 0px;
}

body.home #banner {
	margin-bottom:36px;
}


#container {
	min-width:740px;
	padding-bottom:90px;
	margin-top:0px;
}


.wrapper{
	text-align: left;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
}

#container #content {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:740px;
	float:left;
}

.main {
	float:left;
	width:490px;
	margin: 0px 120px 0px 0px;
	padding:0px;
}

.side {
	float:left;
	width:130px;
	margin:0px;
}

#content .side {
	padding:34px 0px 0px 0px;
}

/***************************************************************
 * BREADCRUMB 
 * 
 */

#container #content .main ul#breadcrumb {
	list-style:none;
	padding:0px;
	margin:0px 0px 19px 0px;
	float:left;
	color:#FB9019;
}

#container #content .main ul#breadcrumb li{
	float:left;
	margin-right:3px;
}

#container #content .main ul#breadcrumb li #current{
	color:#000;
}

/***************************************************************
 * HEADER 
 * 
 */

#header p{
	display:inline;
	margin:0px;
	padding:0px;
}

/***************************************************************
 * BANNER 
 * 
 */

#banner h1 {
	margin:0px;
	padding:0px;
	color:#fff;
}

#banner h1 a:hover,
#banner h1 a {
	text-decoration:none;
	color:#fff;
}

/***************************************************************
 * HOME PAGE 
 * 
 */

#container .wrapper .section h2 a{
	color:#000;
}

#container .wrapper .section{
	width:225px;
	margin-right: 32px;
	float:left;
}

#container .wrapper .section.last{
	margin-right:0px;
}

#container .wrapper .section-content {
	margin:0px;
	padding:0px;
}

#container .wrapper .section-content p.first {
	margin-top:0px;
}

/***************************************************************
 * MAIN CONTENT
 * 
 */

span.more {
	color:#FB9019;
}

ul.narrowlist {
	list-style:none;
	padding:0px;
	margin:0px;
	color:#FB9019;
}

.narrowlist li {
	display: inline;
	float: left; 
	width: 100px;
}

.annotater {
	line-height: 12px;
	float: right;
	font-size: 11px;
	color: #999;
	margin-bottom: 12px;
}

img.outliner {
	border: 1px solid #999;
}

/***************************************************************
 * Articles 
 * 
 */
	
.codesnippet  {
	background:#ECECEC;
	border-left: 2px solid #FF9019;
	margin:10px 0px;
	padding:5px 0px 10px 10px;
	font-family:"Bitstream Vera Sans Mono","Monaco","Andale Mono",monospace
	position:relative;
	width:96%;
}

.codesnippet .klass {
	font-weight:bold
}

p .funcname,
p .klassname,
.codesnippet .funcname,
.codesnippet .klassname {
	color:#00f;
}
.codesnippet .pyinter
.codesnippet .klassname {
	font-weight:bold;
}
.codesnippet .indent-zero {
	margin-top:10px;
	margin-left:0px;
}
`
.codesnippet .no-margin {
	margin-top:0px;
	margin-left:0px;
}

.codesnippet .indent-one {
	margin-top:8px;
	margin-left:10px;
}

.codesnippet .indent-zero .indent-one {
	margin-top:4px;
	margin-left:10px;
}

.codesnippet .indent-one .indent-two {
	margin-top:4px;
	margin-left:20px;
}

.codesnippet .indent-one .indent-two .indent-three {
	margin-top:4px;
	margin-left:30px;
	margin-bottom:4px;
}

.codesnippet .indent-one .indent-two .indent-three .indent-four{
	margin-top:4px;
	margin-left:40px;
	margin-bottom:4px;
}
.codesnippet .row {
	clear: both;
	padding:2px 0px 0px 0px;
    width: 450px;
    float:left;
    margin:0px;
}

.codesnippet .row .label {
    float: left;
    width: 140px;
    text-align: left;
	display:inline;
	margin:0px 10px 0px 0px;
}

.codesnippet .row .field {
    float: left;
    width: 300px;
	display:inline;
}

.codesnippet .wrapped{
	margin-left:120px;
}

.codesnippet .indent-one .inline-indent,
.codesnippet .inline-indent {
	margin-top:0px;
}

.codesnippet .print,
.codesnippet .return,
.codesnippet .funcdef {
	color:#080;
}
.codesnippet .decorator {
	color: #AA22FF;
}

.codesnippet .string {
	color:#BA2121;
}

.codesnippet .comment {
	color:#8D97B7;
}

/***************************************************************
 * APPLICATION PAGE
 * 
 */

#application .app-section {
	padding-bottom:15px;
}

#application .role p {
	margin-bottom:8px;
}
#application .work p { 
	margin-bottom:0px;
}

#application .row {
	clear: both;
	padding:5px 0px 0px 0px;
    width: 490px;
    float:left;
    margin:0px;
}

#application .row .label {
    float: left;
    width: 160px;
    text-align: left;
	display:inline;
	margin:0px 10px 0px 0px;
}

#application .row .field {
    float: left;
    width: 315px;
	display:inline;
}
#application .referee .row {
	width:470px;
}

#application .referee .row .label {
    width: 140px;
}

#application .referee .row .field {
	width:320px;
}

#application .error {
	margin-left:10px;
}

#application .long {
	width:280px;
}

#application textarea {
	width:280px;
	height:180px;
}

#application .short {
	width:50px;
}

#application .referee .subinfo {
	margin-left:20px;
}

#application .submit{
	border:0px;
	border: 1px solid black;
	padding:2px;
	display:block;
	margin-top:10px;
}

/***************************************************************
 * Forum Questionnaires
 * 
 */

form.questionnaire .row {
	clear: both;
	padding:5px 0px 0px 0px;
    width: 480px;
    float:left;
    margin:0px;
}

form.questionnaire .first {
    margin-top:1em;
}

form.questionnaire .last-row {
    margin-bottom:1em;
}

form.questionnaire .row .label {
    float: left;
    width: 200px;
    text-align: left;
	display:inline;
	margin:0px 10px 0px 0px;
}

form.questionnaire .row .field {
    float: left;
    width: 200px;
	display:inline;
}

form.questionnaire input.number {
	width:40px;
	text-align:right;
}
form.questionnaire div.right {
	text-align:right;
	float:right;
}

/***************************************************************
 * SIDEBAR 
 * 
 */

.side ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px 0px;
	color:#FB9019;
}

.side h3 a{
	color:#000;
}


/***************************************************************
 * FONTS 
 * 
 */

#banner {
	line-height:0px;
}

h2 {
	font-weight:100;
	font-size:20px;
	line-height:1.2;
}

h3,
body {
	font-size:12px;
	line-height:1.25;
	font-family: Verdana, sans-serif;
}

h4 {
	clear: both;
	font-size:12px;
	font-weight: normal;
	line-height:1.25;
	font-family: Verdana, sans-serif;
}

h4.first {
	margin-top: 12px;
}

#header {
	font-size:11px;
	line-height:1.2;
}

ul#breadcrumb {
	font-weight:bold;
}

div.section-content {
	font-size:12px;
	line-height:1.25;
}

.codesnippet table,
.codesnippet {
	font-size:11px;
}


#application .submit{
	font-size:12px;
}

p.correctme {
	font-size: 14px;
	color: red;
	font-weight: 800;
}