/*   
Theme Name: SACI
Description: A search engine optimized website framework for WordPress.
Author: Katy Smith, eTree Enterprises, LLC.
Author URI: http://etree-enterprises.com/
Version: 1.0
Tags: beige, minimal, 2.0, divs
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
/* -------------------------------------- */
/*     GLOBALS                            */
/* ---------------------------------------*/
body { 
  margin: 0;
  font-family: Verdana;
  font-size: 80%;
  color: #666;
  background: #fbfbfb url("img/bg.jpg") repeat-x bottom;
  text-align: center;
  }
a { color: #622f21; text-decoration: none;}
a:hover { text-decoration: underline;}
.clear-both { clear: both;}
h2, h3 { font-family: "Trebuchet MS"; }
h2 { color: #606060; font-weight: normal; font-size: 160%;}
h3 { color: #61312f; font-weight: normal; font-size: 120%; margin: 0;}
#content a { color: #622f21 !important; text-decoration: underline;}
#content a:hover { text-decoration: none;}



/* -------------------------------------- */
/*     STRUCTURE                          */
/* ---------------------------------------*/
#wrapper { background: url("img/header-bg.jpg") repeat-x; }
#header {
  height: 330px;
  text-align: left;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  }
#container { 
  margin: 0 auto;
  width: 1000px;
  text-align: left;
  background: #fff url("img/container-bg.jpg") no-repeat bottom center;
  }
	#content { 
	  width: 615px; 
	  float: left;

	  margin-left: 20px;
	  padding-bottom: 30px;
	  }
	#sidebar { 
	  width: 326px;
	  float: right;
	  margin-right: 20px;
	  padding-bottom: 20px;
	  }
#footer { clear: both;}


/* -------------------------------------- */
/*     HEADER GRAPHICS                    */
/* ---------------------------------------*/
#header h1 { 
  background: url("img/logo.jpg") no-repeat;
  height: 61px;
  width: 295px;
  margin: 0;
  float: left;
  margin-top: 31px;
  }
  #header h1 strong { display: none; }

#header h2 {
  position: absolute;
  top: 103px;
  right: 0;
  width: 1000px;
  height: 142px;
  background: url("img/splash.jpg") no-repeat right;
  clear: both;
  } *html #header h2 { top: 120px;}
  #header h2 em { display: none;}


/* -------------------------------------- */
/*     SEARCH BOX                         */
/* ---------------------------------------*/
#searchform {
  position: absolute;
  right: -1;
  top: 7px;
  background: url("img/search-bg.jpg") no-repeat;
  width: 252px;
  height: 55px;
  }
  .search-box { margin-left: 15px; margin-top: -42px; background: transparent; width: 170px; font-family: Verdana; color: #333; border: none;}
  .search-btn { width: 60px; height: 70px; background: transparent; border: none; cursor: pointer;}

 
/* -------------------------------------- */
/*     TOP NAV                            */
/* ---------------------------------------*/
#top-nav {
  background: url("img/top-nav-bg.jpg") no-repeat bottom;
  width: 683px;
  float: left;
  padding-top: 73px;
  position: relative;
  }
#top-nav ul { list-style-type: none; margin: 0 auto; }
#top-nav li { float: left; }
	
	#top-nav a { 
	  color: #fff; 
	  font-weight: bold; 
	  font-family: "Calibri", sans-serif;
	  display: block;
	  height: 36px;
	  width: 83px;
	  line-height: 36px;
	  text-align: center;
	  }
	#top-nav .first { margin-left: 20px;}
	#top-nav a:hover { background: url("img/top-nav-hover.jpg") no-repeat center; text-decoration: none;}


/* -------------------------------------- */
/*     HEADER PRODUCTS                    */
/* ---------------------------------------*/
#products {
  position: absolute;
  right: 20px;
  top: 153px;
  width: 310px;
  color: #fff;
  }
  #products h3 { color: #fff; font-weight: bold; font-size: 120%;}
  #products ul { list-style-type: none; margin: 10px 0 0 0; padding-left: 0;}
	  #products a { color: #e0dfdf; line-height: 20px;}
	  #products a:hover { color: #fff; text-decoration: underline;}


/* -------------------------------------- */
/*     SIDEBAR STYLES                     */
/* ---------------------------------------*/
.tab-box {
  background: url("img/tab-box-bg2.jpg") no-repeat center 26px;
  width: 320px;
  margin: 20px 0 20px 6px;
  }
  .services { background-image: url("img/tab-box-bg.jpg");}
#sidebar dl {
  border: 1px solid #ccc;
  border-top: 0;
  margin: 0 10px;
  }

