/*
Theme Name: RevolWorks Theme
Theme URI: http://www.eci-design.com
Description: Custom Theme for Revolworks.com
Version: 1.0
Author: ECI 
*/

/* CSS Document */
body {
  text-align: center;
  background-color: #41463B;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size:  11px;
  color: #000000;
}

h2 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #a15501;
  margin: 0px;
  padding: 0px;
}

a:link, a:visited {
 text-decoration  : none;
 color: #a15501;
}

a:hover {
 text-decoration  : none;
 color            : #606060;

}

/* Template Areas */
#horizon {
  background-color: transparent;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
  visibility: visible;
  display: block;
}
	
/* 800 x 650 */
#body_div {
  position:absolute;
  top: -325px;
  left: 50%;
  width: 760px;
  height: 609px;
  margin-left: -400px;
  text-align: left;
}


#header {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 700px;
  height: 107px;
  background-color: #b6c8d1;
  z-index: 2;
}

#menu_bar {
  position: absolute;
  top: 136px;
  left: 30px;
  width: 700px;
  height: 40px;
 background-color: #121718; 
  z-index: 100;
}

#left_col1 {
  position: absolute;
  top: 176px;
  left: 30px;
  width: 232px;
  height: 374px;
  background-color: #046380;
  z-index:1;
}

#right_col1 {
  position: absolute;
  top: 176px;
  left: 262px;
  width: 468px;
  height: 374px;
  background-color: #ffffff;
  z-index: 1;
}

#footer {
  position: absolute;
  top: 550px;
  left: 30px;
  height: 30px;
  width: 657px;
  background-color: #121718;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #a15501;
  padding-left: 30px;
  padding-right: 13px;
}

#footer a:link, #footer a:visited {
  color: #a15501;
}

#footer a:hover {
  color: #FFFFFF;
}  

.moduletable-contactlink {
  float: left;
  margin-top: 8px;
  width: 200px;
  padding: 0;
}

.moduletable-pf {
  float: right;
  width: 110px;
  padding: 0;
  margin: 0;
}

.moduletable-nsl {
  float: right;
  margin-top: 8px;
  width: 204px;
  padding: 0;
}

#shadow_top {
  position: absolute;
  left: 0px;
  top:0px;
  height: 30px;
  width: 760px;
}

#shadow_bottom {
  position: absolute;
  left: 0px;
  top:580px;
  width: 760px;
  height: 29px;
}

#shadow_left {
  position: absolute;
  left: 0px;
  top:30px;
  width: 30px;
  height: 550px;
}

#shadow_right {
  position: absolute;
  left: 730px;
  top:30px;
  width: 30px;
  height: 551px;
}


/* For Scrolling Area */
.Container {
  position: absolute;
  top: 0px; 
  left: 30px;
  width: 408px;
  height: 345px;
}

#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 408px;
  height: 345px;
}

.Scroller-Container {
  position: absolute;
  top: 0px; 
  left: 0px;
  padding-top: 15px;
  width: 408px;
}

.Scrollbarh {
  background-color: #776F0E;
}

.Scrollbar1 {
  background-color: #776F0E;
}

.Scrollbar2 {
  background-color: #a15501;
}

#Scrollbar-Container {
  position: absolute;
  top: 0px; 
  left: 451px;
  width: 17px;
  height: 374px;
  z-index: 2;
  visibility: hidden;  
}

.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  height: 10px;
  width: 10px;
  top: 3px;
  left: 4px;
  z-index: 5;
  visibility: hidden;
}

.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 361px;
  left: 4px;
  height: 10px;
  width: 10px;
  z-index: 5;
  visibility: hidden;
}

.Scrollbar-Track {
  position: absolute;
  left: 4px;
  top: 15px; 
  width: 10px; 
  height: 346px;
}

.Scrollbar-Handle {
  cursor: pointer;
  position: absolute;
  width: 10px; 
  height: 10px;
  z-index: 5;
  visibility: hidden;
}

.tmenu {
  margin-right: 30px;
  margin-left: -10px;
  margin-top: 15px;
  width: 368px;
  height: 150px;
  vertical-align: top;
}

a.mainlevel-tmenu:link, a.mainlevel-tmenu:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  width: 134px;
  line-height: 200%;
  text-transform:uppercase;
  float:left;
  padding-left: 40px;
}

a.mainlevel-tmenu:hover {
  color: #C79967;
}

#active_menu-tmenu {
  color: #C79967;
}


/* About Menu */
#menu {
  position: absolute;
  left: 604px;
  top: 0px;
  height: 73px;
  width: 100px;
  padding-top: 17px;
  padding-bottom: 17px;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFFFFF;
  text-decoration: none;
  display:block;
  width: 80px;
  padding-left: 15px;
  background-color: #666666;
  line-height: 200%;
  text-transform:uppercase;
}

