/*
Theme Name: CharlesRich
Theme URI: http://www.charlesrich.com/
Description: Custom development theme for Charles Rich.
Version: 0.1
Author: Todd Linkner/On Design, Inc.
Author URI: http://www.ond.com/
Tags: custom

	Charles Rich v0.1
	http://www.charlesrich.com/

	This theme was designed and built by On Design,
	whose site you will find at http://www.ond.com/

*/
/*
 * Charles Rich colors
 *
 * White           #fff
 * Black           #333
 * Logo Grey       #5b5e68
 * Light Logo Grey #4b4e58
 * Dark Grey
 * Light Grey
 * Green           #738539
 * Light Green     #abb688
 * Gold            #866811
 * Light Gold      #cbbc55
 *
 */


body { 
  margin: 0 auto;
  padding: 0;
  color: #666;
  font-family:  Verdana, 'Lucida Grande', LucidaGrande, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  width: 970px;
}


/* Remove link outlines placed by Firefox */
a:link, a:active, a:hover, a:visited { outline: none; }

.clear { clear: both; }

.divider {
  clear: both;
  height: 18px;
  size: 0;
  width: 100%;
  color: transparent;
}

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



a:hover { text-decoration: underline; }

h2 { 
  line-height: 1em;
  letter-spacing: .08em; 
  font-weight: normal;
}

h3, h4 { 
  font-size: 1em;
  line-height: 1.2em;
  font-weight: normal;
}

#wrapper {
  position: relative;
  padding: 84px 0 0 0;
  background-color: #fff;
}




/* Header
======================================================== */

#header {
  position: absolute;
  top: 40px;
  left: 0;
  width: 140px;
  height: 130px;
  background-color: #fff;
  z-index: 99;
}

#header .box { padding: 0 21px 21px 0; }

#header .box img {
  float: left;
  margin: 0;
  border: 0;
}




/* Description
======================================================== */

#desc {
  position: absolute;
  top: 58px;
  right: 0;
  width: 205px;
  color: #fff;
  background: url('/wp-content/themes/charlesrich/images/transp-black.png');
  _background-image: none;
  _background-color: #5b5e68;
  z-index: 98;
}

#desc * { font-size: 11px; }

#desc .box { padding: 6px; }

#desc h2 {
  float: left;
  font-size: 12px;
  margin: 0;
}

#desc h3 {
  margin: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #fff;
}

#detail .box { padding-bottom: 4px; }

#desc a[href$=".pdf"] {
  display: block;
  height: 18px;
  margin-top: 6px;
  padding-top: 2px;
  padding-left: 20px;
  background-position: 0 -108px;
  background-repeat: no-repeat;
  background-image: url('/wp-content/themes/charlesrich/images/sprites.png');
  _background-image: url('/wp-content/themes/charlesrich/images/sprites.gif'); /* IE6 PNG Transparency Bug */ 
}




/* Category navigation
======================================================== */

#desc #catnav {
  padding: 4px;
  height: 18px;
  background-color: #4b4e58;
}

#catnav h2 {
  padding-top: 2px;
  font-size: 11px;
  font-weight: normal;
  color: #fff;
}

#catnav div.left,
#catnav div.right,
#catnav div.left a,
#catnav div.right a,
#catnav #open,
#catnav #close {
  display: block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-image: url('/wp-content/themes/charlesrich/images/sprites.png');
  _background-image: url('/wp-content/themes/charlesrich/images/sprites.gif');
}

#catnav div.left span,
#catnav div.right span,
#catnav #open span,
#catnav #close span {
  margin-left: -9999em;
}  

div.left          { background-position: -72px 0; }
div.right         { background-position: -72px -18px; }
div.left a        { background-position: 0 0; }
div.left a:hover  { background-position: -18px 0; }
div.right a       { background-position: 0 -18px; }
div.right a:hover { background-position: -18px -18px; }
a#open            { background-position: 0 -72px; }
a#open:hover      { background-position: -18px -72px; }
a#close           { background-position: 0 -90px; }
a#close:hover     { background-position: -18px -90px; }
#catnav #close    { display: none; }

