/*



Theme Name:		James Wharton MP



Description:		Custom WordPress design & development for James Wharton, MP for Stockton South.



Version:		1.0



Author:			93digital



Author URI:		http://93digital.co.uk/



*/







ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{



	margin:0;



	padding:0;



}



ul{



	list-style:none;



}



fieldset{



	border:0;



}



a,a:link,a:visited,a:hover{



	color:#d8d8d8;



	text-decoration:none;



}



a:focus,a:hover{



	text-decoration:underline;



}







a img{



	border:none;



}



div.wp-caption.aligncenter {



	margin: 0 auto !important;



}







.clear{



	clear:both;



}







html{



	background: #6ab9e0 url(images/custom.jpg) top center fixed no-repeat;



}







body{



	position:relative;



	background:  url(images/bodybg.png) top repeat-x;



	font:62.5% 'PT Sans', sans-serif;



}











#header{

	position: relative;

	width:960px;



	min-height:195px;



}


#head-top{



	min-height:117px;



	padding:25px 0px 0px 0px;



}







#title{



	float: left;



}







#header h1{



	color:#00508C;



	font-size:60px;



	text-transform: none;



	line-height:100%;



}







#header span{



	position: relative;



	top: -4px;



	color: #1CA6F2;



	font-size:32px;



	display:block;



	font-weight:normal;



}







#logo{



	float:right;



	margin:23px 0px 0px 0px;



}







#navigation ul li{



	float:left;



	font-size:19px;



	font-weight:bold;



	padding:11px 58px 0px 4px;



	text-transform:none;



}

#navigation ul li:last-child{


	padding:11px 0px 0px 4px;

}






#navigation ul li a{



	color:#fff;



	text-decoration: none;



}







#container{



	width:946px;



	padding:8px 7px;



	margin: 0px 0px 20px 0px;



	background:url(images/container-bg.png);



}







#content{



	width:908px;



	background:#fff;



	padding:15px 20px 20px 18px;



}







#content h1{



	color:#000;



	font-size:30px;



	font-weight:normal;



	line-height: 100%;



	padding:0px 0px 5px 0px;



}







#content h2{



	color:#000;



	font-size:28px;



	font-weight:normal;



	padding:0px 0px 5px 0px;



}







#content p{



	color:#000;



	font-size:13.5px;



	line-height:140%;



	padding:0px 0px 8px 0px;



}







a.latestnews{



	float:right;



	color:#009ad9;



	font-size:16px;



	margin:7px 0px 0px 0px



}







#article{



	padding:15px 0px 17px 0px;



}







#content #article h2{



	color:#009ad9;



	line-height: 100%;



	margin: 0px 0px 2px 0px;



}







#content #article p{



	font-size: 13px;



	padding: 8px 0px;



}







#content #article a.more-link{



	margin: 15px 0px 0px 0px;



}







#article-left{



	float:left;



	width:415px;



}







#article-right{



	float:left;



	width:492px;



}







#james-wharton{



	float:left;



	width:509px;



	padding:17px 46px 0px 0px;



}







#content #james-wharton h2{



	color:#1CA6F2;



	font-size:31px;



}







#content #james-wharton p{



	font-size:13px;



}







#james{



	float:left;



	width:124px;



	padding:10px 0px 0px 0px;



}







#james-text{



	float:left;



	width:385px;



	padding:8px 0px 0px 0px;



}







#content #james-text p.more{



	margin: 15px 0px 0px 0px;



}











#twitter{



	float:left;



	width:323px;



	padding:20px 0px 0px 0px;



}



#content #text-2{

	padding: 10px 0px 0px 0px;

}







#content #twitter h2, #content #text-217315711 h2{



	color:#1CA6F2;



	font-size:30px;



	line-height:100%;



	padding:0px 0px 10px 42px;



	background:url(images/twitter-bg.jpg) left top no-repeat;



}







.twitter-text{



	margin:0px 0px 6px 0px;



	padding:12px 0px 10px 0px;



	border-bottom:1px #00aced solid;



}







.twitter-text a, .twitter-text span{



	color:#1CA6F2;



}







