/* =============================================================
CSS Simple Forum Version 2.0
millo-skin by millo.org
============================================================= */

@import url('../../sf-framework.css');

/* =============================================================
#sforum: Main Outer Container for everything
============================================================= */
#sfversion {display:none!important;}

#sforum,
#sforum div,
#sforum p,
#sforum h1,
#sforum h2,
#sforum h3,
#sforum h4,
#sforum small,
#sforum span,
#sforum img,
#sforum form {
  color: #6a6a5a;
  border-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: left;
}

#sforum a,
#sforum a:link,
#sforum a:active,
#sforum a:visited {
  background-color: transparent;
  color: #060;;
  border-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: left;
}

#sforum {
  background: #FAFBFC;
  font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
}

#sforum a:hover {
  color: #900!important;
}

/* =============================================================
#sfloginstrip: User Login/Registration Strip
============================================================= */

#sforum .sfloginstrip {
  border: 1px solid #cc9;
  background-color: #FFF;
  margin: .4em 0;
  padding: .2em;
  font-size: 12px;
  line-height: 1.9em;
  text-align: left;
}

#sforum .sfloginstrip .sfusercell {
  font-weight: normal;
  font-size:100%;
}

#sforum .sfloginstrip .sflogincell {
  text-align: right;
}

#sforum .sfloginstrip .sfnewcount,
#sforum #sfbottomiconstrip .sfnewcount {
  border: 1px solid #D8DEEB;
  padding: .1em .4em;
  font-size: 80%;
}

/* =============================================================
#sfmessagestrip: Breadcrumb, Message Strip, Search Strip etc
============================================================= */

#sforum .sfmessagestrip {
  background: #FDFDFD url( fade-heading.png ) repeat-x 0px -2px;
  border: 1px solid #D5CDBF;
  margin: .8em 0;
  padding: .2em;
  font-size: 90%;
  font-weight: normal;
}

#sforum .sfmessagestrip select#sfquicklinks {
  float: right;
  font-size: 90%;
  font-weight: normal;
}

#sforum .sfmessagestrip #sfquicklinks option {
  padding: .04em;
}

/* =============================================================
#sfblock: A complete forum block container (forum, topic, post)
============================================================= */

#sforum .sfblock {
  border: 1px solid #cc9;
  margin: 1.2em 0 0 0;
}

#sforum .sfblock img {
  margin-bottom: -.5em;
  margin-left: .1em;
}

/* =============================================================
.sfheading: Group/Forum/Topic Name (Main Heading)
============================================================= */

#sforum .sfheading {
  background: #FFF url( fade-entry1.png ) repeat-x 0% 0%;
  height: auto;
  padding:10px 0;
}

#sforum .sfheading .sficoncell {
  width: 2em;
}

#sforum .sfheading .sficoncell img {
  margin: .4em;
}

#sforum .sfheading p {
  color: #202B33;
  margin: 0;
  padding: .1em 0 0 .5em;
  font-size: 110%;
  font-weight: bold;
}

#sforum .sfheading small {
  color: #6a6a5a;
  padding: 0;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 90%;
}

/* =============================================================
.sfforumtable: Forum/Topic tables
============================================================= */

#sforum .sfforumtable {
  border: 1px solid #fff;
  border-spacing: .1em;
}

#sforum .sfforumtable th {
  background: #F6F7FA url( fade-heading.png ) repeat-x 0px -2px;
  border: 1px solid #D5CDBF;
  color: #202B33; 
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}

#sforum .sfforumtable td {
  border: none;
  background: #FAF9F8 url( fade-entry.png ) repeat-x 0px -2px;
  margin: 0;
  padding: 0 0 .4em 0;
}

#sforum .sfforumtable .sficoncell {
  width: 2em;
}

#sforum .sfforumtable .sficoncell img {
  margin: .4em;
}

#sforum .sfforumtable .sfnewposticoncell {
  background: #FDFDFD url( fade-heading.png ) repeat-x 0px -2px;
  width: 2em;
}

#sforum .sfforumtable .sfnewposticoncell img {
  margin: .4em .4em 0 .4em;
}

#sforum .sfforumtable td a {
  font-weight: normal;
  font-size: 100%;
}

