/*
THEME NAME: Python
THEME URI: http://python.org
DESCRIPTION: Port of python.org design
VERSION: 0.01b
AUTHOR: Nikolay Bachiyski
AUTHOR URI:
*/


/* Main Styles for HTML Elements */
HTML, BODY
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 103%;
  background-color: #FFF;
}

IMG
{
  border: 0;
}

H1,H2,H3,H4,H5 {
  font-family: Georgia, "Bitstream Vera Serif", "New York", Palatino, serif;
  font-weight:normal;
}

H1
{
  font-size: 200%;
  color: #234764;
  margin: 0.7em 0 0.7em 0;
  text-decoration: none;
  letter-spacing: -0.102em;
}

H1 A {
  color: #234764;
}

#intro H1 {
  font-size:145%;
}
h2 {
  font-size: 200%;
  color: #234764;
  margin: 0.7em 0 0.7em 0;
  text-decoration: none;
  letter-spacing: -0.102em;  
}
H3
{
  font-size: 150%;
  color: #366D9C;
  margin: 0.7em 0 0.7em 0;
  letter-spacing: -0.05em;
}


H4
{
  font-size: 125%;
  color: #366D9C;
  margin: 0.4em 0 0.0em 0;
}

/* Logo */
#logoheader
{
  border: 0;
  margin: 0;
  padding: 1px;
  z-index: 1;
  background-color:#F7F7F7;
  background-image: url('../images/header-bg2.png');
  background-repeat: repeat-x;
  border-bottom: 1px solid #999999;
  height:84px;
  }

#logo
{
  width: 211px;
  height:71px;
  margin-top: 10px;
  margin-left: 3%;
}



/* main content section */
#content-body
{
  position: absolute;
  left: 0;
  top: 63px;
  width: 93.9%;
  z-index: 0;
  font-size:75%;
margin-left:3.5%;
min-width:660px;
}


#body-main
{

  padding: 0 0.55em 40px 0.0em;
  line-height: 1.4em;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  margin-left: 16em;
}

body.popup #body-main {
  margin-left: 1em;
}

#body-main {
  font-size:100%;
}

body.popup #body-main {
  font-size: 75%;
}


/* end subnav */
/* Left Hand Navigation */
#left-hand-navigation
{
  position: absolute;
  left: 3%;
  z-index: 1;
  top: 100px;
}

#menu
{

  padding:0;
  margin-bottom: 5px;
  width: 16em;
  font-size:75%;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0; 
}

#menu li
{
  display:inline;
}

