/*========================================================
		Basics Page Setup                                                                                 
	========================================================*/	
	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-size: 100%;
		font: inherit;
		vertical-align: baseline; 
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
	body {line-height: 1;}
	ol, ul {list-style: none;} 
	body {    
		-webkit-font-smoothing: antialiased;  
		-webkit-text-size-adjust: 100%;
	} 
	
	::-moz-selection { color: #ffffff;}
	::selection      { color: #ffffff;} 
	
	img {max-width: 100%;height: auto; }
	img.center {display:block;margin:0}

	.content-wrap{
		max-width:700px;
		width:100%;
		margin: 0 auto; 
		padding: 0 20px;
		margin-top:20px
	} 
	
	.container{ width: 100%; max-width:700px;position: relative; margin: 0 auto; padding: 0;} 
    .container .column,.container .columns{ margin-left: 0.78125%; margin-right: 0.78125%; float: left; display: inline;   }
    .container .six.columns { width: 35.9375%; } .container .ten.columns{ width: 60.9375%; } .container .sixteen.columns { width: 98.4375%; }
    
    .ie .content-wrap, .ie .container{width:700px;margin: 0 auto;}
	.ie .container {width:700px;position: relative; margin: 0 auto; padding: 0;} .ie .container .column,.ie .container .columns{ margin-left: 0; margin-right:0; float: left; display: inline;}
    
    @media only screen and (min-width: 768px) and (max-width: 959px) {.container { width: 100%; }.container .column,.container .columns{ margin-left: 0.78125%; margin-right: 0.78125%;  }} 
    @media only screen and (max-width: 767px) {.container { width: 100%; }.container .columns,.container .column { margin: 0; } .six.columns,.ten.columns,.container .sixteen.columns{ width: 100%; }} 
    @media only screen and (min-width: 480px) and (max-width: 767px) {.container { width: 100%; }.container .columns,.container .column { margin: 0; }.six.columns,.ten.columns,.container .sixteen.columns{ width: 100%; } }
	
	
	/*========================================================
		Typography                                                                                 
	========================================================*/
	h1, h2, h3, h4 { 
		font-weight: normal; 
		text-transform: uppercase; 
	}
	h1 a, h2 a, h3 a, h4 a { 
		font-weight: inherit;  
	}
	h1 {
		font-size:28px; 
		line-height:33px; 
		margin-bottom:10px;
	}
	h2 {
		font-size:22px; 
		line-height:27px; 
		margin-bottom:0px;
	}
	h3 {
		font-size:18px; 
		line-height:22px; 
		margin-bottom:8px;
	}
	h4 {
		font-size:16px; 
		line-height:20px; 
		margin-bottom:5px;
	} 
	p {
		font-size:22px;
		line-height: 30px;
		margin: 0 0 12px 0;  
	}
	p img {margin: 0;} 
	hr {  
		border-width: 1px 0 0; 
		clear: both; 
		margin: 10px 0 20px; 
		height: 0; 
	}
	
	
	/*========================================================
		Links                                                                                 
	========================================================*/
	a, a:visited { 
		text-decoration: none; 
		outline: 0;
			/* transition */
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			transition: 0.5s; 
			-ms-transition: 0.5s; 
			-o-transition: 0.5s; 
	} 
	a:hover, a:focus { 
			/* transition */
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			transition: 0.5s; 
			-ms-transition: 0.5s; 
			-o-transition: 0.5s; 
	}
	p a, p a:visited {line-height: inherit;} 
	
	
	/*========================================================
		Lists                                                                                 
	========================================================*/
	ul {margin-bottom: 20px;}
	ul {list-style: none;}  
	ul ul {margin: 5px 0 5px 25px;}
	ul ul li {margin-bottom: 5px;}
	li {line-height:18px;padding: 7px 0px 7px 0px;} 
	li p {line-height: 21px;}
	
	
	/*========================================================
		Buttons                                                                                 
	========================================================*/ 
	.button,button,a.button,input[type="submit"],input[type="button"] {
		border:none;   
		color:#ffffff !important; 
		display: inline-block;
		font-size: 13px; 
		text-transform:uppercase;
		text-decoration: none; 
		cursor: pointer;
		margin: 5px 0;
		line-height: normal;
		padding: 5px 10px; 
			/* transition */
			-webkit-transition:all .30s ease-in-out;
			-moz-transition:all .30s ease-in-out;
			-ms-transition:all .30s ease-in-out;
			-o-transition:all .30s ease-in-out; 
			transition: all .35s ease-in-out 
	}
	.button:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover { 
			/* transition */
			-webkit-transition:all .30s ease-in-out;
			-moz-transition:all .30s ease-in-out;
			-ms-transition:all .30s ease-in-out;
			-o-transition:all .30s ease-in-out; 
			transition: all .35s ease-in-out
	}
	.button:active,button:active,input[type="submit"]:active,input[type="button"]:active { 
		color:#ffffff 
	} 
	button::-moz-focus-inner,input::-moz-focus-inner {
		border: 0;padding: 0;
	}
	
	/*========================================================
		Form Elements                                                                                 
	========================================================*/ 
	.search input {display:inline}
	form {margin-bottom: 0;} 
	input[type="text"],select{
		border: none;
		padding:4px 10px 5px 10px;
		outline: none; 
		font-size: 13px; 
		margin: 0;
		min-width: 150px;
		max-width: 100%;
		display: inline-block;
		margin-bottom: 20px; 
	}
	input[type="text"]:focus{ 
		border: none;color: #ffffff;
	} 
	
	/*========================================================
		Header                                                                                 
	========================================================*/ 
	header { 
		width:100%;
		margin: 0 auto; 
		padding:0 0 20px 0
	}
	header .logo, header .logo a{ 
		text-align:center
	}
	header .title h1, header .title h1 a{ 
		text-align:center;
		padding:20px 0 20px; 
		font-size:36px; 
	}
	header .welcome-text .description {
		padding-bottom:50px;
		font-size:22px;  
		text-align:center; 
	}
	 
	/*========================================================
		Footer                                                                                 
	========================================================*/
    footer .copyright p {
    	padding:40px 0 20px 0;
    	text-align:center;
    	font-size:12px
    }
    	/*==== Pagination ====*/
			.pagination {
				float:right;
				padding:20px 5px; 
			}
			.pagination a{padding: 0 5px;}
			
	/*========================================================
		Posts                                                                                 
	========================================================*/
	.post {
		margin-top:40px;  
			/* radius */
			-webkit-border-radius: 5px;  
			-moz-border-radius: 5px; 
			border-radius: 5px;
			-o-border-radius: 5px;
			/* box shadow */
			-webkit-box-shadow: 0 2px 0 0 #c2c2c2;
			-moz-box-shadow: 0 2px 0 0 #c2c2c2;
			box-shadow: 0 2px 0 0 #c2c2c2; 
	}
	.padding {padding:45px 55px}
		 
	/*========================================================
		Quote                                                                                 
	========================================================*/
	blockquote, q, .quote {
		quotes: none; 
	}
	blockquote:before, blockquote:after,q:before, q:after {content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; 
	}
	blockquote {
		margin:0;
		padding:0;
		font-size:28px;
		line-height:33px
	}
	blockquote:before {
		font-size:4em;
		line-height:.1em;
		margin-right:.25em;
		vertical-align:-.4em;
	}
	blockquote p {display:inline;}
	/*========================================================
		Media Queries                                                                                 
	========================================================*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	    .content-wrap {padding: 0 !important;}
        .container .six.columns {width:100% !important;}
        .container .ten.columns {width:100% !important;}
    	.social {text-align: center; padding-bottom: 15px;}
        .social ul {float: none; }
        .search {float:none;padding-bottom:15px;text-align:center;padding-top:30px} 
		.content-wrap {padding:0 10px}
		.shared-number,.post-share { width: 100%; }
		.shared-number ul {float: left;}
		.shared-number ul li {padding: 0;}
	}
	@media only screen and (max-width: 479px) { 
		h1 { font-size:22px; line-height: 27px;}
		h2 { font-size: 18px; line-height: 22px;}
		h3 { font-size: 16px; line-height: 20px;}
		h4 { font-size: 14px; line-height: 18px;} 
		.padding {padding:20px 28px}
		.shared-number,.post-share { width: 100%; }
		.shared-number ul {float: left;}
		.content-wrap {padding:0 10px}
		.shared-number ul li {padding: 0;}
	}
	@media screen and (max-width: 490px) {
		.search {float:none;padding-bottom:30px;text-align:center;padding-top:30px} 
		h1 { font-size:22px; line-height: 27px;}
		h2 { font-size: 18px; line-height: 22px;}
		h3 { font-size: 16px; line-height: 20px;}
		h4 { font-size: 14px; line-height: 18px;} 
		.padding {padding:20px 28px}
		.shared-number,.post-share { width: 100%; }
		.shared-number ul {float: left;}
		.content-wrap {padding:0 10px}
		.shared-number ul li {padding: 0;}
        .content-wrap {padding: 0 !important;}
        .container .six.columns {width:100% !important;}
        .container .ten.columns {width:100% !important;}
        .social {text-align: center; padding-bottom: 15px;}
        .social ul {float: none; }
	}
	
	
	/*========================================================
		Clearing                                                                                
	========================================================*/
    .container:after { 
    	content: "\0020"; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden; 
    }
    .clearfix:before,.clearfix:after,.row:before,.row:after {
    	content: '\0020';
    	display: block;
    	overflow: hidden;
    	visibility: hidden;
    	width: 0;
    	height: 0; 
    }
    .clearfix:after {clear: both; }
    .clearfix { zoom: 1; }
    .clear {clear: both;
    	display: block;
    	overflow: hidden;
    	visibility: hidden;
    	width: 0;
    	height: 0;
    }