/*
Theme Name: Susie Davis
Theme URL: http://www.susiedavis.org
Author: Restored 316 Designs
Author URI: http://www.restored316designs.com
Version: 1.0
Template: genesis
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
body {
background: url(images/bg2.png) ;
color: #585858;
font-size: 13px;
font-family: Arial, Trebuchet MS, Verdana;
margin: 0 auto 0;
padding: 0;
line-height: 20px;
}
/***** Hyperlinks ********************/
a, a:visited {
color: #37a5bc;
text-decoration: none;
}
a:hover {
color: #bcd46a;
text-decoration: none;
}
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none;
}
/***** Wrap ********************/
#wrap {
width: 960px;
margin: 0 auto 0;
padding: 0;
}
/***** Header ********************/
#header {
background: #fff url(images/header.png) top center no-repeat;
width: 950px;
height: 320px;
margin: 0 auto 0;
padding: 0;
}
#header .wrap {
}
#title-area {
width: 455px;
float: left;
margin: 0;
padding: 10px 0 0 0;
overflow: hidden;
}
#title-area #title {
font-size: 24px;
font-weight: normal;
line-height: 30px;
margin: 0;
padding: 5px 0 0 10px;
}
#title-area #title a {
color: #FFFFFF;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: #055669 1px 1px;
}
#title-area #title a:hover {
color: #FFFFFF;
text-decoration: none;
}
#title-area #description {
color: #FFFFFF;
font-size: 12px;
font-style: italic;
font-weight: normal;
margin: 0;
padding: 0 0 0 10px;
}
#header .widget-area {
width: 480px;
float: right;
color: #FFFFFF;
margin: 0;
padding: 10px 0 0 0;
}
#header .widget-area p {
margin: 0;
padding: 0 0 5px 0;
}
#header .widget-area h4 {
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#header .widget-area ul {
margin: 0;
padding: 0;
}
#header .widget-area ul li {
list-style-type: square;
margin: 0 0 0 20px;
padding: 0;
}
/***** Image Header - Partial Width ********************/
.header-image #header #title-area {
margin: 100px 0px 0px 20px;
}
.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
display: block;
float: left;
width: 400px;
height: 150px;
padding: 0;
margin: 0;
text-indent: -9999px;
overflow: hidden;
}
.header-image #title-area #description {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
/***** Image Header - Full Width ********************/
.header-full-width #title-area, .header-full-width #title-area #title, .header-full-width #title-area #title a {
width: 940px;
}
/***** Header Pages/Category Widget Menu ********************/
#header ul.nav {
width: auto;
float: right;
list-style: none;
color: #FFFFFF;
text-transform: uppercase;
margin: 0;
padding: 0;
}
#header ul.nav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#header ul.nav li a {
background: #333333;
color: #FFFFFF;
display: block;
font-size: 12px;
margin: 0;
padding: 6px 10px 5px 10px;
text-decoration: none;
border-right: 1px solid #555555;
position: relative;
}
#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a {
background: #000000;
color: #FFFFFF;
}
#header ul.nav li a.sf-with-ul {
padding-right: 20px;
}
#header ul.nav li a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 11px;
right: 5px;
}
#header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited {
background: #333333;
color: #FFFFFF;
width: 158px;
font-size: 11px;
margin: 0;
padding: 6px 10px 6px 10px;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
position: relative;
}
#header ul.nav li li a:hover, #header ul.nav li li a:active {
background: #000000;
}
#header ul.nav li li a .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}
#header ul.nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 180px;
margin: 0;
padding: 0;
}
#header ul.nav li ul a {
width: 160px;
}
#header ul.nav li ul a:hover, #header ul.nav li ul a:active {
}
#header ul.nav li ul ul {
margin: -33px 0 0 179px;
}
#header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul {
left: -999em;
}
#header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul {
left: auto;
}
#header ul.nav li:hover, #header ul.nav li.sfHover {
position: static;
}
/***** Nav Menu ********************/
#nav {
clear: both;
background: url(images/nav.png);
width: 950px;
height: 51px;
color: #443324;
font-weight: normal;
margin: 0 auto 0;
padding: 0;
}
#nav .wrap {
width: 940px;
height: 30px;
margin: 0 auto 0;
padding: 0;
}
#nav ul {
width: 930px;
float: left;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
}
#nav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li a {
color: #443324;
display: block;
font-size: 13px;
font-weight: normal;
margin: 15px 15px 0 15px;
padding: 0px;
text-decoration: none;
text-transform: uppercase;
position: relative;
text-shadow: 0px 0px 1px #d8d8d8;
}
#nav li a:hover, #nav li a:active {
color: #37a5bc;
}
#nav .current_page_item a {
color: #ffffff;
font-weight: bold;
}
#nav li a.sf-with-ul {
padding-right: 20px;
}
#nav li a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 17px;
right: 5px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #FFFFFF;
color: #7BA520;
width: 148px;
font-size: 11px;
margin: 0 0 0 -1px;
padding: 6px 10px 6px 10px;
border-left: 1px solid #A5D448;
border-right: 1px solid #A5D448;
border-bottom: 1px solid #A5D448;
position: relative;
}
#nav li li a:hover, #nav li li a:active {
background: #EEEEEE;
color: #0D96E6;
}
#nav li li a .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 150px;
}
#nav li ul a:hover, #nav li ul a:active {
}
#nav li ul ul {
margin: -33px 0 0 169px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul {
left: auto;
}
#nav li:hover, #nav li.sfHover {
position: static;
}
#nav li.right {
float: right;
margin: 0 15px 0 0;
padding: 5px 10px 0 0;
font-size: 10px;
}
#nav li.right a {
display: inline;
margin: 0;
padding: 0;
border: none;
background: none;
color: #ffffff;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}
#nav li.right a:hover {
color: #37a5bc;
text-decoration: none;
}
#nav li.date {
padding: 5px 10px 0 0;
text-transform: uppercase;
color: #ffffff;
text-shadow: 0px 0px 1px #d8d8d8;
}
#nav li.rss a {
background: url(images/rss.png) no-repeat left center;
margin: 0 0 0 10px;
padding: 3px 0 3px 16px;
}
#nav li.search {
padding: 0px 0 0 10px;
}
#nav li.twitter a {
background: url(images/twitter-nav.png) no-repeat left center;
padding: 3px 0 1px 20px;
}
/***** SubNav Menu ********************/
#subnav {
clear: both;
width: 950px;
height: 25px;
background: url(images/subnav-bg.png);
color: #FFFFFF;
margin: 0 auto 0;
padding: 0;
}
#subnav .wrap {
}
#subnav ul {
width: 100%;
float: left;
list-style: none;
margin: 0 6px 0 6px;
padding: 0 0 0 10px;
}
#subnav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#subnav li a {
color: #FFFFFF;
display: block;
font-size: 10px;
margin: 0;
padding: 2px 10px 2px 10px;
text-decoration: none;
text-transform: uppercase;
text-shadow: #696969 1px 1px;
position: relative;
}
#subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a {
background: url(images/subnavhov.png);
color: #FFFFFF;
text-shadow: #055669 1px 1px;
}
#subnav li a.sf-with-ul {
padding-right: 20px;
}
#subnav li a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 13px;
right: 5px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #0A9FC9;
color: #FFFFFF;
text-shadow: #055669 1px 1px;
width: 158px;
font-size: 11px;
margin: 0;
padding: 6px 10px 6px 10px;
border-left: 1px solid #59CFF4;
border-right: 1px solid #59CFF4;
border-bottom: 1px solid #59CFF4;
position: relative;
}
#subnav li li a:hover, #subnav li li a:active {
background: #89B239;
color: #FFFFFF;
text-shadow: #607E18 1px 1px;
}
#subnav li li a .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 180px;
margin: 0;
padding: 0;
}
#subnav li ul a {
width: 160px;
}
#subnav li ul a:hover, #subnav li ul a:active {
}
#subnav li ul ul {
margin: -33px 0 0 179px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul {
left: auto;
}
#subnav li:hover, #subnav li.sfHover {
position: static;
}
/***** Inner ********************/
#inner {
background: #fff;
width: 910px;
margin: 0 auto 0;
padding: 20px 20px 5px 20px;
overflow: auto;
}

