body {background-color: #cecece; font-family: 'Lato', sans-serif; margin:0; padding:0;}
.site-full {width:100%;}
.site {width:1200px;}
h1, h2, h3, h4, h5, ul, li, p {margin:0; padding:0;}
#header{
    height:125px;
    padding:15px 25px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05497c+0,0d3756+100 */
    background: #05497c; /* Old browsers */
    background: -moz-linear-gradient(top,  #05497c 0%, #0d3756 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #05497c 0%,#0d3756 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #05497c 0%,#0d3756 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05497c', endColorstr='#0d3756',GradientType=0 ); /* IE6-9 */
}
#header h1 {color: #FFFFFF; text-transform:uppercase; font-size: 2.6em; padding-top:5px; text-transform: uppercase; letter-spacing: 1.75px;}
#header h1 span.ltBlue {color:#21B4E8;}
#header h1 a{color: #FFFFFF; text-decoration: none; text-shadow: 1px 2px 3px #333333;}
#header h3 {color:#FFFFFF; font-weight: 400;}
#title{width:70%; float:left;}
#socialMedia{width:30%; float:right;}
#socialMedia ul li a {float:right; color:#FFFFFF; text-decoration: none; display:inline-block;}
#socialMedia ul {list-style-type: none;}
#content{background-color: #FFFFFF;}
#content h2 {text-align: center; padding: 20px 0; font-size: 2em; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; background-color: #E6E6E6;}
#content a {color:#21B4E8;}

ul#parties{/*display:table;*/}
ul#parties li {width: 20%; float: left;  list-style: none; padding: 0; margin: 0;}
ul#parties li a {color: /*#F1F2F2;*/ #0D3756;
    text-decoration: none; padding:180px 0 100px 0; line-height: 19px; display:block; width: 100%; text-align: center;
    text-transform:uppercase; width:100%; font-size: 1.6em; vertical-align:middle;
}
ul#parties li.constitution a span {display:block; padding-top: 10px;}
ul#parties li.democrat a span {display:block; padding-top: 10px;}
ul#parties li.independentAmerican a span {display:block; padding-top: 10px;}
ul#parties li.libertarian a span {display:block; padding-top: 10px;}
ul#parties li.republican a span {display:block; padding-top: 10px;}
/*ul#parties li.constitution a span {display:block; text-transform: uppercase;}
ul#parties li.democrat a span {display:block; text-transform: uppercase;}
ul#parties li.independentAmerican a span {display:block; text-transform: uppercase;}
ul#parties li.libertarian a span {display:block; text-transform: uppercase;}
ul#parties li.republican a span {display:block; text-transform: uppercase;}*/

ul#parties li.constitution a:hover, ul#parties li.democrat a:hover,
ul#parties li.independentAmerican a:hover, ul#parties li.libertarian a:hover,
ul#parties li.republican a:hover {background-color:#21B4E8; color:#FFFFFF;}

ul#parties li.constitution a {/*background-color:#808080;*/ background: #898989 url(../images/party-icons/icon-constitution.png) no-repeat 50% 20%;}
ul#parties li.democrat a{/*background-color:#999999;*/ background: #999999 url(../images/party-icons/icon-democrat-2.png) no-repeat 50% 20%; }
ul#parties li.independentAmerican a{/*background-color:#B3B3B3;*/ background: #B3B3B3 url(../images/party-icons/icon-independent.png) no-repeat 50% 20%;}
ul#parties li.libertarian a{/*background-color:#CCCCCC;*/ background: #CCCCCC url(../images/party-icons/icon-libertarian.png) no-repeat 50% 20%;}
ul#parties li.republican a{/*background-color:#E6E6E6;*/ background: #E6E6E6 url(../images/party-icons/icon-republican.png) no-repeat 50% 20%;}

ul#parties li.constitution {background-color:#808080;}
ul#parties li.democrat {background-color:#999999;}
ul#parties li.independentAmerican {background-color:#B3B3B3;}
ul#parties li.libertarian {background-color:#CCCCCC;}
ul#parties li.republican {background-color:#E6E6E6;}

#additionalResources{text-align: center}
#additionalResources a {text-decoration:none;}
#additionalResources h3 {font-size: 1.4em; color:#FFFFFF;}
#whatIsACaucus{width:50%; background: #21B4E8 url(../images/caucusPeople.png) no-repeat center 55px; float:left; padding:20px 0 120px 0; box-sizing: border-box;}
#registerToVote{width:50%; background: #0D3756 url(../images/registerToVote.png)no-repeat center 55px; float:left; padding:20px 0 120px 0; box-sizing: border-box;}


#footer {padding:15px;}
#footer h3 {color: #F2F2F2;}
#footer ul {list-style-type:none;}
#footer ul li a {float:left; text-decoration:none; padding:10px 15px 10px 0;
    color: #0D3756;}
