/**
 * Slippy
 * Copyright (C) 2010, Jordi Boggiano
 * http://seld.be/ - j.boggiano@seld.be
 * http://seld.be/ - j.boggiano@seld.be
 *
 * Licensed under the new BSD License
 * See the LICENSE file for details
 */
/** CSS Reset - Credits to Eric Meyer*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}

/** Core */
body, html {
    background: #fff url(../img/pbg.jpg);
    color: #000;
    overflow: hidden;
    height: 100%;
    padding: 0;
    margin: 0;
	line-height: 1.25;
}

body {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: inherit;
    overflow: hidden;
}

body.overview {
    overflow: auto;
}

a:visited, a:active, a:link, a {
    cursor: pointer;
    color: #622;
}

a.eval {
    background-color: #eb1b1b;
    color: #000;
    margin: .2em .4em 0 0;
    float: right;
    margin-right: .3em;
    font-size: .8em;
}

h2, h3, h4 {
    font-weight: bold;
    margin-bottom: 0.5em;
}

h1 {
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: center;
	font-size: 200%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;
}

.vcenter h1 {
    margin-top: 0;
}

em {
    font-style: normal;
    color: #ca0207;
}

ol, ul {
    margin-left: 3em;
}

ol {
    list-style-type: decimal;
}

.slide {
    position: absolute;
    top: 50%;
    left: -100%;
	background: #fff;
}

#slippy-slide-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

body.overview #slippy-slide-background {
    display: none;
}

.layout {
    display:none;
}

/** Overview screen */
.overview .slide {
    float: left;
    position: relative;
    top: auto !important;
    left: auto !important;
    margin: 2% !important;
    -moz-transform: scale(0.2, 0.2);
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(0.2, 0.2);
    -webkit-transform-origin: 0 0;
    -o-transform: scale(0.2, 0.2);
    -o-transform-origin: 0 0;
}

.overviewWrapper {
    float: left;
    position: relative;
}

/** Footer */
.footer {
    position: absolute;
    bottom: 3%;
    width: 95%;
	font-size:70%
}

.footerContent {
    font-size: .85em;
    padding: .5em 1em;
}

.footer span {
    margin: .25em 0;
}

/** Helper classes */
.left {
    float: left;
    clear: left;
}

.right {
    float: right;
    clear: right;
}

