/* 
    Document   : housestyle2
    Created on : Sep 3, 2011, 8:24:45 AM
    Author     : leopold2
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
  background-image:url('http://www.redfez.net/redfez/images/backgrounds/striped_bg.png');
  background-color:#981115; /*aa0000, 800000 ab1e22 */
  font-size: 100%;
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  min-width:750px;
}

/*TEXT and BULLET STYLES*/

p {
  color: #ffff00;
  font-family: Verdana, Georgia, Helvetica, Arial, sans-serif;
  font-size: 10pt; /*convert to ems...*/
  line-height: 1.4;
  }

p.textstory { /*really only makes things inline. Should be updated in new version */
  display: inline;
  }

.footnote {
   color: yellow;
   font-weight: bold;
   display: inline;
   text-decoration: underline;
   vertical-align: top;
   font-size: 9pt;
    
}  

.footnote span {
    display: none;
}

.footnote:hover span {
    display: block;
    position: absolute;
    margin-top: -4px;
    border: 1px solid black;
    color: black;
    background-color: white;
    padding: 3px;
    z-index: 500;
}

p.halfyellow {
    color: #ffa900;
    display: inline;
}

p.roundimage {
    
}

.info {
    color: #330000;
    padding-top: 2px;
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
}

ul {
    color: #ffff00;
    font-family: arial;
    font-size: 10pt;
	}

ol {
    color: #ffff00;
    font-family: arial;
    font-size: 10pt;
	}

hr {
  width: 70%;
  border: 1px solid #ffff33;
  height: 2px;
}
  
.darkprint {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  color: #000000;
  }

.fineprint {
  color: #ff9900;
  font-size: 9pt;
  font-family: arial;
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  }

.fineprint_black {
  color: #000000;
  font-size: 8pt;
  font-family: arial;
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  }

/*BOX STYLES*/

.badge {
    height: 18px;
    font-size: 11px;
    font-family: Myriad, Helvetica, Tahoma, Arial;
    font-weight: bold;
    text-decoration: none;
    line-height: 100%;
    padding: 0px 2px 0px 2px;
    background-color: yellow;
    border: 1px solid #950000;
    color: #950000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    left: -5px;
    z-index: 1;
}

.itembox {
    border: 1px solid #270000;
    background-color: #981111;
    color: yellow;
    font-family: Verdana, Georgia, Helvetica, Arial, sans-serif;
    font-size: 10pt; /*convert to ems...*/
    line-height: 1.4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    margin: 8px 2px;
    padding: 3px;
    text-align: left;
}

.itembox span.delbox{
   display: inline;
   float:right;
   height: 13px;
   width: 13px;
}

.itembox:hover span.delbox{
    background-image:url('/redfez/css/custom-theme/images/ui-icons_ffff00_256x240.png');
    background-position: -98px 110px;
    border: 1px solid yellow;
}

.commentbox span.delbox{
   display: inline;
   float:right;
   height: 13px;
   width: 13px;
}

.commentbox:hover span.delbox{
    background-image:url('/redfez/css/custom-theme/images/ui-icons_ffff00_256x240.png');
    background-position: -98px 110px;
    border: 1px solid yellow;
}

