/*   
Theme Name: Eastern Skateboard Supply Theme
Theme URI: http://sageisland.com
Description: A custom theme for Eastern Skateboard Supply
Author: Sage Island
Author URI: http://www.sageisland.com
Version: 2.0
*/

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontAwesome/fontawesome-webfont.eot?v=4.1.0');
  src: url('fonts/fontAwesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), 
  url('fonts/fontAwesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), 
  url('fonts/fontAwesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), 
  url('fonts/fontAwesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/Raleway/raleway-bold-webfont.eot');
    src: url('fonts/Raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-bold-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/Raleway/raleway-extrabold-webfont.eot');
    src: url('fonts/Raleway/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-extrabold-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-extrabold-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/Raleway/raleway-extralight-webfont.eot');
    src: url('fonts/Raleway/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/Raleway/raleway-medium-webfont.eot');
    src: url('fonts/Raleway/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-medium-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayheavy';
    src: url('fonts/Raleway/raleway-heavy-webfont.eot');
    src: url('fonts/Raleway/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-heavy-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-heavy-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-heavy-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/Raleway/raleway-light-webfont.eot');
    src: url('fonts/Raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-light-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/Raleway/raleway-regular-webfont.eot');
    src: url('fonts/Raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-regular-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/Raleway/raleway-thin-webfont.eot');
    src: url('fonts/Raleway/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-thin-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-thin-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-thin-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/Raleway/raleway-semibold-webfont.eot');
    src: url('fonts/Raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/Raleway/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/Raleway/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/Raleway/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrapper {width: 960px; margin: 20px auto;}


.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {max-width:300px;}

#sidebar .widget {
	margin-bottom:20px;
}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


h1 {
	font-family: 'ralewaybold';
	margin:0 0 5px;
	line-height:28px;
	font-size:26px;
	font-weight:normal;
}

h2 {
	font-weight:normal;
	font-family: 'ralewaybold';
	font-size:20px;
	line-height:22px;
	margin:0 0 5px;
}

h3 {
	font-family: 'ralewaymedium';
	font-weight:normal;
	margin:0 0 5px;
	line-height:22px;
	font-size:20px;
}

h4 {
	text-transform:uppercase;
	margin:0 0 5px;
	font-size:18px;
	font-weight:normal;
	font-family: 'ralewaybold';
}

h5 {

}

body {
	font-size:14px;
	font-family:'ralewayregular', helvetica, arial;
	padding:0;
	margin:0;
	background-image: url("/BP/ess-repeat-background.gif");
	/*background:#000;*/
	-webkit-font-smoothing: antialiased;
}

a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration:none;
	font-family: 'ralewaybold';
	color:#1a1a1a;
}

a:hover {
	color:#ffe800;
}

img {
	max-width:100%;
	height:auto;
}

iframe {
	max-width:100%;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.aligncenter {
	display:block;
	margin:auto;
}

p {
	margin:0 0 20px;
}

ol, ul {
	margin:15px 0;
	padding:0 0 0 40px;
}

ol {
	list-style:decimal;
}

ul {
	list-style:disc;
}

ol > li,
ul > li {
	margin:0 0 6px;
}

hr {
	margin:20px auto;
	border:none;
	height:1px;
	width:100%;
	background:#666;
}

.clear {
	clear:both;
}

.site {
	background:#000;
	position:relative;
	margin:auto;
	max-width:980px;
}

.header {
	position:relative;
	z-index:100;
	width:100%;
	margin:auto;
	text-align:left;
	background:#FFF;
}

#top-links-wrapper {
    margin:0 auto;
    position:relative;
    background:#000;
    z-index:100;
    color:#FFF;
}

#top-links {
    position:relative;
    margin:0 auto;
    padding:5px;
    font-size:11px;
    font-family:Verdana,Arial,sans-serif;
    width:100%;
    max-width:980px;
}

#top-links-left {
    position:relative;
    float:left;
    margin-left:13%;
}

#top-links-left form {
    display:inline
}

#top-links-right {
    position:relative;
    float:right
}

#top-links ul {
    display:inline;
    position:relative
}

#top-links ul li {
    display:inline;
    border-right:1px solid #fff;
    padding:0 7px 0 3px
}

#top-links ul li.last-child {
    color:#fff;
    border:none
}

#top-links ul li a {
    color:#fff;
    text-decoration:none
}

#top-links ul li a:hover {
    text-decoration:underline;
    color:#ffe500
}

#top-links #LoginProblem {
    color:#ffe500;
    padding-left:15px;
    display:inline-block;
}

#top-links:after, 
#top-links-wrapper:after {
	content:'';
	clear:both;
	display:block;
	width:100%;
}

.logo {
	position:absolute;
	left:5px;
	top:0px;
	z-index:100;
}

