/*
Theme Name:     Sky Fitness
Theme URI:      http: //www.sky-fit.com/
Description:    Sky Fitness Theme
Author:         Walsh Barnes Interactive
Author URI:     http://www.walshbarnes.com/
Version:        0.1.0
*
*
_______________________
UNIVERSAL STYLES */
html { background: url(images/bg_stripes.gif) center 195px no-repeat;  }
body { background: url(images/bg_body.jpg) center top no-repeat; font-family: Arial, Helvetica, sans-serif; color: #333; }

.content form { padding: 0; margin: 0; }

a, .content a { color: #7DA055; text-decoration: none; }
a:visited, .content a:visited { color: #7DA055; }
a:hover, .content a:hover { color: #445F26; } 
/* 
_______________________
STRUCTURE */
#wrap { width: 930px; margin: 0 auto; position: relative; }
#header { height: 195px; position: relative; }
#middle { background: #FFFFFF url(images/bg_middle.gif) top left repeat-y; width: 930px; }
#left-sidebar { width: 190px; float: left; }
#center-column { margin: 0 195px; }
#center-column2 { margin: 0 0 0 195px; }
#right-sidebar { width: 190px; float: right; }
#footer { background: #FFF; }
/*
________________________
CONTENT */

/* homepage */
#middle-home { background: #FFFFFF url(images/bg_middle2.gif) top left repeat-y; width: 930px; }
#right-sidebar-home { float: right; width: 260px; }
#center-column-home { margin: 0 265px 0 195px; }

/* header */
#logo { float: left; }
#rotator-container { background: url(images/img_header1.jpg); position: absolute; top: 0; left: 253px; width: 677px; height: 133px; }
#social { position: absolute; top: 129px; left: 780px; }

/* sidebars */
#nav { padding-top: 20px; }
.sidebar-content { padding: 20px; color: #FFF; }

/* main content */
.content-text { padding: 40px; }
#page_header_image {  }
#page_header_image p , #page_header_image img{ padding: 0; margin: 0; }
#middle-2column { background: #FFFFFF url(images/bg_middle2.gif) left top repeat-y !important; }
.2column-main { margin-right: 0!important; }

/* footer */
#footer-container { background: #FFF; padding:40px 0; }
#footer { font-size: 11px; padding: 20px 40px; border-top: 1px solid #CCCCCC; }
#footer-copyright { float: left; width: 300px; }
#footer-nav { float: left; width: 300px; }
  #footer-nav ul { padding: 0; margin: 0; }
  #footer-nav ul li { padding: 0; margin: 0; list-style: none; display: inline; }
  #footer-nav ul li a { padding-right: 15px; }
#footer-icons { float: right; width: 400px; text-align: right; }

.oldernewer { clear: both; }
.older { float: left; }
.newer { float: right; }
.oldernewer a { line-height: 50px;}
.alignleft { float: left; }
.alignleft img, img.alignleft { padding-right: 12px; padding-bottom: 8px; }
.alignright { float: right; }
.alignright img, img.alignright { padding-left: 12px; padding-bottom: 8px; }
 /*
________________________
ROTATOR */
#home-rotator { position: relative; width: 470px; height: 300px; overflow: hidden; }
#rotator_btns {  background: #0093b7; position: absolute; bottom: 0; right: 0px; z-index: 10; }
#rotator_btns a, .content #rotator_btns a { background: #0093b7; color: #FFF; padding: 2px 8px; display: block; float: left;  }
#rotator_btns a.active { background: #666; }
#rotator div { position: absolute; top: 0; left: 0; z-index: 2; }
#rotator div.active { z-index: 5; }
#rotator div.last-active { z-index: 4; }
/*
________________________
NAVIGATION */
#nav ul { padding: 0; margin: 0; }
#nav ul li { padding: 0; margin: 0; list-style: none; position: relative; }
#nav ul li a { padding: 8px 20px; display: block; color: #FFF; text-transform: uppercase; font-weight: bold; text-decoration: none; border-bottom: 1px solid #2ba5c3; }
#nav ul li a:hover, #nav ul li.current_page_item a { background: #c1d72e; color: #000; }

#nav ul li ul { display: none; width: 165px; position: absolute; top: 0; left: 190px; border-left:3px solid #FFF; border-right:1px solid #999999;/*#DEEF68;*/ border-top: 0; filter:alpha(opacity=96); -moz-opacity:.96; opacity:.96; }
#nav ul li ul li { }
#nav ul li ul li a, #nav ul li.current_page_item ul li a, #nav ul li.current_page_parent ul li a { color: #FFFFFF; border-bottom: 1px solid #999999;/*#DEEF68;*/ background: #666666;/*#C1D72E;*/ border-left: 1px solid #999999;/*#DEEF68;*/ }
#nav ul li ul li a:hover, #nav ul li ul li.current_page_item a, #nav ul li.page-item-11 li.current_page_item a, #nav ul li.page-item-11 li a:hover { background: #999999; color: #FFFFFF; }

#nav ul li.over ul { display: block; z-index: 100; }

#nav ul li.page-item-11 a { color: #c1d72e; background: none; border-top: 1px solid #2ba5c3; }
#nav ul li.page-item-11 li a { border-top: none; color: #FFFFFF; background: #666666; }
#nav ul li.page-item-11 a:hover { background: #c1d72e; color: #000; }

#subnav { padding: 20px 0; }
#subnav ul { padding: 0; margin: 0; border-top: 1px solid #b6b6b6; }
#subnav ul li { padding: 0; margin: 0; list-style: none; }
#subnav ul li a { display: block; color: #333333; padding: 8px 20px; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #b6b6b6; }
#subnav ul li a:hover, #subnav ul li.current_page_item a { background: #c1d72e; color: #000; }
/*
________________________
TEXT */
.content { font-size: 120%; line-height: 180%; }
.content strong {  }

.content h1,.content h2,.content h3,.content h4,.content h5 { font-family: Verdana, Geneva, sans-serif; color: #1174b3; font-weight: normal; }
.content h1,.content h2 { font-size: 22px; line-height: 28px; margin: 0; padding: 10px 0; }
.content h3, .content h4, .content h5 { font-size: 18px; line-height: 22px; padding: 6px 0; }

.blue-btns { width: 100%; }
.blue-btns td { text-align: center; }
.blue-btns a, .blue-btns a:link, .blue-btns a:visited { padding: 8px 20px; background: #0093B7; color: #FFFFFF; border-bottom: 5px solid #C1D72E; display: block; font-weight: bold; }
.blue-btns a:hover { color: #FFFFFF; background: #017D99; }
/*
________________________
CLEARS */
.clear { clear: both; }
#header:after, #home-top:after, #middle:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*
________________________
END */