.item2box {
    border-color: #6f0000;
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    background-color: #a30000;
    padding: 6px;
    padding-top: 8px;
    margin-bottom: 8px;
    color: #ffff00;
    font-family: verdana;
    font-size: 10pt;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.itemlink:hover { /* used to have hovers on itemboxes*/
    cursor: pointer; 
}

.timeago {
    display: block;
    color: #600;
    font-family: arial;
    font-size: 12px;
    text-align: right;
    width: 100%;
}

/*
.itembox:hover{
    background-color: #c4271b;
} */

.itemboxnew {
    border: 1px solid #ffae00;
    background-color: #811111;
    color: yellow;
    font-family: Verdana, Georgia, Helvetica, Arial, sans-serif;
    font-size: 10pt; /*convert to ems...*/
    line-height: 1.4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    margin: 2px;
    padding: 3px;
}

.sliderbox {
    width: 340px;
    height: 155px;
    padding-top: 2px;
    margin-left: auto;
    margin-right: auto;
}

.sliderbox a {
    font-style: none;
    text-decoration: none;
    color: inherit;
}

.sliderholder { /*slidebox requires a container to float it left for some reason */
    float: left;
    margin-left: 2px;
    margin-right: 2px;
}

.slider-full {
    width: 97%;
    float: left;
    height: 142px;
    border: 1px solid black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 0px 0px #630000;
    -webkit-box-shadow: 2px 2px 0px 0px #630000;
    box-shadow: 2px 2px 0px 0px #630000;
    margin-left: 6px;
    overflow: hidden;
    padding: 0px;
    background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_redder.png');
}

.slider-half {
    width: 47%;
    height: 142px;
    float: left;
    border: 1px solid black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 0px 0px #630000;
    -webkit-box-shadow: 2px 2px 0px 0px #630000;
    box-shadow: 2px 2px 0px 0px #630000;
    margin-left: 6px;
    overflow: hidden;
    padding: 0px;
    text-decoration: none;
    background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_redder.png');
}

.slider-onethird {
    width: 35.5%;
    height: 147px;
    float: left;
    border: 1px solid black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 0px 0px #630000;
    -webkit-box-shadow: 2px 2px 0px 0px #630000;
    box-shadow: 2px 2px 0px 0px #630000;
    margin-left: 6px;
    overflow: hidden;
    padding: 0px;
    background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_redder.png');
}

.slider-twothirds {
    width: 58%;
    height: 147px;
    float: left;
    border: 1px solid black;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 0px 0px #630000;
    -webkit-box-shadow: 2px 2px 0px 0px #630000;
    box-shadow: 2px 2px 0px 0px #630000;
    margin-left: 6px;
    overflow: hidden;
    padding: 0px;
    background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_redder.png');
}

.slider-half:hover, .slider-onethird:hover, .slider-twothirds:hover, .slider-full:hover, #pullquotebox:hover, .randbox:hover, .randboxpix:hover {
    -moz-box-shadow: 0px 0px 3px 2px #33ffff;
    -webkit-box-shadow: 0px 0px 3px 2px #33ffff;
    box-shadow: 0px 0px 3px 2px #33ffff;
    border: 1px solid #3D3E00;
}

.slidernavleft, .slidernavright {
    -moz-border-radius: 5px 2px 2px 5px;
    border-radius: 5px 2px 2px 5px;
    -webkit-border-radius: 5px 2px 2px 5px;
    width: 16px;
    height: 40px;
    float: left;
    padding: 2px;
    padding-top: 22px; /*move the arrow down*/
    margin-top: 35px;
    border: 1px solid yellow;
}

.slidernavright { /*adjust rounding for right hand side of button */
    -moz-border-radius: 2px 5px 5px 2px;
    border-radius: 2px 5px 5px 2px;
    -webkit-border-radius: 2px 5px 5px 2px;
}

.slidernavleft:hover, .slidernavright:hover {
    background-color: #c10000;
}

.boxheader, .boxheader-quote_left {
    /* background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_teal.png'); */
    font-family: Georgia, Arial;
    font-size: 13pt;
    color: #000000;
    background-color: yellow;
    text-align: center;
    padding: 2px;
}

.boxheader-quote_left {
    float:left;
    font-size: 14pt;
    -moz-border-radius: 0px 0px 5px 0px;
    border-radius: 0px 0px 5px 0px;
    -webkit-border-radius: 0px 0px 5px 0px;
    height: 15px;
}

.sliderboxcon {
    font-family: Helvetica, Arial;
    font-size: 10pt;
    text-align: center;
    text-decoration: none;
    color: white;
    padding: 4px;
}

.sliderboxcon h2, .sliderboxcon h3 {
    color: yellow;
    font-family: Georgia, Arial;
    font-size: 13pt;
    font-weight: bold;
}

.sliderboxcon h3 {
    font-size: 12pt;
    display:inline;
    color: white;
    font-family: Georgia, Arial;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25em;
}

.alerticon {
   background-image:url('http://www.redfez.net/redfez/css/custom-theme/images/ui-icons_ffff00_256x240.png');
   background-position: 0px 96px;
   width: 15px;
   height: 15px;
}

.alerticon-blue {
   background-image:url('http://www.redfez.net/redfez/css/custom-theme/images/ui-icons_004276_256x240.png');
   background-position: 0px 96px;
   width: 15px;
   height: 15px;
}

.alert {
  color: #ff0000;
  font-size: 9pt;
  font-family: arial;
  font-weight: bold;
  font-style: italic;
  }

.yellowbox {
  color: black;
  margin: 5px;
  border: solid 1px black;
  background-color: #ffff00;
  padding: 3px;
}
  
