/* 
 Theme Name:   attract-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     wp-attract
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

body {
    text-align: left;
    margin: 0;
    padding: 0;
    color: #555;
    line-height: 1.5em;
    background: #eee;
    font-size: 9pt;
    font-family: arial, helvetica, sans-serif;
}

#header {
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    background: #000;
    border-bottom: 1px solid #f5f5f5;
    box-shadow: 0 9px 0 #ddd;
    -moz-box-shadow: 0 9px 0 #ddd;
    -webkit-shadow: 0 9px 0 #ddd;
}

#head-content {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 960px;
}

#sitetitle {
    float: left;
    max-width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

#topnav {
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
    font-size: 8pt;
}

#logo img {
    max-width: 100%;
    height: auto;
}

#sitetitle .title {
    padding: 0;
    margin: 0;
    letter-spacing: -1px;
    line-height: 1.2em;
    font-size: 24px;
    display: block;
}

#sitetitle .title a {
    color: #fff;
}

#sitetitle .description {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 8pt;
    display: block;
}

.outer-wrap {
    border-bottom: 1px solid #ddd;
}

#wrap {
    max-width: 960px;
    clear: both;
    margin: 0 auto;
    padding: 40px 0;
}

.limit {
    max-width: 960px;
    margin: 0 auto;
}

#page {
    padding: 0;
    clear: both;
    margin: 0 auto;
}

#contentleft {
    width: 65.625%;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}

#content {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}

#sidebar-narrow {
    width: 19.05%;
    float: left;
    padding: 0;
    margin: 0;
}

#contentright {
    font-size: 9pt;
    width: 31.25%;
    float: right;
    padding: 0;
    margin: 0;
}

#sidebar {
    width: 100%;
    float: none;
    display: block;
    overflow: hidden;
}

#sidebar-bottom {
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 0;
}

#sidebar-bottom-left {
    width: 53.33%;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#sidebar-bottom-right {
    width: 40%;
    float: right;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#footer {
    clear: both;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 8pt;
    background: #000;
    color: #ccc;
    text-align: center;
}

.footurl {
    margin-bottom: 10px;
}

.clearfix:after,
blockquote:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
blockquote {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html blockquote {
    height: 1%;
}

.clearfix,
blockquote {
    display: block;
}

/* End hide from IE-mac */

/* -------------------[ Headings ]------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
h7,
#sitetitle .title {
    font-family: arial, helvetica, sans-serif;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;
}

h1 {
    font-size: 18pt;
    margin: 0;
}

h2 {
    font-size: 16pt;
}

h3 {
    font-size: 14pt;
}

h4,
h5,
h6,
h7 {
    font-size: 12pt;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry h7 {
    margin-bottom: 15px;
}

h3#postinfo,
h3#comments,
h3#respond,
h3#trackbacks,
#respond h3 {
    margin: 0;
}

h3#comments {
    margin: 0 0 5px;
}

h3.post-title,
h2.post-title,
h1.post-title {
    font-size: 18pt;
    margin: 0 0 5px;
}

h1.page-title {
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #ddd;
}

h1.archive-title {
    font-size: 9pt;
    letter-spacing: 0;
    margin: 0 0 10px;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 5px;
}

.sitemap h2 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
    letter-spacing: 0;
    font-size: 11pt;
}

.auth-bio h1 {
    margin: 0 0 10px;
}

h2.feature-title,
h3.widgettitle,
h2.feat-title {
    font-size: 9pt;
    letter-spacing: 0;
    margin: 0 0 10px;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 5px;
}

/* -------------------[ Links ]------------------- */

a,
a:link,
a:visited {
    outline: none;
    text-decoration: none;
    color: #167AC6;
}

a:hover,
a:active {
    text-decoration: none;
    color: #000000;
}

a.more-link,
a.more-link:link,
a.more-link:visited {
    background: #336699;
    color: #fff;
    border: 0;
    padding: 0 10px !important;
    height: 24px;
    line-height: 24px;
    display: inline-block;
}

a.more-link:hover,
a.more-link:active {
    color: #000;
}

#footer a,
#footer a:link,
#footer a:visited {
    color: #ccc;
}

#footer a:hover,
#footer a:active {
    color: #fff;
}

.post-title a,
.post-title a:link,
.post-title a:visited {
    color: #333;
    text-decoration: none;
}

.post-title a:hover,
.post-title a:active {
    color: #000;
}

#footer-widgets h3.widgettitle a,
#footer-widgets h3.widgettitle a:link,
#footer-widgets h3.widgettitle a:visited,
#alt-home-bottom h3.widgettitle a,
#alt-home-bottom h3.widgettitle a:link,
#alt-home-bottom h3.widgettitle a:visited {
    color: #333;
}

#footer-widgets h3.widgettitle a:hover,
#footer-widgets h3.widgettitle a:active,
#alt-home-bottom h3.widgettitle a:hover,
#alt-home-bottom h3.widgettitle a:active {
    color: #000;
}

/* -------------------[ Images ]------------------- */

.entry img {
    max-width: 97%;
    padding: 3px;
    border: 1px solid #ebebeb;
    background: #fff;
    height: auto;
}

img.alignright {
    float: right;
    clear: right;
    margin: 0 0 15px 10px;
}

img.alignleft {
    float: left;
    clear: left;
    margin: 0 10px 15px 0px;
}

img.aligncenter,
img.centered,
img.center {
    display: block;
    margin: 0 auto 15px;
    float: none;
    clear: both;
}

img.thumbnail {
    float: right;
    margin: 0 0 15px 10px;
}

img.thumbnail-large {
    border: 1px solid #eee;
    float: right;
    width: 40%;
    height: auto;
    margin: 0 0 0 15px;
    padding: 5px;
}

.entry img.thumbnail {
    max-width: 25%;
    height: auto;
}

img.avatar,
img.comment-grav,
.singlepost .auth-bio img.avatar {
    border: 1px solid #ebebeb;
    padding: 2px;
    background: #fff;
    float: right;
    margin: 0 0 10px 10px;
}

/* -------------------[ Caption Styles for WP 2.6+ ]------------------- */

.wp-caption {
    border: 1px solid #ebebeb;
    text-align: center;
    background-color: #fff;
    padding-top: 5px;
    margin: 0 10px 10px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 8pt;
    padding: 5px;
    margin: 0;
}

/* -------------------[ Misc Tags and Classes ]------------------- */

p {
    margin-top: 0px;
    margin-bottom: 15px;
}

ol {
    margin-left: 40px;
    padding: 0;
}

ul {
    margin-left: 20px;
    padding: 0;
}

.post ul,
.post ol {
    list-style-type: none;
}

.post ul li {
    list-style-type: none;
    padding: 0;
    margin: 0 0 2px;
    padding-left: 18px;
    background: url(images/bullet.png) 0 1px no-repeat;
}

.post ol li {
    list-style-type: decimal;
    margin-left: 0;
    padding-left: 0;
}

.post ul li li {
    list-style-type: square;
    padding: 0;
    margin: 0 0 2px;
    padding-left: 0;
    background: none;
}

.post ul li li li {
    list-style-type: disc;
    padding: 0;
    margin: 0 0 2px;
    padding-left: 0;
    background: none;
}

form,
select {
    margin: 0;
    padding: 0;
}

acronym,
abbr,
span.caps {
    cursor: help;
}

acronym,
abbr {
    border-bottom: 1px solid #999;
}

* html acronym,
abbr {
    border-bottom: 1px dashed #999;
}

blockquote {
    margin: 0 0 15px;
    color: #666;
    background: #f5f5f5;
    padding: 15px 15px 1px;
    border: 1px solid #ebebeb;
}

.center {
    text-align: center;
}

a img,
img a {
    border: none;
}

code {
    font: 1.1em 'Courier New', Courier, Fixed;
}

hr {
    display: block;
    clear: both;
}

.navigation {
    padding: 0;
    margin: 0;
    clear: both;
}

.navigation .alignright {
    width: 49%;
    float: right;
    text-align: right;
}

.navigation .alignleft {
    width: 49%;
    float: left;
    text-align: left;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
}

input:focus {
    outline: none;
}

/* -------- [ Table ] -------- */

table {
    border-collapse: collapse;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: hidden;
}

table th {
    background: #eeeeee;
    border: 1px solid #fff;
    padding: 10px;
}

table tr {
    background: #f5f5f5;
}

table td {
    border: 1px solid #fff;
    padding: 10px;
}

