/* Scealnetworks stylesheet.
 *
 *  Copyright (C) 2007 Alastair McKinstry
 *   Made available under the GNU General Public License
 */

/*
 * Colours and fonts
 */

a:visited {
  color: #556B2F;               /* dark olive green */
}

a:link {
  color: #0000CD;               /* blue */
}

a.nonexistent {
  background-color: white;
  color: red;
  font-weight: bold;
}

a.nonexistent:visited {
  background-color: white;
  color: red;
}

a:link.top, a:visited.top {
  color: #F5DEB3;               /* wheat */
  position: relative;
  text-decoration: none;
  /* top: -13px; */
}

.navlist a:link:hover, .navlist a:visited:hover {
  background-color: #F7F7F7;    /* white smoke */
}
#sidebar a:link:hover, #sidebar a:visited:hover {
  background-color: #F7F7F7;    /* white smoke */
}


a:link:hover, a:visited:hover {
  background-color: #ddd;
}


.top a:link:hover, h1 a:visited:hover {
 background-color: #D3D3D3;
}

#logo  {
        font-size: 0.8em;
        background-color: black;
}

#logo a:link.hover {
  background-color: black;
}

#subTitle {
	font-size: 0.8em;
	font-style: italic;
}

#explain {
	font-size: 0.8em;
}

#latest-comments {
	font-size: 0.8em;
}

.blosxomCommentLinkEntry {
	font-style: italic;
}

.bookTitle {
	text-decoration: underline;
}

.navcontainer { 
  font-size: 0.8em;
  clear: right;
}

#blosxomCommentStatus {
        font-size: 1.2em;
        color: blue;
	font-weight: bold;
}

/* Used in tag_cloud */

.smallestTag { font-size: 0.6em; }
.smallTag { font-size: 0.8em; }
.mediumTag { font-size: 0.9em; }
.bigTag { font-size: 1.0em; }
.biggestTag { font-size: 1.1em; }
.hugeTag {  font-size: 1.2em; }
.hugestTag {  font-size:  1.4em ; }
.mostHugeTag {  font-size: 1.5em; }

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

body {
  background-color: white;
  color: black;
  font-size: 1em;
}


/*
 * Layout. This may be split between screen.css and
 * handheld.css later.
 */

/* Horizontal lists for bottom.navlists and tags */

.navlist, #credits
{
 list-style-type: none;
 padding: 0;
 margin: 0;
}

.navlist li, #credits li
{
  display: inline;
  padding: 0;
  margin: 0;
}

span.footdate {
  color: red;
}


#credits li:before { content: " | "; }
.navlist li:before { content: " | "; }
#credits li:first-child:before { content: ""; }
.navlist li:first-child:before { content: ""; }


 /*IE workaround */
/*All IE browsers */
* html .navlist li
{
  border-left: 1px solid black;
  padding: 0 0.4em 0 0.4em;
  margin: 0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
 * html .navlist { height: 1%; }

* html .navlist li
{
  display: block; 
  float: left; 
}

/*End hide*/
/*Mac IE 5*/
* html .navlist li:first-child { border-left: 0; }

blockquote, .section.blockquote {
  border-left: 0.2em solid #CCCCCC; /* gray80 */
  padding: 0.2em;
  font-style: italic;
  margin: 0.2em 1em;
}

quote, .section quote {
  padding: 0.5em;
  font-weight: bold;
  font-size: larger;
}

body {
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 1%;
}

html, body {  
  font-size: 100%; 
  font-family: Verdana, Arial, sans-serif;
} 

dt {
  font-weight: bold;
  margin-top: .5em;
  padding: 3px;
}

h1 {
  background-color: black;
  color: #F5DEB3;               /* wheat */
  border: 0px solid black;
  font-size: 1.5em;
  padding: 0;
}

h2 {
  border-bottom: solid 2px #708090; /* slate gray */
  clear: left; 
  font-size: 1.5em;
  margin-top: 1.5em;
  margin-bottom: .5em;
  padding-right: 6px; 
}

h3 {
  border-bottom: solid 1px #708090; /* slate gray */
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: .5em;
  padding-right: 6px;
}

h4 {
  border-bottom: dashed 1px #BEBEBE;    /* light gray */
  margin-top: 1em;
  margin-bottom: .5em;
  padding-right: 6px;
}

fieldset { border: none }

#tooltip {
  color: #006400;               /* dark green */
}