.pullquote {
  text-align: center;
  width: 130px;
  padding: 4px;
  margin: 17px 7px 7px 7px;
  font-family: georgia;
  font-style: normal;
  font-weight: normal;
  font-size: 13pt;
  line-height: 1.2em;
  color: #ffff33;
  border-color:#ffff00;
  border-width:1px; 
  border-style:solid;
  float:right;
  background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_redder.png');
  }

.bigwords { /*used for submit main text. could use useful elsewhere...*/
  text-align: center;
  padding: 4px;
  margin: 7px;
  font-family: georgia;
  font-size: 13pt;
  color: #ffff33;
  border-color:#ffff00;
  border-width:1px; 
  border-style:solid;
  }
  
  .radiobox {
      font-family: arial;
      font-weight: bold;
      padding: 4px;
      margin: 5px;
      border: 2px solid #333333;
  }
  
  .countdownbox {
      border: 1px;
      border-style: solid;
      border-color: #270000;
      background-color: #660000;
      padding: 4px;
      width:170px;
      -moz-border-radius: 15px 5px 15px 5px;
      -webkit-border-radius: 15px 5px 15px 5px;
      border-radius: 15px 5px 15px 5px;
      overflow: auto;
  }
  
  .navholder {
      border: 0px;
      background-color: #981115;
      -moz-border-radius: 2px 2px 15px 15px;
      border-radius: 2px 2px 15px 15px;
  }
  
  .navbutton {
      -moz-border-radius: 5px;
      border-radius: 5px;
      height: 19px;
      display: inline;
  }
  
  .navbutton:hover {
      background-color: #c10000;
      /*border: 1px solid #b10000;*/
  }
  
/* HEADERS */

.title {
  font-family: georgia;
  font-size: 18pt;
  font-weight: bold;
  color: #ffff33;
  text-decoration: underline;
  }

.subtitle {
  font-family: georgia;
  font-size: 13pt;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  text-align: center;
  }

.subsubtitle {
  font-family: georgia;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  color: #ffffff;
  text-align: center;
  }
  
.subsubsubtitle {
  text-align: center;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  color: #ffff33;
  }

.subsubsubtitle_black {
  text-align: center;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  /* text-decoration: underline;*/
  }
  
.subsubsubtitle_red {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  color: #bb2025;
  text-decoration: underline;
  }

h1, h2 {
  text-align: left;
  font-family: arial;
  font-size: 10pt;
  font-style: normal;
  color: #ff9900;
  display:inline;
  }

.dropcap {
  font-family: georgia;
  border: 4px double;
  padding: 3px;
  font-size: 2em;
  }
  
/* FORM STYLES */

input {
  padding-left: 2px;
  border-style: solid;
  border-color: #ffff00;
  border-width: 1px;
  margin: 3px;
  background-color:#ffff66;
  font-size: .9em;
  width: 220px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #ffcc00 url('http://www.redfez.net/redfez/images/backgrounds/striped_bg-yellow.png') repeat-x scroll 0 0;
}

input[type="radio"] {
    width: auto;
}

input[type="checkbox"] {
    width: auto;
}
/*
input[type="text"] {
    width: 220px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ffcc00 url('http://www.redfez.net/redfez/images/backgrounds/striped_bg-yellow.png') repeat-x scroll 0 0;
}
*/

/*
input.button {
  border-color:#ffff00;
  border-width:1px; 
  border-style:solid;
  background-color:#ffff66;
  filter:alpha(Opacity=75, Style=0);
  -moz-opacity:.60; opacity:.60;
}
*/

/*pure text button
.button {
  padding:5px;
  background-color: #dcdcdc;
  border: 1px solid #666;
  color:#000;
  text-decoration:none;
  border-radius: 5px;
}
*/

/*image button*/

input.button {
    background: #ffcc00 url('http://www.redfez.net/redfez/images/btngrad-yellow.gif') repeat-x scroll 0 0; 
    cursor: pointer;
    text-shadow: 1px 1px 0 #cc9900 !important;
    border-color: #990000 !important;
    border-style: solid;
    border-width: 1px !important;
    text-decoration: none;
    padding: 3px 6px 4px;
    line-height: 14px;
    font-size: 12px;
    font-family: "lucida grande", helvetica, tahoma, arial;
    display: inline-block;
    _display: inline;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    /* font-family: "helvetica neue", arial, sans-serif */
}

