/**********************************************************************
 *              Site-Wide Styles for www.pycon.org
 **********************************************************************/

BODY {
  margin:                       0px;
  background-color:             white;
  font:                         12px Arial, Helvetica, sans-serif;
  font-family:                  sans-serif;
}

A:HOVER {
  color:                        silver;
}

/*
 * Each page is made up on a single, full-width table consisting of
 * four rows of three columns.
 */

TABLE#page {
  width:                        100%;
  border-collapse:              collapse;
  border-spacing:               0;
  margin                        0;
  padding                       0;
}

/*
 * The first row is a single table cell containing two graphics, with
 * variable-width space in the middle.  The graphics are sized to fit
 * across a 1024-pixel screen when the filler space in the middle goes
 * to zero.  On larger screens, the filler space grows and the graphics
 * stick to the leftmost and rightmost margins, respectively.
 */

TR#pageheader, TR#pageheader TD, TR#pagecontent, TR#pagecontent TD {
  border:                       0;
  margin:                       0;
  padding:                      0;
}

TR#pageheader, TR#pageheader TD {
  height:                       120px;
}

TD#pagelogo {
  border-bottom:                4px solid black;
}

TD#pagelogo IMG {
  border:                       none;
}

/*
 * The leftmost column, extending from the second to the fourth row, is
 * a list of links for navigating around the site.  The content of that
 * column is generated from the underlying wiki software.
 */

TD#pagenav {
  width:                        160px;
  vertical-align:               top;
  text-align:                   left;
  white-space:                  nowrap;

  background:                   rgb(0,0,0);
  padding:                      2px 2px 0 2px;
  font-size:                    85%;
  border:                       1px solid black;
}

TD#pagenav UL {
  list-style:                   none; /* No Bullets */
  padding:                      5px;
  margin:                       0px;
}

TD#pagenav LI {
  margin-top:                   0px;
  margin-bottom:                0px;
  color:                        #ffcc00;
}

TD#pagenav H1, TD#pagenav H5, .sidehead {
  color:                        #ffcc00;
  font-size:                    small;
  font-weight:                  bold;
  font-style:                   normal;
  margin-bottom:                0px;
}

TD#pagenav H1 A, TD#pagenav H5 A, .sidehead A {
  padding-left:                 0px;
  color:                        #505050;
  font-size:                    small;
  font-weight:                  bold;
  font-style:                   normal;
}

TD#pagenav A { /* All Links in Sidebar */
  color:                        #ffcc00;
  font-weight:                  bold;
  text-decoration:              none;
}

TD#pagenav A:HOVER { /* All Links in Sidebar */
  text-decoration:              underline;
  color:                        silver;
}

/*
 * At the top of the page navigation bar along the left is
 * a wiki-generated count of current visitors to the website.
 */

TD#pagenav PRE {
  padding-top:                  2px;
  padding-bottom:                5px;
}

TD#pagenav SPAN#visitorcount {
  font-family:                  sans-serif;
  font-weight:                  bold;
  font-size:                    9pt;
  color:                        white;
  width:                        160px;
  text-align:                   center;
}

/*
 * Across the top of the main page area there is a cell, which we call
 * the 'wikiheader', containing the wiki page address, on the left broken
 * out as clickable path elements, and the set of wiki commands, on the right.
 */

TD#wikiheader {
  vertical-align:	        top;
  height:                       5%;

  margin-top:		        0px;
  padding-top:		        4px;

  margin-bottom:                0px;
  padding-bottom:               4px;

  padding-left:		        5px;

  font-weight:                  bold;
  font-size:		        9pt;
  color:                        #ffd700 /*gold*/;
  background-color:             black;
  border:                       1px solid black;
}

TD#wikiheader DIV#pageaddr {
  float:                        left;
  margin-top:		        0px;
  border-top:		        0px;
  padding-top:		        0px;
}

TD#wikiheader DIV#pageaddr A {
  padding:                      0px 5px;
  margin:                       0px 2px;
  text-decoration:              none;
  color:                        #ffd700 /*gold*/;
}

TD#wikiheader DIV#pageaddr A:HOVER {
  text-decoration:              underline;
  color:                        silver;
}

/*
 * Within the wikiheader -and- wikifooter, aligned to the right,
 * is a small set of links for manipulating the current wiki page.
 */

DIV.wikicmds {
  float:                        right;
  vertical-align:               top;
  right-margin:                 0px;
}

DIV.wikicmds A, DIV.wikicmds A:visited {
/*  background-color:             black; */
  color:                        #ffd700 /*gold*/;
  margin:                       0px 5px;
  padding:                      0px 2px;

  text-decoration:              none;
}