#sforum .sfforumtable td p {
  padding: 0 .35em 0 .45em;
}

#sforum .sfforumtable td small {
  padding: 0;
  font-family: inherit;
  font-size: 90%;
  line-height: 1em;
}

#sforum .sfforumtable .sfcounts {
  border: inherit;
  width: 5%;
  text-align: center;
}

/* =============================================================
.sfforumtable: New Post tables
============================================================= */

#sforum .sfforumtable .sfnewpostforum {
  background: #FDFDFD url( fade-heading.png ) repeat-x 0px -2px;
}

#sforum .sfforumtable .sfuserdetails {
  border: inherit;
  width: 17%;
  margin: 0;
}

#sforum .sfforumtable .sfuserdetails p {
  font-family: inherit;
  font-weight: normal;
  font-size: 80%;
  text-align: center;
  line-height: 1.1em;
}

/* =============================================================
.sffooter & .sfpagelinks: Forum Page links in sffooter
============================================================= */

#sforum .sffooter {
  background: #FDFDFD url( fade-heading.png ) repeat-x 0px -2px;
  color: #202B33;
  height: auto;
  margin: .5em 0 0 0;
}

#sforum .sfpagelinks {
  padding .4em 0 .4em .15em;
  font-weight: normal;
  font-size: 90%;
}

#sforum .sfpagelinks a,
#sforum .sfpagelinks a:link,
#sforum .sfpagelinks a:active,
#sforum .sfpagelinks a:visited,
#sforum .sfpagelinks a:hover {
  border: 1px solid #697689;
  color: inherit;
  margin: 0;
  padding: 0 2px;
}

#sforum .sfpagelinks img {
  margin-bottom: -.2em;
  padding: 0;
}

#sforum .sfpagelinks a.sfpointer {
  border: none !important;
}

#sforum .sfpagelinks a.current {
  background: #599D54;
  color: #fff;
}

#sforum .sfpagelinks a:hover {
  background: #E4C998;
  color:#000!important;
  font-weight:bold;
}

/* =============================================================
#sfbottomiconstrip: RSS icon and Go To Top icon
============================================================= */

#sforum #sfbottomiconstrip a {
  font-weight: normal;
  font-size: 85%;
}

/* =============================================================
.sfposttable: The Posts Page
============================================================= */

#sforum .sfposttable {
  border: 1px solid #fff;
  border-spacing: .1em;
}

#sforum .sfposttable th {
  background: #FDFDFD url( fade-heading.png ) repeat-x 0px -2px;
  border: 1px solid #d5cdbf;
  color: #202B33;
  text-align: center;
  font-size: 100%;
}

#sforum .sfposttable td {
  border-bottom: 3px double #d5cdbf;
  background: #FDFDFD;
}

/* =============================================================
.sfposttable: User Details - Left and Above
============================================================= */

#sforum .sfposttable .sfuserinfoside {
  background: #EFECE7;
  border: inherit;
  border-bottom:3px double #d5cdbf;
  width: 7em;
}

#sforum .sfposttable .sfuserinfoside p {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 90%;
  text-align: center;
  line-height: 1.2em;
  vertical-align: top;
}

#sforum .sfposttable .sfuserinfoside .sfuseravatar {
  text-align: center;
}

#sforum .sfposttable .sfuserinfoside .sfavatar {
  padding: .5em 0;
}

#sforum .sfposttable .sfuserinfoside .proflink img {
  float: right;
}

#sforum .sfposttable .sfuserinfoabove {
  background: #DEDEED;
  border: inherit;
  vertical-align: top;
}

#sforum .sfposttable .sfuserinfoabove p {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 90%;
  text-align: left;
  line-height: 1.2em;
  vertical-align: top;
}

#sforum .sfposttable .sfuserinfoabove .sfavatar {
  float: left;
  padding: 0 .5em .9em 0;
} 

#sforum .sfposttable .sfuserinfoabove .proflink img {
  float: left;
  padding: 0 .7em 3em 0;
}

#sforum .sfposticonstrip {
  border: 1px solid #D8DEEB;
  background: #FDFDFD url( fade-heading.png ) repeat-x 0px -2px;
  height: 2em;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 90%;
  vertical-align: top;
}

