/*
Company:	
File:		main.css - This contains all the main styles for the website.
Docs:		File is based on html5boilerplate and YUI3 Fonts CSS.
			Learn more:
			http://html5boilerplate.com/docs/css/
			http://yuilibrary.com/yui/docs/cssfonts/

All the styles are separated into the following groups:
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Media Queries - media queries
Non-Semantic Helper Classes - helper styles
Print Styles - default print styles
*/

/* @group HTML, Body */
html {
    background-color: #fff;
}

body {
    padding: 44px 0 0 0;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}

/* @end */

/* @group Layout */
/* Head */
/* Logo */
div.hd-logo {
    float: left;
}

div.hd-logo img {
    width: 113.5px;
    height: 44px;
}

div#hd {
    background: url(../images/mobile/bg-hd-tile.png) top left repeat-x;
    background-size: 20px 44px;
    height: 44px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

div#hd.absolute {
    position: absolute;
!important;
}

/* Head Email */
div.hd-email {
    display: none !important;
}

/* Head Top */
div.hd-top {
    position: relative;
    z-index: 40;
}

/* Head Content */
div.hd-content {
    position: relative;
    z-index: 30;
}

/* Text Expand */
.text-expand {
    font-weight: bold;
    cursor: pointer;
    display: block;
    padding: 3px 0;
    position: relative;
    top: -3px;
}

/* More Text Hidden by Default */
div.more-text {
    display: none;
}

/* Home Section */
div.section-home {
    background: #000000 url(../images/mobile/lindsey-graham-home-mobile.jpg) top left no-repeat;
    background-size: 100% auto;
    color: #cdc4bc;
    text-align: right;
    padding: 12px 0 15px 0;
    min-height: 375px;
}

div.section-home .text-expand {
    color: #eee0a1;
}

div.section-home div.more-text {
    text-align: left;
    padding: 12px;
    background-color: rgba(0, 0, 0, .5);
}

div.home-text {
    padding: 0 12px 0 0;
}

div.section-home h2 {
    color: #FFF;
    margin: 0 0 13px -22%;
    font-size: 22px;
    line-height: 18px;
    margin-left: auto;
    width: 160px;
}

div.section-home p {
    font-size: 14px;
    line-height: 1.4em;
}

div.section-home .spacer {
    float: left;
    width: 160px;
    height: 260px;
}

/* Section About */
div.section-about {
    background: #fdf6e3 url(../images/mobile/lindsey-graham-about.jpg) top right no-repeat;
    background-size: 99.99% auto;
    color: #484848;
    padding: 30px 0 25px 0;
}

div.about-text {
    padding: 0 0 0 12px;
}

div.section-about div.more-text {
    padding: 0 12px;
    /*background-color: rgba(255, 255, 255, .5);*/
    background-color: rgba(253, 246, 228, .5);
    /*background-color: #fdf6e4;*/
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .25);
}

div.section-about h2 {
    color: #e1292c;
    font-size: 25px;
    line-height: 20px;
}

div.section-about h2 strong {
    display: block;
    font-size: 44px;
    line-height: 36px;
}

div.section-about p {
    font-size: 14px;
    line-height: 1.5em;
}

div.section-about .spacer {
    width: 140px;
    height: 310px;
    float: right;
}

/* Section videos */

#video-topvideo-mobile {
    width: 300px;
    border: 3px solid #fff;
    background-color: #000;
    margin: 15px auto 15px auto;
}

#video-topvideo-desc-mobile {
    width: 290px;
    margin: 15px auto 0 0;
    padding-left: 10px;
}

#video-topvideotitle {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding-left: 10px;
}

div.section-videos {
    color: #484848;
    padding: 30px 0 25px 0;
    background-color: #C1B19A;
}

div.videos-text {
    padding: 0 0 0 12px;
}

div.section-videos div.more-text {
    padding: 0 12px;
    /*background-color: rgba(255, 255, 255, .5);*/
    background-color: rgba(253, 246, 228, .5);
    /*background-color: #fdf6e4;*/
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .25);
}

div.section-videos h2 {
    color: #e1292c;
    font-size: 25px;
    line-height: 20px;
}

div.section-videos h2 strong {
    display: block;
    font-size: 44px;
    line-height: 36px;
}

div.section-videos p {
    font-size: 14px;
    line-height: 1.5em;
}