DIV.wikicmds A:HOVER {
  text-decoration:              underline;
  color:                        silver;
}

/*
 * The big central cell where the primary content is
 * displayed, is called 'main'.  Within that cell there
 * is a 'DIV#wikitext' for that styling that should be
 * applied to wiki pages but not Zope pages.
 */

TD#main {
  margin-top:                   0px;
  margin-right:                 0px;
  margin-bottom:                0px;
  margin-left:                  10px;

  padding-top:                  0px;
  padding-right:                6px;
  padding-bottom:               6px;
  padding-left:                 6px;

  line-height:                  1.33em;
  font:                         16px Helvetica, sans-serif;
  vertical-align:               top;
}

TD#main DIV#wikitext {
  margin:                       0px 0px 0px 0px; /* TRBL */
  padding:                      0px 0px 0px 0px; /* TRBL */
}

TD#main DIV#wikitext H1 {
  font:                         18px Helvetica, sans-serif;
  font-weight:                  bold;
  color:                        #ea8c00;
  line-height:                  1em;
  font-size:                    160%;
  vertical-align:               top;
}

TD#main DIV#wikitext H2 {
  font:                         18px Helvetica, sans-serif;
  font-weight:                  bold;
  color:                        #ea8c00;
  line-height:                  1em;
  font-size:                    120%;
}

/*
 * Along the right side, from row two to four, is a column
 * of sponsor logos, with a site search box at the very top.
 */

p#searchbox {
  padding-bottom:               2px;
}

TD#sponsors {
  vertical-align:               top;
  width:                        180px;
  text-align:                   center;
/*  white-space:                  nowrap; */

  background:                   black;
  border:                       1px solid black;
  color:                        #ea8c00;
}

TD#sponsors A {
  color:                        #FFD700;
  font-size:                    14px;
  font-weight:                  bold;
  text-decoration:              none;
}

TD#sponsors A:HOVER {
  text-decoration:              underline;
  color:                        silver;
}

TD#sponsors SPAN.label {
  padding-top:                  0px;
  margin-top:                   8px;

  font-size:                    14pt;
  font-weight:                  bold;

  background:                   black;

  margin-bottom:                8px;
  padding-bottom:               0px;
}

TD#sponsors DIV#platinum {
  border:                       4px dotted white;

  margin-top:                   10px;
  padding-top:                  4px;

  padding-bottom:               0px;
  margin-bottom:                10px;
}

TD#sponsors DIV#platinum SPAN.label {
  color:                        white;
}

TD#sponsors DIV#platinum IMG {
  border-top:                   4px solid white;
}

TD#sponsors DIV#gold {
  border:                       4px dotted #FFD700; /*gold*/

  margin-top:                   10px;
  padding-top:                  4px;

  padding-bottom:               0px;
  margin-bottom:                10px;
}

TD#sponsors DIV#gold SPAN.label {
  color:                        #FFD700; /*gold*/
}

TD#sponsors DIV#gold IMG {
  border-top:                   4px solid #FFD700; /*gold*/
}

TD#sponsors DIV#gold HR {
  color:                        #FFD700; /*gold*/
}

TD#sponsors DIV#silver {
  border:                       4px dotted silver;

  margin-top:                   10px;
  padding-top:                  4px;

  padding-bottom:               0px;
  margin-bottom:                10px;
}

TD#sponsors DIV#silver SPAN.label {
  color:                        silver;
}

TD#sponsors DIV#silver IMG {
  border-top:                   4px solid silver;
}

TD#sponsors DIV#media {
  border:                       4px dotted white;

  margin-top:                   10px;
  padding-top:                  4px;

  padding-bottom:               0px;
  margin-bottom:                10px;
}

TD#sponsors DIV#media SPAN.label {
  color:                        white;
}

TD#sponsors DIV#media IMG {
  border-top:                   4px solid white;
}

TD#sponsors IMG {
  border:                       0px;

  padding-top:                  10px;
  margin-top:                   4px;

  margin-bottom:                4px;
  padding-bottom:               0px;
}

/*
 * Across the bottom of the main page area there is a cell, which we call
 * the 'wikifooter', containing the last-modified date of the page, on the
 * left, and the set of wiki commands, on the right.
 */

TD#wikifooterleft, TD#wikifooterright {
  background-color:             black;
}

TD#wikifooter {
  vertical-align:	        bottom;
  height:                       5%;

  margin-top:		        0px;
  padding-top:		        4px;

  margin-bottom:                0px;
  padding-bottom:               4px;

  padding-left:		        5px;

  font-weight:                  bold;
  font-size:		        9pt;
  color:                        #ffd700 /*gold*/;
  background-color:             black;
}