.logo img {
	display:block;
	max-width:150px;
}

.navHolder {
	padding-left:200px;
}

.menuToggle {
	display:none;
	padding:10px 20px;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'ralewayextrabold';
	text-align:left;
	cursor:pointer;
}

.menuToggle:before {
	content:'\f0c9';
	font-family:'FontAwesome';
	display:inline-block;
	vertical-align:middle;
	font-size:26px;
	margin-right:10px;
}

.loginToggle {
	display:none;
	padding:10px 20px;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'ralewayextrabold';
	text-align:left;
	cursor:pointer;
}

.loginToggle:before {
    content:'\f132';
    font-family:'FontAwesome';
    display:inline-block;
    vertical-align:middle;
    font-size:26px;
}

.loginToggle span {
      position: absolute;
      right: 15px;
      bottom: 7px;
      color: #CCC;
      text-shadow: 1px 1px 2px #333;
}

.loginToggle span:before {
    content:'\f023';
    font-family:'FontAwesome';
    font-size:18px;
}

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

.navHolder ul.menu > li {
	display:inline-block;
	vertical-align:top;
	margin:0;
	position:relative;
}

.navHolder ul.menu > li > a {
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	padding:10px 7px;
	display:block;
}

.navHolder ul.menu > li#menu-item-681 > a {
	background:#ffe800;
}

.navHolder ul.menu > li > a:hover,
.navHolder ul.menu > li.current-menu-item > a {
	color:#ADADAD;
	background:none;
	outline:none;
}

.content {
	position:relative;
	z-index:99;
	max-width:980px;
	margin:auto;
	padding:60px 20px 20px;
}

body.home .content {
	padding:0 10px;
}

.contentInner {
	background:#FFF;
	padding:20px;
	float:left;
	width:68%;
	line-height:24px;
}

.sideBar {
	float:right;
	width:30%;
}

.sideBar .widget {
	margin-bottom:20px;
}

.footer {
	position:relative;
	z-index:98;
	width:100%;
	margin:auto;
}

.footer .footerTop {
	padding:20px;
	background:#454545;
	color:#d3d3d3;
}

.footer .footerTop .inner {
	position:relative;
	max-width:980px;
	width:100%;
	margin:auto;
}

.footer .footerBottom {
	background:#252525;
	padding:20px;
	text-align:center;
	color:#FFF;
	font-size:10px;
	line-height:14px;
}

.footer .footerBottom a {
	text-decoration:none;
	color:#FFF;
}

.footerWidgets {
	list-style:none;
	padding:0;
	margin:0;
}

.footerWidgets:after {
	content:'';
	clear:both;
	display:block;
	width:100%;
}

.footerWidgets > li {
	float:left;
	width:31%;
	margin:0 1%;
	line-height:24px;
}

.footerWidgets > li:first-child {
	margin-left:0;
}

.footerWidgets > li:last-child {
	margin-right:0;
}

.footerWidgets > li h3 {
	color:#ffde16;
	font-family: 'ralewaybold';
	font-size:24px;
	line-height:26px;
	margin:0 0 15px;
	text-transform:uppercase;
	font-weight:normal;
}

.footerWidgets a {
	text-decoration:none;
	color:#666666;
	font-family: 'ralewaybold';
}

.footerWidgets a:hover {
	color:#FFF;
}

.brandLogos {
	max-width:980px;
	margin:10px auto;
	text-align:center;
	position:relative;
	display:none;
	list-style:none;
	padding:0;
	position:relative;
	height:45px;
	overflow:hidden;
}

.brandLogos .item {
	margin:auto;
	padding:0;
	position:relative;
	background:#000;
	width:45px;
	height:45px;
	background:#000;
}

.brandLogos.show {
	display:block;
}

.brandLogos img {
	border:1px solid #525252;
	display:block;
	max-width:45px;
	margin:auto;
}

.brandLogos.owl-carousel .owl-item {
	background:#000;
}

.brandLogos.owl-carousel .owl-controls .owl-nav {
	height:0;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
	z-index:100;
}

.brandLogos.owl-carousel .owl-controls .owl-nav .owl-prev, 
.brandLogos.owl-carousel .owl-controls .owl-nav .owl-next {
	font-family:'FontAwesome';
	color:#FFF;
	font-size:22px;
	position:absolute;
	height:46px;
	line-height:46px;
	padding:0 4px;
	background:#333;
	opacity:.6;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events:auto;
}

.brandLogos.owl-carousel .owl-controls .owl-nav .owl-prev:hover, 
.brandLogos.owl-carousel .owl-controls .owl-nav .owl-next:hover {
	opacity:1;
}

.brandLogos.owl-carousel .owl-controls .owl-nav .owl-prev {
	left:0;
}