#sforum .sfposttable .sfpostcontent .sfposticonstrip a {
  color: #202B33;
  text-decoration: none;
  cursor: pointer;
}

#sforum .sfposttable .sfpostcontent .sfposticonstrip .formlink a {
  position: relative;
  margin-top: -2px;
}

/* =============================================================
.sfpostcontent: The Post Content
============================================================= */

#sforum .sfposttable .sfpostcontent p {
  overflow: hidden;
  margin: 4px 0px 0px 0px;
  padding: 3px 15px 3px 24px;
  font-size: 110%;
  color: #202B33;
}

#sforum .sfposttable .sfmoderate {
  background: #EEF0F2;
  color: #202B33;
}

#sforum .sfposttable .sfpostcontent blockquote {
  background: #EEF0F2;
  color: #202B33;
  border: 1px dotted #A0ACB8;
  margin: 5px 10px 5px 22px;
}

#sforum .sfposttable .sfpostcontent .replyquote {
  background: #EEF0F2;
  color: #202B33;
  border: 1px dotted gray;
  margin: 5px 10px 5px 22px;
}

#sforum .sfposttable .sfpostcontent img {
  margin-left: 3px;
  margin-top: 5px;
}

#sforum .sfposttable .sfpostcontent a {
  text-decoration: underline;
}

#sforum .sfposttable .sfpostcontent cite {
  background: #FFFFF0;
  border: 1px dotted #A0ACB8;
}

#sforum .sfposttable .sfpostcontent .sfpinned {
  background: #F7FFF0;
}

#sforum .sfposttable .sfpostcontent small {
  color: #003399;
  font-family: inherit;
  margin: 0;
  padding: 0;
}

#sforum .sfposttable .sfpostcontent ul,
#sforum .sfposttable .sfpostcontent ol,
#sforum .sfposttable .sfpostcontent ul li,
#sforum .sfposttable .sfpostcontent ol li
{
  font-size: 110%;
}

#sforum .sfposttable .sfpostcontent hr {
  border: 1px solid #D5CBFB;
}

#sforum .sfposttable .sfpostcontent span.sfcode,
#sforum .sfposttable .sfpostcontent div.sfcode {
  background: #EBEBEB; 
  color: maroon !important; 
  padding: 3px 15px 3px 24px;
  font-family: Courier !important;
}

/* =============================================================
.sfmanageicons - Topic and Post Views
============================================================= */

#sforum .sfforumtable .sfmanageicons form,
#sforum .sfposttable .sfmanageicons form {
  margin: 0;
  padding: .6em 0 0 0;
  text-align: center;
  vertical-align: top;
}

#sforum .sfposttable .sfmanageicons .sfposticonstrip p {
  color: #777777;
  text-align: center;
  font-weight: normal;
}

/* =============================================================
.sfadditemcell: New Topic/New Post Icons
============================================================= */

#sforum .sfheading .sfadditemcell,
#sforum .sffooter .sfadditemcell,
#sforum .sfheading .sfadditemcell a,
#sforum .sffooter .sfadditemcell a {
  color: #202B33;
  cursor: pointer;
  margin: 0;
  padding: .2em .2em 0px 0px;
  text-align: right;
  font-size: 95%;
  font-weight: normal;
}

/* =============================================================
#sfstatstrip - forum statistics table
============================================================= */

#sforum #sfstatstrip {
  background: #fff url( fade-stats.png ) repeat-x 0px -2px;
}

#sforum #sfstatstrip th,
#sforum #sfstatstrip td {
  color: #999999;
  border: 1px solid #cc9;
  font-family: inherit;
  font-weight: normal;
  font-size: 95%;
  vertical-align: top;
}
#sforum #sfstatstrip th {height: 25px;background: #fff url( fade-butt.png ) repeat-x 0px 0px}
#sforum #sfstatstrip p {
  color: #666666;
  padding-left: .8em;
  padding-top: .4em;
  font-weight: normal;
  font-size: 95%;
  vertical-align: top;
  line-height: 1.1em;
}

/* =============================================================
Hidden Help and Acknowledgement Boxes
============================================================= */