a.follow{



	width:158px;



	height:16px;



	display:block;



	text-decoration: none;



	-moz-border-radius: 3px;



	border-radius: 3px;



	padding:2px 0px 0px 4px;



	margin: 16px 0px 20px 0px;



	border:1px #cccccc solid;



	background:url(images/follow-bg.jpg) left top repeat-x;



}







a.follow span{



	color:#000;



	text-decoration: none;



	font-size:11px;



	list-style:100%;



	padding:0px 0px 0px 16px;



	background:url(images/sub-twitter.jpg) left bottom no-repeat;



}







#leftcolumn{



	float:left;



	width:580px;



	padding:0px 22px 0px 0px;



}







#rightcolumn{



	float:left;



	width:298px;



}







#rightcolumn .widget h2{



	color:#1CA6F2;



	font-size:30px;



	padding:0px 0px 6px 0px;



}







.widget{



	padding:0px 0px 16px 0px;



}







.widget ul li{



	color:#000;



	font-size:14px;



	line-height:140%;



	padding:6px 0px 6px 0px;



	border-bottom:1px #00aced solid;



}







.widget ul li a{



	color:#000;



}







#rightcolumn #twitter{



	width:298px;



}







#content .page-post p{



	padding: 8px 0px;



}







.single .post{



	padding: 2px 0px 10px 0px;



}







.post{



	padding:7px 0px 10px 0px;



}



#post-2 {



	padding: 0 0 0 10px;



}





.post h3{



	color:#00aced;



	font-size:20px;



	padding:8px 0px 0px 0px;



}







.single .post h3{



	padding:2px 0px 0px 0px;



}







.post span.date{



	width: 100%;



	color:#3a3a3a;



	font-size:12px;



	display:inline-block;



	padding:3px 0px 6px 0px;



	border-bottom:1px #00aced solid;



}







#leftcolumn .post p{



	padding:10px 0px 8px 0px;



}











.post .sociable{



	padding: 10px 0px 0px 0px;



	margin: 0px;



}







.navigation{



	font-size: 16px;



	padding: 15px 150px;



}







.navigation a{



	text-decoration: none;



}











/* Begin Images */



p img {



	padding: 20px 0 5px 0;



	max-width: 100%;



	}







img.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	margin: 0 38px 15px 38px;



	display: inline;



	}







img.alignleft {



	margin: 0 38px 15px 38px;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left;



	}



/* End Images */







#footercontainer{



	border-top: 2px solid #009ad9;



	background: #fff;



}







#footer{



	width:960px;



	margin: 0 auto;



	padding:20px 0px 25px 0px;



}







#foot-left{



	float:left;



}







#foot-left p{



	color:#000;



	font-size:10px;



	padding:6px 0px 0px 0px;



}







#foot-right{



	float:right;



	padding:41px 0px 0px 0px;



}







#foot-right span{



	color:#1f1f1f;



	font-size:10px;



	font-weight:bold;



}







#foot-right a{



	color:#1f1f1f;



}







#wrapper{



	width:960px;



	margin:0 auto;



}

/* HOME PAGE SLIDER - UPDATED BY 93digital 13/03/15 */

.homeimgslider {

	margin: 14px 0 14px 0;

}




/* HOME PAGE SLIDER - INSTALLED BY 93digital 04/03/14 */



.fps-pagination {



margin: 0 auto 0 !important;



}


.slides_control{
	width: 100% !important;
	max-width: 910px;
}

#fps-container {

max-width: 910px;

margin: 12px 0 0 0 !important;



}


.fps-post-content {


height: 210px;



}

.fps-slide{
max-width: 910px;
}

.fps-slides-container {



height: 210px !important;



}



.entry-utility {



font-size: small !important;



}



.fps-slide h2 {



line-height: 28px !important;



}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