#sidebar dt { 
  border-bottom: 1px solid #d1d1d1 !important;
  border-left: 1px solid #fff;
  margin-left: -1px;
  margin-right: -10px;
  height: 27px;
  }
#sidebar dt ul li { 
  background: #622f21;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  float: right;
  border-bottom: 1px solid #fff;
  margin-left: 3px;
  }
  #sidebar dt ul li.active { border-bottom: 1px solid #d1d1d1; background: #d1d1d1; color: #000;}
  #sidebar dt ul li a { color: #fff;}
  #sidebar dt ul li.active a { color: #000;}

#sidebar dd { 
  
  margin: 15px 15px 0px 15px;
  }
  #sidebar dd.first { margin-top: 25px;}
  #sidebar dd div { border-bottom: 1px dotted #999; margin-bottom: 10px;}

#techsupport { 
  width: 326px;
  height: 112px;
  background: url("img/techsupport.jpg") no-repeat;
  color: #fff;
  text-align: center;
  }
  #techsupport p {
    margin-top: 10px;
	padding: 0px 10px 0 86px;
	}
  #techsupport h3 { 
    color: #fff;
	padding: 20px 10px 0px 86px;
	font-weight: bold;
	font-family: Arial;
	font-size: 150%;
	}
	#techsupport a { color: #fff; font-weight: bold; text-decoration: underline;}
	#techsupport a:hover { text-decoration: none;}

#sidebar .more-link { 
  background: url("img/ico-gears.jpg") no-repeat right 10px;
  padding: 15px 30px 15px 0;
  font-weight: bold;
  text-align: right;
  display: block;
  border: none;
  border-top: 1px dotted #999 !important;
  }
  #sidebar p.more-link { padding-top: 10px !important; margin: 0; background-position: right 0px !important; border-top: 0px !important;}


/* -------------------------------------- */
/*     SERVICES                           */
/* ---------------------------------------*/

	#sidebar dt ul { margin: 0; list-style-type: none;}
	#sidebar dd ul { margin: 0; list-style: none; padding: 0;}
	#sidebar dd li { background: url("img/squarebullet.jpg") no-repeat left 5px; margin-bottom: 5px;}
	#sidebar dd ul a { padding-left: 15px;  color: #622f21; font-family: "Trebuchet MS";}


/* -------------------------------------- */
/*     PROJECTS                           */
/* ---------------------------------------*/

.read-more { 
  padding-left: 25px;
  margin-left: 10px;
  background: #fff url("img/ico-readmore.jpg") no-repeat;
  height: 23px;
  line-height: 23px;
  font-family: Tahoma, sans-serif;
  }
.date { 
  padding-left: 25px;
  background: url("img/ico-date.jpg") no-repeat;
  line-height: 23px;
  font-family: Tahoma, sans-serif;
  }


/* -------------------------------------- */
/*     CONTENT STYLES                     */
/* ---------------------------------------*/
.entry { 
  border-bottom: 1px dotted #999;
  position: relative;
  margin-top: 30px;
  background: url("img/entry-top.jpg") no-repeat right top;
  padding: 5px 25px 10px 25px;

  }
  .entry h2 { 
    margin: 0px -25px 0 -25px;
	padding: 15px 0 0 25px;
	background: url("img/h2-bg.jpg") repeat-x 1px;
	}
	#first h2 { background: none; color: #5d2c1f;}
	#first { background: none;}


.entry .more-link {
    height: 23px;
	line-height: 23px;
    position: absolute;
    font-family: Tahoma, sans-serif;
    right: 0;
	bottom: -11px;
	margin-left: 10px;
	padding-left: 55px;
	padding-right: 30px;
	background: #fff url("img/ico-readmore.jpg") no-repeat 30px top;
	}
*html .entry { height: 1%;}

/* -------------------------------------- */
/*     FOOTER                             */
/* ---------------------------------------*/
#footer { 
  color: #ccc;
  height: 100px;
  background: url("img/footer-bg.jpg") no-repeat center 14px;
  position: relative;
  text-align: center;
  }
  #footer span { clear: both; display: block; padding-top: 20px; font-size: 80%;}
  #footer ul {
    margin: 0 auto 0px auto;
	padding: 0;
	list-style-type: none;
	width: 550px;
	padding-top: 20px;
	}
	#footer li { float: left; margin: 0 0px;}
  #footer ul a { display: block; text-decoration: none; font-size: 85%; height: 36px; width: 83px; line-height: 36px;}
  #footer ul a:hover { background: url("img/btm-nav-hover.jpg") no-repeat center;}
  #footer a { color: #fff;}