div.section-videos .spacer {
    width: 140px;
    height: 310px;
    float: right;
}

#video-container {
    width: 320px;
    margin: 0 auto 0;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #4f453d;
}

.video-top-title-sm {
    font-size: 38px;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
    color: #4f453d;
    text-transform: uppercase;
    padding-right: 4px;
}

.video-top-title-large {
    font-size: 60px;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
    color: #4f453d;
    font-weight: bold;
    text-transform: uppercase;
}

#video-topvideo {
    width: 320px;
    height: 169px;
    border: 3px solid #fff;
    background-color: #000;
    margin: 10px auto 15px
}

#video-topvideotitle {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#video-bottom {
    margin: auto;
    text-align: center;
}

/* Voter Info Section */

div.section-voterinfo {
    background-color: #68593a;
    padding: 15px 12px 15px 12px;
}

div.section-voterinfo div.section-inner {

}

#voterinfo-content {
    margin: auto;
    padding-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

#voterinfo-contentleft {
    display: none;
}

#voterinfo-contentright {

}

#voterinfo-title {
    margin-bottom: 30px;
}

.voterinfo-top-title-sm {
    color: #FFFFFF;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: bold;
    padding-right: 5px;
    text-transform: uppercase;
}

.voterinfo-top-title-large {
    color: #FFFFFF;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

#voterinfo-section {
    margin: 30px 0 0 0;
    font-size: 14px;
    line-height: 17px;
}

#voterinfo-sectiontitle {
    margin-bottom: 10px;
}

#voterinfo-tab {
    float: left;
    width: 277px;
    margin-right: 10px;
}

#voterinfo-learnmore {
    float: right;
    width: 105px;
    padding-top: 18px;
}

a:link.voterinfolink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
}

a:active.voterinfolink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
}

a:visited.voterinfolink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
}

a:hover.voterinfolink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

/* Section News */
div.section-news {
    background-color: #20285c;
    color: #FFF;
    padding: 15px 12px;
}

div.section-news a:link,
div.section-news a:visited {
    color: #FFF;
}

div.section-news img {
    max-width: 100%;
    height: auto;
}

div.section-news div.news-item {
    border-bottom: 1px solid #9094ae;
    margin: 0 0 1em 0;
}

div.section-news div.news-item:last-of-type {
    border-bottom: none;
    margin: 0;
}

div.section-news h2 {
    font-size: 24px;
    margin: 0 0 20px 0;
}

div.section-news h2 strong {
    color: #eee0a1;
    font-size: 43px;
}

div.section-news h4 {
    font-size: 18px;
    margin: 0 0 .4em 0;
}

div.section-news h4 span.news-date {
    font-weight: normal;
    font-style: italic;
}

div.section-news p {
    font-size: 15px;
    line-height: 1.4em;
}

div.section-news .read-more a:link,
div.section-news .read-more a:visited {
    color: #eee0a1;
    font-weight: bold;
}

div.news_title {
    position: relative;
}

a.news_readmore {
    font-size: 16px;
    line-height: 1;
    color: #eee0a1 !important;
    text-decoration: none;
    text-transform: uppercase;
}

div.pagination .column-1 {
    float: left;
}

div.pagination .column-2 {
    margin-left: 10px;
    float: left;
}

/* Section Issues */
div.section-issues {
    background-color: #5da6d1;
    color: #FFF;
    padding: 25px 12px;
}

div.section-issues a:link,
div.section-issues a:visited {
    color: #FFF;
}

div.section-issues div.horizontal-center {
    text-align: left;
}

div.section-issues h2 {
    font-size: 40px;
    display: inline-block;
    background-color: #015c90;
    padding: 1px 8px;
    margin: 0 0 32px 0;
}

div.section-issues h3 {
    font-size: 18px;
    margin: 0 0 3px 0;
}

div.section-issues p {
    font-size: 15px;
    line-height: 1.4em;
}

div.issue-item span.read-more {
    font-weight: bold;
    padding: 0 7px;
}

div.section-issues div.issue-item {
    padding: 0 0 10px 0;
}

/* Section Get Involved */
div.section-get-involved {
    background: #534a42 url(../images/mobile/get-involved.jpg) top center no-repeat;
    background-size: 99.9% auto;
    padding: 205px 0 0 0;
}

div.get-involved-form {
    background-color: rgba(200, 29, 32, .83);
    padding: 15px 15px 30px 15px;
}