.brandLogos.owl-carousel .owl-controls .owl-nav .owl-next {
	right:0;
}

.homePosts {
	position:relative;
	max-width:980px;
	margin:auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	visibility:hidden;
	opacity:0;
}

.homePosts.show {
	visibility:visible;
	opacity:1;
}

.homePosts.loading .homePostList {
	opacity:.3;
}

.homePostList {
	list-style:none;
	padding:0;
	margin:0;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-transition: all 0.3s;
	transition: all 0.3s;
   	width:100%;
}

.homePostList > li {
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:relative;
	margin:0 0 20px;
	padding:0;
	background:#FFF;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}

.homePostList > li .postImage {
	text-align:center;
	background:#000;
}

.homePostList > li .postImage img {
	display:block;
	margin:auto;
}

.homePostList > li .title {
	padding:20px;
	background:#40a7d7;
	color:#1a1a1a;
	font-size:20px;
	font-weight:normal;
}

.homePostList > li .title .date {
	font-size:14px;
}

.homePostList > li .postContent {
	padding:20px;
	line-height:24px;
	font-size:17px;
	color:#1a1a1a;
}

.homePosts .homePostCategories {
	list-style:none;
	padding:0;
	margin:15px 0;
}

.homePosts .homePostCategories:after {
	clear:both;
	width:100%;
	content:'';
	display:block;
}

.homePosts .homePostCategories > li {
	float:left;
	font-size:12px;
	text-transform:uppercase;
	margin:0;
}

.homePosts .homePostCategories > li.active {
	font-family: 'ralewaybold';
}

.homePosts .homePostCategories > li:after {
	content:'/';
	margin:0 10px;
	color:#FFF;
}

.homePosts .homePostCategories > li:last-child:after {
	display:none;
}

.homePosts .homePostCategories > li a {
	text-decoration:none;
	color:#FFF;
}

.homePostList > li.sea .title {
	background:#40a7d7;
}

.homePostList > li.land .title {
	background:#ffe800;
}

.homePosts .loadMore {
	display:block;
	width:200px;
	margin:10px auto;
	padding:10px;
	text-align:center;
	color:#FFF;
	border:1px solid #FFF;
	text-decoration:none;
	font-size:16px;
}

.social {
	margin:20px auto;
	text-align:center;
}

.social a {
	display:inline-block;
	vertical-align:top;
	margin:0 5px;
}

.social a:hover {
	outline:none;
	background:none;
}

.social a:before {
	font-family:'FontAwesome';
	line-height:43px;
	width:43px;
	height:43px;
	text-align:center;
	background:#666666;
	display:block;
	color:#454545;
	font-size:28px;
	border-radius:60px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.social a:hover:before {
	background:#FFF;
}

.social a.facebook:before {
	content:'\f09a';
	text-indent:-2px;
}

.social a.twitter:before {
	content:'\f099';
}

.social a.instagram:before {
	content:'\f16d';
}

.yellowBtn,
h1.pageTitle {
	display:block;
	text-align:center;
	text-transform:uppercase;
	background:#ffe800;
	color:#1a1a1a;
	font-size:24px;
	font-family: 'ralewaysemibold';
	padding:12px 10px;
	text-decoration:none;
	font-weight:normal;
}

h1.pageTitle {
	margin:-20px -20px 10px;
	text-align:left;
	padding:12px 20px;
}

.featuredImage {
	margin:-60px -20px 20px;
}

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

.homeSlideshow {
	position:relative;
	overflow:hidden;
	visibility:hidden;
	margin:0px auto 15px;
	opacity:0;
	width:100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.homeSlideshow.show {
	opacity:1;
	visibility:visible;
}

.homeSlideshow ul.slideshowList {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}

.homeSlideshow ul.slideshowList li {
	display:block;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
	/*max-height:400px;*/
}

.homeSlideshow ul.slideshowList li .mainContent {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.homeSlideshow ul.slideshowList li .mainContent:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin:0 -4px 0 0;
	height:100%;
}

.homeSlideshow .vertMid {
	vertical-align:middle;
	display:inline-block;
	padding:5%;
}

.homeSlideshow h1.slideTitle {
	background:#ffe800;
	color:#000;
	padding:10px 20px;
	display:inline-block;
	font-size:36px;
	font-family: 'ralewayheavy';
	font-weight:normal;
}

.homeSlideshow .slideContent {
	background:#000;
	color:#FFF;
	padding:20px;
	line-height:20px;
	margin-right:30%;
}

.homeSlideshow .linkOverlay {
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.calloutBox {
	position:relative;
	overflow:hidden;
}

.calloutBox img {
	display:block;
}

.calloutBox .overlay {
	background:#ffe800;
	color:#1a1a1a;
	padding:10px 20px;
	position:absolute;
	bottom:40px;
	right:0;
	left:0;
	z-index:100;
	font-size:12px;
	line-height:18px;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.calloutBox .overlay h2 {
	text-align:center;
	display:block;
	text-transform:uppercase;
	font-size:24px;
	font-family: 'ralewaysemibold';
	margin:0 0 20px;
}

.calloutBox .overlay .calloutButton {
	border:3px solid #000;
	text-align:center;
	color:#1a1a1a;
	text-transform:uppercase;
	font-family: 'ralewaysemibold';
	font-size:24px;
	padding:10px;
	margin:15px 20px 0;
	display:block;
}

.calloutBox .overlay .calloutButton:hover {
	background:none;
	outline:none;
}

.calloutBox:hover .overlay {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	bottom:0;
}

.calloutBox .overlayLink {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
}

article.type-post {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
}

.with_frm_style .frm_radio input[type=radio], 
.with_frm_style .frm_checkbox input[type=checkbox] {
	vertical-align:middle;
}

body .with_frm_style .horizontal_radio .frm_radio {
	margin-right:20px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/


@media all and (max-width: 979px) {
	#logo {
        top:-5px;
    }

    .header {
    	background:#000;
    }

	body.showNav .header,
	body.showLogin .header {
		height: 100%;
		overflow-y:auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position:fixed;
		-webkit-overflow-scrolling:touch;
		display:block;
		backface-visibility: hidden;
	}

	.navHolder .menuToggle,
	.loginToggle {
		display:inline-block;
	}

	.navHolder {
		text-align:right;
	}

	.navHolder .menu-main-container,
	#top-links-wrapper {
		display:none;
	}

	body.showNav {

	}

	body.showNav .navHolder .menu-main-container {
		display:block;
	}

	body.showNav .navHolder ul.menu {
		border-top:1px solid #333;
	}

	body.showNav .navHolder ul.menu > li {
		display:block;
		text-align:right;
		border-bottom:1px solid #666;
	}

	body.showNav .navHolder ul.menu > li:last-child {
		border:none;
	}

	body.showNav .navHolder ul.menu > li > a{
		padding:10px 20px;
		color:#FFF;
	}

	body.showLogin #top-links-wrapper {
        display: block;
        z-index: 10001;
        height: 100%;
        top: 100px;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    body.showLogin #top-links-right {
    	float:none;
    	margin:auto;
    	display:block;
    	text-align:center;
    }

    body.showLogin #top-links-wrapper #top-links #top-links-left {
        text-align:center;
        float:none;
        margin:auto;
        font-size:16px;
    }

    body.showLogin #top-links-wrapper #top-links #top-links-left ul li {
        display:block;
    }

    body.showLogin #top-links-wrapper #top-links #top-links-left input[type="text"],
    body.showLogin #top-links-wrapper #top-links #top-links-left input[type="password"] {
        width:70%;
        padding:5px;
        margin:2px auto 10px;
        font-size:16px;
        display:block;
    }

    body.showLogin #top-links-wrapper #top-links #top-links-left a {
        display:block;
        font-size:16px;
        background:#333;
        margin:10px auto;
        padding:10px;
    }
}