input.button:hover {
    background-position: 0 -400px;
}

textarea {
  border-color:#ffff00;
  border-width:1px; 
  border-style:solid;
  background-color:#ffff66;
  font-size: .9em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: url('http://www.redfez.net/redfez/images/backgrounds/striped_bg-yellow.png');
  /* filter:alpha(Opacity=75, Style=0);
  -moz-opacity:.60;opacity:.60; */
  }

fieldset.yellow {
  border-color:#ffff00;
  border-width:1px; 
  border-style:solid;
}

.submit {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  background-color: #ffff00;
  border: 2px solid #ffff00;
  }

.submit:hover {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  background-color: #bb2025;
  border: 2px solid #ffff00;
  }

.bigbutton {
  font-family: Verdana, Georgia, Helvetica, Arial, sans-serif;   
  font-size: 1em;
  color: yellow;
  border: 2px yellow solid;
  background-color: #bb2025;
  height: auto;
  padding: 3px;
  margin: 3px;
}

.bigbutton:hover {
  background-color: yellow;
  border: 2px #bb2025 solid;
  color: #bb2025;
}

.editboxleft { /*for myfez edits. */
  padding: 2px;
  float: left;
  clear: left;
  width: 59%;
}

.editboxright {
  padding: 2px;
  float: right;
  width: 38%;
}

.fullbox {
  padding: 2px;
  clear:left;
  width: 100%;
}

.miniselect {
  height: 20px;
  margin: 1px;
  padding-top: 0px;
  font: 4pt;
  font-family: verdana;
  overflow: hidden;
}
  
  
/* LINK STYLES - Need to be standardized */
  
a:link {
  color: #ff9900;
  font-size: 11pt;
  font-family: arial;
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  }
  
a:visited {
  color: #ff9900;
  font-size: 11pt;
  font-family: arial;
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  }
  
a:hover {
  color: #ffff00;
  text-decoration: underline;
  }

/*altlinks. Need to be standardized/reduced */
  
a.darklink:link {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  color: #000000;
  text-decoration: underline;
  }

a.darklink:visited {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  color: #000000;
  text-decoration: underline;
  }

a.darklink:hover {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  color: #000000;
  }

a.yellowlink:link {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  color: #ffff00;
  text-decoration: underline;
  }

a.yellowlink:visited {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  color: #ffff00;
  text-decoration: underline;
  }

a.yellowlink:hover {
  text-align: center;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  color: #ffff00;
  }

a.subtitle {
  position: relative;
  font-family: georgia;
  font-size: 13pt;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  text-decoration: underline;
  display:inline;
  }
  
a.subtitle:visited {
  font-family: georgia;
  font-size: 13pt;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  text-decoration: underline;
  display:inline;
  }

a.subtitle:hover {
  font-family: georgia;
  font-size: 13pt;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  text-decoration: none;
  display:inline;
  }

a.subtitle span{display: none}

a.subtitle:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:50px; left:0px; width:140px;
    border:2px solid ;
    background-color:#ffffff; color:#000;
    text-align: center;
    font: 11px Verdana, sans-serif;
    }

a.poplink{
    position:relative; 
    text-decoration:underline;
    }

a.poplink:visited{
  color: #ff9966;
  font-size: 11pt;
  font-family: arial;
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  }

a.poplink:hover{z-index:25; text-decoration:none;}

a.poplink span{display: none;}

a.poplink:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom: 7px; right: -170px; width:140px;
    border:2px solid ;
    background-color:#ffffff;
    color:#000;
    text-align: center;
    font: 11px Verdana, sans-serif;
    text-decoration:none;
    }

a.poplinkindex{
    position:relative; /*this is the key*/
    z-index:7;
    text-decoration:underline;
    }

a.poplinkindex:hover{z-index:8; text-decoration:none;}

a.poplinkindex span{display: none}

a.poplinkindex:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom: 7px; right: -170px; width:180px;
    border:2px solid ;
    background-color:#ffffff; color:#000;
    text-align: center;
    font: 11px Verdana, sans-serif;
    text-decoration:none;
    }

a.poplinkleft{
    position:relative; 
    z-index:7;
    text-decoration:underline;
    }

a.poplinkleft:visited{
  color: #ff9966;
  font-size: 11pt;
  font-family: arial;
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  }

a.poplinkleft:hover{z-index:8; text-decoration:none;}

a.poplinkleft span{display: none}

