/* $Id: local-sample.css,v 1.1 2009/08/19 04:28:07 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */
body {background-color: #fff;}

#header-top .inner {margin: 0}
#main {}

h1,h2,h3 {
  line-height: 120%;
  font: 18px/36px 'GriffosSCapsFontRegular', Georgia, serif;
}

h1 {
  padding-left: 12px;
}
h1.title {
  font-size: 240%;
  line-height: 160%
}
h2 {margin-top: 1em;}
.front h2 {margin-top: 0}

p,div,span {
  font: 12px/27px 'CantarellRegular', Arial, sans-serif;
  font-size: 12pt;
  line-height: 110%;
  color: #5d5d5d;
}
blockquote {
  background: url(../images/quotes.png) top left no-repeat;
  padding: .5em 2.5em;
  font-family: 'GriffosSCapsFontRegular',Georgia,serif;
  font-size: 120%;
}
blockquote p {color: #738eaf; text-align: justify}
a {
  color: #738eaf;
}

/* background colors */
.primary-menu {background-color: #5c1027;} /* top menu surround */
.primary-menu-inner {background-color: #be650f;} /* top menu */
.primary-menu-inner ul.sf-menu a:hover, /* menu choices */
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {background-color: #5c1027;}
.primary-menu-inner ul.sf-menu li li {background-color: #be650f;} /* top menu dropdowns */

/* font color */
.primary-menu-inner ul.sf-menu a {color: #5c1027} /* primary menu links */
.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {color: #be650f;}
.primary-menu-inner ul.sf-menu li li a {color: #000;}
.secondary-menu-inner ul a {color: #ff9d00}
.testimonial_quote {color: #5c1027;}
.ayen_plum {color: #5c1027}
.ayen_guava {color: #d03400}

/* typeface */
.primary-menu-inner ul.sf-menu {
  font-size: 10pt;
}
#header-group {
  border-left: 4px dotted #000;
  border-right: 4px dotted #000;
}
#header-top {
  line-height: 50%;
  height: 320px;
  border-left: 4px dotted #000;
  border-right: 4px dotted #000;
  background: url(../images/ayen_designs_logotype_banner.png) top left no-repeat;
}
#header-top .block {
  margin-bottom: 0
}
#banner {
  height: 320px;
  /*background: url(../images/gray-crosshatch.png) top left repeat;*/
}
#logo {
  padding: 12px 0 0 12px
}
#banner_map a, 
#banner_map p, 
#banner_map div, 
#banner_map span {
  color: #000;
  font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial;
  font-size: 11px
}

.primary-menu {
  padding: 6px;
  margin: 0 10px 10px 10px;
  width: 938px;
}

.primary-menu-inner {
/*  border-top:  1px solid #7f5f00;
  border-right:  1px solid #7f5f00;
  border-bottom: 2px solid #444;
  border-left: 1px solid #444;*/
  width: 98%;
 }

.primary-menu-inner ul.sf-menu {
  float: right;
  clear: left;
}

.primary-menu-inner ul.sf-menu li {
  line-height: 100% !important;
}

.primary-menu-inner ul.sf-menu a {
  margin-right: 30px;
  /*border: 1px solid #be650f;*/
  padding: 2px 1em;
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
  border-top: 1px solid #9f4f69;
  /*border-right:  1px solid #3f0819;
  border-left: 1px solid #9f4f69;*/
}

.primary-menu-inner ul.sf-menu li li {
  border-top: 1px solid #cf9b00;
  /*border-right:  1px solid #dfa38b;*/
  border-bottom: 1px solid #9f7700;
  /*border-left: 1px solid #be650f;*/
}

.primary-menu-inner ul.sf-menu li li a {
  margin-right: 0;
  padding: 0.25em 1em;
}
#main {
  border-left: 4px dotted #000;
  border-right: 4px dotted #000;
}
#content-inner-inner {
  margin-left: 0;
  margin-right: 0;
}
#content-inner-inner tr {vertical-align: top}
#content-bottom {
}
/* Testimonial page */
.testimonial {
  height: 2px;
  width: 240px;
  background:#fff  url(../images/hr.jpg) no-repeat scroll center;
  margin-bottom: 12px;
}
.testimonial hr {
  display: none
}
.testimonial_quote {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 3px;
}

.testimonial_signature {
  font-family: Times New Roman, serif;
}

/* FAQ */
.faq-header a {
  font-size: 110%;
  color: #5c1027;
  background-color: #b68c05;
  border: 1px solid #5c1027;
  padding: 2px;
}

.faq-header {
  margin-bottom: 8px
}

#secondary-menu {
  width: 960px;
  margin: 1.5em auto;
  float: none;
}

#secondary-menu-inner {
  padding: 1em;
  height: 60px;
  background-image: url(../images/footer.jpg)
}

#content-inner #content-content {
  padding-left: 1em;
  padding-right: 1em;
  font-size: 120%;
  background-color: #fff
}

.faq-answer p,
.faq-question a {
  font-size: 120%;
}

/* Front page welcome title */
#node-22 h2 {display: none}
#node-22 {font-size: 110%; line-height: 120%}

/* Blog */
.node-type-blog .blog_usernames_blog,
.page-blog .blog_usernames_blog {
  display: none
}
.node-type-blog .content-inner div.code {
  font-size: 12pt;
  padding: 3px;
  margin: 1em;
  background-color: #fff3df;
  border: 2px solid #bb2d07;
}
.page-blog .even {
  background: url(../images/yellow_squiggles.png) top left repeat
}

.content-top-inner {margin-left: 12px}
.content-top-inner .hr {margin-left: 12px}

/* menu tabs */
ul#tabs-primary li a:link, ul#tabs-primary li a:visited {  
  -webkit-transition: background-color 0.2s linear;  
  -moz-transition: background-color 0.2s linear;  
  -o-transition: background-color 0.2s linear;  
}
ul#tabs-primary li a:hover {  
  background-color: #5a87dd;  
}
ul#tabs-primary li.shadow {  
  width: 100%;  
  height: 2px;  
  position: absolute;  
  bottom: -3px;  
  left: 0;  
  border: none;  
  background: none;  
  z-index: 2;  
  -webkit-box-shadow: #111 0 -2px 6px;  
  -moz-box-shadow: #111 0 -2px 6px;  
  box-shadow: #111 0 -2px 6px;  
}
.hr {
  margin: 1px 20px;
  height: 4px;
  background: url(../images/pencil3.png) top left repeat-x;
}
.hr-divider {
  width: 100%;
  margin: 0;
  height: 4px;
  background: url(../images/pencil3.png) top left repeat-x;
}
#node-22 div.content p {
  margin: 0;
  padding:.75em;
  background: url(../images/yellow_squiggles.png) repeat
}
div.node {margin-bottom: 0}
#breadcrumb-line {
  padding: 0 1em;
}

/* contact form */
table#contact {
  font-size: 10pt !important;
  width: 50% !important
}
/* process page */
#pid-process h3 {
  margin-top: 1em;
  background: url(../images/yellow_squiggles.png) repeat
}

/* Showcase view */
.view-id-showcase .field-content p,
.view-id-showcase .field-content {
  font-size: 10px
}
.view-id-showcase .field-content p {
  padding: 0 8px 0 3px
}