#footer ul li a:hover {}

#socialMedia li a.facebook {background:url(../images/facebook.png) no-repeat left; padding:7px 10px 7px 45px;}
#socialMedia li a.twitter {background:url(../images/twitter.png) no-repeat left; padding:7px 10px 7px 45px;}

#main {width:60%; padding:15px 15px 15px 25px;}
#main p {line-height: 1.25em; padding-bottom: 10px; font-size: 1.1em;}
#main h1 {padding-bottom: 20px;}
#main h3 {padding-bottom: 20px; font-size: 1.4em;}
#sidebar {float:right; width:30%; padding:10px 20px 0 0;}
#partyNav {padding-top: 20px;}
#partyNav li {list-style-type: none;}
#partyNav li a {color:#21B4E8; text-decoration: none; text-transform:uppercase; font-size: 1.1em; padding:5px 0 5px 15px;
    display:block;}
#partyNav li a:hover {color:#FFFFFF; background-color:#0D3756; }

ul#caucusInfo{margin-bottom: 20px;}
ul#caucusInfo li {list-style-type: none; font-size: 1.1em;}
ul#caucusInfo li span {font-weight: 700;}
ul li.when {background:url(../images/icon_when.png) no-repeat left; padding:15px 10px 15px 50px;}
ul li.where {background:url(../images/icon_where.png) no-repeat left; padding:15px 10px 15px 50px;}
ul li.who {background:url(../images/icon_who.png) no-repeat left; padding:15px 10px 15px 50px;}
ul li.how {background:url(../images/icon_how.png) no-repeat left; padding:15px 10px 15px 50px;}

.stateSeal{width:82px; height:82px; float:left; margin-right: 20px;}

.clearFix {clear:both;}
.ir{}

@media only screen and (max-width: 1160px) {
    ul#parties li a {color: /*#F1F2F2;*/ #0D3756;
        text-decoration: none; padding:180px 0 100px 0; line-height: 19px; display:block; width: 100%; text-align: center;
        text-transform:uppercase; width:100%; font-size: 1.2em; vertical-align:middle;
    }


}



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

    #content h2 {padding: 10px 0; font-size: 1.6em;}
    #header h1 {font-size: 1.8em;}
    #header h3 {font-size: 1.2em;}
    #title{width:100%; float:none;}

    #socialMedia {float:none; width:100%; padding-top: 15px;}

    #footer {padding:10px 15px 10px 15px;}
    #footer ul li a {float:left; text-decoration:none; padding:0px 15px 10px 0;
        color: #0D3756;}
    #socialMedia {width:100%;}
    #sidebar {}

    #whatIsACaucus{width:100%; background: #21B4E8 url(../images/caucusPeople.png) no-repeat center 55px; padding:20px 0 100px 0;}
    #registerToVote{width:100%; background: #0D3756 url(../images/registerToVote.png)no-repeat center 55px; padding:20px 10px 100px 10px;}


}

@media only screen
and (max-width: 826px)
and (min-width: 750px){
    ul#parties li.independentAmerican a{padding-bottom: 81px;}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {

    #content h2 {padding: 10px 0; font-size: 1.6em;}
    #header h1 {font-size: 1.8em;}
    #title{width:100%; float:none;}

    #socialMedia {float:none; width:100%; padding-top: 15px;}

    #footer {padding:10px 15px 10px 15px;}
    #footer ul li a {float:left; text-decoration:none; padding:0px 15px 10px 0;
        color: #0D3756;}
    #socialMedia {width:100%;}
    #sidebar {}



}