img {
  border: 0;
}

li {
/*   line-height: 1.2em; */
/*  margin-top: .7em; */
}

p.verse {
  clear: left;
  line-height: 2em;
  margin-left: 3%;
}

p {
  line-height: 1.2em; 
}

pre.example {
  margin-left: 3%;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  white-space: pre;
   white-space: pre-wrap;
        /* begin css 3 or browser specific rules - do not remove!
           see: http://forums.techguy.org/archive/index.php/t-249849.html 
   word-wrap: break-word;
   white-space: -moz-pre-wrap;
   white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   */
}

pre.verse {
  font-family: inherit;
  line-height: 2em;
  margin-left: 3%;
}

pre {
  font-family: monospace;
  margin-left: 3%;
  white-space: pre-wrap; /* Avoid hitting the sidebar */
}

ul {
  list-style-type: square;
  margin-bottom: 1.5em; 
}

/* Menu */

#main {
	float: left;
	width: 75%;
}

/* #sidebar {
	float: left;
	min-width: 200px;
} */

div.section ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

#sidebar li {
	padding: 0;
	margin: 0;
}

#tooltipbox {
  float: right;
  visibility: hidden;
}

#editor-textarea, #editor-comment {
   width: 95%; 
}

#pagebottom {
         clear: both; 
}

.searchresult dd span {
        font-weight: bold;
}

.update {
	color: #ff0000;
	font-weight: bold;
}

.header {
	font-size: 9pt;
	text-align: center;
	font-weight: bold;
}

.data {
	font-size: 9pt;
}

.keyword {
	color: #0000ff;
	font-weight: bold;
}
.number {
	color: #ff00ff;
}
.string {
	color: #ff0000;
}
.comment {
	color: #000088;
}
.symbol {
}
.normal {
}
.function {
	font-weight: bold;
}


.input {
	color: #0000ff;
}

.code {
	font-family: monospace;
	color: #0000ff;
	font-size: 0.9em;
}

.path {
	font-family: monospace;
	font-size: 0.9em;
}

/* Blosxom registry stuff ..................................... */
.blosxomRegistryHeader {
	border: 1px solid #999;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.blosxomEntry {
	margin-top: 1em;
	margin-bottom: 2em;
	margin-right: 1em; 
	padding: 0;
}	

.blosxomEntrySummary {
	width: 100%;
	padding: 0;
}

.blosxomBody {
	color: #222;
	padding-right: 1em;
}


.commentBlock, .navcontainer {
	background-color: #ddd;
}

.blosxomComments {
	margin-top: 2em;
}

.blosxomTitle {
	font-weight: bold;
	color: #000000;
}


.blosxomComment {
	padding: 0.2em;
	padding-bottom: 1em;
}

.blosxomCommentInfo {
	font-size: smaller;
}

.blosxomCommentBody {
	margin-left: 0.5em;
}

.blosxomCommentForm {
        margin-top: 1em;
}

#blosxomCommentStatus {
	margin-left: 0.5em;
}

/* From MoinMoin wiki */
#page {
       border: 0px;
}

/* For tags */

#tagcloud {
   display: inline;
}

h1, h2, h3, h4, hr, table, .navcontainer, .commentBlock {
   overflow: hidden; /*   don't crowd the menu  */
}

/* Content Figures 
 *
 * Default figure float to the end of the page. Left of right classes float to the left or right :-)
 * */
#content .figure {float: right; margin: 0 0 0 20px; padding: 0;
    font-size: 0.85em;}
#content[dir="rtl"] .figure {float: left; margin: 0 20px 0 0;}
#content .figure.left {float: left; margin: 0 20px 0 0;}
#content .figure.right {float: right; margin: 0 0 0 20px;}
#content .figure p {margin: 0; text-align: center; font-weight: bold;}

/* Colorize Fortran, etc. code
 */
pre.cpparea     { font-family: sans-serif; color: #000000; }
span.ID       { color: #000000; }
span.Char     { color: #004080; }
span.Comment  { color: #808080; }
span.Number   { color: #008080; font-weight: bold; }
span.String   { color: #004080; }
span.SPChar   { color: #0000C0; }
span.ResWord  { color: #4040ff; font-weight: bold; }
span.ConsWord { color: #008080; font-weight: bold; }
span.ResWord2 { color: #0080ff; font-weight: bold; }
span.Special  { color: #0000ff; }
span.Preprc   { color: #804000; }