/***** Slider ********************/
#gen-slider-wrap {
background: url(images/sliderbg.png) no-repeat;
width: 586px;
height: 286px;
margin: 0 auto 15px;
padding: 7px;
float: left;
}
#gen-slider-wrap p {
margin: 0;
padding: 0 0 5px 0;
}
#gen-slider-wrap h2 {
font-size: 18px;
margin: 0;
padding: 0 0 5px 0;
color: #37a5bc;
}
#controller {
float: left;
display: inline-block;
clear: both;
margin: 0;
padding: 0;
}
#controller span {
background-repeat: no-repeat;
display: inline-block;
padding: 0;
margin: 0;
}
#jFlowSlide {
float: left;
position: absolute;
margin: 0px 0px 0px 0px;
padding: 0;
display: inline-block;
clear: both;
z-index: 1;
}
#jFlowSlide img {
margin: 0px;
padding: 0px;
border: none;
max-width: none;
float: left;
position: absolute;
z-index: 1;
}
#slides {
margin: 0;
padding: 0;
width: 600px;
height: 300px;
float: left;
position: absolute;
z-index: 1;
overflow: hidden;
}
.jFlowSlideContainer {
margin: 0;
padding: 0;
}
.jFlowSlideControl {
margin: 0;
padding: 0;
}
.slideinfo {
float: left;
display: block;
background: none;
width: 320px;
max-height: 460px;
margin: 30px 0 0 150px;
padding: 10px;
position: absolute;
z-index: 8;
}
html > body .slideinfoborder {
float: left;
display: inline;
position: relative;
background: none;
width: 298px;
padding: 10px 10px 5px 10px;
margin: 0;
border: 1px solid #FFFFFF;
z-index: 8;
}
.slideinfoborder /* IE6 Fix */ {
float: left;
display: inline;
position: absolute;
background: none;
width: 298px;
padding: 10px 10px 5px 10px;
margin: 0;
border: 1px solid #FFFFFF;
z-index: 8;
}
html > body .slideinfobg {
float: left;
display: block;
position: absolute;
background: #FFFFFF;
width: 340px;
height: 100%;
margin: -10px 0 0 -10px;
padding: 0px;
filter: alpha(opacity=70); /* CSS3 standard */
opacity: 0.7;
z-index: 6;
}
.slideinfobg /* IE6 Fix */ {
float: left;
display: block;
position: absolute;
background: #FFFFFF;
width: 340px;
height: 460px;
margin: -10px 0 0 -10px;
padding: 0px;
filter: alpha(opacity=70); /* CSS3 standard */
opacity: 0.7;
z-index: 6;
}
#jFlowSlide .slideimage {
margin: 0;
padding: 0;
}
#previous a img {
float: left;
display: block;
background: transparent url(images/slider-previous.png) no-repeat;
margin: 250px 0 0 30px;
width: 20px;
height: 55px;
max-width: none;
position: absolute;
clear: both;
z-index: 9;
border: none;
overflow: hidden;
}
#previous a:hover img {
background-position: -31px 0;
}
#next a img {
float: right;
display: block;
background: transparent url(images/slider-next.png) no-repeat;
margin: 250px 0px 0px 550px;
width: 20px;
height: 55px;
max-width: none;
position: absolute;
clear: both;
z-index: 9;
overflow: hidden;
}
#next a:hover img {
background-position: -31px 0;
}
.gen-slider {
float: left;
display: block;
clear: both;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.gen-slider h1 {
margin: 0;
}
/***** Homepage ********************/
#featured-bottom .wrap, #featured-top .wrap {
margin: 0;
padding: 5px 0 0 0;
}
#featured-top p {
margin: 0;
padding: 0 10px 10px 10px;
}
#slider .widget, #featured-top .widget {
margin: 0 0 15px 0;
padding: 0;
}
#content #slider h4, #content #featured-top h4 {
color: #37a5bc;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 4px 5px 4px 10px;
}
#content #featured-top h2, #content #featured-top h2 a {
color: #585858;
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana;
font-weight: bold;
margin: 0;
padding: 0;
}
#content #featured-top h2 a:hover {
color: #89B239;
text-decoration: none;
}
#content #featured-top img, #content #featured-top p img {
max-width: none;
}
#featured-bottom .user-profile {
overflow: auto;
}
#featured-bottom .user-profile p {
padding: 10px;
}
#featured-top ul {
list-style-type: square;
margin: 0 0 0 10px;
padding: 10px 0 0 0;
}
#featured-top ul li {
list-style-type: square;
margin: 0 0 0 15px;
padding: 0;
}
#featured-bottom .widget_tag_cloud div {
padding: 10px 10px 14px 10px;
}
#featured-bottom .user-profile .avatar {
background: #F7F7F7;
float: left;
margin: 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
/***** Homepage Featured Bottom ********************/
#featured-top {
width: 910px;
float: left;
margin: 0;
padding: 0;
}
.featured-top-left {
width: 33%;
float: left;
margin: 0;
padding: 0;
}
.featured-top-middle {
width: 34%;
float: left;
margin:: 0px;
padding: 0px;
}
.featured-top-right {
width: 33%;
float: right;
margin: 0px;
padding: 0;
}
/***** Homepage Featured Post/Page ********************/
#featured-bottom .featuredpost, #featured-bottom .featuredpage, #featured-top .featuredpost, #featured-top .featuredpage {
margin: 0 0 10px 0;
padding: 0;
}
#featured-bottom .featuredpost .post, #featured-bottom .featuredpage .page {
margin: 0;
padding: 10px 0 0 0;
border-bottom: 1px solid #DDDDDD;
overflow: auto;
}
#featured-top .featuredpost .post, #featured-top .featuredpage .page {
margin: 0;
padding: 10px 0 5px 0;
overflow: auto;
}
#featured-top .featuredpost .post p {
margin: 0;
padding: 0;
}
#featured-bottom .featuredpost .avatar, #featured-bottom .featuredpage .avatar, #featured-top .featuredpost .avatar, #featured-top .featuredpage .avatar {
margin: 0;
padding: 4px;
border: 1px solid #DDDDDD;
}
#featured-bottom .featuredpost img, #featured-bottom .featuredpage img, #featured-top .featuredpost img, #featured-top .featuredpage img {
background: #FFFFFF;
margin: 0 0 5px 0;
padding: 4px;
border: 1px solid #DDDDDD;
}
#featured-top .more-from-category a {
color: #89B239;
font-weight: bold;
margin: 0;
padding: 0;
}
#featured-top .more-from-category a:hover {
text-decoration: underline;
}
/***** Breadcrumb ********************/
.breadcrumb {
background: #ffffff;
border-bottom: 1px solid #f1f9fa;
margin: 0 0 30px 0;
padding: 0 0 5px 0;
}
/***** Content-Sidebar Wrapper ********************/
#content-sidebar-wrap {
width: 710px;
margin: 0;
padding: 0;
float: left;
}
.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
width: 880px;
}
.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
float: right;
}
/***** Content ********************/
#content {
width: 430px;
margin: 0;
padding: 0;
float: left;
}
.sidebar-content #content, .sidebar-sidebar-content #content {
float: right;
}
.sidebar-content #content, .content-sidebar #content {
width: 600px;
}
.full-width-content #content {
width: 880px;
}
#content img, #content p img {
max-width: 95%;
background: #FFFFFF;
padding: 4px;
border: 0px solid #E6E6E6;
}
#content blockquote {
background: #F7F7F7;
margin: 0 15px 15px 15px;
padding: 10px 20px 0 15px;
border: 1px solid #E6E6E6;
}
#content .post {
margin: 0 0 40px 0;
padding: 0;
}
#content .entry-content .post-image {
padding: 4px;
border: 1px solid #E6E6E6;
}
#content .post p {
margin: 0;
padding: 0 0 10px 0;
}
#content .post ul {
list-style-type: square;
margin: 0;
padding: 0 0 15px 0;
}
#content .post ul li {
list-style-type: square;
margin: 0 0 0 20px;
padding: 0;
}
#content .post ul ul {
list-style-type: square;
margin: 0;
padding: 0;
}
#content .post ol {
margin: 0;
padding: 0 0 15px 0;
}
#content .post ol li {
margin: 0 0 0 20px;
padding: 0;
}
#content .post ol ol {
margin: 0;
padding: 0;
}
#content .sticky {
background: #F7F7F7;
margin: 0 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
}
#content .post-image {
margin: 0 10px 10px 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
#content .archive-page {
float: left;
width: 50%;
margin: 0;
padding: 20px 0;
}
.clear {
clear: both;
}
/***** Post Info ********************/
.post-info {
font-size: 11px;
margin: 0 0 15px 0;
padding: 2px 0 2px 0;
text-transform: uppercase;
border-top: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
}
.post-info p {
margin: 0;
padding: 0;
}
/***** AdSense ********************/
.adsense {
padding: 5px 0 5px 0;
border-top: 1px solid #E6E6E6;
}
/***** Post Meta ********************/
.post-meta {
font-size: 11px;
text-transform: uppercase;
margin: 0;
padding: 5px 0 0 0;
border-top: 1px solid #E6E6E6;
}
/***** Author Box ********************/
.author-box {
background: #F7F7F7;
margin: 0 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
/***** Headlines in Content ********************/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #37a5bc;
font-family: Trebuchet MS, Arial, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px 0;
padding: 0;
}
#content h1 {
color: #37a5bc;
font-size: 18px;
}
#content h2 {
font-size: 18px;
}
#content #featured-bottom h2 a:hover, #content #featured-top h2 a:hover {
color: #89B239;
text-decoration: none;
}
#content h2 a, #content h2 a:visited {
color: #37a5bc;
text-decoration: none;
}
#content h2 a:hover {
color: #bcd46a;
text-decoration: none;
}
#content h3 {
font-size: 16px;
}
#content h4 {
font-size: 14px;
}
#content h5 {
font-size: 12px;
}
#content h6 {
font-size: 10px;
}
/***** Post Icons ********************/
.time {
margin: 0 0 0 3px;
padding: 0 0 3px 0px;
}
.post-comments {
font-size: 15px;
font-weight: bold;
margin: 0 0 0 3px;
padding: 0 0 3px 0px;
}
.categories {
background: #FFFFFF url(images/icon-categories.png) no-repeat top left;
margin: 0 0 0 3px;
padding: 0 0 3px 20px;
}
.tags {
background: #FFFFFF url(images/icon-tags.png) no-repeat top left;
margin: 0 0 0 3px;
padding: 0 0 3px 20px;
}
/***** Images ********************/
img.centered  {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
}
img.alignnone {
padding: 0;
margin: 0 0 10px 0;
display: inline;
}
img.alignleft {
padding: 0;
margin: 0 10px 10px 0;
display: inline;
}
img.alignright {
padding: 0;
margin: 0 0 10px 10px;
display: inline;
}
.aligncenter {
display: block;
margin: 0 auto 10px;
}
.alignleft {
float: left;
margin: 0 10px 0 0;
}
.alignright {
float: right;
margin: 0 0 0 10px;
}
.wp-caption {
background: #F7F7F7;
text-align: center;
padding: 5px 0 0 1px;
border: 1px solid #E6E6E6;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
img.wp-smiley, img.wp-wink {
float: none;
border: none;
margin: 0;
padding: 0;
}
/***** Post Navigation ********************/
.navigation {
width: 100%;
margin: 0;
padding: 20px 0 20px 0;
overflow: auto;
}
.navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.navigation li {
display: inline;
}
.navigation li a {
color: #0D96E6;
padding: 5px 8px 5px 8px;
border: 1px solid #E6E6E6;
}
.navigation li a:hover {
background: #00AFD1;
color: #FFFFFF;
border: 1px solid #E6E6E6;
text-decoration: none;
}
.navigation li.disabled {
margin: 0;
padding: 5px 8px 5px 8px;
border: 1px solid #E6E6E6;
}
.navigation li.active a {
background: #00AFD1;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #E6E6E6;
}
/***** Sidebar & Sidebar-Alt ********************/
#sidebar {
width: 260px;
float: right;
color: #555555;
font-size: 11px;
margin: 0;
padding: 0;
display: inline;
}
#sidebar-bottom {
width: 260px;
float: right;
margin: 0;
padding: 0;
display: inline;
}
#sidebar-alt {
width: 150px;
float: left;
margin: 0;
padding: 0;
display: inline;
}
#sidebar-bottom-left {
width: 125px;
float: left;
margin: 0;
padding: 0;
display: inline;
}
#sidebar-bottom-right {
width: 125px;
float: right;
margin: 0;
padding: 0;
display: inline;
}
.sidebar-content #sidebar, .sidebar-sidebar-content #sidebar {
float: left;
}
.content-sidebar-sidebar #sidebar-alt {
float: right;
}
#sidebar .widget, #sidebar-alt .widget {
margin: 0 0 10px 0;
padding: 0;
}
#sidebar-bottom a {
margin: 0px;
padding: 0px;
}
#sidebar h2, #sidebar h2 a, #sidebar-alt h2, #sidebar-alt h2 a {
color: #333333;
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana;
font-weight: bold;
margin: 0;
padding: 0;
}
#sidebar h2 a:hover, #sidebar-alt h2 a:hover {
color: #0D96E6;
text-decoration: none;
}
#sidebar h4, #sidebar-alt h4 {
color: #37a5bc;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 4px 5px 4px 0px;
text-transform: uppercase;
}
#sidebar .widget p, #sidebar-alt .widget p {
margin: 0;
padding: 0;
}
#sidebar .textwidget p, #sidebar-alt .textwidget p {
margin: 0;
padding: 5px 0 0 0;
}
#sidebar img, #sidebar a img, #sidebar-alt img, #sidebar-alt a img {
border: none;
margin: 0;
padding: 3px 0px;
}
#sidebar ul, #sidebar ol, #sidebar-alt ul, #sidebar-alt ol {
list-style-type: none;
margin: 5px 0 0 0;
padding: 0;
}
#sidebar ul ul, #sidebar ol ol, #sidebar-alt ul ul, #sidebar-alt ol ol {
margin: 0;
padding: 0 0 0 15px;
}
#sidebar li, #sidebar-alt li {
background: url(images/sidebar-list.png) no-repeat top left;
padding: 0 0 3px 10px;
margin: 0 0 3px 0;
border-bottom: 1px solid #DDDDDD;
}
#sidebar li a, #sidebar li a:visited, #sidebar-alt li a, #sidebar-alt li a:visited {
color: #37a5bc;
text-decoration: none;
}
#sidebar li a:hover, #sidebar-alt li a:hover {
color: #585858;
text-decoration: none;
}
/***** Sidebar(s) Tag Cloud ********************/
#sidebar .widget_tag_cloud div div, #sidebar-alt .widget_tag_cloud div div {
padding: 5px 0 0 0;
}
/***** Sidebar(s) Category Dropdown ********************/
#cat {
background: #F7F7F7;
color: #333333;
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana;
margin: 10px 0 0 0;
padding: 3px;
display: inline;
border: 1px solid #CCCCCC;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
#sidebar #cat {
width: 245px;
}
#sidebar-alt #cat {
width: 130px;
}
/***** Sidebar(s) Featured Post/Page ********************/
#sidebar .featuredpost, #sidebar .featuredpage, #sidebar-alt .featuredpost, #sidebar-alt .featuredpage {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
clear: both;
}
#sidebar .featuredpost .post, #sidebar .featuredpage .page, #sidebar-alt .featuredpost .post, #sidebar-alt .featuredpage .page {
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #DDDDDD;
overflow: auto;
}
#sidebar .featuredpost .avatar, #sidebar .featuredpage .avatar, #sidebar-alt .featuredpost .avatar, #sidebar-alt .featuredpage .avatar {
margin: 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
#sidebar .featuredpost img, #sidebar .featuredpage img, #sidebar-alt .featuredpost img, #sidebar-alt .featuredpage img {
background: #FFFFFF;
margin: 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
/***** Sidebar(s) User Profile ********************/
#sidebar .user-profile, #sidebar-alt .user-profile {
overflow: auto;
}
#sidebar .user-profile .avatar, #sidebar-alt .user-profile .avatar {
background: #F7F7F7;
float: left;
margin: 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
#sidebar .user-profile p, #sidebar-alt .user-profile p {
margin: 0;
padding: 10px 0 0 0;
}
#sidebar .user-profile .posts_link, #sidebar-alt .user-profile .posts_link {
margin: 0;
padding: 0 0 10px 0;
}
/***** Search Form(s) ********************/
.searchform {
margin: 0;
}
#header .searchform {
float: right;
padding: 40px 0 0 0;
}
#sidebar .searchform {
padding: 0;
}
#nav .searchform {
float: right;
padding: 0;
}
.s {
background: #F7F7F7 !important;
color: #585858;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 11px;
margin: 0px 5px 0 0;
padding: 4px 0 4px 5px;
border: 1px solid #CCCCCC;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
#header .s, #nav .s, #sidebar .s {
width: 252px;
}
#sidebar-alt .s {
width: 80px;
}
.searchsubmit {
background: url(images/widget-header.png);
color: #FFFFFF;
font-size: 11px;
font-family: Trebuchet MS, Arial, Verdana;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 3px 5px 3px 5px;
border: none;
text-shadow: #055669 1px 1px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
display: none;
}
.searchsubmit:hover {
background: #00AFD1;
border: none;
}
/***** eNews & Updates Widget ********************/
#header .enews {
background: url(images/enews-header.png) top right no-repeat;
width: 290px;
float: right;
margin: 0;
padding: 0 0 5px 0;
}
#sidebar .enews, #sidebar-alt .enews {
margin: 0;
padding: 0 0 5px 0;
}
#sidebar .enews p {
margin: 0;
padding: 10px 0 0 0;
}
.enews #subscribe {
margin: 0;
padding: 0;
overflow: hidden;
}
#sidebar .enews #subscribe {
padding: 0;
}
.enews #subbox {
background: #F7F7F7 !important;
width: 175px;
color: #585858;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 11px;
padding: 4px 0 4px 5px;
margin: 5px 5px 0 0;
border: 1px solid #CCCCCC;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
#header .enews #subbox {
margin: 0 5px 0 0;
}
.enews #subbutton {
background: #CCCCCC;
color: #FFFFFF;
font-size: 11px;
font-family: Trebuchet MS, Arial, Verdana;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 3px 5px 3px 5px;
border: none;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
.enews #subbutton:hover {
background: #00AFD1;
border: none;
}
/***** Latest Tweets Widget ********************/
#header .latest-tweets {
background: url(images/twitter.png) top right no-repeat;
width: 350px;
float: right;
margin: 0;
padding: 0 20px 0 0;
}
#header .latest-tweets a, #header .latest-tweets a:visited {
color: #FFFFFF;
text-decoration: underline;
}
#header .latest-tweets a:hover {
color: #FFFFFF;
text-decoration: none;
}
#sidebar .latest-tweets, #sidebar-alt .latest-tweets {
margin: 5px 0 10px 0;
padding: 0;
}
/***** Calendar ********************/
#wp-calendar {
margin: 0;
padding: 0;
width: 100%;
}
#footer-widgeted #wp-calendar a, #footer-widgeted #wp-calendar a:visited {
color: #FFFFFF;
text-decoration: underline;
}
#footer-widgeted #wp-calendar a:hover {
color: #FFFFFF;
text-decoration: none;
}
#wp-calendar caption {
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana;
font-style: italic;
font-weight: normal;
margin: 0;
padding: 2px 5px 0 0;
text-align: right;
}
#sidebar #wp-calendar caption {
color: #333333;
}
#footer-widgeted #wp-calendar caption {
color: #FFFFFF;
}
#sidebar #wp-calendar th {
color: #333333;
}
#footer-widgeted #wp-calendar th {
color: #FFFFFF;
}
#wp-calendar thead {
margin: 10px 0 0 0;
font-weight: bold;
}
#sidebar #wp-calendar thead {
background: #F7F7F7 !important;
color: #F7F7F7 !important;
}
#footer-widgeted #wp-calendar thead {
background: none;
color: #FFFFFF;
text-shadow: #000000 1px 1px;
}
#wp-calendar td {
font-weight: normal;
text-align: center;
margin: 0;
padding: 2px;
}
#sidebar #wp-calendar td {
background: #F7F7F7;
}
#footer-widgeted #wp-calendar td {
background: none;
}
#wp-calendar tfoot td {
background: none;
margin: 0;
padding: 0;
}
/***** Contact Form ********************/
.gform_footer .button {
background: url(images/widget-header.png);
color: #FFFFFF;
font-size: 11px;
font-family: Trebuchet MS, Arial, Verdana;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 2px 5px 2px 5px;
border: none;
text-shadow: #055669 1px 1px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
.gform_footer .button:hover {
background: #00AFD1;
border: none;
}
.gform_footer input.button {
color: #FFFFFF !important;
}
.gform_wrapper .gform_footer {
border: none!important;
}
/***** Footer ********************/
#footer {
clear: both;
width: 930px;
height: 55px;
background: #fff;
color: #bcd46a;
margin: 0 auto 0;
padding: 10px;
text-transform: uppercase;
}
#footer .wrap {
}
#footer a, #footer a:visited {
color: #bcd46a;
text-decoration: none;
}
#footer a:hover {
color: #585858;
text-decoration: none;
}
#footer p {
margin: 0;
padding: 0;
}
#footer .gototop {
margin: 0;
padding: 12px 0 0 9px;
}
#footer .gototop a {
margin: 0;
padding: 0 0 4px 18px;
background: url(images/footer-top.png) no-repeat left center;
display: none;
}
#footer .creds {
width: 950px;
margin: 0;
padding: 20px 20px 0px 0;
text-align: center;
}
/***** Footer Widgeted ********************/
#footer-widgeted {
background: #00B3D5;
width: 940px;
color: #FFFFFF;
font-size: 11px;
margin: 0 auto 10px;
padding: 0;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-khtml-border-radius: 10px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
overflow: auto;
}
#footer-widgeted .widget {
background: none;
margin: 0;
padding: 0;
border: none;
}
#footer-widgeted h4 {
color: #FFFFFF;
font-size: 16px;
font-family: Trebuchet MS, Arial, Verdana;
font-weight: normal;
text-shadow: #055669 1px 1px;
margin: 0 0 5px 0;
padding: 0;
}
#footer-widgeted p {
color: #FFFFFF;
font-weight: normal;
margin: 0;
padding: 0 0 10px 0;
}
#footer-widgeted a, #footer-widgeted a:visited {
color: #FFFFFF;
text-decoration: none;
}
#footer-widgeted a:hover {
color: #FFFFFF;
text-decoration: underline;
}
#footer-widgeted ul {
list-style-type: none;
margin: 0;
padding: 0 0 5px 0;
}
#footer-widgeted ul li {
list-style-type: square;
margin: 0 0 0 15px;
padding: 0;
}
.footer-widgeted-1 {
width: 285px;
float: left;
margin: 0;
padding: 10px 20px 5px 20px;
}
.footer-widgeted-2 {
width: 290px;
float: left;
margin: 0;
padding: 10px 20px 5px 0;
}
.footer-widgeted-3 {
width: 285px;
float: right;
margin: 0;
padding: 10px 20px 5px 0;
}
/***** Comments ********************/
.comments {
font-size: 12px;
margin: 0;
padding: 0;
}
#respond {
margin: 0 0 15px 0;
padding: 0;
}
#author, #email, #url {
background: #F7F7F7 !important;
width: 250px;
color: #333333;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
padding: 3px 0 3px 3px;
margin: 5px 5px 0 0;
border: 1px solid #E6E6E6;
}
#comment {
background: #F7F7F7 !important;
width: 98%;
height: 150px;
color: #333333;
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
padding: 3px 0 3px 3px;
margin: 5px 0 5px 0;
border: 1px solid #E6E6E6;
}
#submit {
background: #bcd46a;
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 3px 5px 3px 5px;
border: none;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
#submit:hover {
background: #37a5bc;
border: none;
}
.comment-list {
margin: 0;
padding: 0;
}
.ping-list {
margin: 0 0 40px 0;
padding: 0;
}
.comment-list ol, .ping-list ol {
margin: 0;
padding: 10px;
}
.comment-list li, .ping-list li {
font-weight: bold;
margin: 15px 0 5px 0;
padding: 10px 5px 10px 10px;
list-style: decimal;
list-style-position: inside;
}
.comment-list li ul li {
margin-right: -6px;
margin-left: 10px;
}
.comment-list p, .ping-list p {
font-weight: normal;
text-transform: none;
margin: 10px 5px 10px 0;
padding: 0;
}
.comment-list li .avatar {
background: #F7F7F7;
float: right;
border: 1px solid #E6E6E6;
margin: 0 5px 0 10px;
padding: 4px;
}
.comment-list cite, .comment-list cite a, .ping-list cite, .ping-list cite a {
font-weight: bold;
font-style: normal;
}
.commentmetadata {
font-size: 11px;
font-weight: normal;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.alt {
margin: 0;
padding: 10px;
}
.children {
margin: 0;
padding: 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.reply a, .reply a:visited {
background: url(images/widget-header.png);
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
margin: 0;
padding: 2px 5px 3px 5px;
border: none;
text-shadow: #055669 1px 1px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
.reply a:hover {
background: #00AFD1;
text-decoration: none;
border: none;
}
#comments .navigation {
display: block;
margin: 10px 0 0 0;
}
.thread-alt, .thread-even {
background: #F7F7F7;
margin: 0;
padding: 0;
}
.depth-1 {
border: 1px solid #E6E6E6;
margin: 0;
padding: 0;
}
.even, .alt {
background: url(images/comments.png);
border: 1px solid #E6E6E6;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 0;
padding: 0;
}
/***** Connect Box ********************/
.replace{
position:relative;
margin:0;
padding:0;
/* \*/
overflow:hidden;
/* */
}
.replace span{
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
}
.connectbox {
margin-left: 60px;
padding: 0;
color: #ffffff;
}
#twitter-icon {
width:35px;
height:35px;
font-size:12px;
float: left;
overflow:hidden;
display: block;
margin-left: 15px;
margin-right: 10px;
text-indent: -5000px;
}
#twitter-icon span{
background:url(images/twitter-icon.png) no-repeat;
position:absolute;
width:100%;
height:100%;
cursor:pointer;
}
#twitter-icon:hover span{
background-position:0 -35px;
}
#facebook-icon {
width:35px;
height:35px;
font-size:12px;
float: left;
overflow:hidden;
display: block;
margin-right: 10px;
text-indent: -5000px;
}
#facebook-icon span{
background:url(images/facebook-icon.png) no-repeat;
position:absolute;
width:100%;
height:100%;
cursor:pointer;
}
#facebook-icon:hover span{
background-position:0 -35px;
}
#rss-icon {
width:35px;
height:35px;
font-size:12px;
float:left;
overflow:hidden;
display: block;
margin-right: 0px;
text-indent: -5000px;
}
#rss-icon span{
background:url(images/rss-icon.png) no-repeat;
position:absolute;
width:100%;
height:100%;
cursor:pointer;
}
#rss-icon:hover span{
background-position:0 -35px;
}