/* -------- [ Calendar Table ] -------- */

table#wp-calendar {
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
    border: 1px solid #ebebeb;
}

table#wp-calendar caption {
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
}

table#wp-calendar th {
    background: #ebebeb;
    border: 1px solid #fff;
    padding: 5px;
}

table#wp-calendar tr {
    background: #f5f5f5;
}

table#wp-calendar td {
    border: 1px solid #fff;
    padding: 5px;
}

table#wp-calendar tfoot td {
    background: #ebebeb;
    padding: 5px;

}

/* ---------------[ Related Posts on Single Post Page ]--------------- */

#related {
    padding: 0;
    margin: 0 0 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}

#related .related-posts {
    display: block;
    padding: 20px;
    border-bottom: 1px dotted #ddd;
}

#related .related-posts p {
    margin: 0;
}

#related .related-posts ol {
    font-weight: normal;
    margin: 0 0 0 25px;
}

#related .related-posts li {
    margin-bottom: 2px;
}

#related .subscribe {
    display: block;
    padding: 20px;
}

#related .subscribe p.intro {}

#related .subscribe p.feed {
    margin-bottom: 10px;
    font-weight: bold;
    padding-left: 21px;
    background: url(images/FeedIcon-16.gif) 0px 50% no-repeat;
}

#related .subscribe form {
    margin: 0;
    padding: 0;
}

/* -------------------[ Author Bio Info ]------------------- */

.auth-bio {
    padding: 0;
    margin: 0;
    border: 0;
    padding: 20px;
    margin: 0 0 30px;
    background: #fff;
    border: 1px solid #ddd;
}

.auth-bio img.avatar {
    padding: 1px;
    background: #fff;
    border: 1px solid #ebebeb;
    float: right;
    margin: 0 0 15px 15px;
}

p.auth-website {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
}

p.auth-icons {
    width: 200px;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    height: 24px;
    line-height: 24px;
}

p.auth-icons img {
    margin: 0 0 0 2px;
    padding: 0;
    border: 0;
}

.singlepost .auth-bio {
    padding: 15px 20px;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 1px dotted #ddd;
}

.auth-bio h3 span.profile {
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;
    margin: 0;
    padding: 0 0 0 3px;
    font-weight: normal;
    letter-spacing: 0;
}

/* -------------------[ Comments ]------------------- */

.allcomments {
    padding: 25px 0 0;
    margin: 0;
}

.commentlist {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

ol.commentlist li {
    background: #fff;
    clear: both;
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #ddd;
    list-style-type: none;
}

.commentlist li ul.children li {
    background: #f5f5f5;
    border: 1px solid #eee;
}

.commentlist li ul.children li.depth-3,
.commentlist li ul.children li.depth-5,
.commentlist li ul.children li.depth-7,
.commentlist li ul.children li.depth-9 {
    background: #fff;
}

.commentlist li ul.children {
    margin: 0;
    padding: 0;
}

.commentlist li ul.children li {
    margin: 15px 0 0;
}

.commentlist li.alt {}

.commentmetadata {
    display: block;
    margin-bottom: 10px;
    font-size: 8pt;
}

.commentlist cite {
    font-style: normal;
    font-weight: bold;
}

#commentform {
    padding: 25px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #ddd;
}

#commentform label {
    padding: 0;
    margin: 0 0 0 5px;
    font-size: 8pt;
    color: #666;
}

#commentform input#author,
#commentform input#email,
#commentform input#url,
#commentform textarea {
    padding: 5px;
    background: #fafafa;
    border: 1px solid #ddd;
    width: 75%;
    max-width: 250px;
}

#commentform textarea {
    width: 95%;
    max-width: 95%;
}

#commentform input#submit {
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    clear: both;
    padding: 5px 20px;
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #336699;
}

#commentform input#submit:hover {}

p.button-submit {
    margin: 0;
}

.thread-alt {}

.thread-even {}

#respond {
    margin: 30px 0 15px;
    padding: 0;
    clear: both;
}

.commentlist #respond {}

.comments-navigation {
    display: block;
    margin: 0;
    padding: 10px 0;
    font-weight: bold;
}

.comments-navigation .alignleft {
    float: left;
}

.comments-navigation .alignright {
    float: right;
}

.comments-number {
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0;
}

.commentlist img.avatar,
.commentlist img.comment-grav {
    padding: 2px;
    background: #fff;
    border: 1px solid #ebebeb;
    float: right;
    margin: 0 0 10px 10px;
}

.reply {
    margin: 0;
}

a.comment-reply-link,
a.comment-reply-link:link,
a.comment-reply-link:visited {
    clear: both;
    padding: 0;
    font-weight: bold;
    font-size: 8pt;
    text-transform: lowercase;
    color: #fff;
    background: #336699;
    display: block;
    width: 24px;
    text-align: center;
}

a.comment-reply-link:hover,
a.comment-reply-link:active {
    color: #000;
}

ol.commentlist .comment-body ul {
    list-style-type: disc;
    margin: 0 30px 15px;
    padding: 0;
    border: none;
}

ol.commentlist .comment-body ul li {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    border: none;
}

ol.commentlist .comment-body ol {
    list-style-type: decimal;
    margin: 0 30px 15px;
    padding: 0;
    border: none;
}

ol.commentlist .comment-body ol li {
    list-style-type: decimal;
    margin: 0;
    padding: 0;
    border: none;
}

.cancel-comment-reply {
    padding: 5px 0 10px;
}

.pings {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 15px 5px;
    margin: 0 0 15px;
}

.pings ol {
    margin-left: 20px;
}

.pings li {
    margin-bottom: 5px;
}

/* ---------------[ Site Map Page ]--------------- */

.sitemap .post,
.sitemap .page,
.post.sitemap {
    border: 1px solid #ddd;
    margin: 0;
    padding: 25px;
    background: #fff;
}

.sitemap ul {
    list-style-type: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    color: #ccc;
}

.sitemap ul ul {
    margin-left: 15px;
    margin-bottom: 0;
}

.sitemap .entry {
    padding: 0;
}

.sitemap .meta {
    margin: 0 0 10px;
    padding: 0;
}

.sitemap-narrow {
    width: 35%;
    float: right;
    padding: 0;
    margin: 0 0 15px;
}

.sitemap-wide {
    width: 60%;
    float: left;
}

.sitemap-post {
    clear: both;
    margin: 0 0 15px;
    border-bottom: 1px dotted #ddd;
    padding: 0;
}

.sitemap-post p.sitemap-title {
    font-weight: bold;
    margin: 0;
}

.sitemap-post img.thumbnail {
    float: right;
    margin: 0 0 10px 10px;
    padding: 1px;
    border: 1px solid #ddd;
    width: 25%;
}

/* -------------------[ Top Navigation ]------------------- */

#topnav ul {
    z-index: 99;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    margin: 0;
    text-align: left;
}

#topnav ul a {
    position: relative;
    display: block;
    z-index: 100;
    padding: 5px 10px;
    line-height: 30px;
    text-decoration: none;
    color: #ccc;
}

#topnav ul li {
    float: left;
    width: auto;
}

#topnav ul li.rss-comments {
    float: right;
}

#topnav ul a:hover {
    color: #fff;
}

#topnav ul ul {
    position: absolute;
    left: -999em;
    width: 202px;
    z-index: 99999;
}

#topnav ul ul a {
    width: 180px;
    line-height: 20px;
    border: 1px solid #222;
    border-top: 0;
    background: #333;
}

#topnav ul ul a:hover {
    background: #454545;
}

#topnav ul ul ul {
    border-top: 1px solid #222;
    margin: -32px 0 0 201px;
}

#topnav ul li li {
    margin: 0;
    border: 0;
}

#topnav ul li:hover,
#topnav ul li.hover {
    position: static;
}

#topnav ul li:hover ul ul,
#topnav ul li.sfhover ul ul,
#topnav ul li:hover ul ul ul,
#topnav ul li.sfhover ul ul ul,
#topnav ul li:hover ul ul ul ul,
#topnav ul li.sfhover ul ul ul ul {
    left: -999em;
}

#topnav ul li:hover ul,
#topnav ul li.sfhover ul,
#topnav ul li li:hover ul,
#topnav ul li li.sfhover ul,
#topnav ul li li li:hover ul,
#topnav ul li li li.sfhover ul,
#topnav ul li li li li:hover ul,
#topnav ul li li li li.sfhover ul {
    left: auto;
}

