/*

Theme Name: Contra Krugman Theme

Description: Custom WordPress theme by Contra Krugman

Version: 1.0

Author: Contra Krugman

Author URI: 



*/

/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	text-align: left;

	font-size: 18px;

	color: #000;

	vertical-align: baseline;

}



/* 

 * Fonts

 */



body,html { width: 100%; height: 100%; text-align: left; }

body { background: #f4f1ee; }



input, textarea { 

	margin: 5px 0; 

	padding: 5px; 

	font-family: 'Roboto', sans-serif; 

	color: #333; 

	font-size: 13px; 

	border: 2px solid #ccc; 

	border-radius: 4px; 

}



ul, ol { padding: 15px; }



p { margin: 9px 0; }



span { font-family: 'Roboto', sans-serif; }

strong { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }

em { color: #0899c7; }



a { color: #1d9ccb; text-decoration: none; }

a:link { color: #1d9ccb; text-decoration: none; }

a:visited { color: #1d9ccb; text-decoration: none; }

a:hover{ color: #1d9ccb; text-decoration: underline; }



img { border: 0; max-width:100%;height:auto;}
.img {min-height:30vh;}

@media (max-width: 1024px) {
	.img {min-height:22vh;}
}

@media (max-width: 640px) {
	.img {min-height:15vh;}
}



#wrapper { 

	margin: 0 auto -84px; 

	width: 100%; 

	min-height: 100%; 

	height: auto !important;

	height: 100%;  

	overflow-x: hidden;

}



.container { margin: 0 auto; max-width: 950px; position: relative; z-index: 5; }



.clear { clear: both; }

p.center { text-align: center; }



h3 { font-size: 23px; margin-bottom: 10px; }





/********** header *********/

header { background: #303030; width: 100%; height: 88px; }




.full-test-wrapper {
  background: #0899c7; 
  
}

.test-wrapper {
display: block;
width: 100%;
background: #0899c7; 

}

.test-wrapper-1050 {
max-width: 1050px;
background: #0899c7;
margin: 0 auto;
}

.test-wrapper2 {
display: none;
}

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

.test-wrapper-1050 {
display: none;
}
.test-wrapper2 {
max-width: 1501px;
display: block;
margin: 0 auto;
background: #0899c7;
}
}

/*  Tony: comment this out when running the Contra Cruise slider  
 .slider { position: relative; width: 100%; height: 325px; background: #0899c7; } 
*/










header .column01 { width: 40%; float: left; }

header .column02 { width: 60%; float: left; }



nav { float: left; padding-top: 15px; }

nav ul { list-style: none; }

nav ul li { display: inline; margin-left: 25px; }

nav a { padding: 2px; color: #fff; font-size: 18px; }

nav a:link { color: #fff; }

nav a:visited { color: #fff; }

nav a:hover { text-decoration: none; color: #0899c7; }

nav a:first-child { margin-left: 0; }



nav .current_page_item a, nav .current-menu-item a, nav .current_page_item a:active {

	text-decoration: none; 

	color: #0899c7;

}



.leads { float: right; width: 534px; margin-top: 36px; margin-right: 25px; }



.leads .socials { text-align: right; float: left; margin-right: 15px; }

.leads .socials span { font-size: 36px; color: #C0C0C0; }

.leads .socials span:hover { color: #6DDAFD; }



.leads .leadform { margin-top: 9px; }

.leads input.leademail  { width: 280px; height: 30px; background: #f7f7f7; color: #C2C2C2; margin: 0; padding: 0 10px; }

.leads input.leadsubmit { width: 100px; height: 30px; background: #6DDAFD; color: #fff; font-weight: 700; text-transform: uppercase; border: none; padding: 0; }



/********** main body *********/

section#content { margin-top: 62px; padding-bottom: 125px; }



h2.entry-title { font-size: 26px; font-weight: bold; margin-bottom: 10px; }

.podcast { margin-bottom: 15px; }

.date-author { font-size: 13px; color: #999; line-height: 34px; font-weight: bold; }

.date-author a { font-size: 13px; color: #fff; }

.date-author a:link { font-size: 13px; color: #fff; }

.date-author span { padding: 0 9px; font-size: 13px; border-radius: 6px; background: #999; } 



#content .column01 { width: 299px; margin-right: 27px; float: left; }

#content .column02 { width: 624px; float: right; }

#content .column02 article { padding: 15px 23px; background: #fff; margin-bottom: 25px; box-shadow: 1px 2px 5px rgba(0,0,0,0.4);}



.ck_default li{ list-style: none; margin-bottom: 25px; }

.ck_secondary { }

.ck_secondary li { margin-bottom: 25px; background: #fff; padding: 10px 20px; list-style: none; box-shadow: 1px 2px 5px rgba(0,0,0,0.4); }

.ck_secondary li h3 { font-size: 18px; text-transform: uppercase; text-align: center; color: #0899c7; font-weight: bold; }



.ck_secondary li#archives-2 ul li { box-shadow: none; text-align: center; }



.socials { background: #099ac9; margin: 25px 0; }

.socials .contain { padding: 0 10px; }

.socials .ssba a { font-family: 'Roboto', sans-serif; }

.socials .ssba a.ssba_diggit_share { margin-left: 125px; }

.ssba img { width: 31px !important; }



.col01 { width: 250px; margin-right: 20px; float: left; }

.col02 { width: 305px; float: left; margin-top: -14px; }



h3.title a { font-size: 23px; color: #3f3f3f; }

.col02 p { font-size: 17px; font-weight: 300; color: #6b6b6b; }



a.readmore { margin: 10px 0; font-size: 16px; background: #0899c7; padding: 4px 22px; text-transform: uppercase; color: #fff; }



.standard { font-size: 14px; color: #6b6b6b; }



.popular-posts { margin-bottom: 25px; background: #fff; padding: 10px 20px; box-shadow: 1px 2px 5px rgba(0,0,0,0.4); }

.popular-posts h3 { font-size: 18px; text-transform: uppercase; text-align: center; color: #0899c7; font-weight: bold; }



ul.popular { list-style: none; padding: 0; }

ul.popular li { margin-bottom: 13px; }

ul.popular .col01 { width: 70px; height: 70px; overflow: hidden; float: left; margin-right: 10px; }

ul.popular .col02 { width: 175px; float: left; font-size: 14px; margin-top: -5px; }

ul.popular .col02 p { font-size: 14px; }

ul.popular .col02 p a { color: #3f3f3f; }

ul.popular .col02 p a:hover { text-decoration: none; }

ul.popular .col02 .date { font-size: 12px; margin-top: 10px; }



.notify { width: 100%; height: 91px; position: relative; }

.notify .c01 { position: absolute; height: 91px; width: 50%; background: url(images/ck_notify_home_01.jpg); }

.notify .c02 { position: absolute; left: 50%; height: 91px; width: 50%; background: url(images/ck_notify_strip.jpg); }

.notify.interior .c01 { position: absolute; height: 91px; width: 50%; background: url(images/ck_notify_interior_01.jpg); }



.notify.interior img { margin-top: -5px; }



.podcast_download, .podcast_youtube { float: left; margin: 20px 0; }

.podcast_download { margin-right: 30px; }

.podcast_download a, .podcast_youtube a { 

	width: 234px; 

	padding: 20px;

	display: block;

	border-radius: 6px; 

	background: #0899c7; 

	color: #fff;

	font-size: 21px;

	font-family: 'Roboto Condensed', sans-serif;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

	border-bottom: 2px solid #0d495c;

}



.connect { width: 299px; }



.show_subscribe { 

	background: #0899c7;

	width: 279px;

	padding: 10px;

}



.show_subscribe h4 {

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	line-height: 36px;

}



.show_select {

	background: #fff;

	border-radius: 5px;

	height: 75px;

}



.show_select .shows {

	margin: 0 auto;

	display: table;

	padding-top: 17px;

}



header.page-header { background: #ccc; height: 50px; }

header.page-header h1 { padding: 15px; }



.search-box { float: right; margin-top: 24px; width: 200px; }



input#s {

	border: none;

}



input#searchsubmit {

	background: url(images/ck_search.jpg) no-repeat -3px -2px; 

	font-size: 0;

	border: none;

	width: 19px;

	height: 30px;

}


#nav-below { display: table; margin: 0 auto; float: none; }
#nav-below h2 { display: none; }

#nav-below .nav-links { margin: 0 auto; display: table; }
#nav-below .nav-links a, span { padding: 5px 10px; margin: 0 5px; border: 1px solid #0899C7; color: #000; }
#nav-below .nav-links span.current, #nav-below .nav-links a.prev, #nav-below .nav-links a.next { background: #0899C7; color: #fff; }


/********** footer *********/

.push { height: 84px; }

footer { background: #303030; height: 84px; }



footer .column01 { width: 299px; margin-right: 27px; float: left; }

footer .column02 { width: 624px; float: left; margin-top: 10px; }



footer .column02 li { list-style: none; }

footer .column01 p, footer .column02 p { font-size: 14px; color: #fff; }



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



	/********** header *********/

	#content .column01 { margin: 0 auto; display: table; width: 95%; float: none; }

	#content .column02 { margin: 0 auto; display: table; width: 95%; float: none; position: relative; }	

	

	.notify { height: auto; }

	.notify .c01, .notify .c02 { display: none; }

	.notify img { width: 100%; display: block; }

	

	.slider { height: auto; }

	.slider img { width: 95%; margin: 0 auto; display: table; }

	

	/********** main body *********/

	.ck_default { margin: 0 auto; display: table; }

	footer .column01 { width: 100%; float: none; }
	footer .column02 { width: 100%; float: none; }
	footer p { text-align: center; }

}



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

	/********** header *********/
	header .column01 { width: 100%; float: none; }
	header .column02 { width: 100%; float: none; }

	header { height: auto; }
	nav { float: none; padding: 0; }
	
	header .column01 img { margin: 0 auto -10px; display: table; }
	
	.search-box { float: none; margin: 0 auto; display: table; width: auto; }		

}



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

	/********** header *********/

	

}



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

	/********** header *********/

}


/********** Styles Tony Added *********/

.vc_row {
margin-bottom: 10px !important;
}
.wpb_content_element {
margin-bottom: 15px !important;
}
.wpb_wrapper {
overflow: hidden;
}
.wpb_wrapper img {
margin-bottom: 10px !important;
}
.mb_map {
display: none !important;
}
img.alignleft {
float: left !important;
padding: 10px 10px 10px 0px;
}
h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px; }

.player-track-title {display:none;}

.popular-posts {display:none !important;}

#synved_social_follow-3 div{
width: 115px;
margin:0 auto;

}

#content .column02 {display: block;}