#menu ul.level-one a
{
  display: block;
  border: 1px solid #DADADA;
  padding: 2px 2px 2px 4px;
  margin: 0 0 4px 1.4em;
  width: 12em !important;
  width /**/: 13.4em;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  color: #4B5A6A;
  background-image: url('../images/nav-off-bg.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-color:#F5F5F5;
  text-transform: uppercase
  
}

/*\*//*/
#menu ul.level-one a
{
  width: 13.4em !important;
}
/**/ 

#menu ul.level-one a:hover
{
  color:black;
  text-decoration:underline;
}

#menu ul.level-one a.selected
{
  background-image: url('../images/nav-on-bg.png');
  background-color: #FFFFFF;
  color:black;
  border-left:3px solid #FFDB4C;
}

#menu ul.level-two li:first-child a
{
  border-top:0;
}

#menu ul.level-two a
{

  background-image: none;
  background-color: transparent;
  display: block;
  border: 0;
  border-top: 1px solid #DDD;
  padding: 0.1em;
  margin: 0 3em 0px 1.5em;
  color: #3C4B7B;
  background: none;
  width: 11em !important;
  width /**/: 11.2em;  
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  text-transform: none;
}

#menu ul.level-two a:hover
{
  text-decoration: underline;
  color: black;
}


#menu ul.level-two a:visited
{
  color: #4C3B5B;
}

#menu ul.level-one ul.level-two a.selected
{
  background-image: url('../images/blank.gif');
  background-color: #FFFFFF;
  color:#000;
  border-left:0;
  
  font-weight:bold;
}

#menu li ul
{
  margin-bottom: 7px
}

#menu a
{
  text-decoration: none;
}

#menu ul.level-three a
{

  display: block;
  border: 0;
  padding: 0.1em;
  margin: 0 3em 0px 1.8em;
  padding-left:1em;
  color: #5E72A5;
  background-image: none;
  width: 10em !important;
  width /**/: 11.4em;  
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 95%;
}

#menu ul.level-three a:hover
{
  text-decoration: underline;
  color: black;
}

#menu ul.level-three li.selected a.selected
{
  background-image: url('../images/bullet.gif');
  background-repeat: no-repeat;
  background-position: center left;
  color:#000;
  font-weight:normal;
}

#menu ul.level-three
{
margin-top:5px;
}

#left-hand-navigation h4
{
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 77%;
  color: #4C5B6B;
  padding: 0.4em 0 0 1.5em;
  margin: 0.2em 0 0.3em 0;
}

#left-hand-navigation h4 a
{
  color:#4C5B6B;
  text-decoration:none;
  font-weight:bold;
}

#left-hand-navigation h4 a:hover
{
  color:black;
  text-decoration:underline;
}

#body-main a:link
{
  color: #00A;
  text-decoration:none;
  
}

#body-main a:visited
{
  color: #551A8B;
  text-decoration:none;
}

#body-main ul, #body-main li {
  margin-left:1em;
  padding-left:0;
}

/* Breadcrumb Trail */
#breadcrumb
{
  vertical-align: middle;
  color: #3A4969;
  font-size: 110%;
  margin-bottom:20px;
  background-image: url('../images/bullet.gif');
  padding-left:0.9em;
  background-repeat: no-repeat;
  background-position: left;
}

#breadcrumb a:link, #breadcrumb a:visited
{
  text-decoration: none;
  color: #3C4B6B;
}

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

.breadcrumb-separator
{
  color:#ACC6D1;
}

#breadcrumb-text
{
  color: #3A4969;
  font-size: 0.9em;
  vertical-align: middle;
}

/* Utility Menu */
#utility-menu
{
  position: absolute;
  top: 62px;
  right: 4%;
  height:85px;
  margin:0;
  padding:0;
  width:400px;
  z-index: 1;
  font-size: 88%;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
}

#utility-menu a
{
  text-decoration: none;
  padding: 0 0.5em 0 0.5em;
  color: #436A85;
}

#utility-menu a:hover
{
  text-decoration: underline;
}

#utility-menu #screen-switcher
{
 position:absolute;
 bottom:0;
 right:0;
 margin:0;
 padding:0;
}

/* Login Box */
#loginbox {
  padding-right: 0.75em;
  font-weight: bold;
  text-align: right;
}


/* Navigation Skipper */
#skiptonav
{
  height: 1px;
  width: 1px;
}

/* Document Navigation */
.homepage-box h4, #document-navigation h4, .externallinks h4
{
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 94%;
  font-weight: bold;
  padding: 3px 0 4px 12px;
  margin-bottom:8px;
  border-bottom:3px solid #FFBC29;
  background-color: #F6F6F6;
  text-align: left;
  z-index: 0;
  -moz-border-radius-topleft: 16px;
}

#document-navigation
{
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size:  98%;
  text-align: left;
  color: #3C4B6B;
  background-color: #F7F6F0;
  width: 15em;
  border: 1px solid #B7BECC;
  z-index: 999;
  float:right;
  margin: 0 12px 12px 12px;
  padding-bottom: 10px;
  list-style:none;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
}

#document-navigation ul
{
  list-style: none;
  display: block;
  border:0;
  padding: 0;
  margin: 0 3em 0 1.1em;
  color: #3C4B6B;
  background: none;
  width: auto;
  font-size: 103%;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; 
}