div.get-involved-heading {
    text-align: center;
    color: #FFF;
}

div.get-involved-heading h2 {
    color: #f7e07b;
    font-size: 32px;
    margin: 0 0 11px 0;
}

div.get-involved-heading p {
    font-size: 15px;
}

div.get-involved-form input[type="text"],
div.get-involved-form input[type="email"],
div.get-involved-form input[type="number"],
div.get-involved-form input[type="tel"] {
    border: none;
    border-radius: 3px;
    text-align: center;
    width: 100%;
    height: 35px;
    font-size: 15px;
    margin: 0 0 7px 0;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}

div.get-involved-form ::-webkit-input-placeholder {
    color: #363636;
    opacity: 1
}

div.get-involved-form :-moz-placeholder {
    color: #363636;
    opacity: 1;
}

div.get-involved-form ::-moz-placeholder {
    color: #363636;
    opacity: 1
}

div.get-involved-form :-ms-input--placeholder {
    color: #363636;
    opacity: 1
}

div.get-involved-form div.horizontal-center {
    padding: 6px 0 0 0;
}

div.get-involved-form input[type="submit"] {
    background-image: none;
    background-color: #f7e07b;
    color: #0f0f0f;
    text-shadow: none;
    border: none;
    border-radius: 3px;
    width: 174px;
    padding: 0;
    height: 30px;
    font-size: 18px;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}

div.get-involved-form input[type="submit"]:hover {
    background-color: #ead370;
}

/* Body */

/* Page Banner */
div.page-banner {
    position: relative;
    color: #FFF;
    background: #000 url(../images/mobile/bg-page-banner-mobile.jpg) top center no-repeat;
    background-size: cover;
}

div.page-banner-text {
    padding: 25px 15px 25px 46%;
}