/* -------------------[ Footer Navigation ]------------------- */

#footnav {
    padding: 0;
    margin: 0 auto 5px;
    display: block;
    text-align: center;
    font-weight: bold;
}

#footnav ul {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
}

#footnav ul li {
    display: inline;
    list-style-type: none;
    margin: 0 5px;
    padding: 0;
}

#footnav ul a,
#footnav ul a:link,
#footnav ul a:visited {
    display: inline;
    padding: 0;
    text-decoration: none;
    color: #bbb;
    font-size: 10px;
}

#footnav ul a:hover,
#footnav ul a:active {
    color: #fff;
}

/* --------------[ Basic Post Classes ]-------------- */

.post,
.page.hentry {
    margin: 0 0 30px 0;
    padding: 0;
    clear: both;
    background: #fff;
    padding: 2px;
    border: 1px solid #ddd;
}

.entry {
    margin: 0;
    padding: 20px;
}

.singlepost .entry,
.singlepage .entry {}

.singlepost .entry {
    margin-bottom: 15px;
}

.singlepost .post {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 0;
}

.singlepage .post {
    margin: 0;
}

.meta {
    margin: 0 0 15px;
    padding: 0;
    font-size: 9pt;
}

.single .meta {}

.meta-commments {}

.meta-author {}

.entry {
    position: relative;
}

h1.post-title,
h2.post-title,
.meta {
    padding-left: 55px;
}

.meta-date {
    float: left;
    width: 45px;
    display: inline;
    margin: 0;
    padding: 3px 0 0 0;
}

.date-month {
    background: #333;
    margin: 0;
    text-align: center;
    padding: 2px 0 1px;
    color: #fff;
    font-size: 9pt;
    color: #ccc;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}

.date-day {
    background: #f5f5f5;
    margin: 0;
    text-align: center;
    padding: 4px 0;
    color: #fff;
    font-size: 14pt;
    border: 1px solid #e5e5e5;
    border-top: 0;
    color: #666;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
}

p#breadcrumbs {
    border-bottom: 1px dotted #ccc;
    font-size: 8pt;
    margin: 0 0 10px;
    padding-bottom: 5px;
    line-height: 1.3em;
}

p.tags {
    margin-bottom: 5px;
    clear: both;
}

p.cats {
    clear: both;
}

.single-video {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}

.single-video iframe,
.single-video object,
.single-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --------------[ Home Page Option 2 - 2 Posts Aligned Side-by-Side ( index2 ) ]-------------- */

.post-by-2 {
    margin: 0 auto;
    padding: 25px;
    border: 1px solid #ddd;
    background: #fff;
}

.post-left {
    clear: left;
    float: left;
    width: 48%;
    margin: 0;
    padding: 0;
}

.post-right {
    clear: right;
    float: right;
    width: 48%;
    margin: 0;
    padding: 0;
}

.post-by-2 .post {
    padding: 0;
    margin: 0;
    border: 0;
}

.post-by-2 .entry {
    padding: 0;
    margin: 0;
    border: 0;
}

.post-by-2 h1.post-title,
.post-by-2 h2.post-title,
.post-by-2 .meta {
    padding-left: 45px;
}

.post-by-2 .meta-date {
    width: 35px;
    padding-top: 0;
}

.post-by-2 .date-month {
    font-size: 9pt;
}

.post-by-2 .date-day {
    padding: 2px 0;
    font-size: 12pt;
}

.post-by-2 h2.post-title {
    font-size: 14pt;
}

.post-by-2 .post-clear {
    clear: both;
    height: 0;
    padding: 15px 0 0;
    background: transparent;
    border-bottom: 1px dotted #ddd;
    margin: 0 auto 25px;
}

/* -----------[ Home Page Option 3 - Posts Arranged by Category Side-by-Side ( index3 ) ]----------- */

.cats-by-2 {
    margin: 0;
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.cat-posts-left {
    clear: left;
    float: left;
    width: 48.5%;
    margin: 0 0 20px;
    padding: 0;
    border: 1px solid #ebebeb;
}

.cat-posts-right {
    clear: right;
    float: right;
    width: 48.5%;
    margin: 0 0 20px;
    padding: 0;
    border: 1px solid #ebebeb;
}

.cats-by-2 .post {
    margin: 0;
    padding: 9px;
    background: transparent;
    overflow: hidden;
    border-top: 1px solid #ebebeb;
}

.cats-by-2 .entry {
    overflow: hidden;
    margin: 0;
    line-height: 1.4em;
    height: 5.6em;
    border: 0;
    padding: 0;
}

.cats-by-2 h2.feat-title {
    border: 0;
    padding: 5px 9px;
}

.cats-by-2 h3.post-title {
    letter-spacing: 0;
    font-size: 9pt;
    margin-bottom: 0px;
    line-height: 1.4em;
}

.cats-by-2 img.thumbnail {
    float: left;
    margin: 0 9px 9px 0;
    height: 5.1em;
    padding: 1px;
    max-width: 40%;
    width: auto;
}

/* -------------------[ Home Page Option 4 - Posts Arranged by Category Stacked ( index4 ) ]------------------- */

.cat-posts-stacked {
    clear: both;
    float: none;
    margin: 0 0 20px;
    padding: 0;
    border: 1px solid #ebebeb;
}

.cat-posts-stacked .entry {
    height: auto;
    overflow: hidden;
    margin: 0;
}

.cat-posts-stacked img.thumbnail {
    float: right;
    margin: 0 0 9px 10px;
    width: 150px;
    height: auto;
}

.cat-posts-stacked h3.post-title {
    letter-spacing: 0;
    font-size: 12pt;
    line-height: 1.4em;
}

/* -------------------[ Widgets ]------------------- */

.widget {
    margin: 0 0 40px;
    padding: 0;
    overflow: hidden;
}

.widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget li {
    list-style-type: none;
    margin: 0;
    padding: 3px 0;
}

.widget li:last-child {
    border: 0;
}

.widget .textwidget {}

.widget li li {
    list-style-type: none;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

.widget li li li {
    padding-left: 15px;
}

.widget img {
    max-width: 100%;
    height: auto;
}

/* -------------------[ Sidebar Bottom Widgets ]------------------- */

#sidebar-bottom .widget {}

#sidebar-bottom .widget li {}

#sidebar-bottom .widget .textwidget {}

#sidebar-bottom h3.widgettitle {}

/* -------------------[ Footer Widgets ]------------------- */

#footer-widgets {
    clear: both;
    margin: 0 auto;
    padding: 30px 0 20px;
    width: 100%;
    background: url(images/home-top-bg-3.png);
    background-color: #eee;
    border-top: 1px solid #f5f5f5;
}

#footer-widgets .widget {
    margin: 0 0 20px;
    border: 0;
}

#footer-widgets .widget li {
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0;
    border-bottom: 0;
}

#footer-widgets .widget .textwidget {
    padding: 0
}

#footer-widgets a,
#footer-widgets a:link,
#footer-widgets a:visited {}

#footer-widgets a:active,
#footer-widgets a:hover {}

.footer-widget1 {
    float: left;
    width: 30%;
    margin: 0 3% 0 0;
    overflow: hidden;
}

.footer-widget2 {
    float: left;
    width: 30%;
    margin: 0 3% 0 0;
    overflow: hidden;
}

.footer-widget3 {
    float: left;
    width: 15.5%;
    margin: 0;
    overflow: hidden;
}

.footer-widget4 {
    float: right;
    width: 15.5%;
    margin: 0;
    overflow: hidden;
}

/* -------------------[ Side Tabs Widget ]------------------- */

.widget.sidetabs {}

.widget.sidetabs ul.tabs {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0 0 5px;
    clear: both;
    border-bottom: 1px dotted #ccc;
    font-size: 9pt;
}

.widget.sidetabs ul.tabs li {
    float: left;
    display: inline;
    margin: 0 15px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
}

.widget.sidetabs ul.tabs li a,
.widget.sidetabs ul.tabs li a:link,
.widget.sidetabs ul.tabs li a:visited {
    float: left;
    display: block;
    padding: 0;
}

.widget.sidetabs ul.tabs li a:hover,
.widget.sidetabs ul.tabs li a:active {
    color: #000;
}

.widget.sidetabs ul.tabs li.ui-tabs-selected a,
.widget.sidetabs ul.tabs li.ui-tabs-selected a:link,
.widget.sidetabs ul.tabs li.ui-tabs-selected a:visited {
    color: #000;
}