#document-navigation a:link, #document-navigation a:visited 
{
  color:#3C4B6B;
  text-decoration:  none;
}

#document-navigation a:hover
{
  color: #000000;
  text-decoration: underline;
}

#document-navigation h4 a:link, #document-navigation  h4 a:visited
{
  color: #FFFFFF;
}


#document-navigation h4 a:hover
{
  color: #FFFFFF;

}
#document-navigation form {
  margin:12px;
}
#document-navigation input {
  margin-top:3px;
}
input, textarea {
  border: 1px solid #C4CCCC;
  background-color: #FFFFFF;
  vertical-align: top;
  font-weight:normal;
  font-size: 116%;
  padding: 0.3em;
}
.formbutton {
  color: #223344;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 103%;
  border-top: 1px solid #C4CCCC;
  border-left: 1px solid #C4CCCC;
  border-bottom: 1px solid #6F7777;
  border-right: 1px solid #6F7777;
  background-color:  #F8F7F7;
  vertical-align: text-top;
}
#body-main a.formbutton, #body-main a.formbutton:visited {
  padding: 0.3em;
  color: #223344;
}

#id {
  width:6em;
}
#document-navigation .inputbox {
  width:6em;
}

/* Add this so tables will correctly flow below document navigation div. */
div#content table {
  clear:right;
}

#selecteditem
{
  padding-left: 12px;
  background-image: url('../images/bullet.gif');
  background-repeat: no-repeat;
  background-position: center left;
}

#selecteditem a
{
  color: #000000;
}

#selecteditem a:hover
{
  text-decoration:none;
}

.group {
  background-image: url('../images/bullet.gif');
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 12px;
}
/* subnav */
#document-navigation ul.level-one {
    padding:0;
    margin:0 0 0 1.1em;
    font-size:88%
}
#document-navigation ul.level-one li {
    padding:0;
    margin:0;
}
#document-navigation li ul
{
  margin-bottom: 7px
}
#document-navigation ul.level-one a
{
  border: 0;
  border-bottom: 1px solid #DDD;
  color: #3C4B6B;
  width: 160px;
  display: block;
  padding:0;
  margin:0
}

#document-navigation ul.level-one a:hover
{
  text-decoration: underline;
  color: black;
}
#document-navigation ul.level-one a:link {
    border:0;
}
#document-navigation ul.level-one a:visited {
    border:0;
}
#document-navigation ul.level-one a.selected
{
  color:#000;
  font-weight: bold;
  border-left:0;
}
#document-navigation ul.level-two {
    padding:0;
    margin:0;
}
#document-navigation ul.level-two li {
    padding:0;
    margin:0;
}
#document-navigation ul.level-two a
{
  border: 0;
  margin: 0;
  padding:0 0 0 1em;
  color: #5E72A5;
  font-size:97%;
  display: block;
  width: 140px;
  
}

#document-navigation ul.level-two a:hover
{
  text-decoration: underline;
  color: black;
}

#document-navigation ul.level-two li.selected a.selected
{

  background-image: url('../images/bullet.gif');
  background-repeat: no-repeat;
  background-position: center left;
  color:#444;
  border:0;
  font-size:100%;
  font-weight:normal;
  font-style: italic;  
}
#document-navigation a
{
  text-decoration: none;
}

/* Quick Links */
ul.quicklinks
{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin: 0 0 0 1.5em;
  line-height:  1.2em;
}

ul.quicklinks li
{
  padding-left: 16px;
  background-image: url('../images/bullet.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 77%;
}

ul.quicklinks a
{
  text-decoration:none;
  color: #3C4B6B;
}

ul.quicklinks a:hover
{
  text-decoration:underline;
  color: #000000;
}

#sidebar-wrapper
{
  position:relative;
  width:100%;
}

#sidebar {
  font-size:9px;
  float:left;
  top:35px;
  width:37%;
  height:auto;
  padding:0;
  border:0;
  margin:0;
  text-align:left;
  padding-bottom:10px;
}