@media screen and (min-width: 390px) {
    div.page-banner-text {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 450px) {
    div.page-banner-text {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

@media screen and (min-width: 550px) {
    div.page-banner-text {
        padding-top: 55px;
        padding-bottom: 55px;
    }
}

div.page-banner-text h2 {
    font-size: 11px;
    line-height: 1em;
    margin: 0;
}

/* Page Container */
div.page-container {
    padding: 20px 12px;
    font-size: 1.2em;
}

/* Footer */
div#ft {
    background-color: #c90202;
    color: #FFF;
    padding: 20px 15px 25px 15px;
}

/* Footer Nav */
div.ft-nav {
    position: relative;
}

div.ft-nav ul {
    margin: 0;
    padding: 0;
}

div.ft-nav ul li {
    list-style: none;
    border-bottom: 1px solid #db5555;
}

div.ft-nav ul li a:link,
div.ft-nav ul li a:visited {
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-align: center;
    padding: 12px 0;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

div.ft-nav ul li a:active {
    background-color: rgba(0, 0, 0, .3);
}

/* Footer Logo */
div.ft-logo img {
    width: 100%;
    height: auto;
}

/* Footer Email */
div.ft-email {
    padding: 25px 0;
}

div.ft-email input[type="text"],
div.ft-email input[type="email"] {
    width: 53%;
    border: none;
    border-radius: 3px;
    padding: 0 10px;
    height: 32px;
    color: #363636;
    font-size: 12px;
    float: left;
    margin: 0 3% 0 0;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}

div.ft-email ::-webkit-input-placeholder {
    color: #363636;
    opacity: 1
}

div.ft-email :-moz-placeholder {
    color: #363636;
    opacity: 1;
}

div.ft-email ::-moz-placeholder {
    color: #363636;
    opacity: 1
}

div.ft-email :-ms-input--placeholder {
    color: #363636;
    opacity: 1
}

div.ft-email input[type="submit"] {
    background-image: none;
    background-color: #f7e07b;
    color: #c6203e;
    width: 44%;
    text-shadow: none;
    border: none;
    height: 32px;
    font-size: 15px;
    text-transform: uppercase;
    float: left;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}

/* @end */

/* @group Common Text Styles */
.mobile-br {
    display: block;
}

.hide-mobile {
    display: none;
}

.horizontal-center {
    text-align: center;
}

div.page-container p {
    line-height: 1.5em;
    margin: 0 0 1.35em 0;
}

.entry-meta {
    color: #666;
    font-size: 11px;
}

.entry-meta a:link,
.entry-meta a:visited {
    color: #666;
}

/* H-entry */
body.archive .hentry,
body.search .hentry {
    border-bottom: 2px solid #ECECEC;
    padding: 0 0 24px 0;
}

/* @end */

/* @group Default Headings */
div.page-container h1,
div.page-container h2,
div.page-container h3,
div.page-container h4,
div.page-container h5,
div.page-container h6 {
    color: #212a6a;
}

div.page-container h1 {
    font-size: 26px;
    text-transform: uppercase;
}

div.page-container h2 {
    font-size: 24px
}

div.page-container h3, body.archive h1.entry-title, body.search h1.entry-title {
    font-size: 22px
}

div.page-container h4 {
    font-size: 20px
}

div.page-container h5 {
    font-size: 18px
}

div.page-container h6 {
    font-size: 16px
}

/* @end */

/* @group Default Lists */
/* Make default ul and ol styles to match p styles */
div.page-container ol,
div.page-contaier ul {
    margin-bottom: 1.35em;
}

div.page-container ul li,
div.page-container ol li {
    line-height: 1.5em;
}

/* @end */

/* @group Nav */
span.mobile-menu-icon {
    float: right;
    display: block;
    width: 33.5px;
    height: 23px;
    background: url(../images/mobile/bg-nav-menu.png) top left no-repeat;
    background-size: 33.5px 23px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

div.nav {
    position: relative;
    top: -9px;
    display: none;
    background: #c90202 url(../images/mobile/bg-mobile-menu.png) top right no-repeat;
    background-size: 40.5px 17.5px;
    padding: 16px 13px;
    margin: 0 0 -9px 0;
}

div.nav ul {
    margin: 0;
    padding: 0;
}

div.nav ul li {
    list-style: none;
    border-bottom: 1px solid #db5555;
}

div.nav ul li a:link,
div.nav ul li a:visited {
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-align: center;
    padding: 12px 0;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

div.nav ul li a:active {
    background-color: rgba(0, 0, 0, .3);
}

/* Nav Overlay */
div.mobile-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .30);
}

/* @end */

/* @group Forms */

/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
    color: #20285c;
    text-decoration: none;
}

a:hover, a:active {

}

/* @end */

/* @group Media Queries */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

/* @end */

/* @group Non-Semantic Helper Classes */
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

.ir br {
    display: none;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
}

/* @end */

/* @group Print Styles */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/* @end */

input.error, textarea.error {
    border: 1px solid red;
    background-color: lightpink;
}

label.error {
    width: 0px !important;
    display: none !important;
}

/* Signup Page Styles */
.signup_content_left {

}

.signup_content_right {
    /* display: none; */
    float: left;
    padding: 10px 10px 0;
}

#signuppage-email {
    padding: 5px;
    background-color: #cdcdcd;
    margin-bottom: 10px;
}

#signuppage-emailleft {
    display: none;
}

#signuppage-emailcenter {
    margin-bottom: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#signuppage-emailright {
    text-align: center;
}

input.signup-email {
    width: 100% !important;
    padding: 5px;
    height: 30px;
    display: block;
    border: none;
    color: #222222;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input.signup-vol1 {
    width: 100%;
    padding: 5px;
    height: 30px;
    display: block;
    border: solid #999 thin;
    color: #222222;
}

select.signup-vol1 {
    width: 100%;
    padding: 5px;
    height: 30px;
    display: block;
    border: solid #999 thin;
    color: #222222;
}

input.signup-vol1short {
    width: 115px;
    padding: 5px;
    height: 30px;
    display: block;
    border: solid #999 thin;
    color: #222222;
}

select.signup-vol1short {
    width: 115px;
    padding: 5px;
    height: 30px;
    display: block;
    border: solid #999 thin;
    color: #222222;
}

#signuppage-formrow {
    width: 100%;
    margin-bottom: 0px;
}

#signupform-left {
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 5px;
}

#signupform-right {
    float: none;
    width: 100%;
    margin-bottom: 5px;
}

#signupform-rightshort {
    width: 240px;
}

#signupform-rightshort-left {
    width: 115px;
    float: left;
    margin-right: 10px;
}

#signupform-rightshort-right {
    width: 115px;
    float: right;
}

/* END */

span.login-with-fb {
    display: block;
    width: 193px;
    height: 33px;
    text-indent: -9999px;
    background: url(../images/bg-login-with-facebook.png) top left no-repeat;
    cursor: pointer;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

div#singleposttitle {
    font-size: 1.4em;
}

