/*
Theme Name: Backstreet
Theme URI: http://themeforest.net/user/ridwanreedwan
Description: Blog and Magazine Wordpress Theme
Version: 1.4
Author: Reedwan - Shokola
Author URI: http://themeforest.net/user/ridwanreedwan
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, light, three-columns, right-sidebar, left-sidebar, fixed-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/

/*************** GENERAL ***************/
.general {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.container {
    background: #fff;
}

.wrapper {
    margin-top: 30px;
}

.scrolltop {
    background: url(images/top.png) repeat;
    width: 40px;
    height: 40px;
}

.post-tooltip {
    font-size: 13px;
    color: #fff;
    background: #444;
    display: none;
    padding: 3px 10px;
    position: absolute;
    z-index: 1000;
}

.line-head {
    height: 0px;
    background: #F7F7F5;
    margin-top: 5px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    text-align: center;
}

.sticky {
}

.bypostauthor {
}

.wp-caption {
}

.wp-caption-text {
}

/** Gallery & Portfolio **/
ul#filter {
    float: left;
    font-size: 14px;
    list-style: none;
    margin-top: 0;
    margin-bottom: 20px;
}

ul#filter li {
    float: left;
    line-height: 28px;
    margin-right: 10px;
}

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

ul#filter a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #272625;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    padding: 5px 15px;
}

ul#filter li.current a, ul#filter li a.current, ul#filter a:hover {
    background: #BA0D16;
}

#portfolio .post-title {
    background: url(images/bg-pattern.png) repeat;
    border: none;
}

ul#portfolio {
    float: left;
    list-style: none;
    margin-left: 0;
}

.portfolio1 li {
    float: left;
    width: 300px;
    margin: 0 10px 30px 10px;
}

.portfolio2 li {
    float: left;
    width: 220px;
    margin: 0 10px 30px 10px;
}

.portfolio2 .post-title {
    font-size: 14px;
}

.portfolio1 .post-title {
    font-size: 16px;
}

.picture_counter {
    background: #111;
    padding: 7px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /* for IE */
    filter: alpha(opacity=90);
    /* CSS3 standard */
    opacity: 0.9;
    z-index: 1000;
    line-height: 1;
    color: #fff;
    font-size: 16px;
}

.gallery-image {
    margin-bottom: 20px;
}

.picture_title {
    background: #111;
    overflow: hidden;
    padding: 7px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;

    /* for IE */
    filter: alpha(opacity=90);

    /* CSS3 standard */
    opacity: 0.9;
    z-index: 1000;
    line-height: 1;
    font-size: 14px;
}

.picture_title a {
    color: #fff;
}

/** Hover Image **/
.video-format-icon {
    background: #111 url(images/format-icon/format-video.png) no-repeat 50% 50%;
    display: block;
    line-height: 0;
}

.gallery-format-icon {
    background: #111 url(images/format-icon/format-gallery.png) no-repeat 50% 50%;
    display: block;
    line-height: 0;
}

.audio-format-icon {
    background: #111 url(images/format-icon/format-audio.png) no-repeat 50% 50%;
    display: block;
    line-height: 0;
}

.standard-format-icon {
    background: #fff url(images/format-icon/format-standard.png) no-repeat 50% 50%;
    display: block;
    line-height: 0;
}

.portfolio-format-icon {
    background: #111;
    display: block;
    line-height: 0;
}

.reviews-icon {
    /*background:#111 url(images/format-icon/format-reviews.png) no-repeat 50% 50%;*/
    display: block;
    line-height: 0;
    float: left;
    margin: 20px 20px 0 0;
}

.preview-icon { /*background:#111 url(images/preview.png) no-repeat 50% 50%;*/
    display: block;
    line-height: 0;
    float: left;
    margin: 20px 20px 0 0;
}

/*************** HEADER ADDS **********************/
.header-adds {
    overflow: hidden;
    line-height: 0;
}

.header-adds-toggle {
    position: absolute;
    right: 0;
    height: 30px;
    width: 30px;
    background: url(images/header-adds-open.png) no-repeat;
    overflow: hidden;
}

.header-adds-toggle.active {
    background: url(images/header-adds-close.png) no-repeat;
}

/*************** TOP **********************/
.top {
    height: 32px;
    background: #272625;
    margin-bottom: 20px;
}