a.mainlevel-nav:hover {
  color: #C79967;
}

a.mainlevel-nav2:link, a.mainlevel-nav2:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 149px;
  background-color: #666666;
  line-height: 200%;
  text-transform:uppercase;
  float:left;
}

a.mainlevel-nav2:hover {
  color: #C79967;
}

#active_menu-nav2, #active_menu-nav {
  color: #C79967;
}

.quote {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#FFFFFF;
  line-height: 130%;
  margin: 0;
  padding: 30px;
}

.quote div {
  margin: 0;
  padding: 0;
  background:#999999;
  border-collapse:collapse;
}

.quote-author {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#FFFFFF;
  text-align: right;
  margin-right: 30px;
  
}

/*
  background: transparent url(../images/rollbg.png) !important;
  background: transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/revolworks_home/images/rollbg.png');
  filter:alpha(opacity=25);
  -moz-opacity:.25;
  opacity:.25;
*/

/* ## NEW MENU ITEMS ## */
.about-menu, .thoughts-menu, .resource-menu,
.about-menu_a, .thoughts-menu_a, .resource-menu_a,
.about-hover, .thoughts-hover, .resource-hover,
#bloglink a:link, #bloglink a:visited, #bloglink a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #a15501;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  width: 100px;
  line-height: 40px;
  float:left;
}

.about-menu_a, .thoughts-menu_a, .resource-menu_a {
  color: #C79967;
}

#bloglink a:link, #bloglink a:visited, #bloglink a:hover {
  color: #C79967;
}  

.about-hover, .thoughts-hover, .resource-hover, #bloglink a:hover {
  color: #ffffff;
  cursor: default;
}

.about-menu, .about-menu_a, .about-hover {
  position:absolute;
  top: 0px;
  left: 30px;
}

.thoughts-menu, .thoughts-menu_a, .thoughts-hover {
  position:absolute;
  top: 0px;
  left: 133px;
  width: 125px;
}

.resource-menu, .resource-menu_a, .resource-hover {
  position:absolute;
  top: 0px;
  left: 265px;
}

#bloglink {
  position:absolute;
  top: 0px;
  left: 400px;
}


.about-subnav {
  position: absolute;
  left: -999em;
}

.about-show {
  position: absolute;
  top: 40px;
  left: 28px;
  background-color: #666666;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.thoughts-subnav {
  position: absolute;
  left: -999em;
  width: 325px;
}

.thoughts-show {
  position: absolute;
  top: 40px;
  left: 131px;
  width: 325px;
  background-color: #666666;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}

.resource-subnav {
  position: absolute;
  left: -999em;
}

.resource-show {
  position: absolute;
  top: 40px;
  left: 263px;
  background-color: #666666;
  width: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
}


#searchform {
  position: absolute;
  left: 515px;
  top: 64px;
  height: 20px;
  width: 180px;
}

.searchbutton {
  padding-top: 10px;
  padding-right: 12px;
  float: right;
}


#searchbox {
  padding-left: 5px;
}

.rwsearchword {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 9px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  float: left;
  width: 120px;
  height: 10px;
  border: solid 4px #C79967;
  margin-top: 10px;
}

/* Sidebar styling */

#left_col1 ul {
  margin: 0;
  margin-left: 15px;
  padding: 0;
  line-height: 130%;
}

#left_col1 ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 10px;
  color: #eeeeee;
  font-size: 11px;
  text-transform: uppercase;  
}

#left_col1 ul ul {
  margin-top: 0px;
  margin-left: 15px;
}

#left_col1 ul ul li {
  margin-left: 10px;
  list-style:disc;
  margin: 0px;
  text-transform: none;  
}

#left_col1 ul ul a:link, #left_col1 ul ul a:visited {
  color: #ffffff;
}

#left_col1 ul ul a:hover {
  color: #b6c8d1;
  color: #07B1E2  
}  

.rss_div {
  vertical-align: top;
  padding-left: 15px;
}


.rss_div a:link, .rss_div a:visited {
  color: #ffffff;
}

.rss_div a:hover {
  color: #07B1E2  
}

.post_date {
  color: #666666;
 }
 
.comment_count {
   padding-bottom: 25px;
   float: right;
   width: 200px;
}

.more_link {
  width: 200px;
  padding-bottom: 25px;
  float:left;
}


.odd_comment, .even_comment {
  background-color: #DFE8EC;
  padding: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: solid 1px #046380;
}
.even_comment {
  background-color: #efefef;
}


.odd_comment p, .even_comment p {
 margin: 0px;
 padding: 0px;
}

#archives select {
  font-size: 11px;
  text-transform: none;
  display: block;
  background-color: #b6c8d1;
  border: solid 1px #046380;
  line-height: 20px;
  width: 150px;
}