#catnav div.left,
#catnav div.right {
  float: left;
  margin-right: 4px;
}

#catnav #open,
#catnav #close  {
  float: right;
  margin-left: 4px;
}




/* Secondary nav
======================================================== */

#secondarynav .box { padding-top: 0; }




/* Content
======================================================== */

#content {
  position: absolute;
  top: 148px;
  left: 186px;
  width: 600px;
  color: #fff;
  border: 1px solid #fff;
  background: url('/wp-content/themes/charlesrich/images/transp-black.png');
  _background-image: none;
  _background-color: #5b5e68;
  z-index: 96;
}

#content h3 {
  margin: .5em 0;
  color: #cbbc55;
  font-weight: normal;
  text-transform: uppercase;
}

#content ul {
  margin: 0;
  padding: 0 0 0.5em 0;
}

#content li {
  line-height: 1em;
  list-style-type: disc;
  margin-left: 1.5em;
  padding-left: 0;
  padding-bottom: 0.5em;
}


#content .box { padding: 12px; }




/* Team tabs
======================================================== */

.team {}

.team .tabbertab {
  position: relative;
  margin-left: 145px;
}

.team .teamphoto {
  position: absolute;
  top: 4px;
  left: -144px;
}

.team ul.tabbernav {
  list-style: none;
  margin: 1em 0 0 0 !important;
  padding: 0;
}

.team ul.tabbernav li {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}





/* Press items
======================================================== */

.press {}

.pressitem img { 
  margin-bottom: 4px;
  border: 0; 
}

.pressitem {
  /* total width = 192 */
  padding: 0 23px;
  width: 145px;
  float: left;
  line-height: 1.4em;
}

.pressitem h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #cbbc55;
}

.pressitem p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}




/* Glossary tabs
======================================================== */

.glossary h4 {
  display: inline;
  float: left;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 0;
}

.glossary p {
  margin-top: 0;
}




/* Footer
======================================================== */

#footer {
  font-size: 11px;
  background-color: #fff;
}

#footer .box {
  padding: 8px 0;
}

#footer ul, 
#footer ul li {
  display: inline; 
  padding: 0 8px 0 0;
  margin: 0;
}

#footer b {
  font-weight: normal;
  color: #866811;
}




/* Slideshow
======================================================== */

.slideshow {
  display:block;
  position:relative;
  z-index:0;
  height:970px;
  width:672px;
  overflow: hidden;
}

.slideshow-images {
  display:block;
  overflow:hidden;
  position:relative;
}

.slideshow-images img {
  display:block;
  position:absolute;
  z-index:1;
}

.slideshow-thumbnails { overflow: hidden; }

.slideshow-images {
  height:970px;
  width:672px;
}

.slideshow-images-visible { opacity:1; }

.slideshow-images-prev { opacity:0; }

.slideshow-images-next { opacity:0; }

.slideshow-images img {
  float:left;
  left:0;
  top:0;
}

.slideshow {
  height:672px;
  margin:0 auto;
  width:970px;
}

.slideshow a img { border:0; }

.slideshow-controller * {
  margin:0;
  padding:0;
}

.slideshow-controller-hidden { opacity: 0; }

.slideshow-controller-visible { opacity: 1; }

.slideshow-controller a { 
  cursor:pointer;
  display:block;
  height:18px;
  overflow:hidden;
  position:absolute;
  top:12px;
}

.slideshow-controller a.active { background-position:0 18px; }

.slideshow-controller li { list-style:none; }

.slideshow-controller li.first a {
  background-image:url('controller-first.gif');
  left:33px;
  width:19px;
}

.slideshow-controller li.last a {
  background-image:url('controller-last.gif');
  left:186px;
  width:19px;
}

.slideshow-controller li.next a {
  background-image:url('controller-next.gif');
  left:145px;
  width:28px;
}

.slideshow-controller li.pause a { 
  background-image:url('controller-pause.gif');
  left:109px;
  width:20px;
}