.widget.sidetabs form {
    margin: 0 !important;
    padding: 0 !important;
    color: #888;
}

.widget.sidetabs select {
    margin: 0;
    padding: 0;
    width: 160px;
    color: #888;
}

.widget.sidetabs li {}

.widget.sidetabs .cat_content {}

.widget.sidetabs .cat_content ul {}

.widget.sidetabs .cat_content li {}

.widget.sidetabs .cat_content li:last-child {}

.widget.sidetabs .cat_content li a,
.widget.sidetabs .cat_content li a:link,
.widget.sidetabs .cat_content li a:visited,
.widget.sidetabs .cat_content ul.side-arc li {}

.widget.sidetabs .cat_content ul.side-arc li {}

.widget.sidetabs .cat_content ul.side-arc li p.title {
    float: left;
    width: 75px;
    margin: 0;
}

.widget.sidetabs .cat_content ul.side-arc li select {
    float: left;
    width: 160px;
    padding: 2px;
    border: 1px solid #ddd;
}

.widget.sidetabs .cat_content ul.side-arc li form {}

.widget.sidetabs .popular p {
    margin: 0;
}

.widget.sidetabs .popular li a,
.widget.sidetabs .popular li a:link,
.widget.sidetabs .popular li a:visited {}

.widget.sidetabs .side-recent-comments li a,
.widget.sidetabs .side-recent-comments li a:link,
.widget.sidetabs .side-recent-comments li a:visited {}

.widget.sidetabs .cat_content li a:hover,
.widget.sidetabs .cat_content li a:active,
.widget.sidetabs .cat_content .popular li a:hover,
.widget.sidetabs .cat_content .popular li a:active,
.widget.sidetabs .cat_content .side-recent-comments li a:hover,
.widget.sidetabs .cat_content .side-recent-comments li a:active {}

.widget.sidetabs .ui-tabs-hide {
    display: none;
}

/* -------------------[ Category Posts Widget ]------------------- */

.widget.catposts {
    border-bottom: 0;
}

.widget.catposts .textwidget {
    padding: 0;
}

.cat-posts-widget img.thumbnail {
    float: left;
    margin: 0 9px 9px 0;
    width: auto;
    height: 5.1em;
    padding: 1px;
}

.cat-posts-widget .meta {
    position: absolute;
    z-index: 99999;
    top: -999em;
    left: -999em;
    display: none;
}

.cat-posts-widget .post {
    border: 0;
    background: transparent;
    margin: 0;
    border-bottom: 1px dotted #ccc;
    padding: 9px 0;
}

#footer-widgets .cat-posts-widget .post,
#alt-home-bottom .cat-posts-widget .post {
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.cat-posts-widget .entry {
    overflow: hidden;
    margin: 0;
    line-height: 1.4em;
    height: 5.6em;
    border: 0;
    padding: 0;
}

.cat-posts-widget p.post-title {
    font-weight: bold;
    margin-bottom: 0;
}

/* -------------------[ Banner Ad Widgets ]------------------- */

.widget.banner300,
.widget.bannerad {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* -------------------[ Flickr Widget ]------------------- */

.widget_flickrRSS {
    padding: 0;
    border: 0;
}

.widget_flickrRSS img {
    margin: 0 8px 8px 0;
    background: #fff;
    padding: 2px;
    width: 75px;
    height: 75px;
    border: 1px solid #ebebeb;
    background: #fff;
}

/* -------------------[ Search Widget ]------------------- */

.widget.widget_search {
    padding: 0;
    border: 0;
}

/* -------------------[ 125x125 Banner Widget ]------------------- */

.banner125 {
    padding: 0;
    text-align: center;
    padding: 15px 15px 5px;
    background: #fff;
    border: 1px solid #ddd;
    max-width: 268px;
}

.banner125 .ad {
    text-align: center;
    display: block;
    float: left;
    width: 49%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0%;
}

.banner125 .ad.right {
    float: right;
}

/* -------------------[ Subscribebox Widget ]------------------- */

.widget.subscribebox {}

.widget.subscribebox form {}

/* -------------------[ YouTube Videos Widget ]------------------- */

.widget.videoslide {}

.widget.videoslide ul,
.widget.videoslide li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

/* ---------[ Featured Page Widget ]--------- */

.featuredpage .post {
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
}

.featuredpage img.thumbnail {
    max-width: 97%;
    float: none;
    margin: 0 auto 10px;
    border: 0;
    padding: 3px;
    background: #fff;
    display: block;
    border: 1px solid #ddd;
    height: auto;
}

.featuredpage img.thumbnail.alignright {
    width: 30% !important;
    float: right;
    margin: 0 0 5px 10px;
    border: 1px solid #ddd;
    padding: 2px;
    background: #fff;
    height: auto;
}

.featuredpage img.thumbnail.alignleft {
    width: 30% !important;
    float: left;
    margin: 0 10px 5px 0;
    border: 1px solid #ddd;
    padding: 2px;
    background: #fff;
    height: auto;
}

#footer-widgets .featuredpage img.thumbnail {
    border-color: #ccc;
}

.featuredpage p.readmore {
    margin-bottom: 0;
}

/* ---------[ Search Form ]--------- */

form#searchform {
    padding: 0;
    margin: 0;
}

#searchform #searchfield {
    background: transparent;
    color: #bbb;
    font-size: 12px;
    margin: 0 3px 0 0;
    display: inline;
    padding: 4px 6px;
    border: 0;
    width: 160px;
    text-transform: lowercase;
    font-family: arial, Helvetica, sans-serif;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#searchform #submitbutton {
    background: #fff url(images/catnav-bg.png) bottom left repeat-x;
    color: #336699;
    font-weight: bold;
    border: 1px solid #ddd;
    text-shadow: 1px 1px #fff;
    padding: 3px 5px;
    font-size: 9pt;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, Helvetica, sans-serif;
    display: inline;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
    -moz-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
    box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
}

#searchform #submitbutton:hover {
    color: #000;
}

/* ---------[ Email Form and Search Form ]--------- */

p.email-form {
    padding: 0;
    margin: 0;
}

p.email-form .sub {
    background: transparent;
    color: #bbb;
    font-size: 12px;
    margin: 0 3px 0 0;
    display: inline;
    padding: 4px 6px;
    border: 0;
    width: 160px;
    text-transform: lowercase;
    font-family: arial, Helvetica, sans-serif;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

p.email-form .subbutton {
    background: #fff url(images/catnav-bg.png) bottom left repeat-x;
    color: #336699;
    font-weight: bold;
    border: 1px solid #ddd;
    text-shadow: 1px 1px #fff;
    padding: 3px 5px;
    font-size: 9pt;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, Helvetica, sans-serif;
    display: inline;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
    -moz-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
    box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
}

p.email-form .subbutton:hover {
    color: #000;
}

/* ---------------[ Ad Banners ]--------------- */

.banner468 {
    text-align: center;
    margin: 0 auto 15px;
    float: none;
    display: block;
    padding: 0;
}

.c-sw .banner468,
.sw-c .banner468,
.fwidth .banner468 {}

.banner728-container {
    max-width: 960px;
    text-align: center;
    margin: 0 auto 20px;
    padding: 0;
    float: none;
    display: block;
}

.banner728-container.bottom {
    max-width: 960px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    float: none;
    display: block;
    border: 0;
    border-top: 1px dotted #ddd;
}

.banner728 {
    margin: 0 auto;
    padding: 0;
    float: none;
    display: block;
    width: 100%;
}

.banner728.left {
    margin: 0;
    float: left;
    width: 75.84%;
}

.banner220 {
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
    width: 22.92%;
    display: block;
}

.head-banner468 img,
.banner468 img,
.banner728 img,
.banner220 img {
    max-width: 100%;
    height: auto;
}

/* -------------------[ Social Media Icons ]------------------- */

.sub-icons {
    padding: 0;
    margin: 15px 0 0;
}

.sub-icons a {
    margin: 0 5px 0 0;
    float: left;
    background: transparent;
    padding: 0;
    display: block;
}

.widget .sub-icons a {
    margin: 0 5px 0 0;
}

/* ---------[ Sidebar-Wide | Content ]--------- */

.sw-c #page {}

.sw-c #contentleft {
    float: right;
}

.sw-c #contentright {
    float: left;
}

/* ---------[ Content | Sidebar-Narrow | Sidebar-Wide ]--------- */

.c-sn-sw #content {
    width: 76.19%;
    float: left;
}