.top-wrap {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.top-nav-wrapper {
}

.topNav {
    float: left;
    margin: 0;
}

.topNav a, .datetime {
    font-size: 11px;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
}

.topNav li {
    float: left;
    position: relative;
    list-style-type: none;
    list-style-image: none;
}

.topNav li a {
    padding: 0 20px 0 0;
    display: block;
}

.datetime {
    text-align: right;
}

/*************** SOCIAL HEADER ****************/
.header-content {
    height: 35px;
    padding-top: 15px;
}

.social-header ul {
    overflow: hidden;
    margin: 0;
    float: right;
}

.social-header ul li {
    float: left;
    list-style-type: none;
    border: none;
    padding: 0 10px 0 0;
}

.social-header ul li:last-child {
    padding: 0;
}

.social-header ul li.rss a {
    background: url(images/social-icons/rss.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.facebook a {
    background: url(images/social-icons/facebook.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.google a {
    background: url(images/social-icons/google.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.twitter a {
    background: url(images/social-icons/twitter.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.vimeo a {
    background: url(images/social-icons/vimeo.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.youtube a {
    background: url(images/social-icons/youtube.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.flickr a {
    background: url(images/social-icons/flickr.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.deviantart a {
    background: url(images/social-icons/deviantart.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

.social-header ul li.linkedin a {
    background: url(images/social-icons/linkedin.png) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
}

/*************** SPOTLIGHT *****************/
.spotlight {
    overflow: hidden;
    background: #284D73;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 0px;
    padding: 0 0 0 0px;
}

.spotlight-title {
    background: #cccccc url(images/side-title-spotlight.png) no-repeat right; /*color: #fff;*/
    text-transform: uppercase;
    float: left;
    padding: 0 40px 0 150px;
    height: 34px;
    line-height: 32px;
}

.spotlight-title span {
    position: relative;
    top: 2px;
    padding: 0 5px 0 0;
}

ul#ticker {
    margin-bottom: 0;
}

ul#ticker li {
    float: left;
    display: none;
    margin-right: 15px;
}

ul#ticker li a {
    color: #fff;
    line-height: 32px;
}

ul#ticker li a:hover {
    color: #999;
}

.tickercontainer { /* the outer div with the black border  background:#272625;*/
    height: 34px;
    margin: 0;
    padding-right: 30px;
    overflow: hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    top: 0;
    overflow: hidden;
}

ul.newsticker { /* that's your list */
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    left: 860px;
}

ul.newsticker li {
    background: url(images/spotlight-arrow.png) no-repeat 0 50%;
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0 0 0 12px;
    display: block !important;
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0;
}

ul.newsticker span {
    margin: 0 15px 0 0;
}

/************** HEADER **************/
.logo-header {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1000;
}

.logo-header img {
    width: 140px;
    height: 140px;
}

.logo-header a {
    display: block;
}

/** Main Navigation **/
.main-nav-wrapper {
    height: 30px;
    position: relative;
}

.mainNav {
    float: right;
    height: 30px;
    padding-bottom: 0px;
    margin: 0 !important;
}

.mainNav a {
    font-size: 14px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.mainNav ul {
    list-style-type: none;
    list-style-image: none;
}

.mainNav li {
    float: left;
    position: relative;
    list-style-type: none;
    list-style-image: none;
}

.mainNav li a {
    text-transform: uppercase;
    padding: 0 0 0 25px;
    display: block;
    padding-bottom: 13px;
}

.mainNav li ul {
    display: none;
    margin: 0 !important;
}

.mainNav li:hover > ul, .mainNav li.hover > ul {
    display: block;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 2000;
    width: 180px;
}

.mainNav li > ul {
    height: auto;
    width: auto;
    background: #fff;
    border: 1px solid #efefef;
    padding: 0;
}

.mainNav li > ul li {
    width: 180px;
    padding: 0;
    position: relative;
    height: 35px;
    border-bottom: 1px solid #efefef;
}

.mainNav li > ul li:last-child {
    border-bottom: none;
}

.mainNav li > ul li a {
    text-transform: none;
    height: 22px;
    padding: 5px 10px 0px 15px;
    text-align: left;
    font-size: 13px;
    line-height: 25px;
    color: #333;
}

.mainNav li > ul li a:hover {
    border: none;
}

.mainNav li ul li:hover > ul, .mainNav li ul li.hover > ul {
    display: block;
    position: absolute;
    top: 0;
    left: 180px;
    z-index: 0;
    width: 180px;
}

/*************** CONTENT ****************/

/** HTML styling **/
.single-content a {
    text-decoration: underline;
    color: #284D73;
    font-weight: bold;
}

.single-content strong {
    font-weight: bold;
    font-weight: bold;
    font-size: 1.05em;
    color: #3D3D3D;
}

.single-content em {
    font-style: italic;
}

.single-content blockquote {
    background: url(images/quote.png) no-repeat;
    padding-left: 32px;
    margin-left: 25px;
    font-style: italic;
}

.single-content blockquote p {
    color: #999;
}

.single-content img.alignleft {
    float: left;
    margin: 0 10px 5px 5px;
}

.single-content img.alignright {
    float: right;
    margin: 0 5px 5px 10px;
}

.single-content ul {
    padding-left: 17px;
    margin-bottom: 10px;
}

.single-content ul ul {
    margin-left: 10px;
}

.single-content ul li {
    padding-left: 8px;
}

.single-content ol {
    padding-left: 17px;
    margin-bottom: 10px;
}

.single-content ol ol {
    margin-left: 10px;
}

.single-content ol li {
    list-style-type: decimal;
    padding-left: 8px;
}

#gallery {
    margin: auto;
}

.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 20%;
}

.gallery-icon {
    margin: auto;
    width: 100px;
    height: 100px;
    background: #000 url(images/preview.png) no-repeat 50% 50%;
}

.gallery-icon img {
    width: 100px;
    height: 100px;
}

.gallery-caption {
    margin-left: 0;
}

/** Home Blog Style, Archive, Page **/
.content {
    overflow: hidden;
}

.content-title h1 {
    text-transform: uppercase;
    margin: 0;
    background: url(images/bg-pattern.png) repeat;
    padding: 3px 15px;
    margin-bottom: 35px;
    color: #284D73
}

.block-post {
    overflow: hidden;
    margin-bottom: 35px;
    border: 1px solid #efefef;
}

.block-post p {
    margin: 0;
    padding: 0;
}

.post-content {
    overflow: hidden;
    padding: 15px 15px 15px 0;
}

.post-title {
    overflow: hidden;
    font-size: 26px;
    padding: 7px 15px 0 15px;
    color: #284D73
}

.post-image {
    position: relative;
    padding: 15px 20px 15px 15px;
}

.home-2 .post-content {
    overflow: hidden;
    padding: 15px;
}

.home-2 .post-image, .home-3 .post-image, .home-4 .post-image {
    padding: 0;
}

.home-3 .post-title, .home-4 .post-title {
    padding: 5px 10px;
    color: #284D73
}

.home-2 .post-content, .home-3 .post-content, .home-4 .post-content {
    padding: 0;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.home-2 .block-post p {
    padding: 0 15px 10px 15px;
}

.home-3 .block-post p, .home-4 .block-post p {
    padding: 0 10px 10px 10px;
}

.home-3 .post-head, .home-4 .post-head {
    padding: 5px 10px;
    color: #284D73
}

.home-3 .post-content h3, .home-4 .post-content h3 {
    font-size: 16px;
}

.home-2 .block-post, .home-3 .block-post, .home-4 .block-post {
    border: none;
    padding-bottom: 0;
    margin-bottom: 35px;
}

.home-3 .block-post .last, .home-4 .block-post .last {
    display: block;
    float: left;
}

/** Post Info for Blog Style **/
.post-head {
    color: #666;
    padding: 5px 15px;
    border-top: 1px dashed #efefef;
}

.post-head .info-date, .post-head .info-author, .post-head a {
    font-size: 11px;
    color: #666;
}

.info-author {
    background: url(images/author.png) no-repeat left;
    padding-left: 20px;
    padding-top: 5px;
    margin-right: 10px;
}

.info-date {
    background: url(images/clock.png) no-repeat left;
    padding-left: 20px;
    padding-top: 2px;
    margin-right: 10px;
}

.info-comment {
    background: url(images/comment.png) no-repeat left;
    padding-left: 20px;
}

.info-category {
    background: url(images/category.png) no-repeat left;
    padding-left: 23px;
    margin-right: 10px;
}

/** Single **/
.single-block {
    overflow: hidden;
    margin-bottom: 35px;
}

.single-title-wrap {
    background: url(images/bg-pattern.png) repeat;
    margin-bottom: 15px;
    padding-left: 15px;
}

.single-title {
    overflow: hidden;
    margin: 0;
}

.single-info {
    overflow: hidden;
    color: #666;
    padding: 5px 0;
}

.single-info a {
    color: #666;
}

.single-thumb {
    float: left;
    margin: -10px 10px 5px 0;
    padding: 5px 0 10px 0;
    width: 300px;
    height: 165px;
}

.single-thumb .fadeover {
    float: left;
    margin: -10px 10px 5px 0;
    padding: 5px 0 10px 0;
    width: 300px;
    height: 165px;
}

.single-content .tagcloud {
    padding: 10px 0 0 0;
}

.post-nav {
    overflow: hidden;
    margin-bottom: 35px;
    background: url(images/bg-pattern.png) repeat;
    padding: 10px 15px;
}

.nav-right {
    font-size: 14px;
    overflow: hidden;
    float: right;
}

.nav-left {
    font-size: 14px;
    overflow: hidden;
    float: left;
}

.single-tag {
    float: left;
}

.single-category {
    float: left;
    background: url(images/category.png) no-repeat center left;
    padding-left: 22px;
    margin-left: 16px;
    color: #666;
}

.single-author {
    float: left;
    background: url(images/author.png) no-repeat 0 20%;
    padding-left: 18px;
    color: #666;
}

.single-date {
    float: left;
    background: url(images/clock.png) no-repeat 0 40%;
    padding-left: 20px;
    margin-left: 16px;
    color: #666;
}

.single-comment {
    float: left;
    background: url(images/comment.png) no-repeat center left;
    padding-left: 20px;
    margin-left: 16px;
    color: #666;
}

.-post-icon {
    float: right;
    width: 65px;
    height: 43px;
    background: url(images/format-icon/post-standard.png) no-repeat center right;
    position: relative;
    right: 15px;
    top: 0;
}

.gallery-post-icon {
    float: right;
    width: 65px;
    height: 43px;
    background: url(images/format-icon/post-gallery.png) no-repeat center right;
    position: relative;
    right: 15px;
    top: 0;
}

.video-post-icon {
    float: right;
    width: 65px;
    height: 43px;
    background: url(images/format-icon/post-video.png) no-repeat center right;
    position: relative;
    right: 15px;
    top: 0;
}

.audio-post-icon {
    float: right;
    width: 65px;
    height: 43px;
    background: url(images/format-icon/post-audio.png) no-repeat center right;
    position: relative;
    right: 15px;
    top: 0;
}

.reviews-post-icon {
    float: right;
    width: 65px;
    height: 43px;
    background: url(images/format-icon/post-reviews.png) no-repeat center right;
    position: relative;
    right: 15px;
    top: 0;
}

/** Reviews box **/
.post-review {
    background: url(images/bg-pattern.png) repeat;
    overflow: hidden;
    float: left;
    padding: 10px;
    margin: 10px 10px 10px 0;
}

.overall-score {
    background: #1E1D1D;
    height: 135px;
    color: #f8f8f8;
    float: left;
    padding: 10px;
    margin: 0 10px 0 0;
    text-align: center;
}

.overall-score span {
    font-size: 14px;
    font-weight: bold;
}

.overall-score-value {
    font-size: 40px;
    font-weight: bold;
}

.critera {
    overflow: hidden;
    width: 200px;
    height: 24px;
    background: #1E1D1D;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 3px 10px 0 10px;
}

.critera.last {
    margin-bottom: 0;
}

.critera p {
    color: #f8f8f8;
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: left;
}

.score {
    float: right;
}

.blog_reviews {
    background: #111;
    padding: 4px;
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    /* for IE */
    filter: alpha(opacity=90);
    /* CSS3 standard */
    opacity: 0.9;
    z-index: 1000;
    line-height: 1;
}

/** Post Author Information and Related Post **/
.post-share .share-widgets {
    overflow: hidden;
}

.post-share .share-widget {
    float: left;
    padding: 0 5px;
}

.post-share, .author-information, .related-wrapper {
    margin-bottom: 35px;
    overflow: hidden;
}

.author-description img {
    border: 1px solid #d9d9d9;
    padding: 4px;
    float: left;
    margin-top: 0px;
    margin-right: 15px;
}

.author-social {
    float: right;
    overflow: hidden;
}

.author-social a {
    float: left;
    width: 16px;
    height: 16px;
    display: block;
    margin-left: 10px;
}

.author-social a.author-twitter {
    background: url(images/social-icons/twitter-author.png) no-repeat;
}

.author-social a.author-facebook {
    background: url(images/social-icons/facebook-author.png) no-repeat;
}

.author-social a.author-google {
    background: url(images/social-icons/google-author.png) no-repeat;
}

.author-social a.author-flickr {
    background: url(images/social-icons/flickr-author.png) no-repeat;
}

.description-author {
    overflow: hidden;
}

.author-title {
    float: left;
}

.author-title a {
    font-size: 14px;
    line-height: 14px;
}

.related-post {
    float: left;
    margin-right: 20px;
    width: 140px;
    position: relative;
    text-align: center;
}

.related-item-wrapper {
    overflow: hidden;
}

div.related-post:last-child {
    margin-right: 0;
}

.related-post h6 {
    font-size: 13px;
    margin-top: 5px;
}

/** Comments styles **/
ol.commentlist {
    margin: 0;
    list-style: none;
}

.comments-navigation {
    overflow: hidden;
    padding: 15px 0;
    font-weight: bold;
}

.the-comment {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #efefef;
}

.avatar {
    float: left;
    margin-right: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.reply-comment {
    clear: both;
    text-align: center;
    margin-top: 5px;
    width: 70px;
    background: #444;
    padding: 2px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.reply-comment:hover {
    background: #ba0d16;
}

.reply-comment a, .reply-comment a:hover {
    color: #fff;
    font-weight: bold;
}

.comment-box {
    overflow: hidden;
}

.comment-author span {
    margin-bottom: 10px;
    font-size: 15px;
}

.comment-author small {
    font-size: 11px;
    color: #636363;
    font-style: italic;
}

#comments .children {
    margin: 20px 0 0 83px;
}

#comments .children li.comment {
    margin: 0 0 20px 0;
    list-style: none;
}

.cancel-comment-reply a {
    margin-bottom: 10px;
}

.no-comments {
    color: #888;
}

.wrapper-input {
    overflow: hidden !important;
}

#comment-input {
    float: left;
    margin-right: 40px;
}

#comment-input input {
    border: 0;
    margin-bottom: 17px;
    border: 1px solid #efefef;
}

#comment-input input:focus, textarea:focus {
    outline: none;
}

#comment-input label {
    display: block;
    margin-bottom: 5px;
}

#comment-input label .required {
    font-style: italic;
}

.input-name, .input-email, .input-website {
    background: #fff;
    width: 220px;
    padding: 5px;
}

#comment-textarea {
    float: left;
}

.textarea-comment {
    background: #fff;
    border: 0;
    width: 327px;
    height: 155px;
    padding: 9px;
    font-family: arial;
    border: 1px solid #efefef;
}

#comment-textarea label {
    display: block;
    margin-bottom: 7px;
}

#comment-textarea-admin {
    float: none;
    margin-bottom: 5px;
}

#comment-textarea-admin label {
    display: block;
    margin: 10px 0 5px 0;
}

#comment-submit {
    float: left;
}

#comment-submit-admin {
    clear: both;
}

#respond {
    margin-bottom: 35px;
}

#respond form {
    margin-top: 10px;
}

