/* STYLE STYLESHEET *******************************************************

This file only contains style info. For global layout info use layout.css

split the following sections:

- GLOBAL LAYOUT(style formatting for layout.css entries)

- GLOBAL SEMANTICS (direct formatting of markup <a> <form> <img>, etc.)

- CLASSES & IDS (.whatever & #whatever - organized alphabetically)

- COMMON PLUGIN CSS

- NAVBAR CSS



SAMPLE:

.poll-vote,

.poll-vote-results {

  background:transparent;

  color:#000000;

  font-size:smaller;

}



These are the rough rules:

- always put a ';' after the last entry

- always a linebreak before .

- always a linebreak after , ; { and }

- always a . before all classes

- always a # before all ids

- two spaces indent

- no tabs

- no spaces after colons

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



/* GLOBAL LYOUT*****************************************************/



#gl_container {

}

#gl_header {

}

#gl_wrapper {

}

#gl_content { /* standard left & right blocks - switched to dynamically by functions.php*/

  height:1%;

}

#gl_content-full { /* no blocks  - switched to dynamically by functions.php*/

  height:1%;

}

#gl_content-wide-right { /* left blocks & content displayed  - switched to dynamically by functions.php*/

  height:1%;

}

#gl_content-wide-left { /* right blocks & content displayed  - switched to dynamically by functions.php*/

  height:1%;

}

#gl_navigation { /*the leftblocks*/

}

#gl_extra { /*the rightblocks*/

}

#gl_footer {

}



/* GLOBAL SEMANTICS ***********************************************/



a {

}

a:link.non-ul,

a:visited.non-ul,

a:hover.non-ul,

a:active.non-ul {

  text-decoration:none;

}

a:link {

}

a:visited {

}

a:hover {

}

a:active {

}

body {

  font:86% arial,verdana,tahoma,helvetica,sans-serif;

  margin:0;

  padding:0;

  text-align:left;

}

fieldset {

  margin-bottom:1em;

}

fieldset p {

  margin:0px;

  margin-bottom:0px;

  margin-top:5px;

  padding:5px;

}

fieldset legend {

  font-size:0.9em;

}

form {

  margin-bottom:5px;

  margin-top:5px;

}

form div.notes p,

form div small {

  line-height:125%;

}

form div.notes ul {

  margin:0px;

  padding:0px;

  padding-left:2px;

}

form div.notes ul li {

  list-style-position:outside;

  margin-left:15px;

  padding-right:2px;

}

form fieldset div.notes {

  float:right;

  font-size:.75em;

  height:auto;

  margin:0px 0px 10px 10px;

  padding:5px;

  position:relative;

  right:30px;

  width:150px;

}

form fieldset div.notes h4 {

  font-size:1.3em;

  margin:0 0 5px 0;

  padding:3px 0px 2px 27px;

}

form fieldset div.notes p {

  margin:0em 0em 1.2em 0em;

}

form fieldset div.notes p.last {

  margin:0em;

  padding-bottom:5px;

}

form label {

  font-weight:bold;

}

h1 {

  font-size:125%;

}

h2 {

  font-size:100%;

}

h3 {

  font-size:100%;

  margin:0px;

}

img {

  border:0;

}

input {

  font-size:.9em;

}

input,

submit,

td {

}

p {

  margin-top:5px;

}

select {

  font-size:.9em;

}

table {

  border:0px;

}

textarea {

  font-family:arial,verdana,tahoma,helvetica,sans-serif;

}

th {

  font-size:larger;

  font-weight:bold;

  padding-left:3px;

  text-align:left;

}



/* CLASSES & IDS ********************************************************/



/* Admin lists **********************************/

.admin-menu-icon {

  float:left;

  padding:5px;

}

.admin-menu { /* the box around the menu */

  padding:5px;

}

.admin-menu-text{ /* the text below the links */

  padding:5px;

}

.admin-menu-item { /* a single link in the menu */

  padding: 0px 5px 0px 5px;

}

.admin-list-icon {

  float:left;

  padding:5px;

}

.admin-list-table {

  border-spacing:1px;

  text-align:left;

  width:100%;

}

.admin-list-table form {

  margin:0px;

}

.admin-list-search{

  margin-bottom:5px;

  margin-top:5px;

  text-align:center;

}

.admin-list-field {

  padding-left:5px;

  padding-right:5px;

  text-align:left;

}

.admin-list-headerfield {

  font-size:larger;

  padding-left:5px;

  padding-right:5px;

  text-align:left;

}