/* ISSUES */

.page-template-page-issues-php div.page-container {
    background-color: #61AAD5;
}

#issuescontainer {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
}

#issuesvideo {
    width: 290px;
    height: 215px;
    background-color: red;
    color: #fff;
    text-align: center;
    margin: 20px auto 20px;
}

.issuetitle {
    background-color: #015C90;
    font-size: 23px;
    font-weight: bold;
    line-height: 1em;
    padding: 18px 45px 7px 10px;
}

#issuecolumns {
    width: 810px;
    margin: 30px auto 0;
}

.issue {
    width: 100%;
}

.columnreadmore {
    text-align: center;
    font-weight: bold;
    margin: 20px auto 5px;
}

.columnmorebtns {
    width: 250px;
    margin: auto;
    color: #015c90;
    font-size: 12px;
}

.columnmorebtnsleft_mobile {
    background-color: #eee0a1;
    margin-right: 2px;
    float: left;
    width: 119px;
    padding: 5px 2px;
    text-align: center;
    border-radius: 5px;
}

.columnmorebtnsright_mobile {
    background-color: #eee0a1;
    margin-left: 2px;
    float: right;
    width: 119px;
    padding: 5px 2px;
    text-align: center;
    border-radius: 5px;
}

div#moreboxes {
    /*position: relative;
    height: 200px;*/
}

.morebox {
    margin: 3px auto 0;

    top: 0px;
}

.moreboxcontent {
    padding: 10px 20px 0;
    background-color: #FFF;
}

.moreboxtext {
    color: #015c90;
    font-size: 12px;
    padding-bottom: 15px;
}

.moreboxtitle {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 3px;
}

.moreboxbtn {
    background-color: #eee0a1;
    margin: auto;
    width: 210px;
    padding: 7px 2px;
    text-align: center;
    color: #015c90;
    font-weight: bold;
    display: none;
}

/* END */

/* SUPPORT */

/* END */

input.btn {
    background-image: none;
    text-shadow: none;
    border: none;
    border-radius: 3px;
    padding: 0;
    height: 32px;
    width: 174px;
    font-size: 16px;
    text-align: center;
    font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}

input.btn-red {
    background-color: #c23030;
    color: #FFF;
}

input.btn-red:hover {
    background-color: #b22929;
    background-image: none;
}

#signup_form ul.signup_options {
    margin: 0px;
    padding: 0px;
}

#signup_form ul.signup_options > li {
    list-style: none;
    list-style-position: inside;
    margin-bottom: 3px;

}

#signup_form ul.signup_options > li > input[type=checkbox] {
    vertical-align: top;

}

#signup_form ul.signup_options > li > label {
    margin-left: 5px;
    display: inline-block;
    width: 90%
}

.paid-for-by {
    border: 1px solid #9D0404;
    width: 70%;
    margin: 10px auto 0 auto;
    text-align: center;
    padding: 5px 0 5px 0;
    color: #9D0404;
}

.paid-for-by > p {
    margin: 0;
    padding: 0;
}

.home_twitter {
    background-color: #1b95e0;
    color: white;
}

.home_twitter .home_twitter_content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 20px 0;
}

.home_twitter .home_twitter_content a {
    color: white !important;
}


.home_twitter .home_twitter_content header {
    text-align: center;
    font-size: 0.8em;
}

.home_twitter .home_twitter_content header .title {
    font-size:40px;
    font-weight:100;
}

.home_twitter .home_twitter_content header .sub-title {
    font-size:18px;
    font-weight:100;
    font-style: italic;
    margin-bottom:25px;
}

.home_twitter .home_twitter_content ul {
    list-style: none;
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
}

.home_twitter .home_twitter_content ul li {
    list-style: none;
    list-style-position: inside;
    list-style-type: none;
    font-size: 1.2em;
}

.home_twitter .home_twitter_content ul li:last-child {
    padding-right: 0;
}

.twitter-icon {
    display: none;
}

.relative_time {
    font-weight: bold;
}

.abouttag {
    font-size: 120%;
    color: #1178b7;
    line-height: 100%;
    font-weight: bold;
}

img.about-service {
    margin-left: 0;
    float: none;
    width: 90%;
    margin: 5px auto 15px auto;
    max-width: 350px;
    display: block;
}