.comment-submit {
    font-size: 18px;
    padding: 4px 0 4px 0;
    text-transform: uppercase;
    color: #fff;
    width: 348px;
    background: #444;
    cursor: pointer;
    border: none;
    margin-top: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.comment-submit:hover {
    background: #ba0d16;
}

/*************** Contact Form ***************/
.postForm-wrap {
    background: url(images/bg-pattern.png) repeat;
    padding: 10px;
    margin-top: 15px;
}

.postForm {
    background: #fff;
    padding: 15px;
    overflow: hidden;
}

.postForm label {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.postForm label span {
    font-style: italic;
    color: #888888;
    font-weight: normal;
}

.postForm div {
    margin-bottom: 20px;
}

.postForm .text {
    border: 1px solid #efefef;
    color: #555555;
    font-size: 12px;
    width: 278px;
    padding: 9px 10px;
}

.postForm select {
    border: 1px solid #efefef;
    color: #555555;
    font-size: 12px;
    width: 278px;
    padding: 9px 10px;
}

.postForm textarea {
    border: 1px solid #efefef;
    color: #555555;
    font-size: 12px;
    width: 400px;
    padding: 10px;
    height: 170px;
}

.postForm .submit {
    width: 420px;
    font-size: 18px;
    padding: 5px 0;
    text-transform: uppercase;
    color: #333;
    background: #444;
    cursor: pointer;
    border: none;
    margin-top: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.postForm .submit:hover {
    background: #BA0D16;
}

.postForm .error_msg {
    display: none;
    margin-top: 5px;
}

.postForm .email_sent {
    color: green;
    margin-bottom: 10px;
    display: none;
}

/************* PAGINATION **************/
.pagination {
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 35px;
}

.pagination a {
    line-height: 18px;
    height: 20px;
    background: #272625;
    display: block;
    float: left;
    padding: 2px 7px;
    color: #fff;
    margin-right: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination a:hover {
    background: #ba0d16;
    color: #fff;
}

.pagination span.current {
    line-height: 18px;
    background: #ba0d16;
    height: 20px;
    display: block;
    float: left;
    padding: 2px 7px;
    color: #f3f3f3;
    margin-right: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination span.arrows {
    font-size: 16px;
    line-height: 18px;
}

/***************** WIDGET ******************/
.widget {
    background: url(images/bg-pattern.png) repeat;
    margin-bottom: 19px;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

.widget iframe {
    display: block;
}

.widget ul {
    background: #fff;
    list-style-type: none;
    clear: both;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0 10px;
}

.widget ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #efefef;
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget .textwidget {
    padding: 0px;
}

.textwidget p {
    padding: 0 0 10px 0;
    margin: 0;
}

.sidebar-widget-title {
    padding-bottom: 10px;
    text-transform: uppercase;
}

.widget-line-title {
    background: url(images/bg-pattern.png) repeat-x 0 50%;
    height: 27px;
}

.line-title, .page-line-title {
    background: url(images/bg-pattern.png) repeat-x 0 60%;
    margin-bottom: 15px;
}

.line-title {
    height: 27px;
}

.page-line-title {
    height: 33px;
}

.line-title h3, .page-line-title h1, .widget-line-title h3 {
    background: #fff;
    padding: 0 10px 0 0;
    display: inline-block;
}

.widget-line-title h3 {
    text-transform: uppercase;
}

.widget-footer-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3C3C3A;
}

/** Adds 285x250 & 620x90 **/
.adds620x90 {
    background: #111;
    display: block;
    margin-bottom: 35px;
    height: 90px;
}

.adds300x250 {
    background: #111;
    display: block;
    margin-bottom: 35px;
    height: 250px;
}

/** Widget Homepage Magazine Columns **/
.magazine-widget {
    margin-bottom: 35px;
    overflow: hidden;
}

.magazine-widget .big-title a {
    color: #284D73;
}

.magazine-widget .big-title a:hover {
    color: #007DAA;
}

.widget-magazine .block-big {
    overflow: hidden;
    padding: 15px 0;
}

.widget-magazine .big-desc {
    padding-left: 20px;
    overflow: hidden;
}

.widget-magazine.half .big-desc {
    clear: both;
    padding-left: 0;
}

.magazine-widget .block-big h3 {
    font-size: 16px;
}

.widget-magazine.half .big-title {
    padding-top: 8px;
}

.widget-magazine.half .big-title a {
    color: #284D73;
}

.widget-magazine.half .big-title a:hover {
    color: #007DAA;
}

.widget-magazine .block-big p {
    margin: 0;
}

.widget-magazine .block-big .magz-image {
    float: left;
    margin-left: 6px;
    border: solid 3px #fff;
    -moz-box-shadow: 0px 0px 5px 0px #656565;
    -webkit-box-shadow: 0px 0px 5px 0px #656565;
    -o-box-shadow: 0px 0px 5px 0px #656565;
    box-shadow: 0px 0px 5px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

.widget-magazine .block-small {
    width: 300px;
    float: left;
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px dashed #efefef;
}

.magazine-widget .block-small-noimage {
    background: url(images/Right-Arrow.png) no-repeat 0 14px;
    width: 285px;
    float: left;
    overflow: hidden;
    padding: 10px 0 10px 15px;
    border-top: 1px dashed #efefef;
}

.magazine-widget .block-small-noimage a {
}

.widget-magazine .right {
    margin-left: 10px;
}

.widget-magazine .left {
    margin-right: 10px;
}

.widget-magazine .block-small .description {
    overflow: hidden;
    padding-left: 8px;
}

.widget-magazine .block-small .magz-image {
    float: left;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    width: 75px;
    height: 60px;
}

.widget-magazine .block-small .magz-image .fadeover {
    float: left;
    padding: 2px;
    margin-right: 10px;
    width: 75px;
    height: 60px;
    -moz-box-shadow: 0px 0px 5px 0px #656565;
    -webkit-box-shadow: 0px 0px 5px 0px #656565;
    -o-box-shadow: 0px 0px 5px 0px #656565;
    box-shadow: 0px 0px 5px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

.magz-meta, .magz-meta a {
    font-size: 11px;
    font-style: italic;
    padding-top: 5px;
}

.magazine-widget .block-small h3, .magazine-widget .block-small-noimage h3 {
    font-size: 13px;
}

/** Social Counter Widget **/
.social-counter-wrapper {
    overflow: hidden;
    background: url(images/bg-pattern.png) repeat;
    padding: 10px;
    margin-bottom: 35px;
}

.social-counter {
    background: #fff;
    float: left;
    text-align: center;
    width: 70px;
    padding: 10px;
    margin-right: 5px;
}

.social-counter.facebook-count {
    margin: 0;
}

.social-counter .social-count {
    color: #666;
    font-size: 18px;
}

.social-counter .social-descrip {
    color: #666;
}

.social-counter a {
    margin-left: 19px;
}

.rss-count a {
    background: url(images/social-icons/rss-counter.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

.twitter-count a {
    background: url(images/social-icons/twitter-counter.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

.facebook-count a {
    background: url(images/social-icons/facebook-counter.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

/** Widget Homepage Magazine Carousel **/
.wrapper-carousel {
    overflow: hidden;
    padding: 15px 0;
}

.wrapper-carousel .image-carousel {
    position: relative;
    float: left;
    display: block;
    width: 130px;
    height: 90px;
}

.wrapper-carousel .image-carousel .fadeover {
    position: relative;
    float: left;
    display: block;
    width: 130px;
    height: 90px;
}

.anyClass {
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 25px;
}

.wrapper-carousel ul li {
    position: relative;
    list-style-type: none;
    width: 130px;
    height: 90px;
    margin-right: 15px;
}

a.prev, a.next {
    width: 17px;
    height: 22px;
    display: block;
    position: absolute;
    top: 50px;
    z-index: 50;
}

.nav {
    position: relative;
}

a.prev span, a.next span {
    display: none;
}

a.prev {
    left: 0;
    background: url(images/carousel-arrow.png) 0 0;
}

a.next {
    right: 0;
    background: url(images/carousel-arrow.png) -17px 0;
}

/** Social Network Widget**/
.title-social {
    float: left;
    color: #f3f3f3;
    font-size: 14px;
    margin-right: 4px;
}

.social-widget {
    overflow: hidden;
}

.widget .social-widget li.flickr {
    padding: 0;
}

.widget .social-widget {
    padding: 10px;
}

.footer-widget .social-widget li, .widget .social-widget li {
    float: left;
    list-style-type: none;
    border: none;
    padding: 0 9px 0 0;
}

.footer-widget .social-widget li a {
    border: none;
}

.facebook a {
    background: url(images/social-icons/facebook-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.twitter a {
    background: url(images/social-icons/twitter-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.vimeo a {
    background: url(images/social-icons/vimeo-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.linkedin a {
    background: url(images/social-icons/linkedin-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.youtube a {
    background: url(images/social-icons/youtube-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.flickr a {
    background: url(images/social-icons/flickr-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.friendfeed a {
    background: url(images/social-icons/friendfeed-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.deviantart a {
    background: url(images/social-icons/deviantart-widget.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

/** Search Widget **/
.search-sidebar {
    margin-bottom: 15px;
    background: url(images/bg-pattern.png) repeat;
    padding: 10px;
}

#search {
    background: #fff;
    padding: 5px 10px;
    overflow: hidden;
}

#search #s {
    background: none;
    border: none;
    color: #666;
    width: 240px;
    float: left;
}

#searchbutton {
    width: 16px;
    height: 16px;
    float: right;
    float: right;
    margin-top: 2px;
    background: url(images/search.png) no-repeat;
    border: 0;
    text-indent: -1000em;
    cursor: pointer;
    cursor: hand;
    /* for IE 5.x */
}

#search #s:focus {
    outline: none;
}

.search-header {
    margin-left: 20px;
}

.search-header #search {
    padding: 3px 5px 3px 10px;
    overflow: hidden;
}

.search-header #search #s {
    width: 150px;
}

.search-header {
    float: right;
    border: 1px solid #c8c8c8;
    width: 190px;
    overflow: hidden;
}

/** Flick Widget **/
.widget-footer .flickr_stream a {
    background: #111;
    display: block;
    width: 63px;
    height: 50px;
    float: left;
    display: block;
    margin: 0px 8px 8px 0;
    border: none;
}

.widget-footer .flickr_stream img {
    width: 63px;
    height: 50px;
}

.widget .flickr_stream {
    overflow: hidden;
}

.widget .flickr_stream a {
    background: #111;
    display: block;
    width: 83px;
    height: 65px;
    float: left;
    display: block;
    margin: 5px;
}

.widget .flickr_stream img {
    width: 83px;
    height: 65px;
}

/** Tabs widget **/
.tabs-wrapper {
    padding: 0;
    overflow: hidden;
    overflow: hidden;
}

ul.tabs-sidebar {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
}

ul.tabs-sidebar li {
    background: none;
    float: left;
    text-align: center;
    width: 35%;
    padding: 0 !important;
    border: none !important;
    overflow: hidden;
}

ul.tabs-sidebar .last {
    width: 30%;
}

ul.tabs-sidebar li a {
    text-decoration: none;
    font-size: 14px;
    display: block;
    outline: none;
    padding: 3px 0;
    text-transform: uppercase;
}

ul.tabs-sidebar li.last a {
    overflow: hidden;
    border-right: none;
    padding: 3px 0;
}

ul.tabs-sidebar li a:hover, ul.tabs-sidebar li.active a {
    background: #fff !important;
    z-index: 1000;
    border-bottom: 1px solid #fff;
}

.tab_content {
    background: #fff;
    padding: 0 10px;
}

.block-tabs {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px dashed #efefef;
}

.block-tabs:last-child {
    border: none;
}

.tabs-image {
    position: relative;
    float: left;
    margin-right: 10px;
}

.block-tabs .description {
    overflow: hidden;
}

.block-tabs .description h3 {
    font-size: 13px;
}

.block-tabs .tabs-meta, .block-tabs .tabs-meta a {
    float: left;
    padding-top: 5px;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
}

.review {
    float: left;
    padding: 4px 0 0 7px;
}

.block-tabs .avatar {
    margin-top: 0;
    float: left;
    margin-right: 10px;
}

.block-tabs .comment-text-side {
    font-weight: normal;
    font-size: 12px;
}

.commenters {
    font-size: 14px;
}

#tags-tabs {
    overflow: hidden;
}

.tagcloud {
    overflow: hidden;
    padding: 5px 0;
}

.tagcloud a {
    background: #444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin: 5px 5px 5px 0;
    padding: 3px 10px;
    color: #fff;
}

.tagcloud a:hover {
    color: #fff;
    background: #ba0d16;
    text-decoration: none;
}

.tagcloud a:before {
    content: '';
    display: inline-block;
    border-radius: 20px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    margin: 0 6px 1px 0;
    zoom: 1;
    /* IE7 fix */
    *display: inline;
    /* IE7 fix */
}

/** Tweet Widget **/
ul.tweets {
    margin: 0;
    padding: 0 10px;
    background: #fff;
}

ul.tweets .tweet {
    list-style-type: none;
    clear: both;
    height: 100%;
    width: 82%;
    overflow: hidden;
    padding: 15px 15px 15px 30px;
    background: url(images/twitter.png) no-repeat 0 18px;
    border-bottom: 1px dashed #efefef;
    float: left;
    margin: 0;
}

ul.tweets .tweet:last-child {
    border-bottom: none;
}

ul.tweets .tweet a {
    font-weight: bold;
}

.widget .tweet-side {
    height: 15px;
    background: url(images/tweet-side.png) no-repeat 30px 0;
}

.follow-message {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-style: italic;
}

.widget .follow-message {
    padding: 0;
}

.widget-footer ul.tweets {
    padding: 0;
    margin: 0;
    background: transparent;
}

.widget-footer ul.tweets .tweet {
    list-style-type: none;
    clear: both;
    height: 100%;
    width: 79%;
    overflow: hidden;
    padding: 0 0 15px 30px;
    background: url(images/twitter-footer.png) no-repeat 0 5px;
    float: left;
    margin: 0;
    border: none;
}

.widget-footer ul.tweets .tweet a {
    font-weight: normal;
}

/** Facebook Like **/
.facebook-like-wrap {
    margin-bottom: 35px;
}

/***************** NIVO SLIDER ****************/
#slider-wrapper {
    width: 620px;
    height: 340px;
    overflow: hidden;
    margin: 0 0 35px 0;
}

#slider-wrapper #slider {
    width: 620px;
    height: 340px;
    background: url(images/loading.gif) no-repeat 50% 50%;
}

#slider-wrapper-full {
    width: 1000px;
    height: 400px;
    overflow: hidden;
    padding-top: 10px;
}

#slider-wrapper-full #slider {
    width: 1000px;
    height: 400px;
    background: url(images/loading.gif) no-repeat 50% 50%;
}

.nivoSlider {
    position: absolute;
    overflow: hidden;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.nivoSlider a {
    border: 0;
    display: block;
}

.nivo-caption {
    position: absolute;
    bottom: 0;
    background: #16293D;
    padding: 5px 20px 5px 20px;
    z-index: 8;
    overflow: hidden;
    border-top: solid 2px #ffffff;
}

.nivo-html-caption {
    display: none;
}

.nivo-caption h1 a {
    font-size: 20px;
    color: #fff;
    line-height: 1.2em;
}

.nivo-caption p {
    color: #fff;
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 12px;
}

.nivo-controlNav {
    position: absolute;
    left: 15px;
    top: 15px;
    height: 10px;
    z-index: 9;
}

.nivo-controlNav a {
    display: block;
    width: 16px;
    height: 16px;
    background: url(images/circle-black.png) no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    border: 0;
    float: left;
    margin-right: 8px;
}

.nivo-controlNav a:hover {
    background: url(images/circle-white.png) no-repeat;
}

.nivo-controlNav a.active {
    background: url(images/circle-white.png) no-repeat;
}

.nivo-directionNav a {
    z-index: 9;
    cursor: pointer;
    width: 22px;
    height: 79px;
    margin-top: -20px;
    display: block;
    text-indent: -9999px;
    top: 40%;
    padding: 10px;
}

.nivo-prevNav {
    background: #111 url(images/nivo-left-arrow.png) no-repeat 50% 50%;
}

.nivo-prevNav:hover {
    background: #ba0d16 url(images/nivo-left-arrow.png) no-repeat 50% 50%;
}

.nivo-nextNav {
    background: #111 url(images/nivo-right-arrow.png) no-repeat 50% 50%;
}

.nivo-nextNav:hover {
    background: #ba0d16 url(images/nivo-right-arrow.png) no-repeat 50% 50%;
}

/***************** SHORTCODES ******************/

/** Columns **/
.last {
    margin-right: 0 !important;
}

.one_half {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.one_half.last {
    width: 48%;
    float: right;
}

.one_third {
    width: 30.6666%;
    float: left;
    margin-right: 4%;
}

.one_third.last {
    width: 30.6666%;
    float: right;
}

.two_third {
    width: 65.3332%;
    float: left;
}

.two_third.last {
    width: 30.6666%;
    float: right;
}

.one_fourth {
    width: 22%;
    float: left;
    margin-right: 4%;
}

.one_fourth.last {
    width: 22%;
    float: right;
}

.three_fourth {
    width: 74%;
    float: left;
    margin-right: 4%;
}

.three_fourth.last {
    width: 22%;
    float: right;
}

.clearboth {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}

/** Tabs **/
.single-content .tabs-wrapper {
    background: url(images/bg-pattern.png) repeat;
    padding: 10px;
}

.single-content ul.tabs {
    padding: 0;
    margin: 0;
}

.single-content ul.tabs li {
    background: none;
    float: left;
    text-align: center;
    overflow: hidden;
    padding: 4px 15px;
}

.single-content ul.tabs li a {
    font-size: 16px;
    font-weight: normal;
    border-bottom: none;
    color: #444;
}

.single-content ul.tabs li a:hover, .single-content ul.tabs li a.active, h5.toggle a:hover {
    color: #BA0D16;
}

.single-content ul.tabs li:hover, .single-content ul.tabs li.active {
    background: #fff;
    z-index: 1000;
}

.single-content .tabs-wrapper {
    margin: 10px 0 30px 0;
}

.single-content .tabs-wrapper .tabs-container {
    padding: 15px;
    background: #fff;
}

.single-content .tabs-wrapper .tabs-container .tab_content {
    background: #fff;
    padding: 0;
}

.single-content .tabs-wrapper ul li {
    width: auto;
}

/** Dropcap **/
.dropcap {
    font-size: 40px;
    margin-right: 6px;
    text-transform: uppercase;
    float: left;
    line-height: 1;
    font-weight: bold;
}

/** Highlight **/
.highlight1 {
    background: #f6f67a;
}

.highlight2 {
    background: #000;
    color: #CCC;
}

/** Youtube & Vimeo **/
.video-shortcode {
    margin-bottom: 20px;
}

/** Toggles **/
h5.toggle {
    background: url(images/bg-pattern.png) repeat;
    padding: 5px 10px;
    margin: 15px 0;
    cursor: pointer;
}

h5.toggle a {
    background: url(images/toggle-open.png) no-repeat left center;
    text-decoration: none;
    padding-left: 20px;
    font-size: 16px;
    color: #444;
    font-weight: normal;
}

h5.toggle.active a {
    background: url(images/toggle-close.png) no-repeat left center;
    text-decoration: none;
    padding-left: 20px;
    font-size: 16px;
}

.toggle-content {
    display: none;
    background: url(images/bg-pattern.png) repeat;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 20px;
}

.toggle-content .block {
    background: #fff;
    padding: 10px;
}

/** List **/
.checklist li {
    background: url(panel/shortcodes/check-list.png) no-repeat left !important;
    padding-left: 28px !important;
    list-style-type: none;
}

.badlist li {
    background: url(panel/shortcodes/bad-list.png) no-repeat left !important;
    padding-left: 28px !important;
    list-style-type: none;
}

.blocklist li {
    background: url(panel/shortcodes/block-list.png) no-repeat left !important;
    padding-left: 28px !important;
    list-style-type: none;
}

/** Attention, Information, and Error **/
.attention {
    padding: 8px 10px 5px 10px;
    overflow: auto;
    margin-bottom: 20px;
    clear: both;
    border: 1px solid #BF9900;
    background: #FEEB9C url(images/warning-bg.png) repeat-x top;
}

.attention p, .information p, .error_warning p {
    padding: 0;
    margin: 0;
}

.attention p span {
    background: url(panel/shortcodes/icon-warning.png) no-repeat left !important;
    padding-left: 25px !important;
    font-weight: bold;
    color: #BF9900;
}

.information {
    padding: 8px 10px 5px 10px;
    overflow: auto;
    margin-bottom: 20px;
    clear: both;
    border: 1px solid #2FADD7;
    background: #92D6ED url(images/info-bg.png) repeat-x top;
}

.information p span {
    background: url(panel/shortcodes/icon-info.png) no-repeat left !important;
    padding-left: 25px !important;
    font-weight: bold;
    color: #0E7A9F;
}

.error_warning {
    padding: 8px 10px 5px 10px;
    overflow: auto;
    margin-bottom: 20px;
    clear: both;
    border: 1px solid #990000;
    background: #F5D0CD url(images/error-bg.png) repeat-x top;
}

.error_warning p span {
    background: url(panel/shortcodes/icon-error.png) no-repeat left !important;
    padding-left: 25px !important;
    font-weight: bold;
    color: #990000;
}

/** Buttons **/
.button {
    padding: 8px;
    display: inline-block;
    margin: 10px 13px 10px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.button a {
    color: #F8F8F8;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
}

.button a:hover {
    color: #f8f8f8;
}

.button.silver a {
    color: #444;
}

.button.black {
    background: #464646;
}

.button.black:hover {
    background: #262626;
}

.button.red {
    background: #ed1c24;
}

.button.red:hover {
    background: #d51920;
}

.button.green {
    background: #00a651;
}

.button.green:hover {
    background: #027d3e;
}

.button.blue {
    background: #448ccb;
}

.button.blue:hover {
    background: #015d99;
}

.button.orange {
    background: #FFA500;
}

.button.orange:hover {
    background: #dd8f01;
}

.button.silver {
    background: #F8F8F8;
}

.button.silver:hover {
    background: #e8e8e8;
}

.button.pink {
    background: #ec008c;
}

.button.pink:hover {
    background: #ce007a;
}

.button.brown {
    background: #8c6239;
}

.button.brown:hover {
    background: #73512f;
}

/**************** FOOTER ****************/
.footer-widget {
    background: #272625;
    color: #efefef;
}

.footer-widget a {
    color: #efefef;
    border-bottom: 1px dashed #5B5A59;
}

.footer-widget p {
    color: #efefef;
}

.footer-bottom {
    background: #1E1D1D;
}

.footer-bottom-wrap {
    padding: 15px 0 10px 0;
}

.widget-footer {
    padding: 15px 0;
}

.widget-footer .cat-item {
    width: 50%;
    float: left;
}

.widget-footer ul {
    list-style-type: none;
    clear: both;
    height: 100%;
    overflow: hidden;
}

.widget-footer ul li {
    margin: 0;
    margin: 0 0 10px 0;
}

.bottomNav-wrapper {
    overflow: hidden;
}

.bottomNav {
    float: right;
    margin: 0;
}

.bottomNav a {
    font-size: 14px;
    text-transform: uppercase;
    color: #efefef;
}

.bottomNav li {
    float: left;
    position: relative;
    list-style-type: none;
    list-style-image: none;
}

.bottomNav li a {
    padding: 0 0 0 20px;
    display: block;
}

.logo-bottom {
    padding-top: 10px;
    overflow: hidden;
}

.credits {
    padding-top: 5px;
}

.credits p {
    float: right;
    color: #efefef
}

.credits a {
    color: #efefef;
    border-bottom: 1px dashed #5B5A59;
}

/**************** 404 Error ****************/
.error404_image {
    overflow: hidden;
    margin-bottom: 20px;
}

.error404_title {
    font-weight: bold;
    font-size: 50px;
    text-align: center;
    margin-bottom: 20px
}

.error404_text {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

/**************WIDGET MAILCHIMP************/
#MCbutton {
    width: 16px;
    height: 16px;
    float: right;
    float: right;
    margin-top: 2px;
    background: url(images/GO.png) no-repeat;
    border: 0;
    text-indent: -1000em;
    cursor: pointer;
    cursor: hand;
    /* for IE 5.x */
}

#MC {
    border: none;
    color: #666;
    width: 200px;
    float: left;
    outline: none;
}

/* ----------------------------------------------------- */

/* Last Tweets */
#lasttweet {
    background: #274d72 no-repeat 30px 11px;
    padding: 10px 65px;
    font-size: 11px;
    color: #ffffff;
    min-height: 20px;
}

#lasttweet a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#lasttweet a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.tabs a {
    text-decoration: none;
    color: #284D73;
    font-weight: bold;
}

/* Begin carte---------------------------------------------------------------------------------------------------------------------------*/
#carte {
    width: 622px;
    height: 701px;
}

#carte .MapContainer {
    margin-bottom: 10px;
}

#carte .Map {
    background: url(images/carte/carte.png) no-repeat;
    width: 622px;
    height: 701px;
}

.delegations {
    background: #fff;
    padding: 10px;
}

/* formulaire adherer / don---------------------------------------------------------------------------------------------------------------------------*/
.boutondon {
    float: left;
}

.boutonadhesion {
    float: right;
}

p.label {
    float: left;
    margin: 0;
    width: 150px;
    text-align: right;
    margin-right: 5px;
}

span.err {
    color: #E5352C;
}

div.err {
    border: 5px double #E5352C;
}

input.err {
    border: 2px double #E5352C;
    color: #555555;
    font-size: 12px;
    width: 278px;
    padding: 9px 10px;
}

div.err {
    padding: 5px;
    margin-bottom: 5px;
}

label.err {
    color: #E5352C;
    font-weight: bold;
}

div#div_insc_couple {
    display: none;
}

input[type=checkbox], input[type=radio] {
    float: left;
}

.bleu {
    font-size: 1.333em;
    line-height: 1.5em;
    color: #2d80a6;
    font-weight: bold;
}

.bleu-fonce {
    font-size: 1.333em;
    line-height: 1.5em;
    color: #284D73;
    font-weight: bold;
}

.calcul {
    background: #dbe2eb;
    width: 400px;
    padding: 10px;
}

.bleusmall {
    font-size: 1em;
    color: #2d80a6;
    font-weight: bold;
}



/* bouton newsletter---------------------------------------------------------------------------------------------------------------------------*/
#mc_signup_submit.button {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #284d73;
    font-family: 'Patua One';
    font-size: 1.2em;
    color: #fff;
}

/*effet de fondu - class fondu*/

.fondu {
}

/*Carte Municipales 2014*/

/*centrage carte*/
#imagemapper2-wrapper {
    margin-left: auto;
    margin-right: auto;
}

/*couleur titre bulle*/
p.imapper-content-header {
    color: #ffffff;
}

/**
 * Gravity Forms
 */

.gform_wrapper .gsection {
    border-bottom: none !important;
}

.gform_wrapper .gsection h2.gsection_title {
    font-size: 18px;
    font-weight: 400;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{
    display: flex;
    align-items: center;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_radio li input{
    margin-top: 0;
    margin-right: 5px;
}

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    font-size: 13px;
}

.gform_wrapper #deduction_fiscale {
    margin: 30px 0;
}

.gfmc-column {
    display: list-item;
    vertical-align: text-top;
    width: 45% !important;
}
.single-content ul li {
    margin-right: 25px;
    padding-left: 8px;
}


/**
 * WooCommerce
 */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: none;
    width: auto;
}

.woocommerce-checkout form.checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout form.checkout #order_review_heading,
.woocommerce .gform_footer{
    display: none;
}

.woocommerce .summary {
    background: url(images/bg-pattern.png) repeat;
    padding: 15px;
    overflow: hidden;
}

.woocommerce .summary form.cart {
    background-color: #FFF;
    padding: 15px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #274d72;
}

table.shop_table .product-thumbnail {
    display: none;
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt {
    float: none;
}

.woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation dt {
    font-weight: 600;
}

dl.variation {
    display: flex;
    flex-wrap: wrap;
}

dl.variation dt,
dl.variation dd {
    flex: 1 1 45%;
}

dl.variation dt.variation-,
dl.variation dd.variation- {
    display: none!important;
}

dl.variation dt.variation- {
    color: transparent;
}

dl.variation dd.variation- ul.bulleted {
    list-style: none;
    padding: 0;
    margin: 0;
}

dl.variation dd.variation- ul.bulleted li {
    padding: 0;
    margin: 0;
}

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
    display: none;
}
.woocommerce-form-coupon-toggle {
    display: none;
}