TD#wikifooter DIV#pagelastmodified {
  float:                        left;
  margin-top:		        0px;
  border-top:		        0px;
  padding-top:		        0px;

  font-size:		        9pt;
}



LI {
  font:                         12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height:                  150%;
}

.sponsor { /* Class */
  font:                         18px "Times New Roman", Times, serif;
  color:                        #ea8c00;
}

.redheadline, H3 {
  font:                         18px Helvetica, sans-serif;
  font-weight:                  bold;
  color:                        black;
  margin-bottom:                8px;
  margin-top:                   8px;
}

/*
 *
 * A, A:VISITED {
 *   color:                        #d78406;
 * }
 */

HR {
  width:                        100%;
  color:                        #cccccc;
}

/**********************************************************************
 *             Navigation Sidebar (maintained in PmWiki)
 **********************************************************************/

P.sidehead {
  background:                   #ffd700 /*gold*/;
  color:                        black;
  margin-top:                   0px;
  padding-top:                  2px;
  margin-bottom:                0px;
  padding-bottom:               1px;
  padding-left:                 4px;
}

P.sidehead A {
  margin:  0px;
  padding: 0px;
}

P.sidehead UL {
  margin:  0px;
  padding: 0px;
}

/**********************************************************************
 *
 **********************************************************************/

BLOCKQUOTE {
  background:                   transparent url(/images/quoright.gif) left top no-repeat;
}

BLOCKQUOTE DIV {
  font:                         14px "Times New Roman", Times, serif;
  color:                        rgb(51,51,51);
  padding:                      5px 60px;
  background:                   transparent url(/images/quoleft.gif) right bottom no-repeat;
}

.feedpaper {
  border:                       1px solid rgb(51,51,51);
  width:                        86%;
  border-spacing:               0px;
  margin-bottom:                10px;
  clear:                        both;
  margin-right:                 auto;
  margin-left:                  auto;
}

.feedpaper TH {
  background:                   rgb(255,204,0);
}

.feedpaper H2 {
  color:                        #000;
  font-size:                    120%;
}

.feedpaper TD.button {
  width:                        1%;
  background:                   rgb(255,204,0);
  padding-right:                5px;
}

.feedpaper TR.item TD {
  font-size:                    75%;
  font-weight:                  bold;
  line-height:                  150%;
  padding:                      0px 5px;
}

.feedpaper TD.footer A {
  color:                        rgb(102,102,102);
  font-weight:                  bold;
  padding:                      0px 5px;
  font-size:                    75%;
  line-height:                  150%;
}

A.talkmgmt, A:VISITED.talkmgmt { /* Non-obvious link for managing each talk */
  font-size:                    10pt;
  color:                        white;
}

A:HOVER.talkmgmt {
  color:                        blue;
  font-weight:                  bold;
}

/**********
 * Query Form of Talks
 **********/

#TalksQuery { /* DIV containing query form plus titles/labels */
  width:                        90%;
  margin-left:                  5%;
}

#TalksQuery .queryform { /* TABLE containing just the query form */
  background-color:             white;
  font-size:                    10pt;
  border:                       2px dotted #ea8c00;
  padding:                      2px;
  width:                       100%;
}

#TalksQuery .queryform TH { /* Labels for each input field */
  margin-left:                  auto;
  margin-right:                 0px;
  padding-right:                0px;
  border-right:                 0px;

  text-align:                   right;
  vertical-align:               top;
  width:                        10%;

  font-variant:                 small-caps;
  font-size:                    9pt;
}

#TalksQuery .fieldnote { /* Text off to right as instructions on input field */
  font-style:                   italic;
  vertical-align:               top;
  font-size:                    8pt;
}

#TalksQuery .fieldselect { /* Drop-down selection box input field */
  width:                        60%;
  font-size:                    8pt;
  color:                        white;
  background-color:             #ea8c00;
}

#TalksQuery .fieldinput { /* Text-entry input field */
  width:                        60%;
  font-size:                    8pt;
  color:                        black;
  background-color:             #ea8c00;
}

#TalksQuery .buttonsubmit {
  margin-left:                  0px;
  background-color:             #ea8c00;
  font-weight:                  bold;
}

#TalksQuery .buttonreset {
  margin-right:                 0px;
  background-color:             #ea8c00;
  font-weight:                  bold;
}

/**********
 * Roster of Talks, in Summary Form
 **********/

#TalksRoster .navbar { /* NEXT/PREV navigation bar across top and bottom of page */
  background-color:             #f0f0f8;
  font-size:                    11pt;
  font-weight:                  bold;
}