a.poplinkleft:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom: 7px; left: -190px; width:170px;
    border:2px solid ;
    background-color:#ffffff; color:#000;
    text-align: center;
    font: 11px Verdana, sans-serif;
    text-decoration:none;
    }
  
a.fakebutton {
    background: #ffcc00 url('http://www.redfez.net/redfez/images/btngrad-yellow.gif') repeat-x scroll 0 0; 
    color: #400000;
    cursor: pointer;
    text-shadow: 1px 1px 0 #cc9900 !important;
    border-color: #990000 !important;
    border-style: solid;
    border-width: 1px !important;
    text-decoration: none;
    padding: 3px 6px 4px;
    line-height: 14px;
    font-size: 12px;
    font-family: "lucida grande", helvetica, tahoma, arial;
    display: inline-block;
    _display: inline;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /* font-family: "helvetica neue", arial, sans-serif */
}

.fakelink {
  font-size: 9pt;
  color: grey;
  line-height: 1.5em;
}

.fakelink:hover {
    cursor: pointer;
    text-decoration: underline;
}
/* SITE STRUCTURE */

#container
{
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/*
#leftnav
{
  background:url('curtainleft.png') no-repeat top right;
  float: left;
  width: 30px;
  margin-right: auto;
  padding: 1em;
  border: 1px solid black;
  height: 230px;
}

#rightnav
{
  background:url('curtainright.png') no-repeat;
  float: right;
  width: 30px;
  margin-right: auto;
  padding: 1em;
  border: 0px;
  height: 230px;
}
*/

.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  top: 47px;
  margin-left: auto;
  margin-right: auto;
  border-left: 2px #900000 solid;
  border-right: 2px #900000 solid;
  border-bottom: 2px #900000 solid;
  max-width: 900px;
  min-width: 900px;
  overflow:hidden;		/* This chops off any overhanging divs */
  background-image: url('images/fade-hat2.gif');
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #bb2025;
  padding: 0px 0px;
  /* border: 1px solid pink; */
  /* background-color: #f7f7f7; */
  /* background-image: url('images/fade-hat2.gif'); */
}

/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;			/* width of page */
  position:relative;
}

.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding: 0px;	/* paddings for columns - no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
}

/* 3 Column settings */
.threecol {
  /* right column background colour */
  /* border: 1px solid blue; */
  padding-bottom: 15px; 
}

.threecol .colmid {
  right:25.7%;			/* width of the right column holder*/
  border-left: none;
  margin-top: 10px;
  /* border: 1px solid red; */
}

.threecol .colleft {
  right:48.5%;			/* size of greenbox - width of the left column holder */
  border-left: none;
  /*text-align: center; */
  /* border: 1px solid green; */
}

.threecol .col1 {
  width:46.5%;			/* size of orangebox/middle column - width of center column content (column width minus padding on either side) */
  left:101%;			/* position of orangebox/middle column - 100% plus left padding of center column */
  padding: 0px;
  /* border: 1px solid orange; */
}
.threecol .col2 {
  width:24.5%;			/* size of yellowbox/left column - Width of left column content (column width minus padding on either side) */
  left:28%;			/* position of yellowbox/left column - width of (right column) plus (center column left and right padding) plus (left column left padding) */
  padding: 0px;
  /* border: 1px solid yellow; */
}
.threecol .col3 {
  width:24.5%;			/* size of brownbox/right column - Width of right column content (column width minus padding on either side) */
  left:78%;       /* position of brownbox/right column - (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ 
  padding: 0px;
  /* border: 1px solid brown; */
}

#topbar {
  height: 45px;
  width: 100%;
  background-color: #b20005; /*#a20005*/
  margin: 0px;
  border-bottom: 2px #900000 solid;
  text-align: center;
  margin: 0px;
  z-index: 10; /*used for logo to overhang*/
  position: absolute;
  /*
  line-height: 17px;
    font-size: 15px;
    font-family: "lucida grande", helvetica, tahoma, arial;
    font-weight: normal;
  */
}

#topbar:hover{
  background-color: #d00000;
}

#mainlinks {
  width: auto;
  padding-top: 4px;
  color: #700; /* #efc000; #600000; */
  font-weight: bold;
  font-style: normal;
  overflow-x: visible;
  overflow-y: none;
  white-space: nowrap;
}