.c-sn-sw #sidebar-narrow {
    float: right;
}

.c-sn-sw #page {}

.c-sn-sw p.email-form .sub {
    width: 150px;
}

/* ---------[ Sidebar-Narrow | Content | Sidebar-Wide ]--------- */

.sn-c-sw #content {
    width: 76.19%;
    float: right;
}

.sn-c-sw #page {}

.sn-c-sw p.email-form .sub {
    width: 150px;
}

/* ---------[ Sidebar-Wide | Sidebar-Narrow | Content ]--------- */

.sw-sn-c #page {}

.sw-sn-c #contentleft {
    float: right;
}

.sw-sn-c #content {
    width: 76.19%;
    float: right;
}

.sw-sn-c #contentright {
    float: left;
}

.sw-sn-c p.email-form .sub {
    width: 150px;
}

/* ---------[ Sidebar-Wide | Content | Sidebar-Narrow ]--------- */

.sw-c-sn #page {}

.sw-c-sn #contentleft {
    float: right;
}

.sw-c-sn #contentright {
    float: left;
}

.sw-c-sn #content {
    width: 76.19%;
    float: left;
    padding: 0;
    margin: 0;
}

.sw-c-sn #sidebar-narrow {
    float: right;
}

.sw-c-sn p.email-form .sub {
    width: 150px;
}

/* ---------[ Full-Width Layout Styles ]--------- */

.fwidth #page {}

.fwidth #contentleft {
    width: 100%;
    float: none;
}

.fwidth #content {
    width: 100%;
}

/* -------------------[ Tabbed Archives Page Template ]------------------- */

.post ul.archives-by-cat {
    margin: 5px 0 15px;
    padding: 0 0 12px;
    border-bottom: 1px dotted #ddd;
}

.post ul.archives-by-cat li {
    padding: 0;
    background: transparent;
    margin: 0 0 3px;
}

.post ul.archive-tabs {
    padding: 0;
    background: transparent;
    margin: 0 0 15px 0;
    padding: 0 0 15px;
    border-bottom: 1px solid #ebebeb;
}

.post ul.archive-tabs li {
    padding: 0;
    background: transparent;
    margin: 0;
    float: left;
}

.archive-tabs a,
.archive-tabs a:link,
.archive-tabs a:visited {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    background: #f5f5f5;
    padding: 5px 10px;
    font-weight: bold;
    color: #000;
    border: 1px solid #ebebeb;
}

.archive-tabs a:hover,
.archive-tabs a:active,
.archive-tabs .ui-tabs-selected a {
    background: #333;
    color: #fff;
    border: 1px solid #000;
}

#archive-tabs .ui-tabs-hide {
    display: none;
}

#archive-tabs {
    padding-bottom: 15px;
}

.archives-images {
    width: 136px;
    height: 136px;
    margin: 0 5px 5px;
    float: left;
}

.entry .archives-images img.thumbnail {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: 100%;
    padding: 2px;
    background: #fff;
    border: 1px solid #ebebeb;
}

/* -------------------[ Buttons ]------------------- */

#commentform input#submit,
.archive-tabs a,
.archive-tabs a:link,
.archive-tabs a:visited,
a.more-link,
a.more-link:link,
a.more-link:visited,
a.comment-reply-link,
a.comment-reply-link:link,
a.comment-reply-link:visited {
    background: #fff url(images/catnav-bg.png) bottom left repeat-x;
    color: #336699;
    font-weight: bold;
    border: 1px solid #ddd;
    text-shadow: 1px 1px #fff;
    height: 26px;
    line-height: 26px;
    padding: 0 12px;
    font-size: 9pt;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, Helvetica, sans-serif;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
    -moz-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
    box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .3)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .3)
        /*Shine*/
    ;
}

#commentform input#submit:hover,
.archive-tabs a:hover,
.archive-tabs a:active,
.archive-tabs .ui-tabs-selected a,
a.more-link:hover,
a.more-link:active,
a.comment-reply-link:hover,
a.comment-reply-link:active {
    background: #fff url(images/catnav-bg.png) bottom left repeat-x;
    color: #000;
}

#commentform input#submit {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
}

/* ---------[ bbPress Mods ]--------- */

#content fieldset.bbp-form,
#container fieldset.bbp-form,
#wrapper fieldset.bbp-form {
    border-color: #ddd !important;
    background: #fff;
    padding: 25px !important;
}

/* ---------[ Alt Home Bottom ]--------- */

#alt-home-bottom {
    padding: 20px 0 0;
}

.home-widget-1 {
    width: 31%;
    float: left;
    margin: 0;
    padding-right: 3.5%;
}

.home-widget-2 {
    width: 31%;
    float: left;
    margin: 0;
}

.home-widget-3 {
    width: 31%;
    float: right;
    margin: 0;
}

#alt-home-bottom .widget {
    border: 0;
    margin-bottom: 30px;
}

#alt-home-bottom .widget li {}

#alt-home-bottom .widget .textwidget {
    padding: 0
}

/* ---------[ Narrow Slideshow ]--------- */

/* ---------[ Flex-Slider Container ]--------- */

.featured {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 30px;
    padding: 0 0 30px;
    border-bottom: 1px dotted #ccc;
}

