CMS Made Simple Forums

Code: Select all

/** START reset.css    html, **/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  /*font-size: 100%;*/
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  /*line-height: 1;*/
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup
table {
  border-collapse: separate;
  border-spacing: 0;
} */
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
select, .submit {
  cursor:pointer;
}
a { /** Remove dotted outline in Firefox that appears around links when you click on them **/
  outline: none;
}
/** END reset.css **/

/*~~~~~( body / universal )~~~~~~

body {
  text-align: center;
  color: #444;
  font: 78% "trebuchet ms", verdana, arial, helvetica, sans-serif;
}*/


  /** START Relative Font Sizes **/

    /* default font size */
  body, body div, body p, body th, body td, body li, body dd    {
    /* more specific to override imported rule */
    font-size:    x-small;
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
  }

  html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd    {
    font-size:    small
    /* be nice to Opera */
  }

  body, div, p, th, td, li, dd {
    font-family: Arial, Helvetica, Verdana, sans-serif;
  }

  /*--------------------------------- Default -----------------------------------------------*/
  h1 {
    font-size: 1.4em;
    font-weight: bold;
  }

  h2 {
    font-size: 1.1em;
    font-weight: bold;
  }

  /** END Relative Font Sizes **/

/** an img is by default inline
and since the default vertical alignment of a table cell is baseline,
the img sits on the baseline with a small gap underneath it
corresponding roughly to the space required for descenders in the
current font. **/
#wrapper img { display: block; }

/** Start Structure **/
#wrapper {
  margin: 0px auto; /* Centering a fixed width website - add relative positioning to the outer div, then set the margin to auto */
  position: relative;
  width: 980px;
  text-align: left;
}

#header img {
  float: left;
}
#topmenu li  {
  float: left;
  height: 43px;
}
#topmenu li#search
{
  width: 226px; height: 43px;
  background-image: url("images/layout/searchbg.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
#topmenu li#home_search
{
  width: 226px; height: 43px;
  background-image: url("images/layout/home_searchbg.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

#searchform {
  /*float:right !important;*/
  padding: 6px 0 0 20px !important;
  margin: 0 !important;
}
#searchform label {
  display: none;
}
#searchform input {
  display: inline;
  float: left;
  vertical-align: middle;
}
#searchBox {
  border: 3px solid #006e3a;
  border-right: 0;
  margin-top: 0px;
  width: 134px;
  height: 20px;
  padding: 3px;
}
#searchBox:hover {
  /*border: 3px solid #009966; border-right: 0;*/
}
#searchBox:focus,
#searchBox:active {
  background: #99ff99;
}

#leftwrapper {
  width: 226px;
  float: left;
}
#left {
  background-image: url(images/layout/leftbg.gif);
  background-repeat: repeat-y;
}

#navcontainer {
  width: 226px;
}

#navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #99ff99;
}
#navcontainer li {
  float: left;
  /*position:relative;*/
}
#navcontainer a {
  position:relative;
  text-decoration: none;
  display: block;
  width: 226px;
}

#contentwrapper {
  width: 754px;
  float: left;
}
#content {
  background-image: url(images/layout/contentbg.gif);
  background-repeat: repeat-y;
  /** padding: 0; can't change bcs of the footer **/
}

#content p {
  padding: 10px;
}

#contentflash {
  margin-left: 10px;
  width: 513px;
  height: 376px;
}


#webcrawler {
}

#contentright {
  float: right;
}

#footer {
  width: 754px;
  height: 35px;
}
#footer li  {
  float: left;
  height: 35px;
}

#footnote {
	padding-top: 30px;
	text-align: center;
  color: #21783C;
  font-size: 1.1em;
  font-weight: bold;
}

div.clear {
  font-size: 0px;
  clear: both;
  height: 0px;
}



/** END Structure **/


.article {
  margin: 20px 0 10px 25px;
  font-size: 1.2em;
  color: #4c402c;
  background-image: url(images/layout/goldline.png);
  background-repeat: no-repeat;
  padding-top: 6px;
  width: 668px;  /* IE will not render the transparent gif if width is not given */
}

/** IE 5.5+ png transparency fix **/
* html .article {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/layout/goldline.png" ,sizingMethod="crop");
}

.article img {
  float: left;
  margin-right: 10px;
}
.article a {
  color: #231f20;
  background: #d9d49c;
  font-style: italic;
  text-decoration: none;
}
.article a:hover {
  color: #d9d49c;
  background: #231f20;
}