/*
Theme Name: KC8Flo Simplex
Theme URI: http://www.8flo.com
Description: KC's theme for 8Flo Phase 1
Author: Kasey Wong
Author URI:
Version: 3.0
*/


body {
  font-family: Helvetica Neue, Tahoma, Arial, sans-serif;
  margin: 0px;
  font-size: 0.9em;
  color: #111111;
  background-color: #ffffff;
}

a {
  text-decoration: none;
  color: #551144;
}

a:visited {
  color: #551144;
}

a:hover {
  color: #8822dd;
}

a img {
  border: 0px solid #777777;
}

a:hover img {
  border: 0px solid #8822dd;
}



ul {
  padding: none;
  margin: 0px;
  list-style: none;
  list-style-image: none;
}

li {
  margin: none;
  padding: none;
  padding-bottom: 0.5em;
  list-style: none;
}


#bannerLeaderBoard a img {
  text-decoration: none;
  border: 0px;
}

#about8flo {
  padding: 0px;
  border: 0px solid #999999;
}

.pagePostMenu {
  position: relative;
  float: right;
}

.postPageMenu,
.postPageMenu select {
  font-size: 0.9em;
}

option.current {
  font-weight: bold;
}

/*** Top nav Menu ***/

#topNavMenu {
  position: fixed;
  min-width: 600px;
  margin: auto;
  background-color: #dddddd;
  z-index: 10;
  opacity: 0.9;
  filter:alpha(opacity=90);
}

#topNavMenu a {
  color: #000000;
}

#topNavMenu a:hover {
  color: #8822dd;
}

.menuTab {
  border: 1px solid #7722cc;
  background-color: #bb44ff;
  color: #ccc;
  
  padding: 2px 10px 2px 10px;
  margin: 2px;
  font-size: 0.9em;
  
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}


#topNavMenu .menuTab a {
  color: #ffffff;
}

#topNavMenu .menuTab a:hover {
  color: #eee;
  text-decoration: underline;
}

.firstTab {
  padding-left: 10px;
}

.userTab {
  margin-right: 20px;
}

#topNavMenu .automotive {
  border: 1px solid #f11;
  background-color: #711;
}

#topNavMenu .automotive a {
  color: #fff;
}


/*** Category menu ***/

#navCategory {
  padding-top: 10px;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
}


.navCategoryButton {
  padding: 2px 5px 5px 5px;
  border-right: 1px solid #000000;
  color: #551144;
}


.navCategoryButton:first-child {
 border-left: 1px solid #000000;
}

.activeCategory:visited,
.activeCategory {
  color: #8822dd;
}


.subNav {
  text-align: center;
}

#bannerLeaderBoard {
  text-align: center;
  width: 100%;
  height: 65px;
  background-color: #ffffff;
}

#mastHead {
  padding: 0px;
  margin: auto;
  border: 0px;
  padding-left: 1em;
  padding-right: 1em;
  border-bottom: 2px solid #000000;
}


#wrapperTable {

}


/** Side bars **/

.sideBar {
  padding: 5px;
  width: 200px;
  padding-right: 10px;
}

.sideBar ul {
  padding: 0.5em;
}

.sideBar ul > div ,
.sideBar ul > form {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}

#sideBarRight {
  width: 240px;
  padding-right: 0px;
  padding-left: 10px;
}


#mainContent {
  width: 640px;
  padding: 3px;
}


/** highlight **/

#highlightBox {
  padding-bottom: 5px;
}

#highlights {
  position: relative;
  height: 320px;
  width: 640px;
  overflow: hidden;
  vertical-align: text-top;
}

.hlCategory {
  font-size: 0.9em;
  font-style: italic;
  color: #777777;
}

.hlTitle {
  font-family: Arial;
  font-weight: 900;
  font-size: 1.3em;
  letter-spacing: -1px;
}

.hlSelector {
}

.hlSelector a {
  display: inline-block;
  font-size: 12px;
  border: 1px solid #888888;
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
  text-align: center;
  background-color: #aaaaaa;
  color: #eeeeee;
}

.hlSelector a:hover {
  background-color: #cccccc;
}

.hlSelector a.active {
  background-color: #aa44ee;
  border: 1px solid #aa44ee;
}

.hlContent {
  position : absolute;
  left: 0px;
  z-index: 1;
  overflow: hidden;
  width: 640px;
  height: 280px;
  margin: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  display: none;
  opacity: 1.0;
}

.hlContent.placeholder {
  border-top: 2px solid #dddddd;
  display: block;
}

.hlArticleOverlay {
  position: absolute;
  width: 640px;
  top: 223px;
  height: 60px;
  background-color: #eeeeee;
  opacity: 0.8;
  filter:alpha(opacity=80);
}

.hlArticleSummary {
  position: absolute;
  width: 640px;
  top: 224px;
  height: 58px;
}


.hlArticleInfo {
  font-family: Arial, sans-serif;
  font-weight: 900;
  font-size: 1.2em;
  letter-spacing: -1px;
}

.hlArticleType {
  color: #bb44ff;
  padding: 0px 3px 0px 3px;
}

.hlArticleCategory {
  position: absolute;
  width: 640px;
  height: 1.3em;
  padding: 3px;
  padding-left: 10px;
  top: 0px;
  background-color: #bb44ff;
  font-weight: 900;
}

.hlArticleCategory a {
  color: #ffffff;
}

.hlArticleCategory a:hover {
  color: #000000;
}

.hlArticleExcerpt {
  font-weight: normal;
  font-size: 0.9em;
  padding: 0px 3px 0px 3px;
}