#mainlinks a {
  font-size: .8em;
  color: black; /* #8becee; #f7d2d2; black, eb0000, */
  text-decoration: none;
  font-family: verdana;
  font-weight: bold;
  font-style: normal;
}

#mainlinks a:hover {
  text-decoration: underline;
  color: yellow;
}

#righttopbar {
  height: 43px;
  width:180px;
  float: right;
  /* border: 1px solid black; */
  padding: 0px;
  margin: 0px;
}

a.welcomename {
  color: black;
  font-family: verdana;
  font-size: 1em;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
}

a.welcomename:hover {
  color: yellow;
}

#login{
  max-width:190px;
  min-width:110px;
  height: 45px;
  float: right;
  text-align: center;
  vertical-align: middle;
  color: black;
  font-family: verdana;
  font-size: 12px;
  border-left: 1px solid #a50000;
  border-right: 1px solid #950000;
}

#login:hover{
  background-color: #900000;
  color: yellow;
  border: 0px 1px solid #900000;
  border-bottom: solid 2px #700000;
}

#login span{
  display: none;
}

#login:hover span{
  display: block;
  border: 1px solid maroon;
  border-top: 0px;
  font-size: 10px;
  background-color: #900000;
  position: relative;
  border-top: solid 1px #800000;
}

#login:hover span a{
  font-size: 12px;
  font-family: verdana;
  font-weight: normal;
}

#bottombar {
  position: relative;
  top: 42px;
  width: 100%;
  /* background-color: #700000;  c2c2c2, 660000 */
  color: #250000; /* ffc000, 250000 */
  margin: 0px 0px 0px 0px;
  border-top: 0px #550000 solid; /*707070*/
  text-align: center;
  padding-top: 0px;
}

#copyright {
    text-align: center;
    top: 42px;
}

.bottompane-cat {
    float: left;
    width: 152px;
}

a.bottompane-dark-main {
    color: #700;
    font-family: Georgia, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    line-height: 1.8em;
}

a.bottompane-dark-main:hover {
    color: #3d0000;
    text-decoration: none;
}

a.bottompane-dark {
    color: #000;
    font-family: georgia;
    font-weight: normal;
    font-style: normal;
    font-size: .9em;
    line-height: 1.35em;
    text-decoration: none;
    /* -webkit-text-stroke: 1.0px #000000; */
    opacity:0.75;
    filter:alpha(opacity=75);
}

a.bottompane-dark:hover {
    opacity:1;
    filter:alpha(opacity=100);
    text-decoration: underline;
}


a.bottompane-lite-main {
    color: #d00;
    font-family: Georgia, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    line-height: 1.8em;
}

a.bottompane-lite-main:hover {
    color: #ff5555;
    text-decoration: none;
}

a.bottompane-lite {
    color: #fff;
    font-family: georgia;
    font-weight: normal;
    font-style: normal;
    font-size: .9em;
    line-height: 1.35em;
    text-decoration: none;
    /* -webkit-text-stroke: 1.0px #000000; */
    opacity:0.75;
    filter:alpha(opacity=75);
}

a.bottompane-lite:hover {
    opacity:1;
    filter:alpha(opacity=100);
    text-decoration: underline;
}

/* BOX STYLES */

#pullquotebox, #pullquotebox a {
  width: 140px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid yellow;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0px;
  /*
  font-family: Palatino, Georgia;
  font-weight: normal;
  line-height: 1.3em;
  */
  font-size: 1.2em;
  text-decoration: none;
  font-style: normal; 
  color: white;
  background-color: #a60000;
}

.dropbutton, .dropbuttondark {
  display: block;
  padding: 2px;
  min-height: 20px;
  line-height: 140%;
  font-family: arial;
  font-size: 1.1em;
  font-style: normal;
  margin: 0px;
}

.dropbutton {
  border-bottom: solid 1px #700000;
  background-color: #800000;
}

.dropbuttondark {
  background-color: #700000;
  border-bottom: solid 1px #650000;
  color: #f17900;
}

.dropbutton:hover, .dropbuttondark:hover {
  background-color: #d00000;
  color: yellow;
}

.pagebox {
  margin: 10px 3px;
}

.randbox, .randboxpix { /*used for 'most popular', pullquote, etc boxes holder */
    border: 1px;
    border-style: solid;
    border-color: #ffff00;
    background-color: #ffff00;
    padding: 1px;
    width:125px;
    margin-right: auto;
    margin-left: auto;
    -moz-border-radius: 15px 5px 15px 5px;
    border-radius: 15px 5px 15px 5px;
    -webkit-border-radius: 15px 5px 15px 5px;
    text-align: center;
}