#sforum #sfhelpbox,
#sforum #sfacknowledge {
  background-color: #FFFFFF;
  border: 1px solid #D8DEEB;
  padding: .8em;
}

#sforum #sfhelpbox ul,
#sforum #sfacknowledge p {
  color: #202B33;
}

/* =============================================================
Some General Classes
============================================================= */

#sforum .sficon,
#sforum .sficon a {
  color: #202B33 !important;
  border: none;
  font-weight: normal;
  text-decoration: none;
}

#sforum .sficon img {
  border: none;
  margin-bottom: -4px;
  padding: 0 4px 0 4px;
}

.sfmessage {
  background: #8B98A5;
  color: #FFFFFF;
  border: 1px solid #D8DEEB;
  padding: 2px;
  margin: 1em 0 1em 0;
  font-weight: bold;
  font-size: 90%;
}

#sforum #sfversion {
  background: #FFFFFF;
  color: #444444;
  border: 1px solid #D8DEEB;
  margin: 0px;
  padding: 0px;
  font-family: inherit;
  font-weight: normal;
  font-size: 75%;
  text-align: center;
}

#sforum #sfversion a {
  color: #444444;
}

.sfalignright {
  float: right;
}

.sfalignleft {
  float: left;
}

.sfclear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* =============================================================
.sfsearchform/.sfentryform: Form Fieldset Styling & Controls
============================================================= */

#sforum #sfentryform,
#sforum #sprofileform {
  color: #202B33;
  width: 100%;
}

#sforum #sfentryform fieldset,
#sforum form fieldset {
  border: 1px solid #D8DEEB;
  color: #202B33;
  padding: 5px;
  text-align: left;
}

#sforum form {
  padding: 2px 10px 2px 10px;
}

#sforum form p {
  color: #202B33;
  padding-top: 6px;
}

#sforum #sfentryform form,
#sforum #sfsearchform form,
#sforum #sfprofileform form {
  color: #202B33;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
}

#sforum #sfentryform form #sfhide {
  display: none;
}

#sforum #sfprofileform {
  border: 1px solid #D8DEEB;
  background: #FFF;
  padding: 10px;
}

#sforum #sfprofileform fieldset {
  color: #202B33;
}

#sforum #sfprofileform fieldset p {
  color: #202B33;
  font-size: 100%;
}

/* =============================================================
.Forms, Controls and QuickTag styling
============================================================= */

.sfcontainer {
  width: 80%;
}

.sftextcontrol {
  width: 70%;
}
  
.quicktags {
  margin: 2px 2px 0px 2px;
  font-size: 100%;
}

.quicktags textarea {
  width: 90%;
  font-size: 100%;
}

.sfeditpost textarea {
  width: 100%;
  font-size: 100%;
  margin: 6px 0 2px 0;
  padding: 0;
}
  
.sfcontrol,
.sfacontrol,
.qtbutton {
  border: 1px solid #D8DEEB;
  background: #FCFCFE url( fade-butt.png ) repeat-x 0px -2px;
  color: #202B33;
  font-family: inherit;
  font-size: 100%;
  padding: 3px;
  margin-right: 2px;
}

.sfalink {
  border: 1px solid #5364AE !important;
  background: #fff url( fade-butt.png ) repeat-x 0px -2px;
  color: #202B33 !important;
  font-family: inherit;
  font-size: 100% !important;
  padding: 4px !important;
  margin-right: 2px;
}

.sfcontrol:hover,
.sfacontrol:hover,
.qtbutton:hover,
.sfalink:hover {
  background: #FCFCFE url( fade-butt.png ) repeat-x 0px -2px;
  border: 3px double #d5cdbf;
  color: #202B33 !important;
}

.qttext {
  border: 1px solid #D8DEEB;
  font-family: inherit;
  padding: 3px;
}

.quicktags #ed_strong {
  font-weight: bold;
}

.quicktags #ed_link {
  color: blue;
  text-decoration: underline;
}

.quicktags #ed_del {
  text-decoration: line-through;
}

.quicktags #ed_em {
  font-style: italic;
}

.quicktags #ed_code {
  font-family: "Courier New", Courier, mono;
  margin-bottom: 2px;
}
.sf-group {
  font-size: 160% !important;
}