.container {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* ---------[ Flex-Slider Browser Resets ]--------- */

.flex-container a:active,
.flexslider a:active {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ---------[ FlexSlider Necessary Styles ]--------- */

.flexslider .slides>li {
    display: none;
    /* ---[ Hide the slides before the JS is loaded ]--- */
}

/* ---[ Clearfix for the .slides element ]--- */

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* ---[ No JavaScript Fallback ]--- */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
    display: block;
}

/* ---[ FlexSlider Default Theme ]--- */

.flexslider {
    margin: 0;
    padding: 0;
    background: transparent url(images/loading.gif) center center no-repeat;
    zoom: 1;
    min-height: 100px;
    z-index: 1;
}

.flexslider .slides {
    background: transparent;
    padding: 0;
    zoom: 1;
}

.flexslider .feature-post {
    width: 32%;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

.flexslider .feature-post.second {
    padding: 0 2%;
}

.flexslider .feature-post.space {
    width: 2%;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

.flexslider .slides>li {}

/* ---[ Caption style ]--- */

.flex-caption {
    padding: 0;
    background: transparent;
    margin: 0;
}

.flexslider h3.post-title {
    font-size: 10pt;
    letter-spacing: 0;
    padding: 0 2%;
    margin: 0;
    text-align: center;
    line-height: 1.5em;
}

.flexslider p.readmore {
    margin-bottom: 0;
}

/* ---[ Flexslider Featured Image ]--- */

.flexslider .feature-image {
    width: 96%;
    float: none;
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    padding: 2%;
    background: #fff;
}

.flexslider .feature-image img {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    height: auto;
    border: 0;
    padding: 0;
}

/* --------[ Direction Nav ]-------- */

.flex-direction-nav li a {
    width: 38px;
    height: 38px;
    margin: 0;
    display: block;
    background: url(images/prev-next.png) no-repeat 0 0;
    position: absolute;
    top: 40%;
    cursor: pointer;
    text-indent: -9999px;
}

.flex-direction-nav li a.next {
    background-position: -38px 0;
    right: -60px;
}

.flex-direction-nav li a.prev {
    left: -60px;
}

.flex-direction-nav li a.next:hover {
    background-position: -38px -38px;
}

.flex-direction-nav li a.prev:hover {
    background-position: 0 -38px;
}

/* ----------[ Control Nav ]---------- */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -37px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0;
    display: inline-block;
    zoom: 1;
    background: #eee;
    padding: 0 2px;
    *display: inline
}

.flex-control-nav li:first-child {
    padding-left: 10px;
}

.flex-control-nav li:last-child {
    padding-right: 10px;
}

.flex-control-nav li a {
    width: 13px;
    height: 13px;
    display: block;
    background: url(images/flex-slide-nav.png) no-repeat 0 0;
    cursor: pointer;
    text-indent: -9999px;
}

.flex-control-nav li a:hover {
    background-position: 0 -13px;
}

.flex-control-nav li a.active {
    background-position: 0 -26px;
    cursor: default;
}

/* ---------[ Wide Slideshow ]--------- */

.featured.wide {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 30px;
    padding: 0 0 30px;
}

.featured.wide .flexslider {
    width: 100%;
    padding: 0;
    background: #fff url(images/loading.gif) center center no-repeat;
    position: relative;
    zoom: 1;
    min-height: 100px;
    box-shadow: 0 0 1px #bbb;
    z-index: 1;
}

.featured.wide .flexslider .slides {
    background: #fff;
    padding: 0;
    zoom: 1;
}

.featured.wide .flexslider .slides>li {
    position: relative;
    z-index: 2;
}

.featured.wide .flex-caption {
    padding: 0;
    background: transparent;
    font-size: 14px;
    line-height: 22px;
    margin: 30px;
}

.featured.wide .flex-caption h2.post-title {
    margin: 0 0 15px;
    padding: 0;
}

.featured.wide .flexslider .feature-image {
    width: 50%;
    float: right;
    margin: 30px;
    padding: 9px;
    background: #fff;
    border: 1px solid #eee;
}

.featured.wide .flexslider .feature-video {
    width: 50%;
    float: right;
    margin: 30px;
    padding: 9px;
    background: #fff;
    border: 1px solid #eee;
}

.featured.wide .flexslider .feature-video .video {
    position: relative;
    padding-bottom: 66.66%;
    /* -- 6:4 Video Size Ratio -- */
    height: 0;
    overflow: hidden;
    z-index: 3;
}

.featured.wide .flexslider .feature-video iframe,
.featured.wide .flexslider .feature-video object,
.featured.wide .flexslider .feature-video embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.featured.wide .flexslider .full-width .feature-image {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: none;
    border: 0;
}

.featured.wide .flexslider .full-video .feature-video {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    background: #000;
    box-shadow: none;
    border: 0;
}

.featured.wide .flexslider .full-video .feature-video .video {
    position: relative;
    padding-bottom: 42%;
    /* -- 2:1 Video Size Ratio -- */
    height: 0;
    overflow: hidden;
    z-index: 3;
}

.featured.wide .full-width .flex-caption,
.featured.wide .full-video .flex-caption {
    background: url(images/caption-bg.png);
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    bottom: 0;
    z-index: 4;
}

.featured.wide .full-width .flex-caption h2.post-title,
.featured.wide .full-video .flex-caption h2.post-title,
.featured.wide .full-width .flex-caption h2.post-title a,
.featured.wide .full-video .flex-caption h2.post-title a {
    margin: 0;
    color: #fff !important;
    padding: 10px 15px;
    font-size: 16pt;
}

.featured.wide .full-width .flex-caption .excerpt,
.featured.wide .full-video .flex-caption .excerpt {
    position: absolute;
    left: -9999em;
    display: none;
}

.featured.wide .full-width .flex-caption .excerpt p {
    margin-bottom: 0;
}

.featured.wide .full-width p.readmore,
.featured.wide .full-video p.readmore {
    position: absolute;
    left: -999em;
    display: none;
}

/* ---------[ Featured Videos Slider ]--------- */

.featured.videos .flexslider .feature-video {
    width: 98%;
    float: none;
    margin: 0 auto;
    padding: 1%;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ebebeb;
}

.featured.videos .flexslider .feature-video .video {
    position: relative;
    padding-bottom: 50%;
    /* -- 2:1 Video Size Ratio -- */
    height: 0;
    overflow: hidden;
}

.featured.videos .flexslider .feature-video iframe,
.featured.videos .flexslider .feature-video object,
.featured.videos .flexslider .feature-video embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.featured.videos .flex-caption {
    padding: 0;
    background: transparent;
    margin: 20px;
    clear: both;
    float: none;
}

/* ---------[ YouTube Videos Widget Slider]--------- */

.videoslide .featured.videos.yt {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
}

.videoslide .featured.videos.yt .flexslider {
    border: 0;
    padding: 0;
    background: transparent;
    position: relative;
    zoom: 1;
    min-height: 100px;
    z-index: 1;
}

.videoslide .featured.videos.yt .flexslider .slides {
    background: transparent;
    padding: 0;
    zoom: 1;
}

.videoslide .featured.videos.yt .flexslider .feature-video {
    width: 93.6%;
    float: none;
    margin: 0 auto;
    padding: 3%;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
}

.videoslide .featured.videos.yt .flexslider .feature-video .video {
    position: relative;
    padding-bottom: 75%;
    /* -- 4:3 Video Size Ratio -- */
    height: 0;
    overflow: hidden;
}

.videoslide .featured.videos.yt .flexslider .feature-video iframe,
.videoslide .featured.videos.yt .flexslider .feature-video object,
.videoslide .featured.videos.yt .flexslider .feature-video embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.videoslide .featured.videos.yt .controls-container {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 0;
}

.videoslide .featured.videos.yt .flexslide-custom-controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    border: 1px solid #ddd;
    border-top: 0;
}

.videoslide .featured.videos.yt .flexslide-custom-controls li {
    display: block;
    float: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    border: 0;
    width: auto;
    border: 0;
}

.videoslide .featured.videos.yt .flexslide-custom-controls li a {
    border: 0;
    display: block;
    float: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    padding: 8px 9px;
    clear: both;
    border-top: 1px dotted #ddd;
    background: #fff;
    width: auto;
}

.videoslide .featured.videos.yt .flexslide-custom-controls li a:hover {
    color: #000;
}

.videoslide .featured.videos.yt .flexslide-custom-controls li a.active {
    background: #f5f5f5;
    color: #000;
}

.videoslide .featured.videos.yt img.yt-thumb {
    max-width: 15%;
    height: auto;
    float: left;
    margin: 0;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
}

.videoslide .yt-title {
    text-align: left !important;
    display: block;
    margin-left: 20%;
}

/* ---------[ Portfolio Page Template ]--------- */

#portfolio-container {}

.content {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
}

ul#filter {
    list-style: none;
    font-size: 9pt;
    margin: 0 auto;
    display: block;
    clear: both;
    margin-bottom: 20px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #ddd;
}

ul#filter li {
    background: transparent;
    float: left;
    display: inline;
    margin: 0 3px 5px 0;
    padding: 0;
    height: 26px;
    line-height: 26px;
    list-style-type: none;
}

ul#filter li:last-child {
    margin-right: 0;
}

ul#filter li.cat-intro {
    margin-right: 10px;
}

ul#filter a {
    float: left;
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #ddd;
    background: #fff url(images/catnav-bg.png) bottom left repeat-x;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul#filter li.current a {
    color: #000;
    font-weight: bold;
}

ul#portfolio {
    list-style: none;
    margin: 0 auto;
    display: block;
    padding: 0;
    clear: both;
    width: 100%;
    text-align: center;
}

ul#portfolio li {
    background: transparent;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    width: 33.33%;
    height: 190px;
    text-align: center;
}

ul#portfolio li.clear-item {
    background: transparent;
    float: none;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    height: 20px;
    border-bottom: 1px dotted #ddd;
    clear: both;
}

.fwidth ul#portfolio li {}

ul#portfolio img,
ul#portfolio img.thumbnail {
    max-width: 85%;
    height: auto;
    border: 0;
    float: none;
    display: block;
    padding: 0;
    background: #fff;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    display: block;
    padding: 3px;
    background: #fff;
    margin: 0 auto 5px;
}

ul#portfolio li .port-title {
    max-width: 80%;
    text-align: center;
    font-weight: bold;
}

/* ---------[ YouTube Videos Page Template ]--------- */

.post .featured.videos.yt-temp ul,
.post .featured.videos.yt-temp ul li {
    margin: 0;
    padding: 0;
    background: transparent;
}

.featured.videos.yt-temp {
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 0;
    border: 0 !important;
}

.featured.videos.yt-temp .container {
    border: 0 !important;
}

.featured.videos.yt-temp .flexslider {
    border: 1px solid #ebebeb;
    padding: 0;
    background: #f5f5f5 url(images/loading.gif) center center no-repeat;
    position: relative;
    zoom: 1;
    min-height: 200px;
    z-index: 1;
}

.featured.videos.yt-temp .flexslider .slides {
    background: #f5f5f5;
    padding: 0;
    zoom: 1;
}

.featured.videos.yt-temp .flexslider .feature-video {
    width: 94%;
    float: none;
    margin: 2%;
    padding: 1%;
    background: #fff;
    border: 1px solid #ebebeb;
}

.featured.videos.yt-temp .flexslider .feature-video .video {
    position: relative;
    padding-bottom: 60%;
    /* -- 5:3 Video Size Ratio -- */
    height: 0;
    overflow: hidden;
}