/* Responsive Menu
--------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
	margin-top: 10px;
	text-align: center;
}

#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	color: #fff;
	content: "\f333";
	font: normal 24px/1 'dashicons';
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-transform: none;
}



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

	#wrapper,
	#header,
	#footer{
		width: 868px;
	}
	
	#container{
		width: 854px;
	}
	
	#content{
		width: 816px;
	}
	
	#fps-container {
		max-width: 816px;
	}
	
	.fps-post-content {
		height: 270px;
	}

	.fps-slide{
		max-width: 816px;
	}

	.fps-slides-container {
		height: 270px !important;
	}	

	#navigation ul li{
		padding:11px 40px 0px 4px;
	}
	
	#leftcolumn,
	#james-wharton{
		width:576px;
		padding:0px 22px 0px 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}

	#rightcolumn,
	#twitter{
		width:240px;
	}
	
	img.alignright {
	margin: 0 0px 15px 15px;
	}

	img.alignleft {
	margin: 0 15px 15px 0px;
	display: inline;
	}

}

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

	#wrapper,
	#header,
	#footer{
		width: 768px;
	}
	
	#container{
		width: 754px;
	}
	
	#content{
		width: 716px;
	}
	
	#fps-container {
		max-width: 716px;
	}
	
	.fps-post-content {
		height: 310px;
	}

	.fps-slide{
		max-width: 716px;
	}

	.fps-slides-container {
		height: 310px !important;
	}	
	
	#navigation ul li{
		padding:11px 20px 0px 4px;
	}
	
	#leftcolumn,
	#james-wharton{
		width:501px;
		padding:0px 22px 0px 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}

	#rightcolumn,
	#twitter{
		width:215px;
	}
	
	#james{
		width: 25%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}

	#james-text{
		width: 75%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}


}


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

	#wrapper,
	#header,
	#footer{
		width: 100%;
	}
	
	#header h1{
		font-size:40px;
	}

	#header span{
		top: -4px;
		font-size:22px;
	}
	
	#wrapper,
	#footer{
		padding-left: 5%;
		padding-right: 5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	.responsive-menu {
		display: none;
	}
	
	#responsive-menu-icon {
		display: block;
	}
	
	#navigation{
	}

	#navigation ul{
		position: absolute;
		width: 100%;
		z-index: 9999;
		background: #009AD9;
		margin-bottom: 20px;
	}
	
	#navigation ul li{
		width: 100%;
		padding: 0px;
		border-top: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	#navigation ul li a{
		display: block;
		width: 100%;
		padding: 5px 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	#container{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	#content{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	#fps-container {
		max-width: 100%;
		margin-bottom: 12px !important;
	}
	
	.fps-post-content {
		height: auto;
	}
	
	.fps-slide,
	.fps-slides-container{
		position: relative;
		float: left;
		max-width: 100%;
		width: 100%;
	}
	
	.fps-thumb{
		width: 100%;
		float: none;
		margin: 0px 0px 20px 0px;
	}
	
	.fps-thumb a{
		display: block;
		width: 100%;
	}
	
	.fps-thumb img{
		display: block;
		margin: 0 auto !important;
		float: none;
	}
	
	.fps-post-content{
		width: 100%;
		float: none;
		text-align: center;
	}

	.fps-slides-container {
		height: auto !important;
	}
	
	#navigation ul li{
		font-size: 14px;
		padding:11px 20px 0px 4px;
	}
	
	#leftcolumn,
	#james-wharton{
		width: 100%;
		padding:0px 0px 0px 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}

	#rightcolumn,
	#twitter{
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		width: 100%;
	}
	
	#rightcolumn{
		margin-top: 34px;
	}
	
	#james{
		width: 25%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}

	#james-text{
		width: 75%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}


}

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

	#head-top{
		padding-top: 15px;
	}
	
	#title{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	#header h1{
		font-size:36px;
	}

	#header span{
		top: 0px;
		font-size:20px;
	}
	
	#logo{
		max-width: 40%;
		float: none;
		display: block;
		margin: 10px auto 0;
	}
	
	#responsive-menu-icon {
		margin-top: 20px;
	}
	
	#foot-left,
	#foot-right{
		float: none;
		text-align: center;
	}

}

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


	#james{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	#james img{
		display: block;
		margin: 0 auto;
	}

	#james-text{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	#post-2{
		padding: 0px;
	}

	
	#header h1{
		font-size:32px;
	}
	
	img.alignright,
	img.alignleft {
		display: block !important;
		float: none !important;
		margin: 0 auto 15px auto !important;
	}



}