.slideshow-controller li.play a { background-position: 20px 0; }

.slideshow-controller li.play a.active { background-position:20px 18px; }

.slideshow-controller li.prev a {
  background-image:url('controller-prev.gif');
  left:65px;
  width:28px;
}

.slideshow-loader { 
  height:28px;
  right:0;
  position:absolute;
  top:0;
  width:28px;
  z-index:10001;
}

.slideshow-loader-hidden { opacity:0; }

.slideshow-loader-visible { opacity:1; }

.slideshow-thumbnails * {
  margin:0;
  padding:0;
}

.slideshow-thumbnails ul { height:3em; }

.slideshow-thumbnails li { 
  float:left;
  list-style:none;
  position:relative;
}

.slideshow-thumbnails a { 
  display:block;
  float:left;
  position:relative;
}

.slideshow-thumbnails a:hover { opacity:1!important; }

.slideshow-thumbnails img {
  display:block;
  margin: 0 5px 5px 0;
  padding: 0;
  width: 42px;
  height: 42px;
  border: 1px solid #fff;
}

.slideshow-thumbnails-active { opacity:1; }

.slideshow-thumbnails-inactive { opacity:.5; }

#photonav .box { 
  padding-right: 0; 
  padding-bottom: 0; 
}




/* Slide out panel
======================================================== */

a#close { display: none; }




/* Tooltips
======================================================== */

.tip { 
  position: relative;
  background-color: #cbbc55; 
  color: #fff;
  font-size: 10px;
  padding: 2px;
  z-index: 999;
}

.tip-top {}

.tip-title {}

.tip-text {}

.tip-bottom {}




/* Home classes
======================================================== */

.home {}

.home #content {
  background: url('/wp-content/themes/charlesrich/images/transp-white.png');
  _background-image: none;
  _background-color: #fff;
  color: #866811;
}

.home h1 {
  display: block;
  text-align: center;
  height: 174px;
  margin-bottom: 20px;
}

.home h1 a {
  display: block;
  margin: 0 auto;
  height: 174px;
  width: 190px;
  background: transparent url(/wp-content/themes/charlesrich/images/cr-logo-large.png) no-repeat 0 0;
}

.home h1 a:hover {
  background-position: -190px 0;
}

.home h1 span {
  display: none; 
}




/* Green classes
======================================================== */

.green {}

.green #desc,
.green #content {
  background: url('/wp-content/themes/charlesrich/images/transp-green.png');
  _background-image: none;
  _background-color: #738539;
}

.green .tabbernav { margin: 0 0 12px 0; }
.green ul.tabbernav li a:link    { color: #abb688; }
.green ul.tabbernav li a:visited { color: #abb688; }
.green ul.tabbernav li a:hover   { text-decoration: underline; }
.green ul.tabbernav li.tabberactive a { color: #fff; }
.green ul.tabbernav li.tabberactive a:hover { color: #fff; }

.green .tabberlive {
  border: 1px solid #abb688;
  padding: 6px;
}

.green div.left a        { background-position: -36px 0; }
.green div.left a:hover  { background-position: -54px 0; }
.green div.right a       { background-position: -36px -18px; }
.green div.right a:hover { background-position: -54px -18px; }
.green a#open            { background-position: -36px -72px; }
.green a#open:hover      { background-position: -54px -72px; }
.green a#close           { background-position: -36px -90px; }
.green a#close:hover     { background-position: -54px -90px; }

.green .tip { background-color: #abb688; }

/* Color the Green Building nav */
#menubar li.page-item-7 a:hover {
  background-color: #abb688;
}

#menubar li.page-item-7 ul li {
  border-width: 0;
  width: 140px;
  background-color: #738539;
}

.green ul.tabbernav {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}

.green ul.tabbernav li {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}




/* Wordpress built in classes
======================================================== */

.alignleft {
  float: left;
  margin: 8px 8px 8px 0;
}

.alignright {
  float: right;
  margin: 8px 0 8px 8px;
}

strong { font-weight: bold; }