.featured.videos.yt-temp .flexslider .feature-video iframe,
.featured.videos.yt-temp .flexslider .feature-video object,
.featured.videos.yt-temp .flexslider .feature-video embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.featured.videos.yt-temp .controls-container {
    background: transparent;
    padding: 20px 0 0;
    margin: 0;
    border: 0 !important;
}

.featured.videos.yt-temp .flexslide-custom-controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    text-align: left;
    border: 0 !important;
}

.featured.videos.yt-temp .flexslide-custom-controls li {
    display: block;
    float: left;
    text-align: center;
    list-style-type: none;
    margin: 0;
    border: 0;
    width: 33.33%;
    padding: 0;
    clear: none;
}

.featured.videos.yt-temp .flexslide-custom-controls li a {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 5%;
    width: 90%;
    height: auto;
    border: 0;
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    ;
    clear: none;
    text-align: center;
}

.featured.videos.yt-temp .flexslide-custom-controls li.clear-row {
    display: block;
    float: none;
    margin: 0 0 20px;
    clear: both;
    border-bottom: 1px dotted #ddd;
    width: 100%;
    padding: 0;
    height: 20px;
}

.featured.videos.yt-temp .flexslide-custom-controls li a.active,
.featured.videos.yt-temp .flexslide-custom-controls li a:hover {
    background: transparent;
    color: #000;
}

.featured.videos.yt-temp .yt-title {
    text-align: center;
    clear: both;
    display: block;
    margin: 0;
    border: 0;
    padding: 5px 0 0;
    font-size: 8pt;
    line-height: 1.5em;
}

.featured.videos.yt-temp img.yt-thumb {
    max-width: 100%;
    height: auto;
    clear: both;
    display: block;
    margin: 0 auto;
    text-align: center;
    border: 0;
    padding: 0;
    border: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.featured.videos.yt-temp a.active img.yt-thumb,
.featured.videos.yt-temp a:hover img.yt-thumb {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

/* ---------[ Alt Home Page Template Top ]--------- */

.featured.home {
    border: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    z-index: 1;
    position: relative;
    top: -1px;
}

.featured-home-top-bg {
    background: url(images/home-top-bg-3.png);
    background-color: #00264D;
    width: 100%;
    height: 180px;
    position: absolute;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid #f5f5f5;
    box-shadow: 0 10px 0 #ddd;
    -moz-box-shadow: 0 10px 0 #ddd;
    -webkit-shadow: 0 10px 0 #ddd;
}

.featured-home-top-bg p.top-border {
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background: transparent url(images/top-border.png) 0 0 repeat-x;
}

.featured.home .limit {
    clear: both;
    display: block;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px;
    position: relative;
    z-index: 3;
}

.featured.home .welcome-text {
    height: 140px;
    padding: 0;
    color: #fff;
    margin: 0 0 35px;
    overflow: hidden;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    margin-right: 58%;
}

.featured.home .welcome-text h1 {
    color: #fff;
    margin-bottom: 5px;
    font-size: 24pt;
}

.featured.home .welcome-text p {
    color: #fff;
    margin-bottom: 0;
    font-size: 24px;
    color: #fff;
    line-height: 1.2em;
    color: #fff;
    color: #3399CC;
}

.featured.home .welcome-subscribe {
    margin-right: 58%;
}

.featured.home .welcome-subscribe p {
    font-size: 16px;
    margin: 0 0 15px;
    line-height: 1.4em;
}

.featured.home .welcome-subscribe label {
    display: block;
    margin: 0;
    padding: 0 0 2px;
    font-size: 12px;
}

.featured.home .welcome-subscribe input[type="text"] {
    border: 1px solid #ccc;
    background: #fff;
    font-size: 16px;
    padding: 0 5px;
    width: 90%;
    margin: 0 0 15px;
    display: block;
    height: 40px;
    line-height: 40px;
}

.featured.home .welcome-subscribe input[type="submit"],
.button {
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: block;
    height: 39px;
    line-height: 39px;
    padding: 0 15px 1px;
    margin: 0;
    text-align: center;
    color: #4D3D00;
    background: url(images/overlay.png) bottom left repeat-x;
    background-color: #ffcc00;
    border: 1px solid #ffcc00;
    border-bottom: 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .4)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .4)
        /*Shine*/
    ;
    -moz-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .4)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .4)
        /*Shine*/
    ;
    box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, .4)
        /*Top*/
        , inset 0 0 2px hsla(0, 100%, 100%, .4)
        /*Shine*/
    ;
}

.featured.home .welcome-subscribe input[type="submit"]:hover,
.button:hover {
    color: #000;
}

.featured.home .welcome-subscribe input[type="submit"]:active,
.button:active {
    position: relative;
    top: 1px;
    left: 1px;
}

.featured.home .welcome-subscribe input[type="text"],
.featured.home .welcome-subscribe input[type="submit"],
.button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.featured.home .welcome-subscribe p.disclaimer {
    display: block;
    margin: 15px 0 0;
    font-size: 11px;
}

.featured.home .welcome-video {
    position: absolute;
    top: 0;
    right: 0;
    width: 53%;
    margin: 0 10px 20px;
    padding: 0;
    background: #fff;
    float: right;
    z-index: 4;
    border: 10px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.featured.home .welcome-video .video {
    position: relative;
    padding-bottom: 60%;
    /* -- 5:3 Video Size Ratio -- */
    height: 0;
    overflow: hidden;
    background: #000;
}

.featured.home .welcome-video iframe,
.featured.home .welcome-video object,
.featured.home .welcome-video embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.featured.home .welcome-video.below {
    width: 96%;
    margin: 0;
    padding: 2%;
    background: #fff;
}

.featured.home .welcome-video.below .inside {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    height: 200px;
}


/* ---------[ Responsive Design ]--------- */

@media only screen and (max-width: 480px) {

    #footer .limit,
    #footer-widgets .limit {
        padding-left: 10px;
        padding-right: 10px;
    }

    #wrap,
    #head-content {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }

    #sitetitle,
    #logo {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
        margin: 0 0 10px;
        padding: 0;
    }

    #topnav {
        float: none;
        margin: 0 auto;
    }

    #sitetitle,
    #sitetitle .title,
    #logo,
    #topnav,
    #topnav ul {
        text-align: center;
    }

    #topnav ul ul {
        text-align: left;
    }

    #topnav ul a {
        display: inline-block;
        border: 0;
    }

    #topnav ul li {
        display: inline-block;
        float: none;
        border: 0;
    }

    #contentleft {
        width: 100%;
        clear: both;
        float: none;
    }

    #content {
        width: 100%;
        clear: both;
        float: none;
        padding-bottom: 30px;
    }

    #contentright {
        width: 100%;
        clear: both;
        float: none;
    }

    #sidebar,
    #sidebar-bottom,
    #sidebar-bottom-left,
    #sidebar-bottom-right {
        width: 100%;
        clear: both;
        float: none;
    }

    .c-sn-sw #content,
    .sn-c-sw #content,
    .sw-sn-c #content,
    .sw-c-sn #content {
        width: 100%;
        clear: both;
        float: none;
    }

    .c-sn-sw #sidebar-narrow,
    .sn-c-sw #sidebar-narrow,
    .sw-sn-c #sidebar-narrow,
    .sw-c-sn #sidebar-narrow {
        width: 100%;
        clear: both;
        float: none;
    }

    .footer-widget1,
    .footer-widget2,
    .footer-widget3,
    .footer-widget4 {
        width: 100%;
        margin: 0 auto;
        clear: both;
        float: none;
    }

    .home-widget-1,
    .home-widget-2,
    .home-widget-3 {
        width: 100%;
        clear: both;
        float: none;
        padding: 0;
    }

    .post-left {
        clear: both;
        float: none;
        width: 100%;
        padding: 0 0 15px;
        border-bottom: 1px dotted #ddd;
        margin: 0 auto 25px;
    }

    .post-right {
        clear: both;
        float: none;
        width: 100%;
        padding: 0 0 15px;
        border-bottom: 1px dotted #ddd;
        margin: 0 auto 25px;
    }

    .post-by-2 .post-clear {
        clear: both;
        height: 0;
        padding: 0;
        background: transparent;
        border-bottom: 0;
        margin: 0;
    }

    .cat-posts-left,
    .cat-posts-right {
        clear: both;
        float: none;
        width: auto;
        margin: 0 0 20px;
        padding: 0;
        border: 1px solid #ebebeb;
    }

    .cats-by-2 .entry {
        line-height: 1.5em;
        height: auto;
    }

    .cats-by-2 img.thumbnail {
        height: auto;
        max-width: 20%;
    }

    .featured.home .limit {
        padding-right: 2%;
        padding-left: 2%;
        width: 96%;
        max-width: 96%;
    }

    .flex-direction-nav li {
        position: absolute;
        display: none;
        right: auto !important;
        left: -999em !important;
    }

    .featured.home .welcome-text {
        height: auto;
        margin: 0 auto 15px;
        overflow: hidden;
        clear: both;
        text-align: center;
        width: 100%;
    }

    .featured.home .welcome-text h1,
    .featured.home .welcome-text p,
    .featured.home .welcome-subscribe p,
    .featured.home .welcome-subscribe label,
    .featured.home .welcome-subscribe input {
        text-align: center;
    }

    .featured.home .welcome-text h1 {
        font-size: 24px;
    }

    .featured.home .welcome-text p {
        font-size: 16px;
    }

    .featured.home .welcome-subscribe p {
        font-size: 14px;
    }

    .featured.home .welcome-subscribe {
        margin: 0 auto;
        width: 100%;
    }

    .featured.home .welcome-subscribe label,
    .featured.home .welcome-subscribe input[type="text"],
    .featured.home .welcome-subscribe input[type="submit"] {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
    }

    .featured.home .welcome-video {
        position: static;
        margin: 0 auto 20px;
        background: #fff;
        float: none;
        display: block;
        width: 94%;
        border-width: 5px;
    }

    .flexslider .feature-post {
        width: 100%;
        margin: 0 auto 15px;
        padding: 0;
        display: block;
        float: none;
        clear: both;
    }

    .flexslider .feature-post.second {
        padding: 0;
    }

    .flexslider .feature-post.space {
        width: 0;
        margin: 0;
        padding: 0;
        display: none;
        float: none;
    }

    img.thumbnail-large {
        float: none;
        width: 98%;
        height: auto;
        margin: 0 auto 20px;
        padding: 3px;
        clear: both;
        display: block;
    }

    ul#portfolio li {
        background: transparent;
        float: none;
        display: block;
        margin: 0 auto 30px;
        padding: 0;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .featured.wide .flex-caption {
        font-size: 12px;
        line-height: 1.5em;
        margin: 15px;
    }

    .featured.wide .flexslider .feature-image {
        width: 98%;
        float: none;
        margin: 0 auto;
        padding: 1%;
        background: #fff;
        box-shadow: none;
    }

    .featured.wide .flexslider .feature-video {
        width: 98%;
        float: none;
        margin: 0 auto;
        padding: 1%;
        background: #fff;
        box-shadow: none;
    }

    .featured.wide .full-width .flex-caption h2.post-title {
        padding: 8px 15px;
        font-size: 11pt;
        letter-spacing: 0;
    }

}