@media all and (max-width: 800px) {
	.homePostList {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	.footerWidgets > li {
		width:48%;
		margin-bottom:2%;
		min-height:240px;
	}

	.site {
		padding-top:48px;
	}

	.header {
		position:fixed;
		top:0;
		left:0;
		right:0;
		width:100%;
		background:#000;
		box-shadow:0 5px 10px -2px #333;
	}

	.header .logo {
		top:5px;
	}

	.header .logo img {
		max-height:50px;
	}

	.header .logo img {
		max-height:70px;
	}

	.footerWidgets > li {
		width:98%;
		min-height:0;
		border-bottom:1px solid #999;
		padding-bottom:4%;
		margin-bottom:4%;
	}

	.footerWidgets > li:last-child {
		border:none;
	}

	.footerWidgets li.fw3 {
		display:none;
	}

	.featuredImage {
		display:none;
	}

	.content {
		padding:20px;
	}

}

@media all and (max-width: 600px) {
	.content {
		padding:10px;
	}

	.sideBar {
		display:none;
	}

	.contentInner {
		width:100%;
	}

	.featuredImage {
		margin-bottom:10px;
	}
}

@media all and (max-width: 500px) {
	.homePostList {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.homeSlideshow h1.slideTitle {
		font-size:20px;
		line-height:22px;
		padding:10px;
	}

	.homeSlideshow .slideContent {
		display:none;
	}

	.navHolder {
		padding-left:110px;
	}
}

@media all and (max-width: 400px) {

	.header .logo img {
		max-height:60px;
	}
}

@media all and (max-height: 400px) {
	.header .logo img {
		max-height:50px;
	}
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}