/* Reset */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
ol, ul {list-style:none;}
li {line-height:120%;}
dt { font-weight: bold; text-decoration: underline; } dd { margin: 0; padding: 0 0 0.5em 0; }
/*----- ={JC Messing With Layout}= -----*/
#featured-slider {
width = inherit !important;
}
/* .mainnav {
font-size: 19px !important;
font-family: impact,"arial black",sans-serif !important;
font-align: justify;
} */
/*----- ={ Headings } -----*/
h1 a, h2 a ,h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}
h1, h2, h3, h4, h5, h6 {margin:0;line-height:1;}
h1 { font-size:30px; }
h2 { font-size:23px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
/*----- [[ Theme Table ]] -----*/
.theme-table {width: 100%;}
.theme-table caption { color: #222;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: left;}
.theme-table thead {font-size: 12px;}
.theme-table thead th {text-align:center;background:#ddd;border: 1px solid #fff;padding: 3px 0 2px;}
.theme-table tbody {color: #888;}
.theme-table tbody td {background: #f5f5f5;border: 1px solid #fff;padding: 3px 0 2px;text-align: center;}
.theme-table tbody .pad {background: none;}
/* --------------------------------------------------------------
NAVIGATION
Navigation is a two part code.
- The structure/bone (which is coded below in this file)
- The appeareance (appeareance, which can be found an edited in styles/active style file)
-------------------------------------------------------------- */
/* =Navigation. The navigation can be considered in two parts. The first part is the
-------------------------------------------------------------- */
.dropdown a { position:relative; display:block; z-index:100;}
.dropdown li li.current_page_item,
.dropdown li li.current-cat { background:none; }
.dropdown li {width: auto;list-style:none; }
.dropdown li a.sf-with-ul { padding-right:20px;}
.dropdown li ul li a { }
.dropdown a, .dropdown li.current-cat-parent a, .dropdown li.current-cat a, .dropdown li.current_page_item, .dropdown li.current_page_parent, .dropdown li.current-menu-ancestor, .dropdown li.current-menu-item, .dropdown li.sfHover { }
/* =Drop-down menus */
.dropdown li ul { position: absolute; left: -999em; z-index:99999; }
.dropdown li:hover,.dropdown li.hover { position:static; }
.dropdown li:hover ul ul, .dropdown li.sfhover ul ul,.dropdown li:hover ul ul ul ul, .dropdown li.sfhover ul ul ul ul,.dropdown li:hover ul ul ul ul ul, .dropdown li.sfhover ul ul u ull ul { left:-999em; }
.dropdown li:hover ul, .dropdown li.sfhover ul,.dropdown li li:hover ul, .dropdown li li.sfhover ul,.dropdown li li li:hover ul, .dropdown li li li.sfhover ul,.dropdown li li li li:hover ul, .dropdown li li li li.sfhover ul,.dropdown li li li li li:hover ul, .dropdown li li li li li.sfhover ul { left:auto; }
/* --------------------------------------------------------------
THEME WIDGETS
-------------------------------------------------------------- */
/*----- [[ Global Widgets ]] -----*/
.widget {margin:0 0 25px;}
.widget .widget {width:auto !important;margin:0 !important}
.widgettitle {margin:0;padding:0 0 10px;font: bold 14px Arial,Helvetica,sans-serif;color:#555;}
.widget p{margin-bottom:10px;}
.widget ul {clear:both;padding-left:5px;list-style-position:inside;list-style-type:disc;}
.widget ul li {border-bottom:1px dotted #ddd;padding-bottom:8px;margin-bottom:7px;}
.widget ul ul {padding:0 0 0 15px;border-top:none}
.widget select {border:1px solid #ddd;}
.widget form, .widget fieldset {margin:0;}
.widget img {display:block;}
.widgetname {display:block;padding:10px;background:#333;color:#fff;text-transform:uppercase;margin:10px 0;text-align:center;font-weight:bold;}
/*----- [[ Tag Cloud Widget ]] -----*/
#wp_tag_cloud div {line-height: 1.6em;}
/*----- [[ Archive Widget ]] -----*/
.arc-dropdown {margin-bottom:7px;}
.arc-dropdown select {width:98%;margin:0 0 5px;padding:2px;color:#444}
.archive_span {display:block;margin-bottom:3px;}
.google {width:95%;padding:3px 5px;margin-bottom:0;border:1px solid #ddd;}
/*----- [[ Calendar Widget ]] -----*/
#wp-calendar {width: 100%;}
#wp-calendar caption { color: #222;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: left;}
#wp-calendar thead {font-size: 11px;}
#wp-calendar thead th {text-align:center;}
#wp-calendar tbody {color: #aaa;}
#wp-calendar tbody td {background: #f5f5f5;border: 1px solid #fff;padding: 3px 0 2px;text-align: center;}
#wp-calendar tbody .pad {background: none;}
#wp-calendar tfoot #next {text-align: right;}
/*----- [[ Gabfire Tabs ]] -----*/
.panes div {padding:15px 10px;border:1px solid #999;background-color:#fff;border-top:0;}
.panes div div{padding:0;border:none;}
.panes .pane, .panes .widgettitle {display:none;}
.panes li span.block {display:block;font-size:11px;}
.panes li {list-style:disc outside;margin-left:10px;}
/* root element for tabs */
.tabs {list-style:none;margin:0 !important;padding:0 0 0 5px !important;height:33px;border-bottom:1px solid #666;font-size:12px;}
/* single tab */
.tabs li {float:left;text-indent:0;padding:0 !important;margin:0 !important;list-style:none !important;border:0 !important;background:none !important;}
/* link inside the tab. uses a background image */
.tabs a { background: url(images/framework/jquerytools/tabs.png) no-repeat 0 0;display:block;height: 31px;
line-height:31px;width: 96px;text-align:center; text-decoration:none;color:#000;padding:2px 0 0 0;margin:0px;position:relative;top:1px;}
.tabs a:active {outline:none;}
/* when mouse enters the tab move the background image */
.tabs a:hover {background-position: 0 -34px;color:#fff !important;text-decoration:none !important;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {background-position: 0 -68px;cursor:default !important; color:#000 !important;}
/* initially all panes are hidden */
/*----- [[ Search Widget ]] -----*/
form.gab_search_style1{margin:0;padding:0;border:none;}
form.gab_search_style1 fieldset {padding:0;}
form.gab_search_style1 .text {margin:0;border:none;}
form.gab_search_style1 .submit_style1 {float:right;padding:5px 5px 0 0;display:inline;}
form.gab_search_style2 fieldset{margin:0;padding:0;border:none;}
form.gab_search_style2 p {margin:0}
form.gab_search_style2 .text{float:right;padding:0;background:none;border:0;width:230px;margin:7px 40px 0 0;color:#7c7a7a;font:14px arial, verdana, sans-serif;}
form.gab_search_style2 .submit_style2{float:left;padding:0;background:none;border:0;width:30px;cursor:pointer;height:30px;}
/*----- [[ RSS Widget ]] -----*/
.widget_rss a.rsswidget {color: #000;}
.widget_rss a.rsswidget:hover {color: #ff4b33;}
.widget_rss .widget-title img {width: 11px;height: 11px;}
/*----- [[ Feedburner Widget ]] -----*/
.feedburner_widget { }
.feedburner_widget fieldset {border:1px solid #ddd;padding:0;}
.feedburner_widget .text {margin:0;border:none;}
.feedburner_widget .feedburner_submit {float:right;padding:5px 7px 0 0;display:inline;}
/*----- [[ About Widget ]] -----*/
.widget_avatar {float:left;margin:4px 10px 0 0;padding:2px;}
.widget_avatar img {display:block;}
.about_more {display:block;text-align:right;}
/*----- [[ Twitter Widget ]] -----*/
.twitter_link {display:block;text-align:right;}
/*----- [[ Flickr Widget ]] -----*/
.flickr_widget img{float:left;margin:9px;padding:2px;border:1px solid #ddd;background:#fff;display:inline;}
/*----- [[ Socilaize Widget ]] -----*/
.gab_social_widget img{float:left;margin:3px;display:inline;opacity:0.7;filter:alpha(opacity=70)}
.gab_social_widget img:hover{opacity:1;filter:alpha(opacity=100)}
/*----- [[ Share Widget ]] -----*/
.gab_share_widget {padding-bottom:5px;margin-bottom:5px;display:block;}
.gab_share_twitter {display:block;float:left;width:110px;overflow:hidden;}
.gab_share_google1 {display:block;float:left;width:75px;overflow:hidden;}
.share-separator {clear:both;height:10px;}
.gab_share_widget a img {display:block;margin:2px 4px 0 0;float:left;}
/*----- [[ universal image classes ]] -----*/
.entry img {max-width: 960px;}
.alignleft,#content img.alignleft {display: inline;float: left;margin-right: 15px;margin-top: 5px;}
.alignright,#content img.alignright {display: inline;float: right;margin-left: 15px;margin-top: 6px;}
.aligncenter,#content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom:7px;}
img.alignleft,#content img.alignright,#content img.aligncenter {margin-bottom: 8px;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;padding: 4px;text-align: center;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;}
.wp-smiley {margin: 0;}
.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl {margin: 0;}
.gallery img {border: 10px solid #f1f1f1;}
.gallery br+br {display: none;}
.attachment img { /* single attachment images should be centered */display: block;margin: 0 auto;}
/*----- [[ Gallery ]] -----*/
.post .gallery {padding-bottom:15px;display:block;}
/*----- [[ innerpage slider ]] -----*/
#gab_slides {margin-bottom:15px;}
#gab_slides .slides_container {height:auto;overflow:hidden;margin-bottom:10px;}
#gab_slides .slides_container img {padding:2px;border:1px solid #ddd;}
#gab_slides .next {width:9px;height:11px;display:block;float:right;border:0 !important;}
#gab_slides .prev {width:9px;height:11px;display:block;float:left;border:0 !important}
#gab_slides .pagination {float:left;width:140px;height:12px;margin:-10px 0 0 200px;}
#gab_slides .pagination li {float:left;margin:0 1px;list-style-type: none !important;}
#gab_slides .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(images/framework/pagination.png);background-position:0 0;float:left;overflow:hidden;}
#gab_slides .pagination li.current a {background-position:0 -12px;}
/* --------------------------------------------------------------
FORMS
* default styling for forms
* Extra classes to enhance forms
Usage:
* For text fields, use class .title or .text
* For inline forms, use .inline (even when using columns)
-------------------------------------------------------------- */
/*
A special hack is included for IE8 since it does not apply padding
correctly on fieldsets
*/
label {font-weight:bold;cursor:pointer;}
fieldset {padding:0 14px 14px 14px;margin:0 0 15px 0;border:1px solid #aaa;}
legend {font-weight:bold;font-size:1.2em;margin-top:-2px;margin-bottom:10px;}
fieldset, #IE8#HACK {padding-top:14px;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
/* Input Fields */
input.span-1, textarea.span-1,input.span-2, textarea.span-2,input.span-3, textarea.span-3 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:218px;}
input.span-2, textarea.span-2 {width:258px;}
input.span-3, textarea.span-3 {width:458px;}
/*
Attribute selectors are used to differentiate the different types
of input elements, but to support old browsers, you will have to
add classes for each one. ".title" simply creates a large text
field, this is purely for looks.
*/
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {padding:5px;}
input.title {font-size:15px;}
textarea {padding:5px;height:200px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
/*----- [[ Success, info, notice and error/alert boxes and other mis classes ]] -----*/
.error, .alert,
.notice, .success,
.info { padding:0.8em !important;margin-bottom:1em;border:2px solid #ddd; }
.error,
.alert { background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4; }
.notice { background:#fff6bf;color:#514721;border-color:#ffd324; }
.success { background:#e6efc2;color:#264409;border-color:#c6d880; }
.info { background:#d5edf8;color:#205791;border-color:#92cae4; }
.error a,
.alert a { color:#8a1f11;text-decoration:underline; }
.notice a { color:#514721;text-decoration:underline; }
.success a { color:#264409;text-decoration:underline; }
.info a { color:#205791;text-decoration:underline; }
/* Border right with more whitespace */
.border_right_13 { padding-right: 6px; margin-right: 6px;border-right: 1px solid #ddd;}
.border_right_15 { padding-right: 7px; margin-right: 7px;border-right: 1px solid #ddd;}
.border_right_20 { padding-right: 10px; margin-right: 9px;border-right: 1px solid #ddd;}
.border_right_30 { padding-right: 15px; margin-right: 14px;border-right: 1px solid #ddd;}
.border_right_40 { padding-right: 20px; margin-right: 19px;border-right: 1px solid #ddd;}
/* Border left with more whitespace */
.border_left_15 { padding-left: 7px; margin-left: 7px;border-left: 1px solid #ddd;}
.border_left_20 { padding-left: 10px; margin-left: 9px;border-left: 1px solid #ddd;}
.border_left_30 { padding-left: 15px; margin-left: 14px;border-left: 1px solid #ddd;}
.border_left_40 { padding-left: 20px; margin-left: 19px;border-left: 1px solid #ddd;}
/* Border bottom with more whitespace */
.border_bottom_15 {padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #ddd;}
.border_bottom_20 {padding-bottom:10px;margin-bottom:9px;border-bottom:1px solid #ddd;}
.border_bottom_30 {padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid #ddd;}
.border_bottom_40 {padding-bottom:20px;margin-bottom:19px;border-bottom:1px solid #ddd;}
/* Use a .box to create a padded box inside a column. */
.box {padding:15px;margin-bottom:15px;background:#e5eCf9;}
/* Misc Classes */
.small_h { font-size: 18px; }
.small_text { font-size: 11px; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.text-right { display:block;text-align:right;}
.first { margin-left:0; padding-left:0; }
.last { margin-right:0 !important; border:0 !important}
.top { margin-top:0; padding-top:0; }
.lastpost {border-bottom:none!important;padding-bottom:0 !important;margin-bottom:0!important;}
.left { float: left !important; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right { float: right !important; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
.thumb { padding:2px;border:1px solid #ddd;margin-bottom:5px;display:block;height:1%;overflow:hidden; }
.clear {clear:both;height:1px;display:block;}
/* --------------------------------------------------------------
BUTTONS
Created by Kevin Hale [particletree.com]
* particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */
a.button, button{ display:block; float:left; margin:0.7em 0.5em 0.7em 0; padding:5px 10px 5px 7px; /* Links */ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#f5f5f5; font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif; font-size:100%; line-height:130%; text-decoration:none; color:#565656; cursor:pointer}
button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */}
button[type]{ padding:4px 10px 4px 7px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */}
button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none}
/* Button colors
-------------------------------------------------------------- */
/* Standard */
button:hover,
a.button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#369}
a.button:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff}
a.gab_button {font:bold 14px/22px arial, sans-serif !important;text-shadow:none;display:block;text-align:center;padding-top:11px;height:34px;width:200px;text-decoration: none;margin:15px 10px}
a.button-green {background: url(images/framework/button-generic.png) no-repeat 0 0;color: #fff;}
a.button-green:active,a.button-green:hover {background: url(images/framework/button-generic.png) no-repeat 0 0;text-decoration:none;}
a.button-red {background: url(images/framework/button-generic.png) no-repeat 0 -45px;color: #fff;}
a.button-red:active,a.button-red:hover {background: url(images/framework/button-generic.png) no-repeat 0 -45px;text-decoration:none;}
a.button-gray {background: url(images/framework/button-generic.png) no-repeat 0 -90px;color:#444 !important;}
a.button-gray:active,a.button-gray:hover {background: url(images/framework/button-generic.png) no-repeat 0 -90px;text-decoration:none;}
/* Positive */
body .positive { color:#529214}
a.positive:hover,
button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214}
a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff}
/* Negative */
body .negative { color:#d12f19}
a.negative:hover,
button.negative:hover { background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19}
a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff}
/* jQuery Tools Overlay */
.apple_overlay {/* initially overlay is hidden */display:none;background:#fff;padding:10px 10px 7px;width:640px;background-image:url(images/framework/jquerytools/white.png);}
.overlay_trigger img {cursor:pointer;}
.apple_overlay .close {background-image:url(images/framework/jquerytools/close.png);position:absolute; right:-15px; top:-15px;cursor:pointer;height:35px;width:35px;}
.apple_overlay {color:#444;
-webkit-border-radius: 7px;-moz-border-radius:7px;border-radius: 7px;
-webkit-box-shadow: 0px 4px 5px #555;-moz-box-shadow: 0px 4px 5px #555;box-shadow: 0px 4px 5px #555;}
/* black version of the overlay. simply uses a different background image */
.apple_overlay.black {padding:35px;width:640px;background:url(images/framework/jquerytools/black.png);color:#fff;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.apple_overlay.black .close {right:10px; top:10px;}
/* black version of the overlay. simply uses a different background image */
.apple_overlay.black_s {padding:35px;width:400px;background:url(images/framework/jquerytools/black_s.png);color:#fff;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.apple_overlay.black_s .close {right:0px; top:0px;}