#sidebar2 {
  font-size:9px;
  float:left;
  top:35px;
  width:25%;
  height:auto;
  padding:0;
  border:0;
  margin:0;
  text-align:left;
  padding-bottom:10px;
}
#sidebar3 {
  font-size:9px;
  float:left;
  top:35px;
  width:37%;
  border:0;
  height:auto;
  padding:0;
  margin:0;
  text-align:left;
  padding-bottom:10px;
}

.teaser {
  overflow:hidden;
  margin-top:5px;
  border:0;
  width:100%;
  text-align:left;
}

P.news 
{
   padding-left:12px;
   margin:0 0 5px 0;
}

P.news A:link {
   border-bottom: 1px dashed #21356F;
}
P.news A:visited
{
   border-bottom:1px dashed #DDD;
}

#body-main h1.pageheading {
  margin:40px 0 10px 0;
}
#body-main H2.news
{
  background-image: url('../images/bullet.gif');
  background-repeat: no-repeat;
  background-position: center left;
  padding-left:12px;
  margin: 5px;
  font-size:110%;
  color: #3C4B6B;  
  font-weight:normal;
  font-weight:bold;
}

#body-main H2.news A:link, #body-main H2.news A:visited
{
  text-decoration:none;
  color: #2A374B;
  
}

#body-main ul A:link,#body-main ul A:visited
{
   border-bottom:1px dashed #ccc;
}

/* Document Navigation */
#document-navigation h4, .homepage-box h4, .externallinks h4
{
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 94%;
  font-weight: bold;
  padding: 3px 0 4px 12px;
  margin:0 0 0 0;
  text-align: left;
  z-index: 0;
  color:#FFFFFF;
  -moz-border-radius-topleft: 11px;
  background-color:#376A94;

}
/* news specific */
.news-section {
  margin-top:15px;
  min-height:40em;
  _height:40em;
}
.news-section h1 {
  margin:0 0 10px 0;
}
.news-section p {
   padding-left:12px;
   margin:0 0 2px 0;
}
.pubdate {
   padding:5px 0 0 25px;
   color:#696969;
}
.news-section .pubdate {
   margin:0 0 5px 0;
}
/* homepage specific */
#intro {
  margin-top:5px;
}
#intro h1 {
  margin:0 0 10px 0;
}
#intro p {
  margin-top:10px
}
.content-section {
  margin-top:15px;
}
.content-section h1 {
  margin:0 0 10px 0;
}
.content-section p {
   padding-left:12px;
   margin:0 0 5px 0;
}
.content-section .pubdate {
   margin:0 0 8px 0;
}
#homepage-boxes {
  width: 250px;
  float:right;
  margin: 0 0 6px 20px;
}

#homepage-boxes .homepage-box, .externallinks
{
  font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size:  98%;
  text-align: left;
  color: #3C4B6B;
  background-color: #FBFBF7;
  width: 240px;
  border: 1px solid #B7BECC;
  z-index: 999;
  float:right;
  padding-bottom: 10px;
  list-style:none;
  margin: 6px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  background-color: #F7F6F0;
}

#homepage-boxes .homepage-box ul, .externallinks ul
{
  list-style: none;
  display: block;
  border:0;
  padding: 0;
  margin: 0.5em 3em 0 1.1em;
  color: #3C4B6B;
  background: none;
  width: auto;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 103%;
  margin-left:0;
}

#homepage-boxes .homepage-box li, #content-body #body-main .externallinks li {
  padding-left:15px;
}


#homepage-boxes .homepage-box a:link, .externallinks a:link
{
  color: #00A;
  text-decoration:  none;
  border-width:0;
  border-bottom:1px dashed #ccc;  
}

#homepage-boxes .homepage-box a:visited, .externallinks a:visited 
{
  color: #551A8B;
  text-decoration:  none;
  border-width:0;
  border-bottom:1px dashed #ccc;  
}

#homepage-boxes .homepage-box a:hover, .externallinks a:hover
{
  color: #000000;
  text-decoration: underline;
}