.gl_user-menu {

  float:right;

  text-align:right;

}

/* Menus in blocks ******************************/

#Admins_Only ul,

#Topics ul,

#User_Functions ul {

  list-style:none;

  margin:0px;

  padding:0px;

}

/* General alignment classes *********************/

.aligncenter {

  text-align:center;

}

.alignleft {

  text-align:left;

}

.alignright {

  text-align:right;

}

.aligntop {

  vertical-align:top;

}

.clearboth {

  clear:both;

}

.clearfix {

  display:inline-block;

}

.clearfix:after { /* clear floats by applying the clearfix class to float-encasing block !*/

  clear:both;

  content:".";

  display:block;

  height:0;

  visibility: hidden;

}

/* Hides from IE-mac \*/

* html .clearfix {

  height:1%;

}

.clearfix {

   display:block;

 }

 /* End hide from IE-mac */

 .floatleft {

  float:left;

  padding:0 10px 0 0;

}

.floatright {

  float:right;

  padding:0 0 0 10px;

}

/* General formatting class***********************/

.b {

  font-weight:bold;

}

.ext-link {

  background-attachment: scroll;

  padding-right: 13px;

}

/* Blocks **************************************/

.block-box-left,

.block-box-right,

.block-box {

  margin-bottom:15px;

}

.block-box-left ul,

.block-box-right ul { /* do not indent lists in the blocks too much */

  list-style-position: outside;

  margin-left: 0px;

  padding-left: 15px;

  list-style: square;

  vertical-align: middle;

}

.block-box-left li,

.block-box-right li {

  margin: 0px;

  padding: 0px;

}

.block-columnpad {

  padding:5px 10px 10px 10px;

}

.block-content,

.block-content-right,

.block-content-left {

  clear:both;

  padding-bottom:2px;

  padding-top:2px;

}

.block-content-left ul,

.block-content-right ul,

.block-content ul {

  border:none;

  margin-bottom:0;

  margin-left:16px;

  margin-top:0;

  padding-left:0;

}

.block-helpicon,

.block-helpicon-left,

.block-helpicon-right {

  float:right;

  padding-bottom:4px;

  padding-top:4px;

  text-align:right;

}

.block-title {

  font-size:100%;

  margin:0 -10px 10px -10px;

  padding:5px 0 5px 10px;

  text-transform:uppercase;

}

/* Comments ***********************************/

.commentbar-line1 {

  padding:3px 3px;

  text-align:center;

}

.commentbar-line2 {

  text-align:center;

}

.commentbar-line3 {

  padding:3px 3px;

  text-align:center;

}

.commenttitle {

  font-size:smaller;

  font-weight:bold;

  padding:3px 0px 3px 10px;

}

/*Edit*****************************************/

.edit-perm-down {

  text-align:center;

}

.edit-perm-up{

  padding-left:10px;

  padding-right:10px;

  text-align:center;

}

.fieldhelp {

  font-size:0.8em;

}

/* Footer **************************************/

#footer-copyright {

  padding:5px 10px 5px 10px;

}

#footer-copyright .footerlinks {

  float:right;

  text-align:right;

}

#footer-copyright .footerlinks a {

  text-decoration:none;

}

#footer-copyright .footerlinks a:hover {

  text-decoration:none;

}

#footer-rss {

  float:left;

  margin:0 5px 0 0;

  vertical-align:middle;

}

/* Forms ***************************************/

.form-description {

  display:block;

  float:left;

  font-weight:bold;

  padding-right:5px;

  text-align:right;

  width:100px;

}

.form-field {

  margin-left:105px;

  padding-bottom:5px;

}

/* Header ***************************************/

.header-flags {

  margin:10px 2px 0 2px;

}

.header-flags-last {

  margin:10px 14px 0 2px;

}

.header-flag-n-search {

  float:right;

  margin:18px 12px 0 0 !important;

  margin:17px 7px 0 0;

  text-align:right;

}

.header-flag-n-search a img {

  padding:0 0 0 5px;

}

#header-site-logo {

  margin:-1px 0 -25px /* <-- adjust this to move the SLOGAN up or down */ 15px;

  z-index:90;

}

#header-site-logo-text {

  margin:-1px 0 -25px /* <-- adjust this to move the SLOGAN up or down */ 15px;

  z-index:90;

  color:#fff;

}

#header-site-logo-text h1 {

    font-size:2em;

    padding:0;

    margin:0;

    font-style:italic;

}

#header-site-logo-text a {

    text-decoration:none;

    color:#fff;

}

