/*========================================================
		Defaults--- 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%;
		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%;
	}
	html:before, html:after, body:before, body:after {
		    z-index: 3;
	    content: "";
	    position: fixed;
	    background: #fff;

	    /* etc. */
	}
	body:before, body:after {
	     z-index: 3;
	    content: "";
	    position: fixed;
	    background: #fff;
	    left: 0;
	    right: 0;
	    height: 20px;
	}
	body:before {
	     z-index: 3;
	    top: 0;
	}
	body:after {
	     z-index: 3;
	    bottom: 0;
	}
	body {
	    border-left: 20px solid #fff;
	    border-right: 20px solid #fff;
	}
	::-moz-selection { color: #ffffff;}
	::selection      { color: #ffffff;}

	img {max-width: 100%;height: auto; }
	img.center {display:block;margin:0}

	.content-wrap{
		max-width: 1168px;
		min-height: 350px;
		margin: 0 auto;
		margin-top:-250px;
		padding: 0 20px;
		z-index: 1;
	}

	.container{ width: 100%; max-width:1024px;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: 0 auto;
		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 {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;
		height: 600px;
	}
	header .logo, header .logo a{
		text-align:center
	}
	header .title h1, header .title h1 a{
		text-align:center;
		padding:10px 0 10px;
		font-size:36px;
	}
	header .welcome-text .description {
		padding-bottom:50px;
		font-size:16px;
		text-align:center;
	}

	/*========================================================
		Footer
	========================================================*/
    footer .copyright p {
    	padding:5px 0 20px 0;
    	text-align:center;
    	font-size:12px;
    	font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
    	color: silver;
    }
    	/*==== Pagination ====*/
			.pagination {
				float:right;
				padding:20px 5px;
			}
			.pagination a{padding: 0 5px;}

	/*========================================================
		Posts
	========================================================*/
	.post {
		margin: 0;
	}
	.post p, .post h1, .post h2, .post h3, .post h4, .post h5, .quote, .post-content{
		    display: block;
		    margin: 0 auto;
		    width: 640px;
		}
	.padding {padding:45px 55px}

	.share-wrap {
				padding-top:25px;
				display: block;
				margin: 0 auto;
				width: 640px;
			}

	/*========================================================
		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: 1024px) {
		    .content-wrap {padding: 0 !important;}
	        .container .six.columns {width:100% !important;}
	        .container .ten.columns {width:100% !important;}
	        .post p, .post h1, .post h2, .post h3, .post h4, .post h5, .quote, .post-content, .share-wrap {width: 100%;}
	    	.social {text-align: center; margin-top: 15px;}
	        .social ul {float: none; }
	        .search {float:none;padding-bottom:15px;text-align:center;padding-top:30px}
			.content-wrap {padding:0 10px}
			.shared-number ul {float: left;}
			.shared-number ul li {padding: 0;}
		}
			@media only screen and (min-width: 480px) and (max-width: 860px) {
		        .post .post p, .post h1, .post h2, .post h3, .post h4, .post h5, .quote, .post-content, .share-wrap {width: 85%;}
			}
				@media only screen and (min-width: 480px) and (max-width: 680px) {
			        .post .post p, .post h1, .post h2, .post h3, .post h4, .post h5, .quote, .post-content, .share-wrap {width: 95%;}
				}
	@media only screen and (max-width: 479px) {
		html:before, html:after, body:before, body:after {
			    z-index: 3;
		    content: "";
		    position: relative;
		    background: transparent;

		    /* etc. */
		}
		body:before, body:after {
		     z-index: 3;
		    content: "";
		    position: relative;
		    background: transparent;
		    left: 0;
		    right: 0;
		    height: 0;
		}
		body {
		    border-left: 0;
		    border-right: 0;
		}
		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}
		.head-info {margin: 0; margin-top: 100px}
		.post p, .post h1, .post h2, .post h3, .post h4, .post h5, .quote, .post-content, .share-wrap {width: 100%;}
		.shared-number ul {float: left;}
		.content-wrap {padding:0 10px}
		.shared-number ul li {padding: 0;}
	}
	@media screen and (max-width: 490px) {
		html:before, html:after, body:before, body:after {
			    z-index: 3;
		    content: "";
		    position: relative;
		    background: transparent;

		    /* etc. */
		}
		body:before, body:after {
		     z-index: 3;
		    content: "";
		    position: relative;
		    background: transparent;
		    left: 0;
		    right: 0;
		    height: 0;
		}
		body {
		    border-left: 0;
		    border-right: 0;
		}
		.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}
		.head-info {margin: 0; margin-top: 100px}
		.post p, .post h1, .post h2, .post h3, .post h4, .post h5, .quote, .post-content, .share-wrap {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;
    }