.hlBgImg {
  position: absolute;
  height: 280px;
  overflow: hidden;
}







/*** Quotes ***/

.kuotes {
  font-family: Times New Roman, serif;
  font-size: 0.8em;
}

.kuoteText {
  text-align: center;
  font-weight: 900;
  font-size: 1em;
}

.kuoteAuthor {
  font-weight: normal;
  font-style: italic;
}

.kuoteImg {
  border: 1px solid #333333;
  padding: 5px;
}


/*** Category Latest ***/


#allCategoryLatest {
  border-top: 3px solid #333333;
}

.categoryLatest {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  list-style-position: outside;
  display: inline;
}

.categoryLatest li {
  padding: 3px;
}

.categoryLatest a {
  font-size: 0.9em;
  color: #333333;
}

.categoryLatest a:hover {
  color: #8822dd;
}

li.catName {
  font-weight: bold;
  color: #8822dd;
  padding-bottom: 1px;
  padding-top: 0.3em;
}

/*** article listing ***/

.featuredTitle {
  font-family: Arial;
  font-weight: 900;
  font-size: 1.3em;
  letter-spacing: -1px;
}

#articleList {
  border-top: 3px solid #333333;
}

.articleListing {
  width: 300px;
  padding: 0px;
  padding-top: 5px;
  border: 0px solid #ff0000;
  position: relative;
}


.articleThumbnail {
  width: 300px;
  height: 200px;
  padding: 0px;
  border: 1px solid #777777;
  overflow: hidden;
}

.articleThumbnail a img {
  border: 0px;
}

.articleCategory {
  font-weight: 900;
  border-bottom: 1px solid #777777;
  padding-bottom: 3px;
}

.articleTitle {
  font-weight: bold;
}

.articleExcerpt {
  padding: 3px;
}

.articleOverlay {
  background-color: #8822dd;
  height: 1.5em;
  width: 302px;
  opacity: 0.7;
  filter:alpha(opacity=70);
  position: absolute;
  top: 5px;
}

.articleType {
  position: absolute;
  top: 5px;
  width: 290px;
  color: #ffffff;
  font-weight: bold;
  border: 0px solid #000000;
  padding: 2px;
  padding-left: 4px;
}

.articleListing td {
  padding-bottom: 15px;
}

.col1 {
  padding-right: 30px;
}

/*** Wordpress Article Navigation **/
#navigation {
  width: 400px;
}



/*** posts ***/

#content {
  margin: auto;
  width: 800px;
}

.postInfo {
  font-size: 0.8em;
  color: #777777;
}

.postTitle {
  font-weight: bold;
  font-size: 1.1em;
}

.postAuthor {
  display: inline;
}

.postDate {
  display: inline;
}

.postType {
  display: inline;
}

.postContent p {
  text-align: justify;
  text-justify: newspaper;
}



/*** Common Pages ***/

ol.TOU {
  padding: 0px;
}

ol.TOU li {
  list-style-type: decimal;
}

.TOU ol {
  padding: 20px;
}

.TOU ol li {
  list-style-type: decimal;
}

.TOU ol ol li {
  list-style-type: upper-alpha;
}

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

.TOU a:hover {
  color: #555555;
}

/*** Footer ***/

#footer {
  font-size: 8pt;
}

.commonLinks td {
  padding-left: 2em;
  padding-right: 2em;
}

/** Ads **/

.bannerRect {
  border: 1px solid #777777;
}

a.adLink {
  display: block;
  text-align: center;
}

a:hover .bannerRect {
  border: 1px solid #8822dd;
}


/** wp polls **/

.pollWrapper {
  padding-top: 1em;
}

.wp-polls {
  font-size: 0.8em;
  text-align: left;
}

.wp-polls-title {
  font-size: 1.1em;
  border-top: 3px solid #333333;
  font-family: 'Times New Roman';
}

/** Search box **/

#searchform {
  text-align: center;
}

label.screen-reader-text {
  display: none;
}

#searchsubmit {
  border: 1px solid #000000;
  color: #eeeeee;
  background-color: #333333;
  margin: 2px;
}

/*** Contact Form ***/

.contactFormTable {
  border: 0px solid red;
}

.contactFormWrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 0.9em;
}

.contactFormWrapper .emailError {
  color: #f00;
}

/*** Page Links ***/

.pageLinks {
  text-align: center;
}
.pageLinks a {
  display: inline-block;
  font-size: 12px;
  border: 1px solid #aa44ee;
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
  text-align: center;
  background-color: #999999;
  color: #ffffff;
}

.pageLinks a:hover {
  background-color: #aa44ee;
}

.pageLinks a.active {
  background-color: #aa44ee;
  border: 1px solid #999999;
}


/*** Twitter ***/

div.twitter {
  width: 180px;
  border: 1px solid #aaa !important;
  padding: 1px;
  background-color: #eeddf0;
  

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;

}


.twitTitle {
  color: #8822dd;
  width: 130px;
  font-size: 15px;
  font-family: Tahoma, arial, sans-serif;
  text-align: center;
}


.twitTitle a {
  font-size: 0.7em;
}

.twitter a {
  color: #aa33ff;
}

.twitter .entry-content {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 3px;
    background-color: #eeeeee;
    border: 0px solid #777;
    margin-bottom: 2px;
    color: #555;
    font-size: 9pt;
}

.twitter .time-meta {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-align: center;
  padding: 3px;
  background-color: #ddd;
  border: 0px solid #777;
  margin-bottom: 4px;
  font-size: 8pt;
}