/*   
Theme Name: WizOne Solutions Custom Theme
Theme URI: 
Description: Custom theme developed by Andrew Sepic (Think Up! Design) and Kevin Kaland (WizOne Solutions) for WizOneSolutions.com.
Author: Kevin Kaland
Author URI: http://www.wizonesolutions.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

html, body {
  height: 100%;
}

body {
  font-family: Verdana, sans-serif;
  font-size: 90%; /* about 14.4 px on Windows 7 96 dpi Firefox 3.6 */
  width: 100%;
}

/* START - Header */
div#header {
  background-color: #170d66;
  width: 100%;
}

div#wrapper {

}

div#blog-title {

}

div#contactinfo {
  color: #fef6a8;
  float: right;
  left: 83.5%;
  position: absolute;
  top: 17%;
}
div#contactinfo .phone-number {
  font-weight: bold;
}

div#branding {
  position: relative;
  width: 66.7em;
  padding: 0px;
}

div#access {
  border: 0;
  background-color: #170D66;
  height: auto;
  background: url(images/bluepart_bottom_bg.jpg) repeat-x left bottom;
}

#blog-title a {
  width: 10.33em;
  height: 4.97em;
  display: block;
  background: url(images/logo.jpg) no-repeat top left;
}

.menucontainer {
  margin: 0 auto;
  width: 73.85em;
}

.menucontainer div {
  display: inline-block;
}

.menucontainer .aside, .menucontainer .aside ul, .menucontainer .aside form, .menucontainer .aside table, .menucontainer .aside input {
  margin-bottom: 0;
}

div#menu-aside {
  position: relative;
  float: right;
  top: -0.65em;
  padding-right: 1.5em;
}

div#menu-aside ul.xoxo, div#menu-aside ul.xoxo li {
  display: inline-block;
}

#text-4 {
  position: relative;
  top: 0.75em;
}

div#menu-aside .textwidget {
  padding: 0;
}

#search input {
  width: 92%;
}

div#access .widget_thematic_search .widgettitle {
  display: none;
}

.menu {
  width: auto; 
}

.menu ul {
  border: 0;
  height: 2.5em;
}

/* Hide the Home button - top and bottom */
.page-item-63 {
  display: none;
}

#header .menu li, #header .menu li a, #header .menu li a:visited {
  font-size: 1.13em; /* 113% of 90% */
  font-weight: bold;
  color: #ecf1f7;
  background: url(images/navbtn_bg.jpg) no-repeat;
}

#header .menu li a:hover {
  color: #f8ffaa;
}

#header .menu li {
  width: 8.4em;
  height: 2.1em;
  margin-left: 0.65em;
  text-align: center;
}

/* END - header */

/* START - page branding */
div#pagebrandingwrapper {
  background-color: #170D66;
  clear: both;
  background: url(images/bluepart_bottom_bg.jpg) repeat-x left bottom;
}
div#pagebranding {
  width: 960px;
  background-color: #fff;
  margin: 0 auto;
}
div#pagebranding .brandingcontent {
  padding-top: 10px;
  text-align: center;
}
/* END - page branding */

/* START - widget areas */
#primary {
  border: 0;
  padding: 0;
  margin: 0;
}
#primary.aside .xoxo {
  margin-bottom: 0;
}
.main-aside {
  width: 257px;
}
.aside .xoxo {
  padding-right: 0;
}
.aside .textwidget {
  padding-left: 2em;
  padding-bottom: 2em;
}
.aside h3.widgettitle {
  font-size: 1.6em;
  font-weight: bold;
  font-style: normal;
  padding-left: 1.2em;
  padding-bottom: 0.25em;
  color: #000;
}
.aside .widgetcontainer ul li {
  list-style-type: none;
  padding-left: 0.78em;
  text-indent: -0.78em;
  padding-bottom: 0.25em;
}
.aside .widgetcontainer ul li a {
  text-decoration: none;
  color: #878787;
  border-left: solid 8px #878787;
  padding-left: 0.154em;
}
.aside .widgetcontainer ul li a:hover {
  color: #4d4d4d;
  border-left: solid 8px #170d66;
}
.aside .widgetcontainer ul {
  padding-left: 0.4em;
}
/* END - widget areas */

/* START - specific widgets */
.aside .widget_recent_entries {
  background: url('images/notepaper_bg.gif') center center no-repeat;
  width: 237px;
  height: 259px;
  overflow: hidden;
}
.aside .widget_recent_entries h3.widgettitle {
  padding-top: 3em;
  padding-bottom: 0.25em;
}
.aside .widget_recent_entries ul {
  padding-right: 0.07em;
  height: 133px;
  overflow: hidden;
}
.aside .widget_recent_entries ul li a {
  line-height: 1em;
}
#linkcat-8 ul, #linkcat-8 ul li {
  display: inline-block;
}
#linkcat-8 ul li a {
  border: 0;
}
/* END - specific widgets */

/* START - content area */
#mainwrapper {
  background: url(images/content_top_bg.jpg) top left repeat-x;
}

#main {
  font-size: 0.972em;  
  background-color: #fff;
  padding: 3.1em 0 0;
  background: url(images/content_top_bg.jpg) top left repeat-x;
}

#content h1.entry-title {
  font-weight: normal;
  font-size: 2.857em;
  line-height: 1em;
}

#content {
  width: 610px;
}

#content .entry-meta, #content .entry-content, #content .entry-utility {
  color: #616161;
}

#content a {
  color: #000;
  text-decoration: none;
}

#content a:hover {
  color: #4d4d4d;
}

.sf-menu a {
  padding-bottom: 6px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 7px;
  border: 0;
}
/* END - content area */

/* START - footer */
div#footer {
  border: 0;  
  background: url(images/footer_bg.jpg) repeat-x left top #C0C0C0;
}

div#footer #footerwrapper {
  width: 65.2777em;
  margin: 0 auto;
  padding-top: 2em;
}

div#footer .menu {
  color: #737373;
  font-size: 1.25em;
  width: 100%;
  text-align: center;
}

div#footer menu ul {
  
}

div#footer .menu ul, div#footer .menu ul li, div#footer .menu ul li a {
  background-color: transparent;
}

div#footer .menu ul li {
  padding-right: 2.5em;
}

div#footer #contactme {
  width: 40%;
  display: inline-block;
  float: right;
  position: relative;
  top: -4.35em;
  color: #fff;
  font-size: 1.25em;
  text-align: left;
}

#footer .fakemenu {
  color: #737373;
  background-color: transparent;
  font-size: 1.3em;
  margin-bottom: 0.25em;
}

div#footer .fakemenu a {
  text-decoration: none;
}

div#footer .fakemenu a:hover {
  color: #666666;
}

div#footer #legal {
  clear: both;
}

div#siteinfo {
  text-align: center;
}
/* END - footer */