#header-site-logo-text a:visited {

    text-decoration:none;

    color:#fff;

}

#header-site-slogan {

  margin-left:87px; /* <-- adjust this to move the SLOGAN left or right */

  z-index:1000;

}

#header-textbox {

  padding-left:2px;

  width:120px;

}

#header-textbox:focus {

  padding-left:2px;

  width:120px;

}

.header-textbox-search {

  position:relative;

  right:16px;

  top:2px;

}

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

.hidden {

  position: absolute;

  left: -9999px;

  margin: 0;

}

.highlight {

  text-decoration:none;

}

.inputTable td {

  padding:4px;

  vertical-align:top;

}

.inputTable label {

  float:right;

  font-weight:bold;

  white-space:nowrap;

}

.moderation-cc {

  width:100%;

}

.moderation-cc-row {

  clear:both;

  height:80px;

  width:100%;

}

.moderation-cc-item {

  float:left;

  text-align:center;

}

.nowrap {

  white-space:nowrap;

}

.pagenav {

  text-align:center;

}

.row_center td {

  text-align:center;

}

.searchauth {

  text-align:left;

}

.searchdate {

  text-align:right;

}

.searchform-box {

  height:52px;

  margin:0px;

  padding:0px 4px 0px 1px;

  text-align:right;

}

.searchform-elements{

  display:inline;

  position:relative;

  top:6px;

}

.searchform-elements input{

  font-size:0.9em;

}

.searchhits {

  text-align:right;

}

/* Stats ***************************************/

.stats-list-count {

  padding-left:5px;

  padding-right:5px;

  text-align:right;

}

.stats-header-title {

  padding-left:5px;

  padding-right:5px;

  text-align:left;

  width:90%;

}

.stats-header-count {

  padding-left:5px;

  padding-right:5px;

  text-align:left;

  width:10%;

}

/* Story ****************************************/

.story { /* the frame around all elements of one story */

  margin-bottom:30px;

}

.story h1{ /* the title of a story */

  font-size:1.4em;

  font-weight:bold;

}

.story-body { /* this is the actual content of the story */

  margin-bottom:15px;

  padding:3px;

}

.story-featured { /* the frame around all elements of a featured story */

  margin-bottom:30px;

  margin-top:10px;

}

.story-featured h1 { /* the title of a featured story */

  font-size:1.8em;

  font-weight:bold;

}

.story-footer { /* the bottom of the story with edit-links etc */

  clear:both;

  font-size:0.85em;

  padding:3px;

  text-align:center;

}

.story-footer p{

  margin:0;

  padding:0;

}

.story-icons { /* print & mail icons in a storybox */

  float:right;

}

.story-icons a{

  margin-left:5px;

}

.story-information {

  /* the author, views and date of a story */

  font-size:0.85em;

  padding:3px;

}

.story-information p {

  margin:0px;

  padding:0px;

}



.topicoption,

.topicoption-off {

  list-style:none;

}

.warning {

  font-weight:bold;

}

.warningsmall {

}

.welcomeanddate-text {

  margin:0;

  padding:0;

}

/* COMMON PLUGIN CSS ************************************************/

/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */



.plugin {

  font-weight:normal;

}

.plugin th {

  padding:5px;

  text-align:left;

}

.plugin tr {

  vertical-align:top;

}

.plugin td {

  padding:2px 5px 2px 5px;

}

.pluginBG {

}

.pluginAltBG {

}

.pluginAltBG td {

}

.pluginCellTitle {

  font-weight:bold;

  padding:5px;

}

.pluginCellFill {

}

.pluginCellText {

  font-weight:normal;

}

.pluginHeader {

  font-weight:bolder;

  padding:3px 0 3px 0;

}

.pluginFooter, .pluginFooter td {

  }

.pluginAlert {

  font-weight:bold;

  padding:5px 15px 5px 15px;

}

.pluginInfo {

  font-weight:normal;

  padding:5px 15px 5px 15px;

}

.pluginSubTable {

  font-weight:normal;

}

.pluginSubTable th {

  padding:5px;

  text-align:left;

}

.pluginSubTable tr {

  vertical-align:top;

}

.pluginSolidOutline {

}

.pluginSolidFill {

}

.pluginTitle {

  padding:4px;

  padding-left:6px;

  padding-right:6px;

}

.pluginCellSubTitle {

  padding:4px;

  padding-left:6px;

  padding-right:6px;

}

.pluginTinyText {

  font-size:0.70em;

}