#homepage-boxes .items, .externallinks .items {
  padding-left: 12px;
}

#homepage-boxes .homepage-box .items a:link, .externallinks .items a:link
{
  color: #33D;
  border-bottom:1px dashed #CCC; 
}

#homepage-boxes .homepage-box .items a:visited, .externallinks .items a:visited
{
  color: #854ABB;
  border-bottom:1px dashed #CCC; 
}

.homepage-box li.more {
  text-align:right;
}
#skiptonav {
  position:absolute;
}

/* additional rest styles */

a.toc-backref {
  color: inherit ! important;
}

ul.auto-toc {
  list-style-type: none;
}

p.admonition-title {
  color:red;
}

pre.literal-block {
  padding-left:12px;
  font-size:115%;
}

div.topic {
  margin: 2em 0 0 0;
}

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

div.admonition, div.attention, div.caution, div.danger, div.error,
div.hint, div.important, div.note, div.tip, div.warning {
  margin: 2em;
  border-style: solid;
  border-color: #CCC;
  border-width: thin 0 0 thin;
  padding: 0 0.5em 0em 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-size: 110%;
}

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-size: 110%;
}

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 }

/* General Table Style ?? built for sigs page */

#sigindex {
  border-collapse:collapse;
  width:100%;
}

#sigindex THEAD {
  border-bottom: 2px solid #CCC;
}

#sigindex TH {
  padding: 0.5em 0.2em 0.5em 0.2em  ;
  text-align:left;
}

#sigindex TD {
  padding: 0.5em 0.2em 0.5em 0.2em  ;
  border-bottom: 1px dotted #CCC;
}

blockquote {
  margin-left:1em;
  padding-left:1em;
  border-left:1px solid #CCC;
}

#sidebar-wrapper {
display:none;
}

.more {
  text-align:right;
}

#content-body #homepage-boxes a.more {
  display:block;
  padding:3px 10px 0 0;
  border-bottom:0;
}

.homepage-box div {
  padding: 0 15px 0 15px;
}



#utility-menu dl {
font-size:80%;
text-align:right;
font-weight:bold;
}

#utility-menu dd {
display:inline;
margin:0;
padding:0 0 0 8px;
font-weight:normal;
}

#utility-menu dd a {
margin:0;
padding:0;
color:#888;
}

#utility-menu dt {
margin:0;
}

#siteinfo.homepage-box h1 {
  font-size:70%;
  margin:8px 0 0 0 ;
  padding:0;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 103%;
}

#siteinfo.homepage-box div div {
  margin-left:0;
  padding:0;
}
#footer {
   clear: both;
   margin: 5em 0 0 0; 
   padding: 1em 0 1em 0;
   border-top:1px dotted #CCC;
   bottom:0;
   font-size:75%;
   position:relative;
}
* html #footer {
  border-top: 1px solid #CCC;
}
      
#footer a:visited, #footer a:link {
  color:#666;
  display:inline;
}
#footer a:hover {
  color:#333;
  display:inline;
}
#footer #credits {
  position:absolute;
  top:0;
  right:0;
  margin:1em 0 0 0; 
}
#footer #copyright {
  text-align: center;
  margin: 0;
  padding: 0;
}
ul#iconbar li
{
   display: inline;
 }


#searchbox a.reference, #searchbox span.reference {
position:absolute;
top:2.9em;
right:8.3em;
font-size:85%;
color:#339;
text-decoration:none;
font-weight:normal;
}

#searchbox a.reference {
  border-bottom:1px dotted #CCC;
}

iframe {
      margin-top:20px;
    }

#content {
    min-height:500px;
      _height:500px;
      font-size:115%;
    }

/* For Meeting Minutes */
.action {
  color:#B00;
}

/* For Meeting Minutes */
.followup {
  color: #00A;
}

/* For Meeting Minutes */
.progress {
  color: #090;
}