#TalksRoster #roster { /* DIV between navigation bars containing a list of talks */
  width:                        80%;
  margin-left:                  10%;
}

#TalksRoster .talksummary { /* One table per talk, holding just its summary elements */
  background-color:             white;
  font-size:                    10pt;
  border:                       2px dotted #ea8c00;
  padding:                      2px;
}

#TalksRoster .talksummary TH { /* Labels for each summary element */
  margin-left:                  auto;
  margin-right:                 0px;
  padding-right:                0px;
  border-right:                 0px;

  text-align:                   right;
  vertical-align:               top;
  width:                        10%;

  font-variant:                 small-caps;
  font-size:                    9pt;
}

/**********
 * All About One Talk, in Detail View
 **********/

#TalkDetails .navbar { /* NEXT/PREV navigation bar across top and bottom of page */
  background-color:             #f0f0f8;
  font-size:                    11pt;
  font-weight:                  bold;
  padding-top:                  10px;
  padding-bottom:               10px;
  text-align:                   center;
}

#TalkDetails #details { /* DIV wrapping all details about a talk */
  padding-top:                  10px;
}

#TalkDetails .talkdetails { /* One table per talk, holding just its summary elements */
  width:                        90%;
  margin-left:                  5%;

  background-color:             white;
  font-size:                    10pt;
  border:                       2px dotted #ea8c00;
  padding:                      2px;
}

#TalkDetails .talkdetails TH { /* Labels for talk elements */
  margin-left:                  auto;
  margin-right:                 0px;
  padding-right:                0px;
  border-right:                 0px;

  text-align:                   right;
  vertical-align:               top;
  width:                        10%;

  font-variant:                 small-caps;
  font-size:                    9pt;
}

#TalkDetails .talkdetails .talkabstract {
  vertical-align:               top;
  font-style:                   italic;
  background-color:             #fa9c00;
  font-size:                    12pt;
  padding:                      4px;
}

#TalkDetails .talkdetails .talkabstract .missing {
  background-color:             #ea8c00;
  font-size:                    12pt;
}

#TalkDetails #details .annotation { /* DIV wrapping all details about a talk */
  width:                        90%;
  margin-left:                  5%;

  background-color:             white;
  font-size:                    10pt;
  padding:                      2px;
}

/**********
 * Elements in Common Between Summary and Detail View of Talks
 **********/

.talkid { /* Numeric talk ID after pound-sign */
  font-weight:                  bold;
}

.talktitle { /* Long title of a talk */
  font-style:                   italic;
}

.talkday { /* Day of talk presentation */
}

.talktrack { /* Track of talk presentation */
}

.talktimeslot { /* Timeslot of talk presentation */
  font-family:          courier, monospace;
  font-weight:                  bold;
}

.talkauthor { /* Each author of a talk presentation */
}

.talkwebsite { /* Each website associated with a talk presentation */
}

.talkflags { /* Various flags associated with a talk presentation */
  font-style:                   italic;
  font-variant:                 small-caps;
  font-size:                    9pt;
}

.norelease {
  text-align:                   center;
  font-size:                    14pt;
  color:                        red;
  font-weight:                  bold;
}

/**********
 * Tabular Display of Files Associated with a Talk
 **********/

#TalkDetails TABLE.talkitems {
  width:                        100%;
  margin-left:                  0%;

  background-color:             white;
  font-size:                    10pt;
  padding:                      2px;
}

#TalkDetails .talkitems TR {
}

#TalkDetails .talkitems TD.icon {
  text-align:                   right;
}

#TalkDetails .talkitems TD.name {
}

#TalkDetails .talkitems TD.time {
}

#TalkDetails .talkitems TD.size {
  padding-right:                5px;
  text-align:                   right;
}

#TalkDetails .talkitems TD.type {
  padding-left:                 5px;
}

/**********************************************************************
 *                       Wiki-Specific Styles
 **********************************************************************/

#wikilogo { /* Banner across top of Page */
  padding-left:                 02px;
  padding-bottom:               2px;
  border-bottom:                1px #cccccc solid;
}

#wikilogo TABLE {
  border-collapse:              collapse;
  padding-left:                 0px;
  border-left:                  0px;
  margin-left:                  0px;
  padding-bottom:               0px;
  margin-bottom:                0px;
}

#wikihead {
  position:                     absolute;
  right:                        10px;
  top:                          10px;
  font-family:                  Verdana,sans-serif;
  font-size:                    85%;
}

#wikihead INPUT {
  font-size:                    85%;
}

.pagegroup {
  margin-top:                   10px;
  font-size:                    85%;
}

#wikiedit FORM {
  margin:                       0px;
}

#wikiedit TEXTAREA {
  width:                        98%;
}
