/* @override http://kennedymagazine.com/wp-content/themes/kennedymag/style.css */

@charset "utf-8";
/*
Theme Name: Kennedy Magazine
Theme URI: 
Author: nextnode.net
Author URI: http://nextnode.net
Description: A theme based on Whiteboard Framework. 
Version: 1.0

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/


@font-face {
	font-family: 'Kennedy';
	src: url('lib/fonts/ngsgr-riddiford-webfont.eot');
	src: local('☺'), url('lib/fonts/ngsgr-riddiford-webfont.ttf') format('truetype'), url('lib/fonts/ngsgr-riddiford-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{ border: 0; margin: 0; padding: 0;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body{
	min-height: 100%;
}

body{
	color: #002c42;
	font-family: "Kennedy", Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 2px;
}

a, a:visited{
	text-decoration: none;
	color: #002c42;
}
div#title{
	padding-bottom: 0px;
	
}
h1#logo{
	font-size: 96px;
	line-height: 84px;
	border-bottom: 1px solid #002c42;
}
form{
	display: inline-block;
	margin-top: 10px;
	padding: 5px;
}

h2{
	 
	font-family: "Kennedy", Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
		font-weight: normal;
	font-style: normal
	
}

h3{
	 
	font-family: "Kennedy", Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 14px;
	font-style: normal;
	
	
}

h4{
		font-family: "Kennedy", Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 14px;
	font-style: normal;
	
}


div.su-row  {
 width: 100%;
}



p#tagline{
	line-height:36px;
}
#wrapper{
	width: 100%;
	display: block;
}

#main{
	margin-top: 10%;
	width: 1200px;
	margin:auto;
	text-align: center;
}
.page-content{
	height: 800px;
}


#text-content{
	padding: 120px 20px 120px 20px;
	max-width: 580px;
	margin: auto;
}
#text-content span{
	font-family: Georgia, "Times New Roman", Times, serif;
}
#text-content a, #text-content a:visited{
	color: #fff;
}
#text-content h3,#text-content h4{
	padding-bottom: 20px;
}
#text-content .easygalleryslider{
	max-width: 50%;
	margin: 0 auto 20px auto;
}
#nav-footer li{
	display: inline;
}
#nav-footer{
	padding: 10px 0 8px 0;
}
#nav-footer a{
	padding: 8px 10px;
}
#copy{
	width: 100%;
	font-size: 11px;
	padding: 4px 0;
	border-top: 1px solid #002c42;
}
#social{
	margin: auto;
	width: 160px;
}
#social a{
	width: 100%;
	height: 100%;
	display: block;
}
#social .social div{
	background: url(lib/img/social-kennedy-blue-sm.png) no-repeat;
	width: 32px;
	height: 32px;
	float: left;
	margin: 4px;
	 border-radius: 50%;
	 -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#social .social div.tumblr{
	background-position: -96px 0;
}
#social .social div.youtube{
	background-position: -32px 0;
}
#social .social div.vimeo{
	background-position: -64px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#copy span{
	display: block;
	width: 100%;
	text-align: center;
}
	#main{
	
	width: 500px;
	
	}
	
	.page-content{
	height: auto;
	}
	#text-content{
	padding: 20px 20px 20px 20px;
	max-width: 500px;
	margin: auto;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	#main{
	
	width: 750px;
	
	}
	.page-content{
	height: 503px;
}
	#text-content{
	padding: 40px 20px 40px 20px;
	max-width: 500px;
	margin: auto;
}
#text-content h3,#text-content h4{
	padding-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
	form{
	clear: both;
	display: block;
	height: 50px;
	line-height: 0px;
}
#text-content h2{
	font-size: 14px;
	line-height: 17px;
}

	#nav-footer{
	padding-top: 18px;
}
	#nav-footer li{
	display: block;
width: 100%;
height: 30px;}
#nav-footer li a{
	width: 100%;
	height: 100%;
}
#copy span{
	display: block;
	width: 100%;
	text-align: center;
}
	#main{
	
	width: 300px;
	
	}
	.page-content{
	height:auto
	}
	#text-content{
	padding: 20px 10px;
	max-width: 500px;
	margin: auto;
}
#text-content h3,#text-content h4{
	padding-bottom: 4px;
}
	h1#logo img{
	width: 300px;
}
}
.none, .hidden { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}

.page-id-2 #text-content{
 max-width: 90%;
 
}


span {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}
	

/* Always remember to compress your live stylesheet and keep an uncompressed backup */