body { -webkit-font-smoothing:antialiased; }
#site-wrapper { max-width:800px; margin:0 auto; }

@media (min-width:1px) {
	#site-wrapper { max-width:none; margin:0; }
}

h1, .h1 { font-size: 32px; font-weight: 900; line-height: 40px;}
h2, .h2 { font-size: 28px; font-weight: 600; line-height: 32px;}
h3, .h3 { font-size: 22px; font-weight: 600; line-height: 22px; text-transform: uppercase;}

#top-ad { margin:40px 0 0 0; border: 1px solid #ccc; }
#bottom-ad { margin:0 0 40px 0; border: 1px solid #ccc; }
.adnotice { position:relative; height:0; }
.adnotice:before { content:"Advertisement"; position:relative; line-height:20px; font-size:12px; top:-25px; text-align:center; text-transform:uppercase; font-family:"Courier New", Courier, monospace; }
.adspace { text-align:center;}
.adspace .adsbygoogle { display:block !important; margin:0 auto; }
.adspace>img { display:block; }

#page-body { padding-bottom:20px; }

#header { background:#20426c; color:white;
	background: rgb(26,53,86); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(26,53,86,1) 0%, rgba(32,66,108,1) 30%, rgba(26,53,86,1) 60%, rgba(26,53,86,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(26,53,86,1) 0%,rgba(32,66,108,1) 30%,rgba(26,53,86,1) 60%,rgba(26,53,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(26,53,86,1) 0%,rgba(32,66,108,1) 30%,rgba(26,53,86,1) 60%,rgba(26,53,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3556', endColorstr='#1a3556',GradientType=1 ); /* IE6-9 */
 }
#header a { color:inherit; }

.img-expand {margin: -20px -20px -60px -20px; display: block;}
.img-expand img {width: 100%; height: auto;}
@media (min-width:768px) {.img-expand {margin: -30px -30px -70px -30px;}}

.logo-image { display:block; width:105px; height:70px; background:url(../images/logo_mh.png) no-repeat center center; }

#logo { background:url(../images/logo_mike_huckabee.png) no-repeat 120px center; margin:0 -15px; }
#logo a { display:block; padding:15px 15px 15px 15px; } 
#logo a:hover { background-color:rgba(255,255,255,0.15); }
#logo .site-title { display:none; }

#navigation { background-color:#0e1e33; margin:0 -15px; position:relative; }

#mainnav { float:left; margin-right:10px; }
#mainmenu-nav #mainnav-button { height:60px; padding:18px 20px; }

#mainnav-collapse { top:60px; }

#header-social-media-links { float:right;margin-right:10px; }
#header-social-media-links .link { float:left; }
#header-social-media-links .link a { display:block; width:50px; height:60px; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; padding: } 
#header-social-media-links .link a:hover { opacity:0.8; }
#header-social-media-links .link.facebook a { background-image:url(../images/icon_social_facebook.png); }
#header-social-media-links .link.twitter a { background-image:url(../images/icon_social_twitter.png); }
#header-social-media-links .link.youtube a { background-image:url(../images/icon_social_youtube.png); }
#header-social-media-links .link.instagram a { background-image:url(../images/icon_social_instagram.png); }

@media (min-width:481px) {
	#header-social-media-links .link a { width:60px; }
}

@media (min-width:768px) {
	#page-body { padding-bottom:40px; }
	
	#header { position:fixed; top:0; right:0; left:0; z-index:997; }
	body { margin-top:100px; }
	
	#logo { float:left; margin:0; }
	#logo a { width:265px; height:100px; }
	#navigation { float:right; background-color:transparent; margin:0; }
	
	#mainmenu-nav #mainnav-button { height:100px; padding:38px 20px; }
	#mainmenu-nav #mainnav-button .button-image { }
	#mainmenu-nav #mainnav-button .button-text { padding:0 5px; }
	
	#mainnav-collapse { top:100px; }
	
	#header-social-media-links { float:left; margin-left:10px; margin-right:-10px; }
	#header-social-media-links .link { background:url(../images/nav_social_bg.png) no-repeat center center; margin:0 -10px; }
	#header-social-media-links .link a { width:93px; height:100px; }
}



#related-links { background:#20426c; color:white; padding:30px; margin:20px 0 0 0; }
#related-links li { font-weight: 600;margin-top: 15px;border-top: 1px solid rgba(255,255,255,.25);padding-top: 15px; }
#related-links a { color:inherit; }
#related-links:before { content:"Related Links"; display:block; font:italic bold 24px/1 "Oswald", sans-serif; }

@media (min-width:1230px) {
	#related-links { margin-top:0; }
}

.sidebar-box { margin-top:40px; }
.sidebar-box img { max-width:100%; height:auto; }

#follow-bar { display:none; }
@media (min-width:992px) {
	#follow-bar { display:block; background:#20426c; color:white;
		background: rgb(26,53,86); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(26,53,86,1) 0%, rgba(32,66,108,1) 30%, rgba(26,53,86,1) 60%, rgba(26,53,86,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(26,53,86,1) 0%,rgba(32,66,108,1) 30%,rgba(26,53,86,1) 60%,rgba(26,53,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(26,53,86,1) 0%,rgba(32,66,108,1) 30%,rgba(26,53,86,1) 60%,rgba(26,53,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3556', endColorstr='#1a3556',GradientType=1 ); /* IE6-9 */
	 }
	#follow-bar a { color:inherit; }
	
	#follow-bar-logo { float:left; padding:25px 0 25px 105px; position:relative; }
	#follow-bar-logo .logo-image { position:absolute; left:0; top:25px; bottom:25px; }
	#follow-bar-logo .line-1, #follow-bar-logo .line-2 { display:block; text-transform:uppercase; font-style:italic; }
	#follow-bar-logo .line-1 { font-size:16px; line-height:16px; font-weight:300; padding-left:10px; padding-top:6px; }
	#follow-bar-logo .line-2 { font-size:40px; line-height:40px; font-weight:700; font-family:"Oswald", sans-serif; }
	
	#follow-bar-signup { padding:35px 0; }
	#follow-bar-signup form { margin:0; padding:0; }
	#follow-bar-signup form .input-group { width:100%; }
	#follow-bar-signup form input { height:50px; }
	
	#follow-bar-social-media-links { float:right; margin-left:10px; padding:35px 0; }
	#follow-bar-social-media-links .link { float:left; background:url(../images/divider_footer_social.png) no-repeat left center; padding-left:10px; }
	#follow-bar-social-media-links .link:first-child { background:none; }
	#follow-bar-social-media-links .link a { display:block; width:60px; height:50px; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; }
	#follow-bar-social-media-links .link a:hover { opacity:0.8; }
	#follow-bar-social-media-links .link.facebook a { background-image:url(../images/icon_social_facebook.png); }
	#follow-bar-social-media-links .link.twitter a { background-image:url(../images/icon_social_twitter.png); }
	#follow-bar-social-media-links .link.youtube a { background-image:url(../images/icon_social_youtube.png); }
	#follow-bar-social-media-links .link.instagram a { background-image:url(../images/icon_social_instagram.png); }
}

#footer { padding:20px 0; color:#a1a7ac; }
#footer a { color:inherit; }
#footer a:hover { color:#b00f0d; }

@media (min-width:768px) {
	#footer { padding:40px 0; }
}

/* COPY LAYOUT */

#page-body { padding-top:20px; }

#page-header { text-align:center; padding:0; }
#page-header h1 { font:italic bold 24px/1 "Oswald", sans-serif; margin:0; padding:0; letter-spacing:1.5px; text-transform:uppercase; position:relative; }
#page-header h1:before { content:""; position:absolute; top:50%; left:0; right:0; border-top:1px solid #e7e9eb; z-index:1; }
#page-header h1 a { color:inherit; padding:0 30px; background:white; position:relative; z-index:2; }
#page-header h1 a:hover { text-decoration:none; color:inherit; }
#page-controls { text-align:center; padding:10px; }
#page-controls .breadcrumb { background:none; margin:0; padding:0; color:#a1a7ac; }
#page-controls .breadcrumb a { color:inherit; }
#page-controls .breadcrumb a:hover { color:#b00f0d; text-decoration:none; }
#page-controls .breadcrumb>li+li:before { padding:0; }
 

@media (min-width:768px) {
	#page-body { padding-top:40px; }
	#content { padding-top:15px; }
}

@media (min-width:1230px) {
	#copy { float:left; width:870px; padding-right:30px; min-height:1px; }
	.no-sidebar #copy { float:none; width:auto; }
	#sidebar { float:left; width:300px; }
}