/*
  Stolen from http://www.stickmanlabs.com/accordion/
*/

/*
  Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
  */

li {
	margin-bottom: 20px;
	margin-left: 20px;
	}

.qr {
	margin-top: 20px;
	text-align: center;	
}

.it {
    background-image: url(../imgs/it.gif) !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
}

.accordion_content h3,
.accordion_content h4,
.accordion_content h5 {
    padding: 5px;
    padding-left: 10px;
    background-color: #ddd;
	}

*, html, body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

html {
    height: 100%;
}

body {
/*    background: #171b20; */
    background: #000 url(../imgs/blackboard.jpg) repeat top left;
    color: #ffffff;
    font-family: 'Yanone Kaffeesatz', Verdana, Arial;
    font-size: 15px;
    height: 100%;
}

h1 {
    color: #96BF55;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0 5px 0;
    text-align: left;
}

.title,
.pre {
    padding-left: 5%;
    padding-top: 20px;
}

h1 span {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 5px 5px 0;
    text-align: left;
}

.description {
    font-size: 12px;
    line-height: 18px;
    color: #ffffbe;
    padding: 5px 0 15px 0;
}

#container {
    margin: 20px auto !important;
    width: 700px;
}

#top_container {
    width: 680px;
    height: 130px;
    margin: 10px auto 10px auto;
}

#bottom_container {
    clear: both;
    width: 700px;
}

.page-top {	
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #09f;
    border-bottom: 5px solid #444444;
}

.page-sidebar { 
    position: fixed; 
    top: 30px; 
    left: 20px;	
    width: 250px; 
}

* html .page-sidebar { 
    top: 30px; 
    left: 20px;	
    width: 250px; 
    position:absolute; 
}

.page-title {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: left;
}

.page-title h1 {
    margin: 0 0 5px 0;
}


.page-title h2 {
    clear: both;
    font-size: 100%;
    color: #FF9;
    font-weight: normal;
    margin: 0;
}

.page-body {
    margin: 0 10% 0 315px;	
    width: 600px;
    padding: 30px 0 20px 0;
    text-align: left;
}

.page-footer {
    margin: 20px  0 0 0;	
    text-align: left;
    font-size: 10px;
}

.page-body ul, .page-body ol { 
    color: #ffffff;
    margin: 10px 0 30px 25px; 
}

.page-body ul li, 
.page-body ol li { 
    padding: 0; 
    margin: 0 0 5px 0; 
    color: #cccccc;
    line-height: 140%;
    font-size: 100%;		
}

.page-footer p {
    margin: 0;
}

.page-title h1 span {
    text-align: left;
    font-weight: normal;
    font-size: 100%;
    color: #ffffff;
    margin: 5px 0 15px 0;
}




a,
a:link,
a:visited {
    color: #09f;
}

a:hover {
	color: #f60;
	text-decoration: underline;
}

h2 {
    text-align: left;
    font-weight: normal;
    font-size: 150%;
    color: #09f;
    margin: 5px 0 15px 0;
}

h2 span {
    clear: both;
    font-size: 70%;
    color: #FF9;
}


.notice {
    border: 3px solid #ffffbe;
    padding: 10px;
    color: #ffffff;
    background-color: #09f;
    margin: 0 0 20px 0;
}

.notice p, 
.notice p a, 
li a {
    color: #ffffff;
    text-decoration: none;
}

.navigation { 
    list-style: none; 
    margin: 10px 0 30px 0; 
    width: 200px;
}

.navigation li { 
    padding: 0; 
    margin: 0; 
}

.navigation a, 
.navigation a:visited {
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 10px;
    border-bottom: 3px solid #171B20;
    color: #ffffff;
    background-color: #333333;
    text-decoration: none;
}

.navigation a:hover {
    color: #000000;
    background-color: #a9d06a;
}

a.page-options {
    color: #000000; 
    text-decoration: none; 
    display: block; 
    text-align: left; 
    padding: 5px; 
    background: #a9d06a;
    margin: 3px 0 0 0;
    border-bottom: 1px solid #333333;
    border-bottom: 1px solid #555555;
}

a.page-options:hover, 
a.page-options:focus {
    color: #fff; 
    background: #09F;
}		
p small, 
li small {
    color: #09F;
    font-size: 100%;
}

.hidden {
    display : none;
}


pre {
    font-size: 11px;
    padding: 10px;
    background: #000000;
    overflow: auto;
    margin: 10px 0 10px 0;
}

code {
    color: #ffffff;
    background: #000000;
    font-family: Monaco, Courier, monotype;
}


/** RUBY / JAVASCRIPT **/
code span.comment {
    color: #BD48B3;
}

code span.string {
    color: #99FF00;
}

code span.brackets {
    
}

code span.symbol {
    color: #6BCFF7;
}

code span.keywords {
    color: #FF8400;
}

code span.erb {
    background: #333;
}

code span.symbol {
    color: #07DFFC;
}

/** HTML **/
code.html span.tag {
    color: #fff;
}

code.html span.attribute {
    color: #FFD500;
}

code.html span.string {
    color: #99FF00;
}

code.html span.comment {
    color: #999;
}

code.html span.doctype {
    color: #D7FF80;
}


/*
  Vertical Accordions
  */

.accordion_toggle {
    display: block;
    height: 40px;
    width: 680px;
    background: #a9d06a;
    padding: 0 10px 0 10px;
    line-height: 40px;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    font-size: 18px;
    color: #000000;
    border-bottom: 1px solid #cde99f;
    cursor: pointer;
    margin: 0 0 0 0;
    text-transform: uppercase;
}

.accordion_toggle:hover {
	background-color: #09f;
	color: #fff;
}

.accordion_toggle_active {
    background: #e0542f;
    color: #ffffff;
    border-bottom: 1px solid #f68263;
}

.accordion_content {
    background-color: #ffffff;
    color: #444444;
    overflow: hidden;
    font-family: Crimson Text, Georgia, serif;
    font-size: 1.2em;
}

.accordion_content h2 {
    margin: 15px 0 5px 10px;
    color: #0099FF;
}

.accordion_content ul,
.accordion_content ol,
.accordion_content p {
    line-height: 150%;
    padding: 10px 10px 20px 10px;
    list-style-type: none;
}

.vertical_accordion_toggle {
    display: block;
    height: 30px;
    width: 600px;
    background: #a9d06a;
    padding: 0 10px 0 10px;
    line-height: 30px;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px solid #cde99f;
    cursor: pointer;
    margin: 0 0 0 0;
}

.accordion_toggle_active {
    background: #e0542f;
    color: #ffffff;
    border-bottom: 1px solid #f68263;
}

.accordion_content {
    background-color: #ffffff;
    color: #444444;
    overflow: hidden;
}

.accordion_content h2 {
    margin: 15px 0 5px 10px;
    color: #0099FF;
}

.accordion_content p {
    line-height: 150%;
    padding: 5px 10px 15px 10px;
}

.project .title {
    background: none;
    font-variant: small-caps;
    font-size: 1.1em;
}

.project {
    margin-left: 20px;
    margin-rigth: 30px;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
}

.project li {
    margin: 0;
}

.project .desc {
    padding-bottom: 1px;
}

.publication .Authors {
	display: block;
	font-size: .9em;
	font-style: italic;
}

.publication .Title {
	display: block;
}

.best {
    color: #900;
    font-style: normal;
    float: right;
    font-size: 0.9em;
    margin-right: 1%;
}