/* For Meeting Minutes */
.minutes-title {
  text-align: center;
  font-family: Georgia, "Bitstream Vera Serif", "New York", Palatino, serif;
  font-size: 160%;
  font-weight: bold;
  line-height: 120%;
  color: #234764;
  margin-bottom: 1.0em;
}

#body-main .success p a {
    display:inline;
  }

#body-main .success p {
    margin:4px 8px;
  }

/* For PEP header blocks */
.rfc2822 th.field-name {
  text-align: right;
  padding-right: 0.5em;
}

/* For field lists */
th.field-name {
  text-align: left;
  padding-right: 0.5em;
}

#applications h5 {
  margin:0;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 103%;
  margin: 0 0 0.2em 1em;
  font-weight:bold;
}

#content-body #applications h5 a:visited, 
#content-body #applications h5 a:link {
  color:#444;
  border:0;
}

#applications p {
  font-size: 85%;
  width:100%;
  margin: 0 0 0.5em 0.5em;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  padding:0;
}

.diff-header {
        font-weight: bold;
}

.diff-title {
        background-color: #C0C0C0;
}

.diff-added {
        background-color: #E0FFE0;
        vertical-align: sub;
}

.diff-removed {
        background-color: #FFFFE0;
        vertical-align: sub;
}

.diff-added span {
        background-color: #80FF80;
}

.diff-removed span {
        background-color: #FFFF80;
}

/*
Added by nbachiyski
*/
q:before, q:after {
  content: ""; 
}
#assesment dt {
  font-weight: bold;
}
.non-passing {
  color: #777;
}
.error {
  color: red;
}
.perfect {
  color: green;
}
#submit-form dt {
  margin: 5px 0 1px 0;
}
#submit-form dfn {
  font-style: none;
}
dt {font-weight: bold;}
td {
  text-align: center;
}
td.scale {
  width: 100px; text-align: left;
  background-color: #f5f5f5;
}
td.scale div {
  display: block;
  height: 80%;
  background-color: #ff9b4c;
}
ins {
  text-decoration: none;
  color: green;
}
del {
  color: red;
  text-decoration: line-through;
}

#content a.bookmark {
    background-image:url('images/circle20.png');
    background-repeat:no-repeat;
    background-position: center;
    padding: 4px 7px;
  color: white !important;
  font-size: 10px !important;
  line-height: 12px;
  border: 0;
  text-decoration: none;
}
#content pre.prettyprint a.bookmark {
  padding-top: 2px;
}
#content a.bookmark span {
  color: white;
  padding: 0;
  margin: 0;
}
.hidden { display: none; }

/* flash stuff */
#flash-notice, #flash-error, #flash-warn {
  margin:           0.5em 0;
  padding:          1em 2em;
  border:           1px solid black;
}

#flash-error {
  border-color:     #f55;
  background-color: #fdd;
}

#flash-notice {
  border-color:     #5f5;
  background-color: #dfd;
}
#flash-warn {
  border-color:     #fc5;
  background-color: #fff2bb;
}
/* end flash stuff */

/* Topics */
.topics {
  width:              90%;
  text-align:         left;
}
.topics th {
  text-align:         left;
  color:              #FFFFFF;
  background-color:   #3371A3;
  padding:            10px;
}
.topics th.head_topic {
  width:              60%
}
.topics th.head_posts_count {
  width:              10%
}
.topics th.head_last_post {
  width:              30%
}
.topics td {
  text-align:         left;
  padding:            5px 10px 5px 10px;
  font-size:          1em;
}
.topics td.posts_count {
  text-align:         center;
}
.topics td.last_post {
  font-size:          0.75em;
}
.topics .even {
  background:         #F7F7F7;
}
.topics .odd {
  background:         #FFFFFF;
}
/* end Topics */

