/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/
/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/
#content {  
  height: 100%;
  min-height: 100%;
  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
}

/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 175px;
}

/* Holds the site title and subtitle */
#header #title {
  position: absolute;
  z-index: 3;
  top: 0px;
  right: 0px;
  padding: 5px;
  text-align: right;
}

#header h1 {
  margin: 0;
  padding: 0;
  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #FFB619;
}

#header h2 {
  position: absolute;
  top: 53px;
  right: 5px;
  margin: 0;
  padding: 0;
  font: 700 1em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #ffffff;
}

/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

#header img.right {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

#header div.balloons {
  position: absolute;
  z-index: 2;
  top: 70px;
  right: 300px;
}

/**************************************************************
   #scamAlert: The Scam Alert box
 **************************************************************/
#scamAlert {
  background: #ff0000;
  color: #ffffff;
  text-align: center;
  line-height: 85%;
  clear: both;
  margin-bottom: 1.5em;
  padding: 10px;
}

/**************************************************************
   #findLocation: The Find a Location box
 **************************************************************/
#findLocation {
  background: #ffff19;
  text-align: center;
  line-height: 75%;
  clear: both;
  margin-bottom: 1.5em;
  padding: 10px;
}

/**************************************************************
   #ontainer_serendipity_calendar_plugin: The Blog calendar
 **************************************************************/

 .container_serendipity_calendar_plugin {
  text-align: center;
  width: 100%;
}

table.serendipity_calendar {
    border-bottom: 1px solid #ddecfb;
    border-left: 1px solid #ddecfb;
    border-right: 1px solid #ddecfb;
    width: 100%;
}

table.serendipity_calendar td {
    text-align: center;
}

table.serendipity_calendar a {
    font-weight: bold;
    text-decoration: none;
}

table.serendipity_calendar a:hover {
    text-decoration: underline;
}

.serendipity_calendarHeader {
    background: #235587;
}

#today {
    color: #fff;
    font-size: 90%;
}

.serendipity_calendarHeader a:link,
.serendipity_calendarHeader a:active,
.serendipity_calendarHeader a:visited,
.serendipity_calendarHeader a:hover {
    border: none;
    color: #fff;
    text-decoration: none;
}

.serendipity_weekDayName {
    font-weight: 600;
    color: #fff;
    background: #5f90ba;
}

.serendipity_calendarDay {
    color: #888;
}

.Today {
    color: #444;
/*    text-decoration: overline; */
    border: 1px solid #dfdfdf;
}

/* styles for calendar days rows */
.row1 {background: #ddecfb; }
.row2 {background: #e2eefb; }
.row3 {background: #e7f1fb; }
.row4 {background: #ecf3fb; }
.row5 {background: #f1f6fb; }
.row6 {background: #f6f8fb; }
/* end calendar */

.comment_evenbox {
    border-top: 1px solid #5f90ba;
    border-bottom: 1px solid #5f90ba;
    background-color: #fafbfc;
    color: #505050;
}

.comment_oddbox {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background-color: #fafbfc;
    color: #505050;
}

.serendipity_entryFooter {
    border: 1px solid #ddecfb;
    background-color:#f6f8fb;
    padding: 3px;
}

.serendipity_entryFooter, .serendipity_commentcount, .serendipity_comment_source {
    font-size: .7em;
}

/* pagination links */
div.pagination{
    margin-top: 1em;
}

.pagination a:link,
.pagination a:visited{
    background: #DDECFB;
    border: 1px solid #CFCFCF;
    padding: 2px 6px;
    text-decoration: none;
}

span#thispage {
    background: #235587;
    border: 1px solid #235587;
    color: #ffffff;
    padding: 2px 6px;
}

.pagination a:hover,
.pagination a:active {
    background: #5F90BA;
    border: 1px solid #235587;
    color: #ffffff;
    padding: 2px 6px;
}

.searchterm, .searchresults {
    color: #235587;
    font-weight: bold;
}

.serendipity_freetag_taglist {
    background-color: #fafbfc;
    color: #505050;
    border: 1px solid #c0c0c0;
    padding: 3px;
}

.serendipity_freeTag_related {
    margin-top: 1em;
}

.container_serendipity_plugin_comments {
    color: #333;
}

.plugin_comment_wrap {
    background-color: #fafbfc;
    color: #505050;
    border-top: 1px solid #ddecfb;
    border-bottom: 1px solid #ddecfb;
    margin: 5px 0 0 0;
}

.plugin_comment_body {
    font-style: oblique;
}

img.serendipity_entryIcon {
    float: left;
    border: none;
    margin: 1em;
}

.serendipity_authorpic span {
   float: right;
   font-size: .7em;
   font-style: italic;
 }
 
 .serendipity_authorpic {
    float: right;
    margin: 0px 0px .5em .5em;
	padding: .6em;
    border: 1px solid #F39F01;
    display: block;
	text-align: center;
}
 
.serendipitySideBarContent{
    margin: 1em 1em 3em 1em;
}

a.serendipity_xml_icon img, li.serendipity_googlereader img, .serendipitySideBarContent ul li a img{
    border: 2px solid #C5C5FF;
}

a.serendipity_xml_icon img:hover{
    border: 2px solid #1919FF;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
    margin: 0 10px 5px 0;
}

.serendipity_imageComment_right {
    float: right;
    margin: 0 0 5px 10px;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 1%;
    clear: both;
    font-size: 80%;
    text-align: center;
}


/**************************************************************
   #barterBox: The Barter box
 **************************************************************/
#barterBox {
  background: #C5C5FF;
  text-align: center;
  line-height: 90%;
  clear: both;
  margin-bottom: 1.5em;
  padding: 10px;
}

#barterBox a {
  color: #1919FF;
  font-weight:bold;  
}

/**************************************************************
   #serendipityRightSideBar: Blog side bar
 **************************************************************/
#serendipityRightSideBar {
  background: #C5C5FF;
  text-align: center;
  margin-bottom: 1.5em;
}

h3.serendipitySideBarTitle  {
  color: #1919ff;
  text-align: center;
  }

/**************************************************************
   #contactInfo: The Find a Location box
 **************************************************************/
#contactInfo {
  margin-top: 1.5em;
  background: #1919ff;
  text-align: center;
}

#contactInfo h2, #rekeySpecialists h2, #rekeySpecialists h3 {
  margin-bottom:0;
  padding-bottom:0;
}

