/***************************************************************
 *                                                             *
 *  Layout                                                     *
 *                                                             *
 *  Rules for page elements that surround the content and for  *
 *  positioning the content within those elements.             *
 *                                                             *
 ***************************************************************/

/*=============================================================*
 *  Conceal formatting intended for non-css aware browsers,    *
 *  e.g., pipes and horizontal rules used as substitutes for   *
 *  borders.                                                   *
 *=============================================================*/

.nocss {
    display: none;
}

/*=============================================================*
 *  Logo Section                                               *
 *=============================================================*/

#logo {
    position: absolute;
    top: 0; left: 0;
    right: 220px;
    width: 95%;
    height: 50px;
    border: solid 3px #333366;
    padding: 5px;
    background-color: #006699;
    color: #ffffff;
    font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

span.title {
    font-size: 150%;   
}

span.subtitle {
    margin-left: 0.25em;
    font-size: 90%;
    font-style: italic;
}

img.icon {
    vertical-align: middle;
}

/*=============================================================*
 *  Navigation Section                                         *
 *=============================================================*/

#navigation {
    position: absolute;
    top:0; right: 0; bottom: 0;
    width: 220px;
    height: 100%;
    border: solid 3px #333366;
    padding-bottom: 5em;
    background-color: #006699;
    color: #ffffff;
}

body>#navigation {
   position: fixed;
}

.nav-element {
    margin: 20px 10px 25px 10px;
    border: solid thin silver;
}

/* IE Windows doesn't handle the negative margins correctly */
div#navigation>div.nav-element {
    margin: 20px 10px 25px -25px;
}

#breadcrumbs    {
    padding: 0.5em;
    background-color: #ff9900;
    color: #333366;
    font-size: 80%;
}

#quicklinks {
    padding: 0.5em;
    background-color: #339900;
    color: #ffffff;
    font-size: 80%;
}

#topic {
    padding: 0.5em;
    background-color: #ffcc00;
    color: #333366;
}

#topic p {
    margin-left: 0;
    line-height: 0.8;
}

/* Used to identify current page in topic links */
.this-page {
    background-color: #ffcc00;
    color: #006699;
}

/*=============================================================*
 *  Content Section                                            *
 *=============================================================*/

#content-wrapper {
    margin: 0 220px 0 0;
}

#content {
    padding: 60px 30px 0.5em 2em;
}

/*=============================================================*
 *  Page Information Section                                   *
 *=============================================================*/

/*  Create new positioning context for page information
    at the bottom of the page.  */
#page-info {
    position: relative;
    margin: 2em 250px 2em 2em;
    border-top: dotted #333366 1px;
    padding: 1em 0 1em 0;
}

/*  Top left side of new context */
#mod-date {
    position: absolute;
    top: 1em;
    left: 0;
}

/* Top right side of new context */
#standards {
    position: absolute;
    top: 1em;
    right: 250px;
}

#page-info>#standards {
    right: 0;
}

/*=============================================================*
 *  SourceForge Credit Section                                 *
 *=============================================================*/

#sourceforge {
    position: absolute;
    right: 10px; top: 90%;
    width: 220px;
    padding: 0.25em 0.5em 0.25em 0.5em;
    color: #000000;
    text-align: center;
    font-size: 90%;
    font-style: italic;
}

body>#sourceforge {
    position: fixed;
}

/*=============================================================*
 *  Python Credit Section                                      *
 *                                                             *
 *  for pages derived from python output files                 *
 *=============================================================*/

/* Upper right-hand corner of content area */
#python {
    position: fixed;
    right: 280px;
    top: 90px;
}

/*=============================================================*
 *  Navigation elements for pages that reference clippings     *
 *=============================================================*/

.ordered-links {
    margin: 1em 1em 2em 0;
    padding-top: 1em;
    color: #993300;
}

.previous {
    float: left;
}

.next {
    float: right;
}


/***************************************************************
 *                                                             *
 *  Anchors                                                    *
 *                                                             *
 ***************************************************************/

a:link  {
    color: #333366;
}

a:visited {
    color: #993300;
}

a:hover	{
    color: #339900;
}

#logo a:link,
#logo a:visited {
    color: #ffffff;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
    color: #333366;
}

#breadcrumbs a:hover {
    background-color: #333366;
    color: #ff9900;
}

#quicklinks a:link,
#quicklinks a:visited {
    color: #ffffff;
}

#quicklinks a:hover {
    background-color: #ffffff;
    color: #339900;
}

#ordered-links a:link,
#ordered-links a:visited {
    color: #993300;
}

#topic a:link,
#topic a:visited {
    color: #333366;
}

#topic a:hover {
    background-color: #333366;
    color: #ffcc00;
}

tr a:link,
tr a:visited {
    color: #000000;
}

tr a:hover {
    color: #339900;
}


/***************************************************************
 *                                                             *
 *  Content Structure Elements                                 *
 *                                                             *
 ***************************************************************/

/*=============================================================*
 *  Body                                                       *
 *=============================================================*/

body	{
    font-family: verdana, arial, sans-serif;
}

p   {
    margin-left: 1em;
}

p.intro {
    margin-left: 0;
}

/*=============================================================*
 *  Headings                                                   *
 *=============================================================*/

h1	{
    font-size: 140%;
}

h2	{
    font-size: 120%;
}

h3	{
    font-size: 110%;
}

h1, h2, h3	{
    clear: left;
    color: #333366;
    font-family: "Trebuchet MS", verdana, 
				 arial, sans-serif;
}

/*=============================================================*
 *  Tables                                                     *
 *                                                             *
 *  Used for the presentation of tabular data only;            *
 *  not for layout                                             *
 *=============================================================*/

table {
    /* keep IE Win from expanding out of content area */
    margin-right: 5px;	
    border: 0;
    padding: 0;
}

th {
   padding: 0.4em 0.5em 0.4em 0.5em;
   background-color: #333366;
   color: #ffffff;
   text-align: left;
}

td {
    padding: 0.4em 0.5em 0.4em 0.5em;
}

tr.even {
    background-color: #cccccc;
    color: #000000;
}

/*=============================================================*
 *  Lists                                                      *
 *=============================================================*/

ul {
    margin-left: 0;
	padding-left: 1em;
}

p+ul  {
    margin-left: 1em;
}

ol {
    margin-left: 0;
}

ol ol {
    margin-left: 1em;
    padding-left: 1.5em;
}

li {
    margin-left: 0;
	padding-left: 1em;
    margin-bottom: 1em;
}

ol.outline li {
    list-style-type: decimal;
}

ol.outline ol li {
    margin-top: 1em;
    list-style-type: lower-alpha;
}

/*=============================================================*
 *  Graphics                                                   *
 *=============================================================*/

div.thumbnail	{
    margin: 0.5em 1em 2em 1em;
    float: left;
    width: 200px;
    text-align: center;
    font-size: 80%;
    font-style: italic;    
}

img {
    border: none;
}

/***************************************************************
 *                                                             *
 *  Topic or Page Specific Elements                            *
 *                                                             *
 ***************************************************************/


/*=============================================================*
 *  News Section                                               *
 *=============================================================*/

.packages table {
    border: 0;
}

/*=============================================================*
 *  FAQ                                                        *
 *=============================================================*/

p.question {
    border-top: solid 2px grey;
    padding-top: 1.5em;
    color: #333366;
    font-weight: bold;
}

.answer {
    padding-bottom: 0;
}

/*=============================================================*
 *  GPL                                                        *
 *=============================================================*/

.license-heading {
    text-align: center;
}