.randboxpix { /*used for image boxes */
    overflow: hidden;
    height: 125px;
    padding: 0px;
    border-color: black;
}

.pagebox a, randbox a, randboxpopcon a {
    font-style: none;
    text-decoration: none;
    color: inherit;
}

.randbox-head {
    border: 0px;
    background-color: #ffff00;
    padding: 4px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.randbox-foot {
    style="border: 0px;
    background-color: #ffff00;
    -moz-border-radius: 4px;
    border-radius: 7px;
    padding: 2px;"
}

.randboxcon { /*content for the randbox */
    -moz-border-radius: 2px 4px 2px 4px;
    border-radius: 2px 4px 2px 4px;
    -webkit-border-radius: 2px 4px 2px 4px;
    background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_redder.png');
    padding: 4px 2px;
    color: white;
}

.randboxpopcon { /*content for the randbox */
    -moz-border-radius: 2px 4px 15px 4px;
    border-radius: 2px 4px 15px 4px;
    -webkit-border-radius: 2px 4px 15px 4px;
    color: white;
    background-image: url('http://www.redfez.net/redfez/images/backgrounds/fabric_plaid_redder.png');
    padding: 4px 2px;
}

.readmorebox {
    width: 380px;
    padding: 6px;
    font-family: Verdana, arial;
    font-size: 10pt;
    border: 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #000000;
    background-color: #ffff33;
    color: #000000;
    margin-right: auto;
    margin-left: auto;
    clear: both;
}

.submitbox {
    border: 2px solid yellow;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: yellow;
    background-color: #660000;
}

.triangle-down {
  display: inline;
  border-color: yellow transparent transparent transparent;
  border-style: solid;
  border-width: 4px;
  height:0;
  width:0;
  margin: 2px;
  position:relative;
  top:12px;
}

.triangle-up {
  display: inline;
  border-color: transparent transparent yellow transparent;
  border-style: solid;
  border-width: 4px;
  height:0;
  width:0;
  margin: 2px;
  position:relative;
  top:-10px;
}

.triangle-right {
  display: inline;
  border-color: transparent transparent transparent yellow;
  border-style: solid;
  border-width: 4px;
  height:0;
  width:0;
  margin: 2px;
  position:relative;
}

.triangle-left {
  display: inline;
  border-color: transparent yellow transparent transparent;
  border-style: solid;
  border-width: 4px;
  height:0;
  width:0;
  margin: 2px;
  position:relative;
}

/* Pagination navigation */
#pagenav{position:absolute; z-index: 1000; display: inline; width: 10px;}
#pagenav ul .item{display:none;}
#pagenav ul:hover .item{display:block;background:#FFFF00;padding:0px;margin:1px;}
 
#pagenav ul:hover .item a{color:#000000; background: #FFFF00; text-decoration:none;}
#pagenav ul:hover .item a:hover{background: #990000; color:#FFCC00; font-weight: normal; width: 15px;}
 
#pagenav ul{float:left;margin:0px;padding:0px 2px; background:#FFFF00;list-style:none; color:#000000; border-style: solid; border-width: 1px; border-color:#990000;}
.clear{clear:both;height:10px;}


/*OTHER*/

span.roundimg {
    float: left;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #811111;
    overflow: hidden;
    display: block;
}

span.roundimg:hover {
    border-color: yellow;
}

span.roundimg img{
    opacity: 0;
}

#finderfriends {
    float: right;
    width: 280px;
    min-height: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ffff99 url(\'http://www.redfez.net/redfez/images/backgrounds/striped_bg-yellow.png\') repeat-x scroll 0 0;
    border-style: solid;
    border-color: #ffff00;
    border-width: 1px;
    margin:0 auto;  
    cursor:text;
    padding-left: 3px;
}  

#finderfriends span {  
    display:block; margin:1px 4px 0px 0px; padding:2px;  
    position:relative; float:left; background-color:#eee;  
    border:1px solid #333; -moz-border-radius:7px;  
    -webkit-border-radius:7px; border-radius:7px; color:#333;  
    font:normal 11px Verdana, Sans-serif;  
}

#finderto {  
    width:275px; margin:1px 2px 6px 1px; padding:0px;  
    position:relative; top:2px; float:left; border:none; background: none; 
}