.defloat {
    clear: both;
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

.vcenter {
    position:absolute;
    top: 50%;
    left: 0;
    width: 100%;
	text-align:center;
}

.hcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/** Current slide indicator */
.slideDisplay {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.overview .slideDisplay {
    display: none;
}

/** Slide content div */
.slideContent {
    padding: 0 5%;
    position: relative;
}

.slideContent .syntaxhighlighter {
    clear: both;
}
.slideContent .syntaxhighlighter .line .number {
    width: 1.5em !important;
}
.slideContent .syntaxhighlighter .line .number code {
    width: 1.3em !important;
    padding-right: .2em !important;
}

/** Alerts */
.alertWrapper {
    position: fixed;
    bottom: 2%;
    right: 2%;
    width: 15%;
    z-index: 10;
}
* html .alertWrapper {
    position: absolute;
}

.alert {
    position: relative;
    display: block;
}
.alert p {
    margin: 0;
}

/** Print */
@media print {
    @page {
        size: landscape;
    }

    body, html {
        margin: 0 0 0 0 !important;
    }

    a.eval, .slideDisplay {
        display: none;
    }

    .backcode {
        display: none;
    }
}

/** Overview screen */
.overviewWrapper {
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    border-radius: .25em;
    border: 1px solid #ccc;
}
.overviewWrapper.active {
    border: 1px solid #888;
}
.overviewWrapper:hover {
    position: relative;
    top: -.1em;
    left: -.1em;
}


/** Specific element styling */
.slide.big .slideContent > *:not(.footer) {
    font-size: 1.7em;
}


/** References links */
a[rel=src] {
    font-size: .6em;
}
a[rel=src]:before {
    content: "ref:";
}

/** Current slide indicator */
.slideDisplay {
    color: #aaa;
    padding: 1em;
}

/** TV Switcher */
.switcherDigits {
    color: #00ff00;
    background: #000;
    top: 0;
    left: 0;
    position: absolute;
    display: inline;
    padding: .5em;
    font: bold 2em "Courier New", Courier, fixed, sans-serif;
    margin: .3em;
}

/** Alerts */
.alert {
    padding: .3em;
    margin: 0 0 12px 0;
    border: 2px solid #ccc;
    background: #fff;
    color: #000;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    font-size:1.2em;
}

@media print {
    .slide {
        text-shadow: #000 0 0 0;
    }
}


/*
:Author: David Goodger (goodger@python.org)
:Id: $Id$
:Copyright: This stylesheet has been placed in the public domain.

Default cascading style sheet for the HTML output of Docutils.

See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
customize this style sheet.
*/

/* used to remove borders from tables and images */
.borderless, table.borderless td, table.borderless th {
  border: 0 }

table.borderless td, table.borderless th {
  /* Override padding for "table.docutils td" with "! important".
     The right padding separates the table cells. */
  padding: 0 0.5em 0 0 ! important }

.first {
  /* Override more specific margin styles with "! important". */
  margin-top: 0 ! important }

.last, .with-subtitle {
  margin-bottom: 0 ! important }

.hidden {
  display: none }

a.toc-backref {
  text-decoration: none ;
  color: black }

blockquote.epigraph {
  margin: 2em 5em ; }

dl.docutils dd {
  margin-bottom: 0.5em }

object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] {
  overflow: hidden;
}

/* Uncomment (and remove this text!) to get bold-faced definition list terms
dl.docutils dt {
  font-weight: bold }
*/

div.abstract {
  margin: 2em 5em }

div.abstract p.topic-title {
  font-weight: bold ;
  text-align: center }

div.admonition, div.attention, div.caution, div.danger, div.error,
div.hint, div.important, div.note, div.tip, div.warning {
  margin: 2em ;
  border: medium outset ;
  padding: 1em }

div.admonition p.admonition-title, div.hint p.admonition-title,
div.important p.admonition-title, div.note p.admonition-title,
div.tip p.admonition-title {
  font-weight: bold ;
  font-family: sans-serif }

div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title {
  color: red ;
  font-weight: bold ;
  font-family: sans-serif }

/* Uncomment (and remove this text!) to get reduced vertical space in
   compound paragraphs.
div.compound .compound-first, div.compound .compound-middle {
  margin-bottom: 0.5em }

div.compound .compound-last, div.compound .compound-middle {
  margin-top: 0.5em }
*/

div.dedication {
  margin: 2em 5em ;
  text-align: center ;
  font-style: italic }

div.dedication p.topic-title {
  font-weight: bold ;
  font-style: normal }

div.figure {
  margin-left: 2em ;
  margin-right: 2em }

div.footer, div.header {
  clear: both;
  font-size: smaller }

div.line-block {
  display: block ;
  margin-top: 1em ;
  margin-bottom: 1em }

div.line-block div.line-block {
  margin-top: 0 ;
  margin-bottom: 0 ;
  margin-left: 1.5em }

div.sidebar {
  margin: 0 0 0.5em 1em ;
  border: medium outset ;
  padding: 1em ;
  background-color: #ffffee ;
  width: 40% ;
  float: right ;
  clear: right }

div.sidebar p.rubric {
  font-family: sans-serif ;
  font-size: medium }

div.system-messages {
  margin: 5em }

div.system-messages h1 {
  color: red }

div.system-message {
  border: medium outset ;
  padding: 1em }

div.system-message p.system-message-title {
  color: red ;
  font-weight: bold }

div.topic {
  margin: 2em }

h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
  margin-top: 0.4em }