.pluginSmallText {

  font-size:0.8em;

}

.pluginMediumText {

  font-size:1em;

}

.pluginLargeText {

  font-size:1.25em;

}

.pluginAltText {

}

.pluginRow1, .pluginRow1 td {

  line-height:120%;

}

.pluginRow2, .pluginRow2 td {

  line-height: 120%;

}

.pluginRow1 .pluginRollOver,

.pluginRow2 .pluginRollOver,

.pluginRollOver {

  line-height:120%;

}

.pluginRow1 .pluginRollOut,

.pluginRow2 .pluginRollOut,

.pluginRollOut {

  line-height:120%;

}

.pluginLinks A:link {

  font-style:normal;

  font-weight:normal;

  text-decoration:none;

}

.pluginLinks A:visited {

  font-style:normal;

  font-weight:normal;

  text-decoration:none;

}

.pluginLinks A:hover {

  font-style:normal;

  font-weight:normal;

  text-decoration:underline;

}

.pluginBreadCrumbs,

.pluginBreadCrumbs A:link {

  font-style:normal;

  font-weight:normal;

  text-decoration:none;

}

.pluginBreadCrumbs A:visited {

  font-style:normal;

  font-weight:normal;

  text-decoration:none;

}

.pluginBreadCrumbs A:hover {

  font-style:normal;

  font-weight:normal;

  text-decoration:none;

}

a.pluginButton:link,

a.pluginButton:visited {

  display:block;

  height:19px;

  padding-top:2px;

  text-align:center;

  text-decoration:none;

}

a.pluginButton:hover {

  display:block;

  height:19px;

  padding-top:2px;

  text-align:center;

  text-decoration:none;

}



/* Common CSS for on-hover tooltip feature*********/

a.tooltip {

  position:relative; /*this is the key*/

  text-decoration:none;

  z-index:10;

}

a.tooltip:hover  {

  text-decoration:none;

  z-index:100;

}

a.tooltip span {

  display:none;

}

a.tooltip:hover span { /*the span will display just on :hover state*/

  display:block;

  font-size:.8em;

  font-style:normal;

  left:-20px;

  line-height:125%;

  min-width:150px;

  padding:4px;

  position:absolute;

  text-align:left;

  text-decoration:none;

  top:10px;

  z-index:100;

}

/* End of common CSS for on-hover info feature */



/* Poll Plugin ***********************************/

.poll-vote,

.poll-vote-results {

  font-size:smaller;

}



/* NAVBAR CSS *********************************************************/



#navcontainer {

  float:left;

  font-size:93%;

  line-height:normal;

  width:100%;

}

#navcontainer a {

  float:left;

  margin:0px;

  padding:0px 0px 0px 5px;

  text-decoration:none;

}

#navcontainer a span {

  display:block;

  float:left;

  padding:5px 15px 4px 6px;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navcontainer a span {

  float:none;

}

/* End IE5-Mac hack */

#navcontainer a:hover span {

}

#navcontainer a:hover {

  background-position:0% -42px;

}

#navcontainer a:hover span {

  background-position:100% -42px;

}

#navcontainer a#current span {

  background-position:100% -42px;

}

#navcontainer a:link#current,

#navcontainer a:visited#current,

#navcontainer a:hover#current {

  background-position:0% -42px;

}

#navcontainer ul {

  list-style:none;

  margin:0px;

  padding:10px 10px 0 50px;

}

#navcontainer li {

  display:inline;

  margin:0px;

  padding:0px;

}

.php {

    overflow:auto;

    width:500px;

    min-height:100px;

}

/* Forum Plugin specific CSS */

.codeblock  {

  background-color:#ECE9D8;

  color:#000;

  width: 550px;

  height: 160px;

  overflow: auto;

  min-height: 50px;

  max-height: 120px;

  margin: 5px 0px 5px 5px;

  padding:5px;

  border: 1px dashed black;

}

.quotemain

{

  background:#FAFCFE url('forum/image_set/img_quote.gif') no-repeat top right;

  border: 1px dotted #000;

  border-left: 4px solid #8394B2;

  color:#465584;

  padding: 4px;

  margin: 5px auto 8px auto;

}



/* CSS Declarations for Code block feature - default will use the .php one */

div .php { max-height:400px; overflow:auto; height:auto; width:auto; min-height:100px; }

div .html { height:300px; overflow:auto; width:auto; min-height:100px; }

div .css { height:300px; overflow:auto; width:auto; min-height:100px; }



/* END of Forum Plugin CSS */