/***** Newsletter Box ********************/
.newsletterbox {
background: url(images/newsletterbox.png) no-repeat;
height: 73px;
width: 240px;
margin-left: 0px;
padding: 45px 10px 0px 10px;
color: #ffffff;
}
.submit-newsletter {
background: url(images/submitnewsletter.png) no-repeat;
height: 24px;
width: 159px;
border: none;
margin-top: 5px;
margin-left: 40px;
}
.submit-newsletter:hover {
background: url(images/submitnewsletter.png) 0 -24px no-repeat;
}

.related-posts {
	list-style: none;
	display: block;
	margin: 8px 0 0 0;
	}
.related-posts li {
	width: 90px;
	float: left;
	padding: 0px;
	margin: 0px;
	}

/* Column Classes
------------------------------------------------------------ */
 
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-left: 3%;
}
 
.one-half,
.three-sixths,
.two-fourths {
    width: 48%;
}
 
.one-third,
.two-sixths {
    width: 31%;
}
 
.four-sixths,
.two-thirds {
    width: 65%;
}
 
.one-fourth {
    width: 22.5%;
}
 
.three-fourths {
    width: 73.5%;
}
 
.one-fifth {
    width: 17.4%;
}
 
.two-fifths {
    width: 37.8%;
}
 
.three-fifths {
    width: 58.2%;
}
 
.four-fifths {
    width: 78.6%;
}
 
.one-sixth {
    width: 14%;
}
 
.five-sixths {
    width: 82%;
}
 
.first {
    clear: both;
    padding-left: 0;
}