/* Posts */
ul#posts {
  list-style:         none;
  width:              90%;
  margin: 0;
  padding-top: 0.5em;
  clear: both;
}
#posts li {
  margin: 1em 0 0 0;
}
#posts li.even {
  background-color: #eee;
}
#posts li.odd {
  background-color: white;
}
#posts .post {
  padding: 1em;
}
#posts .starred {
  background: #FEFDF7 !important;
}
#posts .content {
  float: left;
  width: 77%;
  margin-right: 1em;
}
#posts .content .vote {
  float: right;
  margin-right: 1em;
}
#posts .content .time {
  width: 70%;
  border-top: 1px dotted #999;
  padding: 0.5em;
  font-size: 75%;
  color: #333;
  text-transform: uppercase;
  margin-top: 2em;
}
#posts .meta {
  float: left;
  width: 19%;
}
#posts .by-admin {
  border: 2px solid #EC9B4B;
}
/* end Posts */

pre, code {
  background-color:   #F7F7F7;
  font-size:          small;
}
code {
  padding: 3px;
}
pre {
  padding: 0.5em;
}
pre code {
   padding: 0;
}
h3 .arrow {
  font-size: 75%;
  color: #333;
}
h2 .meta, h3 .meta {
  font-size: 60%;
  letter-spacing: -0.1em;
}
h2 .meta, h3 .meta {
  font-family: Arial, sans-serif;
  color: #333;
}
#announcements {
  margin-top: 2em;
}
.announcement {
  margin-bottom: 2em;
}
p {
  margin: 0.5em 0;
  line-height: 1.3em;
}
div.users_search_box {
  padding-top:    0.5em;
  padding-left:   1.0em;
  padding-bottom: 1.5em;
}
div.users {
  width: 720px;
}
.users .user {
  width: 140px;
  height: 170px;
  float: left;
  padding: 10px;
}
.user a, .vote a {
  border-bottom: 0 !important;
}
.clear {
  clear: both;
}
a.avatar {
  width: 128px;
  height: 128px;
  display: block;
  margin-bottom: 0.5em;
}
a.missing {
  width: 127px !important;
  height: 127px !important;
  outline: 1px solid #ddd;
}
#body-main .pagination {
	margin: 1em 0;
	padding-bottom: 1em;
	clear: both;
}
#body-main .pagination span, #body-main .pagination a, #body-main .pagination a:visited {
  display: block;
  text-align: center;
  width: 2em;
  height: 1.7em;
  float: left;
  border: 1px solid #eee;
  margin: 0.2em;
  padding: 0.45em 0 0 0;
  color: #00A;
}
#body-main .pagination a:hover {
  color: white;
  background-color: rgb(0, 99, 220);
}
#body-main .pagination span.current {
  color: #FF8000;
  border: 1px solid transparent;
  font-weight: bold;
}
#body-main .pagination span.disabled {
  color: #bbb;
}

ul#tasks li {
  list-style-type: none;
  margin-left: 0;
}
ul#tasks li.unpublished h3 a {
  color: #999;
}
.task div.meta, .solution div.meta, .material div.meta {
  border-bottom: 1px dotted #999;
  padding: 0.5em;
  font-size: 90%;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 2em;
}
ul#materials {
  list-style-type: none;
}
#dashboard .avatar {
    float: left;
}
#dashboard #points {
    float: left;
    margin: 5em 0 0 2em;
}
#dashboard #points .points {
    font-size: 600%;
    color: #333;
    letter-spacing: -0.1em;
    font-family: Helvetica, Arial, sans-serif;
}
#dashboard #details .results {
    float: left;
}
#dashboard #details .results table {
    margin-top: 1em;
    font-size: 90%;
}
#dashboard #details .results tr.even {
    background-color: #eee;
}
#dashboard #details .results tr.future {
    color: #999;
}

#dashboard #details .results td {
    text-align: left;
    padding: 0.5em;
}
#dashboard #details .results td.points {
    text-align: right;
}

#dashboard #details .scale {
    float: left;
    margin-left: 6em;
}
#dashboard #details .scale table {
    margin-top: 1em;
}
#dashboard #details .scale td {
    padding: 0.5em;
}