#contactInfo h3, #rekeySpecialists h3, #rekeySpecialists p {
  margin-top:0;
  padding-top:0;
}

/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/
#menu {
  clear: both;
  position: absolute;
  top: 200px;
}

ul#nav {
  clear: both;
}
 
ul#nav,ul#nav li {
  list-style:none;
  margin:0;
  padding:0;
}

ul#nav {
  float:right;
  font-size: 80%;
}

ul#nav li {
  float:left;
  margin-left: 3px;
  text-align: center;
}

ul#nav a {
  float:left;
  width: 9em;
  padding: 4px 0;
  background: #1919ff;
  text-decoration:none;
  color: #ffff19;
}

ul#nav a:hover {
  background: #c5c5ff;
  color: #1919ff;
  padding-top:12px;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover {
  background: #1919ff;
  color: #ffffff;
  font-weight:bold;
  padding-top:12px;
  font-size: 110%;
}

/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

#leftMenu {
  clear: both;
  background: #1919ff;
  margin-bottom: 1.5em;
}

ul.sideMenu {
  margin: 0;
  padding: 0;
  clear: both;
}

.sideMenu li {
  display: inline;
    /* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(../images/bg/foo.gif);
  font: 400 1.3em "trebuchet ms", serif;
}

.sideMenu li a {
  display: block;
  margin: 0.2em 0;
  padding: 0px 5px;    
  text-decoration: none;
  color: #FFF;
} 

.sideMenu li a:hover {
  color: #000000;
  background: #8C8CFF;
}

/* Active menu item */
.sideMenu li.here {
  display: block;  
  padding: 5px;
  color: #1919ff;
  background: #C5C5FF;
}

/* Submenu of active menu item */
.sideMenu li.here ul {
  margin: 0;
  padding: 0;
}

.sideMenu li.here ul li a {
  padding-left: 30px;
  font: 400 0.55em verdana, arial, sans-serif; 
  color: #000000;  
  background: url(../images/bg/bullet.gif) no-repeat 10px 0px;
}

.sideMenu li.here ul li a:hover {
  color: #1919FF;
  background: #FFECC5 url(../images/bg/bullet.gif) no-repeat 10px 0px;
}

#leftMore {
  clear: both;
  background: #C5C5FF;
  margin-bottom: 1.5em;
}

#leftMore h2 {
  color: #1919ff;
}

#leftMore p {
  padding-left: 1em;
}

#rekeySpecialists {
  background: #C5C5FF;
}

#rekeySpecialists h2, #rekeySpecialists h3 {
  color: #1919ff;
  text-align: center;
}

#rekeySpecialists p {
  text-align: center;
}

#rekeySpecialists #highback {
  background: #ffff19;
  margin-left: 5em;
  margin-right: 5em;
}

#testimonialbox {
  background: #C5C5FF;
  margin: 1.5em;
}

#testimonialbox h3 {
  color: #1919ff;
  text-align: center;
}

#servicearea li {
  font-size: 0.9em;
  line-height: 1.2em;
}

#servicearea b {
  color: #1919ff;
}

