/*
Theme Name: ACCENT
Theme URI: http://www.accentesi.com/
Description: ACCENT - Electronic Systems Integrators Theme
Version: Beta
Author: Daniel J. Robbins
Author URI: mailto:nolatari@gmail.com
Tags: accent esi

/****************************
****** Page Structure
*****************************/

body {
  font: 76% Arial, Tahoma, Sans-Serif; /* Resets 1em to 10px */
  color: #000;
  background: #fff;
/*  background: #431073 url(/wp-content/themes/accent/img/background.gif) repeat-x;*/
  text-align: center;
  padding:0;
  margin:0 0 30px;
  width:100%;
}
#page, #page-home {
  background: #fff url(/wp-content/themes/accent/img/page-bg.png) 0 0 repeat-x;
  text-align: center;
  position: relative;
  width:100%;
/*  border:solid 1px #431073;*/
}
#page-home
{
/*  background: #fff url(/wp-content/themes/accent/img/front-page-bg.png) 0 0 repeat-x;*/
}
.w930 {
  width: 930px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
#header {
  padding:0;
  padding-bottom:0;
  text-align: center;
  width: 100%;
  height: 110px;
  position: relative;
  background:#fff url(/wp-content/themes/accent/img/header-bg.png) repeat-x;
}
#content {
  font:normal 1.2em/150% Arial, Tahoma, Helvetica, sans-serif;
/*  background:url(/wp-content/themes/accent/img/background_content.gif) 0 0 repeat-y;*/
}
#content-wide
{
  width: 930px;
  overflow:hidden;
  border-top:solid 10px #cdc7d3;
  font:normal 1.1em/180% Arial, Tahoma, Helvetica, sans-serif; 
}
#left {
  float:left;
  width:354px;
  padding:15px 4px 8px 8px;
  font-size:10px;
/*  background:#f8f8fa;
  border-top:solid 10px #cdc7d3;
  border-right:solid 1px #cdc7d3;*/
}
#right {
  float:right;
  width:561px;
  overflow:hidden;
  border-top:solid 10px #cdc7d3;
  font:normal 1.1em/180% Arial, Tahoma, Helvetica, sans-serif;
}
#front_select {
  background: url(/wp-content/themes/accent/img/front-select-bg.png) center center repeat-x;
  width:100%;
  height: 350px;
  margin: 0 auto;
}
#left_select {
  float:left;
  padding:0;
  width:348px;
  height:246px;
}
#right_select {
  float:right;
  width:560px;
  height:246px;
  padding:2px 0 2px 4px;
}

#footer {
  padding:20px 0 10px;
  margin: 0 auto;
  position: relative;
  width:100%;
  color:#000;
  text-align:center;
  background:#f8f8fa;
  border-top:solid 2px #cdc7d3;
}

/****************************
****** Header
*****************************/
#logo
{
  position: absolute;
  width: 237px;
  height: 60px;
  top: 18px;
}
h2#slogan
{
  font-size: 11px !important;
  text-transform: uppercase;
  font-style: italic;
  position: absolute;
  color: #777 !important;
  top: 72px;
  left: 8px;
}

/****************************
****** Search
*****************************/
#search {
  position: absolute;
  color: #666;
  width: 300px;
  text-align: right;
  padding: 10px;
  right: 0;
  top: 20px;
}
#search a
{
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #777;
}
#search a:hover
{
  text-decoration: underline;
}
#search-text
{
  font-size: 10px;
  text-transform: uppercase;
}
#search input[type=text]
{
  background: #fff;
  border: solid 1px #ccc;
  padding: 2px;
  font-size: 10px;
}
#search-go
{
  margin-bottom: -7px;
}
/****************************
****** Links
*****************************/

a {
  color:#000099;
}
a:hover {
  color:#bf0000;
}

h2 a, h3 a, h4 a {
  color:#2a2e71;
  text-decoration:none;
}

h2 a:hover, h3 a:hover, h4 a:hover {
  color:#bf0000;
}

a img,:link img,:visited img { border:none; } /* no borders on linked images */
#backtotop
{
  text-transform: uppercase;
  font-weight: bold;
  position: fixed;
  bottom: 0;
  right: 0;
}
#backtotop a
{
  display: block;
  padding: 5px;
  background: #410069 url(/wp-content/themes/accent/img/heading-bg.png) center center repeat-x; 
  color: #fff;
  text-decoration: none;
}
#backtotop a:hover 
{
  background-color: #333;
}
/****************************
****** Headings
*****************************/

h1, h2, h3, h4 {
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  margin:6px 0;padding:0;
}
h2 {
  margin:0 0 5px;
  padding:0;
  line-height:150%;
}
#page-title h2
{
  color: #fff;
  margin: 0;
  padding: 7px 0 7px 8px;
}
#page-title
{
  background: url(/wp-content/themes/accent/img/front-select-bg.png) center center repeat-x;
}
#left h2
{
  font-size: 15px;
}
#right h2 {
  border-bottom:dashed 1px #ccc;
}
h3 {
  color:#333;
}
h3.featured {
  padding:0; margin:13px 0 0;
  font-style:italic;
  color:#333;
}
table tr td h3 {
  border-bottom:solid 1px #ccc;
}
#header h1 { /* hide visibility for logo */
  font-size:1px;
  margin: 0;
  padding:0;
  width:1px;
  height:1px;
  visibility:hidden;
  display:none;
}

