/*   
Theme Name: Blue Fractal
Theme URI: http://www.pixelthemestudio.ca/themes/19-blue-fractal
Description: Blue Fractal is a clean and corporate style of theme for WordPress users, whether you are an individual or business. If you feel you need the photoshop files, you will need to get or upgrade to a membership that includes these. Don't forget that if you enjoy this theme, I would love to get a testimonial from you on my site, just visit the testimonials area.
Author: Pixel Theme Studio
Author URI: http://www.pixelthemestudio.ca
Tags: One-column,left-column,right-column,fluid-fixed-width,blue,white,black
Version: 2.4
License: GPL (The core CSS, XHTML and PHP code named and required for Joomla for the Evening Shade template is released under GPL: http://www.opensource.org/licenses/gpl-license.php The Original Design graphics and Photoshop source files are copyrighted by Pixel Theme Studio (the Photoshop files are not released under GPL).
*/

html,body,div,span,caption,em,sub,sup,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,code,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 1em;outline: 0;padding: 0;margin: 0;border: 0;}
html {height:100%;	margin-bottom:1px;}
body {font:normal 1.1em/1.1em Arial, Helvetica; color:#6E6E6E; background:#E7E7E7; }

/* Misc. Styles */
:focus {outline: 0;}
p {margin:0 auto 12px;}

a {outline: none; cursor: pointer;}
img {border: none; text-decoration: none;}
a:link, a:visited, a:active { color:#772c11; text-decoration: none;}
a:hover {text-decoration: underline;}
.defaultBody
{
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
MARGIN: 0px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica;
BACKGROUND-COLOR: #ffffff
}
A.defaultBody
{
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
MARGIN-LEFT: 0px;
COLOR: #0000ff;
FONT-FAMILY: Arial, Helvetica;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: none
}
A.defaultBody:hover
{
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
MARGIN-LEFT: 0px;
COLOR: #0000ff;
FONT-FAMILY: Arial, Helvetica;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: underline
}
.sectionHead
{
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
COLOR: #a52a2a;
FONT-STYLE: normal;
FONT-FAMILY: Arial;
HEIGHT: 24px
}

/* clearing */
.clearfix:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.clr {font-size : 1px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
/* End hide from IE-mac */

/* wrappers */
#topwrapper {background:#fff url('images/top-bg.png') repeat-x 0 0;}
#top {background:transparent url('images/top-grid.png') no-repeat left top;	height:90px;	width:940px;	margin:0 auto;}
#logo {width:480px; /*height:120; */ height:90px; background:url('images/wg-logo.png') no-repeat 0 10px; float:left; padding-top:30px;}
#topcaption {width:430px; float:right; margin:55px 0 0 0; padding-right:10px; border-right:0px solid #858585; font:normal .75em Arial, Helvetica, sans-serif; text-align:right; font-style:italic; color:#999; }
#topcaption p {margin:0;}
#header {background:#435733;}
#banner {width:960px; margin:0 auto;}
#fractal {background:url('images/header-3.jpg') no-repeat center top;height:200px;}
#headercaption {width:940px; height:163px; margin:0 auto; padding:140px 0 0 0; font:normal .9em Arial, Helvetica, sans-serif; color:#fff;}
#headercaption h1 {font:normal 2em Arial, Helvetica, sans-serif!important; color:#fff; margin:0 auto 8px; border:none!important; padding-bottom:0; }
#menuwrapper {background:#303030; height:30px; margin-bottom:5px; }
#mainmenu {width:960px; margin:0 auto; color:#888; font:normal .9em Arial, Helvetica, sans-serif;}
#bcouter {background:#D6D6D6; margin-bottom:5px;}
#bcinner {width:940px; margin:0 auto; height:20px; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #676767; line-height: 18px; }

#breadcrumbs {width:600px; float:left;background:url('images/icon_pathway.png') no-repeat 0 50%; padding-left:17px; font-style:oblique;}

#bcinner a {color:#8C772A; text-decoration:none; font-style:normal;}
#bcinner a:hover {color: #676767;}
#content {background:#fff url('images/contenttop.png') no-repeat top; width:940px; margin:0 auto; padding:20px 10px; min-height:200px; font-size:.76em;}

/* bottom widget groups */
#bottomwrapper {width:960px; margin:0 auto; font:normal .7em Verdana, Arial, Helvetica; }
#bottomgroup1 {background:#D6D6D6; padding:10px;}
#bottomgroup2 { background:#121212; padding:10px;}
.widgetleft, .widgetcenter, .widgetright {width:300px; float:left;}
.widgetcenter {margin:0 20px;}

/* Footer */
#footer {background:#121212 url('images/footer.png') no-repeat top; width:940px; margin:0 auto; min-height:20px; padding:5px 10px; font:normal .6em Verdana, Arial, Helvetica; color:#e7e7e7;}
#bottom {background:url('images/bottom.png') no-repeat bottom; width:960px; margin:0 auto 12px; height:7px;}

/* Columns */
#maincontent {}
#maincontentleft {width:620px; float:left;} /* with right column */
#maincontentright {width:620px; float:right;} /* with left column */
#right, #left {width: 280px; float:right;}
#left {float:left;}

/* TYPOGRAPHY STYLES - headings */
h1, h2, h3, h4, h5, h6 {font:bold 1.7em Arial, Helvetica, sans-serif; margin:0 auto 7px; border-bottom:1px dotted #9c9c9c; padding-bottom:3px; color:#772c11;}
h1 {padding-bottom:2px; font-weight:normal;}
h2 {font-size:1.5em; font-weight:normal;}
h2.pagetitle {border:none;}

h3, h4, h5, h6 {color:#303030;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}
h6 {font-size:.76em;}

small {display:block; margin-bottom:3px; font-style: italic; color:#8c772A; font:normal .9em Arial, Helvetica, sans-serif;}
p.postmetadata {font:normal .9em Arial, Helvetica, sans-serif; background-color:#f2f2f2; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:2px 5px;}

.help, .information, .warning { padding:0 0 2px 30px;}
.information {background:transparent url('images/information.png') no-repeat left top; }
.help {background:transparent url('images/help.gif') no-repeat left top; }
.warning {background:transparent url('images/warning.png') no-repeat left top; }

/* links */
#content a, #content a:visited {color: #772c11;}
a.posttitle, h3 a.archtitle:hover {color:#772c11!important;}
a.posttitle:hover, h3 a.archtitle  {color:#8C772A!important; text-decoration:none;}

.post a.more-link, a.more-link, a.readon {background:url('images/readmore.png') no-repeat; display:block; width:88px; height:18px; padding-top:4px; margin:8px 0 20px 0;
font:normal 11px Arial, Helvetica, sans-serif; color:#816D22!important; text-decoration:none; clear:both; font-style:oblique; text-align:center;}
.post a.more-link:hover, a.more-link:hover {color:#303030!important; text-decoration:none;}
a.readon:hover {color:#816D22!important;}
a.readon {background:url('images/readmore_bg_black.png') no-repeat; color:#ccc!important;}

/* blockquotes and spans */
blockquote, pre {background-color:#f2f2f2; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; font:normal .9em Arial, Helvetica, sans-serif; margin:8px auto 20px; width:90%;}
pre {border-left:4px solid #D6D6D6;}

code {font:normal 12px Arial, Helvetica, sans-serif;}
blockquote {width:90%; margin:20px auto; padding:3px 0 5px 48px; font-style:oblique; background:url('images/quote-left.png') top left no-repeat;}
div.blockquote2 {background:url('images/quote-right.png') bottom right no-repeat; padding:3px 40px 5px 0; color:#758EA1;}

span.quoteright, span.quoteleft {border-left:4px solid #7C8F9A; color:#586A75; font-size:14px; padding:0 15px; float:right; width:30%; margin:17px 0 17px 17px;}
span.quoteleft {margin:17px 17px 17px 0; float:left;}

/* Images alignment */
.aligncenter {margin: 4px auto 8px auto;display: block;}
.alignleft {margin: 4px 20px 6px 0;float: left;}
.alignright {margin: 4px 0px 6px 20px;float: right;}
.col-left {float: left;}
.col-right {float: right;}

/* Image and Captions */
img.centered{display: block;margin-left: auto; margin-right: auto;}
.wp-caption {background-color:#f2f2f2;border:1px solid #dedede;padding:3px 0 0;text-align:center;}
.wp-caption-text {padding:0; margin-bottom:0px;font-size:10px; color:#808080;}

/* main content list styles */
ol li {list-style:decimal-leading-zero;}
ul, ul.listtan, ul.listgrey, ul.listblue,ol { margin:10px 35px 15px; line-height:20px;}
ul li, ul.listblue li {list-style:url('images/listblue.png');}
ul.listtan li {list-style:url('images/listtan.png');}
ul.listgrey li {list-style:url('images/listgrey.png');}
	ul li ul li {list-style:url('images/listblues.png');}
	ul.listtan li ul li {list-style:url('images/listtan.png');}
	ul.listgrey li ul li {list-style:url('images/listgrey.png');}
/* Side column lists left and right */
#left ol, #left ul, #right ol, #right ul {margin-left:10px;}
#left ul, #right ul {margin:10px 0 15px 18px; padding-left: 0;}
#left li, #left li a, #right li, #right li a {font:normal 11px verdana, Arial, Helvetica, sans-serif;  border-bottom:1px dotted #aeaeae; padding:5px 0;}
#left li, #right li {list-style:url('images/listgrey.png');}
#left li:hover, #right li:hover {list-style:url('images/listtan.png');}
#left a, #left li a, #right a, #right li a {text-decoration:underline; border:none!important;}
#left li a, #right li a {text-decoration:none!important;}
#left a:hover, #right a:hover {color:#303030; text-decoration:none;}
#left ul.menu, #right ul.menu {margin-top:0; padding-top:0;}
#left ul.listblue li, #left ul.listtan li, #left ul.listgrey li, #right ul.listblue li, #right ul.listtan li, #right ul.listgrey li {border:none;}
#left ul.listblue li, #right ul.listblue li {list-style:url('images/listblue.png');border-bottom:1px dotted #aeaeae;}
#left ul.listtan li, #right ul.listtan li {list-style:url('images/listtan.png');border-bottom:1px dotted #aeaeae;}
#left ul.listgrey li, #right ul.listgrey li {list-style:url('images/listgrey.png');border-bottom:1px dotted #aeaeae;}

/* Main Menu */
#mainmenu {margin: 0 auto; padding:0;}
#mainmenu .menu-header,div.menu {}
#mainmenu .menu-header ul,div.menu ul {list-style: none;	margin: 0;}
#mainmenu .menu-header li,div.menu li {float:left; position: relative; }
#mainmenu ul li {list-style:none; display:inline; background:transparent url(images/menu-spacer.png) left no-repeat;}
#mainmenu a {display:block; text-decoration:none;padding:0 15px; 	line-height:30px; height:30px; color:#fff;}
#mainmenu li:hover, #mainmenu li a:hover {background:#816D22; color:#fff;}

#mainmenu ul ul {display:none; position:absolute;	top:30px; left:0; float:left; width: 165px; z-index: 99999; box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); }
#mainmenu ul ul li {width: 155px; background-image:none;}
#mainmenu ul ul li:first-child {margin-left:0;} /* aligns submenu from parent left edge */
#mainmenu ul ul ul {left:120%; top:0;}
#mainmenu ul ul a {background:#303030; height:auto; line-height:1em; padding:6px 6px 6px 15px; width: 165px; margin-left:0; font-size:.9em;}
#mainmenu ul ul :hover > a {background:#816D22; color:#fff; }
#mainmenu ul li:hover > ul {display:block;}

#mainmenu ul li.current_page_item > a,
#mainmenu ul li.current-menu-ancestor > a,
#mainmenu ul li.current-menu-item > a,
#mainmenu ul li.current-menu-parent > a {background:#816D22; color:#fff; }

* html #mainmenu ul li.current_page_item a,
* html #mainmenu ul li.current-menu-ancestor a,
* html #mainmenu ul li.current-menu-item a,
* html #mainmenu ul li.current-menu-parent a,
* html #mainmenu ul li a:hover {background:#816D22; color:#fff;}

#mainmenu ul li.current_page_item:first-child a,
#mainmenu ul li.current-menu-ancestor:first-child a,
#mainmenu ul li.current-menu-item:first-child a,
#mainmenu ul li.current-menu-parent:first-child a,
#mainmenu ul li.current-menu-parent:first-child a {color:#fff; background:none;}

/* submenu on the breadcrumb row */
#submenu {width:270px; float: right;}
#submenu ul {overflow: hidden;margin: 0;padding:3px 0 0;list-style-type: none;}
#submenu li {float: right; list-style: none; margin:0; padding:0; list-style-type: none; background: none; line-height:100%; border-right:1px solid #bdbdbd;}
#submenu li a {font: normal 11px Tahoma, Arial, Helvetica, sans-serif;color: #333;margin: 0; padding: 0 8px;}
#submenu li a:link,  div#submenu li a:visited {text-decoration: none;}
#submenu li a:hover {text-decoration: none;	background: #fff;}
#submenu ul#subnav li:first-child {border:none!important;} /* hides left border from first menu item */


/* vertical menus */
#content ul.menu {list-style: none; margin: 0; padding: 0;}
#content ul.menu li {background: none; margin: 0; padding: 0; border-bottom: 1px solid #f1f1f1;}
#content ul.menu li a {display: block; outline: none; padding: 5px 2px; color: #333; text-decoration:none!important;}
#content ul.menu li a:hover,
#content ul.menu li a:active,
#content ul.menu li a:focus {color: #772c11;}
#content ul.menu li.active a {color: #772c11;}
#content ul.menu li.parent a {background: url('images/menu-subicon.png') no-repeat 96% center;}
#content ul.menu li ul {list-style: none; margin: 0; padding: 0;}
#content ul.menu li li {border-bottom: 1px solid #f1f1f1;}
#content ul.menu li li:first-child {border-top: 1px solid #f1f1f1;}
#content ul.menu li li a {border: none;font-weight: normal !important; padding-left: 20px!important; }
#content ul.menu li li a:hover,
#content ul.menu li li a:active,
#content ul.menu li li a:focus {background: none;}
#content ul.menu li.parent li a {background: none;}

/* Footer Menu */
#links ul {overflow: hidden; margin: 0;	padding: 0;	list-style-type: none;}
#links ul li {display:inline; color:#888; list-style: none; margin: 0; padding:0 5px; list-style-type: none; border-right:1px solid #6e6e6e;}
#links li a:link, #links li a:visited, #copyright a {color:#ccc; text-decoration:none;}
#links li a:hover, #copyright a:hover {color:#888;}
#links ul li:first-child {border-left:none; padding-left:0;} /* hides left border from first menu item */
#links ul li:last-child {border-right:none;}

/* Widget Styles with rounded corners - not viewable in ie */
#contentbottom {background-color:#f2f2f2; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; font:normal .9em Arial, Helvetica, sans-serif;}
#content .widget, #content .widget-grey, #content .widget-tan, #content .widget-clear { -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; font:normal .9em Arial, Helvetica, sans-serif; margin-bottom:20px;}
#content .widget {background-color:#F2F2F2;}
#content .widget-grey {background-color:#D6D6D6;}
#content .widget-tan {background-color:#E3DED3;}
#content .widget-clear {}

/* widget headings */
#right .widget h3, #right .widget-grey h3, #right .widget-tan h3, #left .widget h2, #left .widget-grey h2, #left .widget-tan h2, #bottomwrapper h3, div.module h3, div#left div.module h2 {font:bold 1.1em Arial, Helvetica; margin:0 auto 4px; color:#303030;}
#bottomgroup1 h3 {color:#303030; border-color:#8A8A8A;}
#bottomgroup2 h3 {color:#CAC5BA; border-color:#6E6E6E;}

#logo h1, #banner h2, #topcaption h2, #submenu h2, #footer h4 {display:none;} /* This hides the headings from the front-end */

/* Compliments to TeachMeJoomla's flexible rounded corners module */
div.module, div.module div{background:url('images/gradientwidget.png');}
/*replaced with single image technique*/
div.module { padding:0; margin:0 0 20px; background-repeat:no-repeat; background-position:bottom left; height:1%; width:auto; }
div.module div {margin:0 0 0 13px; background-repeat:no-repeat; background-position: bottom right; padding:0 0 13px 0; width:auto;}
div.module div div {background-position: top right;margin:0; padding:0;}
div.module div div div {margin:0 13px 0 -13px;background-position: top left; padding:6px 0 0 8px; font:normal .96em Arial, Helvetica, sans-serif;}
/*reset nested divs*/
div.module div div div div{padding:0; margin:0; background:none; background-image:none; background-position:top left; background-repeat: repeat; background-color: transparent; width:100%;}

/* Comments template */
#respond {margin:25px auto 15px;}
#comments, #respond h3 {font-size:14px;color:#333;padding-bottom:5px; font-weight:bold;}
.commentlist { padding-left:0px;}
.commentlist li {margin-bottom:5px;list-style:none;background:#f2f2f2;-moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px;border:1px solid #E3E3E3;}
.commentlist li .avatar { float: left;border: 1px solid #64522C;padding: 2px;background: #fff;margin-right:5px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {clear:both;line-height: 1.5em;}
#commentform input, #commentform textarea {border:1px solid #E3E3E3;padding:3px;}
#commentform p {margin-bottom:10px;}
#commentform #submit {background-color:#9E8961;color:#FFFFFF;border:1px solid #64522C;cursor:pointer;}
#commentform textarea { width:98%; background:#f2f2f2; }
div.comment-meta a {color:#fff;}
div.comment-meta {width:250px; float:left; margin-left:0;}
img.avatar {margin-right:10px!important;}
div.post-nav {clear:both;}

/* Calendar */
#calendar_wrap {width:100%;}
#wp-calendar {empty-cells: show; margin: 10px 0; width: 100%; background:#fff; border-bottom:1px solid #f7f7f7; border-top:1px solid #f7f7f7; }
#wp-calendar th {background:#f7f7f7;text-align:center;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;color:#772c11 !important;}
#wp-calendar a:hover {color:#806C21 !important;}
#wp-calendar caption {text-align: center; width: 100%;padding:0 2px 0 0;font-weight:bold;}
#wp-calendar td {padding: 3px 0;text-align: center;}

/* Search */
form#searchform {margin-bottom:30px;}
input#s {width:180px; float:left;}
#searchsubmit {background:transparent url(images/button_top.png); float:left; width:61px; height:22px; border:none; margin:1px 0 0 6px; font:normal 1em Arial, Helvetica, sans-serif; cursor:pointer;}
#searchsubmit:hover {color:#816D22;}
label.screen-reader-text {display:none;}

/** wp-pagenavi plugin - add this group to the pagenavi plugin styles in the dashboard **/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {-moz-border-radius:0.4em; -khtml-border-radius:0.4em; border:1px solid #d4d4d4; background:#f2f2f2 url('images/page-nav.png') repeat-x;
padding: 2px 4px 2px 4px;  margin: 2px;}
.wp-pagenavi a, .wp-pagenavi a:link {text-decoration: none;	color: #303030;	}
.wp-pagenavi a:visited {text-decoration: none;	color: #303030;	}
.wp-pagenavi a:hover, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {color: #816D22;}
.wp-pagenavi a:hover {	border: 1px solid #d4d4d4;}
.wp-pagenavi a:active {text-decoration: none;color: #816D22;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; 	margin: 2px 2px 2px 2px;}
.wp-pagenavi span.current {font-weight: bold;}

div#bottomwrapper img {border:1px solid #808080;margin-bottom:5px;}