ul#servicearea {
  margin-left: 1em;
  margin-right: 1em;
  padding-right: 0em;
}

/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 4em;
  padding-top: 5em;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  float: left;
  width: 100%;
  clear: both;
  margin-top: -3.8em;
  background: #000 url(../images/bg/footer.jpg) repeat-x top left;
  color: #ffffff;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
}



/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 73.7%;
}

.width66 {
  width: 65.5%;
}

.width50 {
  width: 48.6%;
}

.width33 {
  width: 31.5%;
}

.width25 {
  width: 24.7%;
}

.width25incol {
  width: 22.8%;
}


/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight  {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.bumpright {
  margin-right: 2.8%;
}

.padRight {
  margin-right: 2em;
}

.imgPad {
  margin: .5em 2em;
}


/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small, .belowentry {
  font-size: 0.8em;
}

.darkBlue {
  color: #1919ff;
}

.brightYellow {
  color: #ffff19;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.gradient {
  margin-top: 1.5em;
  background: #555 url(../images/bg/gradient.jpg) repeat-x bottom left;
  clear:both; 
}

.maincontent {
  margin-top: 1.5em;
  background: #FFECC5;
}

.maincontent table {
  padding-right: 1.5em;
}

.border {
  border: solid 1px #000000;
}

.pad {
  padding-left: 3em;
  padding-right: 3em;
}

.quote {
  background: url(../images/66.png) no-repeat top left;
}

.quoteclose {
  background: url(../images/99.png) no-repeat bottom right;
}

#backgroundSplash {
  background: url(http://www.sunshinelocksmith.com/images/sunshine-locksmith-logo-700.png) no-repeat top left;
}

.backgroundWhite {
  background: #FFFFFF;
}

.backgroundYellow {
  background: #ffff19;
}

a.backgroundNone {
  background: none;
  text-decoration: none;
  color: #000000;
}

.serendipitySideBarItem  a {
  background: none;
}

#footer-search { 
  background: #FFF;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.4em;
  margin: 4px auto;
  padding:3px;
  text-align: center;
  width: 80%;
  border:2px solid #FFF;
}

#footer-search img {
  vertical-align: middle;
}

.mid {
  vertical-align: middle;
}

.SuggestFramework_List {
  border: 1px solid #CCCCCC;
  border-top: 0;
}
 
.SuggestFramework_Heading {
  padding: 0 1px 0 1px;
  background-color: #CCCCCC;
  color: #FFFFFF;
  font-weight: bold;
}

.SuggestFramework_Highlighted {
  padding: 0 1px 0 1px;
  background-color:#D4E4D4;
  color: #990033;
}

.SuggestFramework_Normal {
  padding: 0 1px 0 1px;
  background-color: #EEEEEE;
  color: #000000;
}

.SuggestFramework_Combo {
  width: 100%;
  margin: 0;
  padding: 0;
}

.cntr {
  margin: 0 auto;
  text-align: center;
}

a.navdown {
  background: transparent;
  color: #008;
  float: right;
  font: 0.8em/1.4em Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 2px 10px 2px 19px;
  width: 2em;
}

a.navdown:hover {
  background: #666;
  color: #FF0;
}

a.navup {
  background: transparent;
  color: #008;
  float: right;
  font: 0.8em/1.4em Arial,Helvetica,sans-serif;
  margin: 0;
}

.odrow {
  background: #FFF;
  color: #007;
  margin: 0;
  padding: 6px 4px;
  border: 1px dashed #1919ff;
}

.evrow {
  background: #EEE;
  color: #006;
  margin: 0;
  padding: 6px 4px;
  border: 1px dashed #EA1B00;
}

.em, .bd {
  font-weight: bold;
  padding: 6px 0px;
}

.mak_1 {
  font-weight: bold;
}

.mak_2 {
  background: #66FFFF;
}

.mak_4 {
  background: #99FF00;
}

.mak_3 {
  background: #FFFF00;
}

.title {
  font-size: 1em;
  line-height: 1.4em;
  margin: 0;
  padding: 3px 2px 3px 0px;
  text-align: left;
}

.url {
  background: transparent;
  font-size: 0.7em;
  color: #7E7E7E;
  margin: 2px 0 5px 20px;
  padding: 0;
}

.description {
  font-size: 0.9em;
  line-height: 1.4em;
  margin-left: 20px;
  padding: 0;
  width: 85%;
}

#other_pages, #common_report {
  background: #FFF;
  border: 1px solid #777;
  font-size: 0.8em;
  color: #007;
  padding: 6px 2px;
  text-align: center;
}

.tblhead {
  background: #D0E3D1;
  border: 1px solid #777;
  color: #007;
  font-weight: bold;
  padding: 6px;
  text-align: center;
}

p.center {
  padding-left: 0px;
  padding-right: 0px;
}