@media only screen
and (max-width: 750px)
and (min-width: 568px){
    ul#parties li.independentAmerican a{padding-bottom: 16px;}

    ul#parties li {width: 100%;}
    ul#parties li.constitution a {background: #898989 url(../images/party-icons/icon-constitution.png) no-repeat 50% 15%;}
    ul#parties li.democrat a{background: #999999 url(../images/party-icons/icon-democrat-2.png) no-repeat 50% 15%; }
    ul#parties li.independentAmerican a{background: #B3B3B3 url(../images/party-icons/icon-independent.png) no-repeat 50% 15%;}
    ul#parties li.libertarian a{background: #CCCCCC url(../images/party-icons/icon-libertarian.png) no-repeat 50% 15%;}
    ul#parties li.republican a{background: #E6E6E6 url(../images/party-icons/icon-republican.png) no-repeat 50% 15%;}

    ul#parties li {width: 100%;}
    ul#parties li a {padding:144px 0 16px 0; line-height: 19px;}
    ul#parties li.constitution a span {display:block; padding-top: 5px;}
    ul#parties li.democrat a span {display:block; padding-top: 10px;}
    ul#parties li.independentAmerican a span {display:block; padding-top: 10px;}
    ul#parties li.libertarian a span {display:block; padding-top: 10px;}
    ul#parties li.republican a span {display:block; padding-top: 10px;}

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    #content h2 {padding: 10px 0; font-size: 1.6em;}
    #header h1 {font-size: 1.6em;}
    #title{width:100%; float:none;}
    .stateSeal{display:none;}
    #socialMedia {float:none; width:100%; padding-top: 15px;}

    ul#parties li {width: 100%;}
    ul#parties li.constitution a {background: #898989 url(../images/party-icons/icon-constitution.png) no-repeat 50% 15%;}
    ul#parties li.democrat a{background: #999999 url(../images/party-icons/icon-democrat-2.png) no-repeat 50% 15%; }
    ul#parties li.independentAmerican a{background: #B3B3B3 url(../images/party-icons/icon-independent.png) no-repeat 50% 15%;}
    ul#parties li.libertarian a{background: #CCCCCC url(../images/party-icons/icon-libertarian.png) no-repeat 50% 15%;}
    ul#parties li.republican a{background: #E6E6E6 url(../images/party-icons/icon-republican.png) no-repeat 50% 15%;}

    ul#parties li {width: 100%;}
    ul#parties li a {padding:144px 0 16px 0; line-height: 19px;}
    ul#parties li.constitution a span {display:block; padding-top: 5px;}
    ul#parties li.democrat a span {display:block; padding-top: 10px;}
    ul#parties li.independentAmerican a span {display:block; padding-top: 10px;}
    ul#parties li.libertarian a span {display:block; padding-top: 10px;}
    ul#parties li.republican a span {display:block; padding-top: 10px;}

    #whatIsACaucus{width:100%; background: #21B4E8 url(../images/caucusPeople.png) no-repeat center 55px; padding:20px 0 100px 0;}
    #registerToVote{width:100%; background: #0D3756 url(../images/registerToVote.png)no-repeat center 55px; padding:20px 10px 100px 10px;}




}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

    #header {height:100px;}
    #header h1 {font-size: 1.6em;}
    #header h3 {display:none;}
    #title{width:100%; float:none;}
    #socialMedia {float:none; width:100%; padding-top: 15px;}
    #content h2 {padding: 10px 0; font-size: 1.6em;}
    #main{width:90%; padding: 15px;}
    #main h1 {padding-bottom: 10px; font-size: 1.6em;}
    #main p {font-size: 1em;}
    #sidebar {float:left; width:100%; margin-bottom: 15px; padding-left: 15px;}
    #partyNav {padding-top: 5px;}
    #partyNav li a {color:#21B4E8; text-decoration: none; text-transform:uppercase; font-size: 1em; padding:5px 5px 5px 5px;
    float:left; display:inline-block;}
    #partyNav li a:hover {color:#FFFFFF; background-color:transparent; }

    ul#parties li.constitution a {/*background-color:#808080;*/ background: #898989 url(../images/party-icons/icon-constitution.png) no-repeat 50% 15%;}
    ul#parties li.democrat a{/*background-color:#999999;*/ background: #999999 url(../images/party-icons/icon-democrat-2.png) no-repeat 50% 15%; }
    ul#parties li.independentAmerican a{/*background-color:#B3B3B3;*/ background: #B3B3B3 url(../images/party-icons/icon-independent.png) no-repeat 50% 15%;}
    ul#parties li.libertarian a{/*background-color:#CCCCCC;*/ background: #CCCCCC url(../images/party-icons/icon-libertarian.png) no-repeat 50% 15%;}
    ul#parties li.republican a{/*background-color:#E6E6E6;*/ background: #E6E6E6 url(../images/party-icons/icon-republican.png) no-repeat 50% 15%;}

    ul#parties li {width: 100%;}
    ul#parties li a {padding:144px 0 16px 0; line-height: 19px;}
    ul#parties li.constitution a span {display:block; padding-top: 5px;}
    ul#parties li.democrat a span {display:block; padding-top: 10px;}
    ul#parties li.independentAmerican a span {display:block; padding-top: 10px;}
    ul#parties li.libertarian a span {display:block; padding-top: 10px;}
    ul#parties li.republican a span {display:block; padding-top: 10px;}

    .stateSeal{display:none;}
    #whatIsACaucus{width:100%; background: #21B4E8 url(../images/caucusPeople.png) no-repeat center 55px; padding:20px 0 120px 0;}
    #registerToVote{width:100%; background: #0D3756 url(../images/registerToVote.png)no-repeat center 85px; padding:20px 10px 120px 10px;}
    #footer {padding:5px 15px;}
    #footer ul li a {padding:0px 10px 15px 0;}
}