h1 {font-size:2.4em;}
h2 {font-size:2em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}

/****************************
****** Lists
*****************************/

ol, ul {
  padding: 0 0 0 25px;
  margin: 0;
}

table ul {
  padding:0;
}

ol li, ul li {
  margin: 0 0 3px 25px;
  padding: 0;
}

ul li {
  list-style:square;
}

/****************************
****** Various
*****************************/

p, ul, ol, blockquote, h1, h2, h3, h4 {
  margin: 13px 0;
}

.clear {
  clear: both;
  line-height:0.1px !important;
  height:0.1px !important;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clearleft {clear:left;}
.clearleftfloat {clear:left; float:left;}
.clearright {clear:right;}

.center {
  text-align: center;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}

small {
  font-size: .9em;
  line-height: 150%;
}

small, strike {
  color: #777;
}

code {
  font: 1.1em 'Courier New', Courier, monospace;
}

acronym, abbr {
  font-size: 0.9em;
  letter-spacing: .07em;
  border-bottom: 1px dashed #999;
  cursor: help;
}

blockquote {
  margin: 20px 0;
  padding:0;
  font-style:italic;
  /*background: url('images/quote.gif') 5% no-repeat;*/
  border:dashed 1px #ccc;
  border-width:1px 0;
}

/*hr {
display: none;
}*/

hr {
  height: 1px;
  margin-top: 0.5em;
  border: none;
  border-bottom: 1px solid #9a9a9a;
}

.cut {
  text-decoration:line-through;
}

/****************************
****** Custom Styles
*****************************/

.redcarpet {
  font-family:"Script MT", "Script MT Std", Georgia, "Times New Roman", Times, serif;
  color:#e20000;
  font-size:1.4em;
}

/****************************
****** Form Classes
*****************************/

form {padding:0;margin:0;}

input[type=text], textarea {
  font: 1em Arial, Tahoma, Helvetica, Sans-Serif;
  padding: 3px;
  color: #000;
}

textarea.wide {
  width:99.4%;
}

select {
  font: 1em Arial, Tahoma, Helvetica, Sans-Serif;
  color: #000;
}

input[type=text]:focus, textarea:focus {
  background: #fff;
  color: #000;
  border-color: #666;
}

input[type=image] {
  padding:0; margin:0;
}

.submit input, .submit input:focus, .button {
  background: url('/img/fade-butt.png');
  border: 3px double #999;
  border-left-color: #ccc;
  border-top-color: #ccc;
  color: #000;
  padding: 0.25em;
}

.submit input:active, .button:active {
  background: #f4f4f4;
  border: 3px double #ccc;
  border-left-color: #999;
  border-top-color: #999;
}

/****************************
****** Left Column Content
*****************************/

#left ul {padding:0;margin:0;}
#left ul li {margin:0;padding:0;}
#left ul li {list-style:none;}
#left blockquote {
  margin:0;
  padding:0;
  font-style:italic;
  font-size:1.2em;
  border:dashed 1px #ccc;
  border-width:0 0 1px;
}
#left h3 {
  margin:0;padding:0;
  border:dashed 1px #ccc;
  border-width:1px 0 0;
}
#left h3 a {text-decoration:underline;}
#left h3 a:hover {text-decoration:none;}

#left_content {padding:0 8px;}
#left_content small {padding:0 0 0 8px;}

#left_content small.testimonial {text-align:right;}
#left_content blockquote.testimonial {border-width:1px 0;border-top:none;} 

#left_content.press_release small {padding:0;}
#left_content.press_release h3 {font-size:1em;font-family:Arial, Tahoma, Helvetica, sans-serif;}

/****************************
****** Right Column Content
*****************************/
#right_content {
  padding:0 12px 8px 8px;
}
#right_content #products {text-align:center;}
#right_content #products img {padding:0;}
#right_content #products td {border:dashed 1px #cdc7d3;}

#right_content .photo-set {text-align:center;}
#right_content .photo-set h3 {
  padding:15px 0;margin:10px 0;
  background:#f8f8fa;
  border:solid 1px #cdc7d3;
  text-transform:uppercase;
}

/****************************
****** Content
*****************************/
.google-map {
  width:230px;
  height:150px;
  float:left;
  border:1px solid #ccc;
  margin-right:5px;
}

.pv
{
  position: relative;
  overflow: hidden;
  border-top: solid 1px #ccc;
  padding-top: 15px;
  margin-bottom: 10px;
}
.pv img
{
  float: right;
  margin: 0 0 5px 10px;
}
.pv p
{
  margin: 0;
  padding: 0;
}
.pv a
{
  font-size: 1.2em;
  text-decoration: none;
  font-weight: bold;
}
/****************************
****** Footer
*****************************/

#footer_text {
  margin:0 auto;
  width:90%;
  color:#999;
}
#footer_text a {
  color:#999;
}
#footer_text a:hover {
  text-decoration:none;
}
#footer_text ul li {
  list-style:none;
  display:inline;
  padding:0 5px; margin:0;
}
#footer_text ul {
  padding:0; margin:0;
}