h1.title {
  text-align: center }

h2.subtitle {
  text-align: center }

hr.docutils {
  width: 75% }

img.align-left, .figure.align-left, object.align-left {
  clear: left ;
  float: left ;
  margin-right: 1em }

img.align-right, .figure.align-right, object.align-right {
  clear: right ;
  float: right ;
  margin-left: 1em }

img.align-center, .figure.align-center, object.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.align-left {
  text-align: left }

.align-center {
  clear: both ;
  text-align: center }

.align-right {
  text-align: right }

/* reset inner alignment in figures */
div.align-right {
  text-align: inherit }

/* div.align-center * { */
/*   text-align: left } */

ol.simple, ul.simple {
  margin-bottom: 1em }

ol.arabic {
  list-style: decimal }

ol.loweralpha {
  list-style: lower-alpha }

ol.upperalpha {
  list-style: upper-alpha }

ol.lowerroman {
  list-style: lower-roman }

ol.upperroman {
  list-style: upper-roman }

p.attribution {
  text-align: right ;
  margin-left: 50% }

p.caption {
  font-style: italic }

p.credits {
  font-style: italic ;
  font-size: smaller }

p.label {
  white-space: nowrap }

p.rubric {
  font-weight: bold ;
  font-size: larger ;
  color: maroon ;
  text-align: center }

p.sidebar-title {
  font-family: sans-serif ;
  font-weight: bold ;
  font-size: larger }

p.sidebar-subtitle {
  font-family: sans-serif ;
  font-weight: bold }

p.topic-title {
  font-weight: bold }

pre.address {
  margin-bottom: 0 ;
  margin-top: 0 ;
  font: inherit }

pre.literal-block, pre.doctest-block, pre.math, pre.code {
  margin-left: 2em ;
  margin-right: 2em }

pre.code .ln { /* line numbers */
  color: grey;
}

.code {
  background-color: #eeeeee
}

span.classifier {
  font-family: sans-serif ;
  font-style: oblique }

span.classifier-delimiter {
  font-family: sans-serif ;
  font-weight: bold }

span.interpreted {
  font-family: sans-serif }

span.option {
  white-space: nowrap }

span.pre {
  white-space: pre }

span.problematic {
  color: red }

span.section-subtitle {
  /* font-size relative to parent (h1..h6 element) */
  font-size: 80% }

table.citation {
  border-left: solid 1px gray;
  margin-left: 1px }

table.docinfo {
  margin: 2em 4em }

table.docutils {
  margin-top: 0.5em ;
  margin-bottom: 0.5em }

table.footnote {
  border-left: solid 1px black;
  margin-left: 1px }

table.docutils td, table.docutils th,
table.docinfo td, table.docinfo th {
  padding-left: 0.5em ;
  padding-right: 0.5em ;
  vertical-align: top }

table.docutils th.field-name, table.docinfo th.docinfo-name {
  font-weight: bold ;
  text-align: left ;
  white-space: nowrap ;
  padding-left: 0 }

h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
  font-size: 100% }

ul.auto-toc {
  list-style-type: none }
  
.maroon {color: maroon;}
.red {color: red;}
.magenta {color: magenta;}
.fuchsia {color: fuchsia;}
.pink {color: #FAA;}
.orange {color: orange;}
.yellow {color: yellow;}
.lime {color: lime;}
.green {color: green;}
.olive {color: olive;}
.teal {color: teal;}
.cyan {color: cyan;}
.aqua {color: aqua;}
.blue {color: blue;}
.navy {color: navy;}
.purple {color: purple;}
.black {color: black;}
.gray {color: gray;}
.silver {color: silver;}
.white {color: white;}

/* Modifications by Behzad */

ol.simp, ul.simp {
  margin-bottom: 1em;
  line-height: 2em;
  font-size: 120%;  
  }

ol.simpl, ul.simpl {
  margin-bottom: 1em;
  line-height: 2em;
  }