@media only screen and (min-width: 481px) and (max-width: 770px) {

    #footer .limit,
    #footer-widgets .limit {
        padding-left: 10px;
        padding-right: 10px;
    }

    #wrap,
    #head-content {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }

    #sitetitle,
    #logo {
        width: 100% !important;
        display: block;
        float: none;
        clear: both;
        margin: 0 0 10px;
        padding: 0;
    }


    #topnav {
        float: none;
        margin: 0 auto;
    }

    #sitetitle,
    #sitetitle .title,
    #logo,
    #topnav,
    #topnav ul {
        text-align: center;
    }

    #topnav ul ul {
        text-align: left;
    }

    #topnav ul a {
        display: inline-block;
        border: 0;
    }

    #topnav ul li {
        display: inline-block;
        float: none;
        border: 0;
    }

    #contentleft {
        width: 100%;
        clear: both;
        float: none;
    }

    #content {
        width: 100%;
        clear: both;
        float: none;
        padding-bottom: 30px;
    }

    #contentright {
        width: 100%;
        clear: both;
        float: none;
    }

    #sidebar,
    #sidebar-bottom,
    #sidebar-bottom-left,
    #sidebar-bottom-right {
        width: 100%;
        clear: both;
        float: none;
    }

    .c-sn-sw #content,
    .sn-c-sw #content,
    .sw-sn-c #content,
    .sw-c-sn #content {
        width: 100%;
        clear: both;
        float: none;
    }

    .c-sn-sw #sidebar-narrow,
    .sn-c-sw #sidebar-narrow,
    .sw-sn-c #sidebar-narrow,
    .sw-c-sn #sidebar-narrow {
        width: 100%;
        clear: both;
        float: none;
    }

    .footer-widget1,
    .footer-widget2,
    .footer-widget3,
    .footer-widget4 {
        width: 100%;
        margin: 0 auto;
        clear: both;
        float: none;
    }

    .home-widget-1,
    .home-widget-2,
    .home-widget-3 {
        width: 100%;
        clear: both;
        float: none;
        padding: 0;
    }

    .post-left {
        clear: both;
        float: none;
        width: 100%;
        padding: 0 0 15px;
        border-bottom: 1px dotted #ddd;
        margin: 0 auto 25px;
    }

    .post-right {
        clear: both;
        float: none;
        width: 100%;
        padding: 0 0 15px;
        border-bottom: 1px dotted #ddd;
        margin: 0 auto 25px;
    }

    .post-by-2 .post-clear {
        clear: both;
        height: 0;
        padding: 0;
        background: transparent;
        border-bottom: 0;
        margin: 0;
    }

    .featured.home .limit {
        padding-right: 2%;
        padding-left: 2%;
        width: 96%;
        max-width: 96%;
    }

    .flex-direction-nav li {
        position: absolute;
        display: none;
        right: auto !important;
        left: -999em !important;
    }

    .featured.home .welcome-text {
        height: auto;
        margin: 0 auto 10px;
        overflow: hidden;
        clear: both;
        text-align: center;
        width: 75%;
    }

    .featured.home .welcome-text h1,
    .featured.home .welcome-text p,
    .featured.home .welcome-subscribe p,
    .featured.home .welcome-subscribe label,
    .featured.home .welcome-subscribe input,
    .featured.home .welcome-subscribe form {
        text-align: center;
    }

    .featured.home .welcome-subscribe {
        margin: 0 auto;
        width: 75%;
    }

    .featured.home .welcome-subscribe label,
    .featured.home .welcome-subscribe input[type="text"],
    .featured.home .welcome-subscribe input[type="submit"] {
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
        text-align: center;
    }

    .featured.home .welcome-video {
        position: static;
        margin: 0 auto 20px;
        background: #fff;
        float: none;
        display: block;
        width: 75%;
    }

}

@media only screen and (min-width: 771px) and (max-width: 960px) {

    #footer .limit,
    #footer-widgets .limit {
        padding-left: 10px;
        padding-right: 10px;
    }

    #wrap,
    #head-content {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }


    #sidebar,
    #sidebar-bottom,
    #sidebar-bottom-left,
    #sidebar-bottom-right {
        float: none;
        width: 100%;
        clear: both;
    }

    .c-sn-sw #content,
    .sn-c-sw #content,
    .sw-sn-c #content,
    .sw-c-sn #content {
        width: 76.19%;
    }

    .featured.home .limit {
        margin-right: 2%;
        margin-left: 2%;
        width: 96%;
        max-width: 96%;
    }

    .flex-direction-nav li {
        position: absolute;
        display: none;
        right: auto !important;
        left: -999em !important;
    }

}

@media only screen and (min-width: 961px) and (max-width: 1140px) {

    .flex-direction-nav li {
        position: absolute;
        display: none;
        right: auto !important;
        left: -999em !important;
    }

}

/* Desktop */
#topnav .menu-toggle {
    display: none;
}

/* Mobile */
@media (max-width: 768px) {
    #topnav .menu-toggle {
        display: block;
        padding: 12px 16px;
        border: 0;
        background: #222;
        color: #fff;
        font: inherit;
        cursor: pointer;
    }

    #topnav #topnav-menu {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #topnav.is-open #topnav-menu {
        display: block;
    }

    #topnav #topnav-menu li {
        display: block;
        float: none;
        width: 100%;
    }

    #topnav #topnav-menu li a {
        display: block;
        padding: 12px 16px;
    }

    /* Keep submenu links accessible on touch screens */
    #topnav #topnav-menu ul {
        display: block;
        position: static;
        float: none;
        width: auto;
        margin: 0;
        padding-left: 20px;
        visibility: visible;
        opacity: 1;
    }
}

#sidebar h3.widgettitle {
    color: #fff;
}