/*
Theme Name: Skatelab 2013
Theme URI: http://www.skatelab.com
Author: Wil Huddleston
Author URI: http://www.skatelab.com/
Description: The Skatelab theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Skatelab comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* Global */

body, input, textarea {
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
html, body {
	margin: 0;
	padding: 0;
	border: 0;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px 0;
	padding: 0;
}
h1.title {
	height: 75px;
	margin: 0;
}
h1.title a {
	display: block;
	width: 100%;
	height: 100%;
}
h1.title span {
	display: none;
}
h1.page-title {
	color: #FFF;
	font-size: 3.5em;
	text-indent: 75px;
	margin: 0;
}
h2 {
	font-size: 1.5em;
}
img {
	border: 0;
}
ol, ul {
	list-style: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* Left Content */
.right-sidebar #primary {
	float: left;
	margin: 0 -38.4% 0 0 ;
	width: 100%;
}
.right-sidebar #content {
	margin: 0 0 0 2.6%;
	width: 63.4%;
}
.right-sidebar #secondary {
	float: right;
	margin-right: 2.6%;
	margin-left: 0;
	width: 30.4%;
}

/* Structure */

#page {
	margin: 0 auto;
	max-width: 1000px;
	width: 1000px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}
#masthead {
	position: relative;
	margin: 0 !important;
	padding: 0;
	height: 140px;
	border-bottom: 5px solid #000;
}
.home #masthead {
	border-bottom: 0;
}
#masthead hgroup {
	margin: 0;
	padding: 0;
	position: relative;
	/*margin: 0 2.6%;*/
}
#access {
	height: 140px;
}
#access div {
	/*margin: 0 2.6%;*/
	
}
#primary {
	float: left;
	margin: 0 -36.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 20px 2.6%;
	width: 58.4%;
	overflow: hidden;
}
#secondary {
	float: right;
	margin: 12px 2.6% 20px 0;
	width: 33.8%;
}
.menu-toggle {
	display: none;
}

/* Header Style */

#site-title {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 390px;
	height: 140px;
}
#site-title span {
	display: none;
}
#site-title a {
	display: block;
	width: 100%;
	height: 100%;
}
#site-description {
	position: absolute;
	top: 18px;
	left: 480px;
}

/* Navigation Style */

#menu-main-menu {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	height: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	list-style: none;
	z-index: 1001;
}
#menu-main-menu .menu-item {
	/*background: #000;*/
}
#menu-main-menu li {
	position: relative;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
}
#menu-main-menu li ul {
	list-style: none;
	display: none;
	margin: 0 0 0 -50px;
	border: 2px solid #000;
	float: left;
	width: 200px;
	padding: 0;
}
#menu-main-menu li ul li {
	background: url("images/bgDropdownMid.png");
	padding: 0;
	min-width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 0.8em;
	border-bottom: 1px solid #000;
}
#menu-main-menu li ul li:first-child {
	background: url("images/bgDropdownTop.png");
}
#menu-main-menu li ul li:last-child {
	background: url("images/bgDropdownBot.png");
	border-bottom: none !important;
}
#menu-main-menu li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	color: #fff;
	text-decoration: none;
}
#menu-main-menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#menu-main-menu li:hover > ul,
#menu-main-menu li:active > ul {
	display: block;
}
#menu-main-menu li span {
	/*margin-left: -9999px;*/
	display: none;
}
#menu-main-menu li li span {
	display: block;
}
.navEnd {
	background: transparent url("images/bgNavEnd.png") 0 0 no-repeat;
	width: 60px;
}
#menu-main-menu .navEnd:hover {
	background: transparent url("images/bgNavEnd.png") 0 0 no-repeat !important;
}
.navHome {
	background: #000 url("images/navHome.png") 0 0 no-repeat;
	width: 62px;
}
.navNews {
	background: #000 url("images/navNews.png") 0 0 no-repeat;
	width: 63px;
}
.navSkatepark {
	background: #000 url("images/navSkatepark.png") 0 0 no-repeat;
	width: 107px;
}
.navMuseum {
	background: #000 url("images/navMuseum.png") 0 0 no-repeat;
	width: 86px;
}
.navShop {
	background: #000 url("images/navShop.png") 0 0 no-repeat;
	width: 62px;
}
.navMultimedia {
	background: #000 url("images/navMultimedia.png") 0 0 no-repeat;
	width: 109px;
}
.navContact {
	background: #000 url("images/navContact.png") 0 0 no-repeat;
	width: 89px;
}
#menu-main-menu li:hover,
#menu-main-menu li:active {
	background-position: 0 -40px;
}
#menu-main-menu li ul li a:hover,
#menu-main-menu li ul li a:active {
	color: #000;
}

/* Singular */

.singular #primary {
	margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 2.6%;
	position: relative;
	width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}

/* Body Styles */

.type-page,
.type-staff, 
.type-labrats, 
.type-team, 
.type-inductees,
.type-parties,
.type-sotm,
.comments-area {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 2px solid #000;
}
.type-post {
	min-height: 165px;
	width: 610px;
	background: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 2px solid #000;
}
.type-post:last-child {
	border: 2px solid #000;
}
.type-post img {
	float: left;
	margin: 0 10px 10px 0;
	width: 180px;
	height: 135px;
	border: 3px solid #000;
}
.type-post h2 {
	margin: 0 0 5px 0;
}
.type-post h2 a {
	text-decoration: none;
}
.details {
	list-style: none;
	background: #ddd;
	height: 25px;
	margin: 0;
	padding: 0;
}
.details li {
	padding: 0 10px 0 25px;
	float: left;
	line-height: 25px;
}
.details li.detail_news {
	background: url("images/icons/News.png") 0 0 no-repeat;
}
.details li.detail_comments {
	background: url("images/icons/Comments.png") 0 0 no-repeat;
}
.details li.detail_poster {
	background: url("images/icons/User.png") 0 0 no-repeat;
}

/* Footer Style */

/*footer {
	position: relative;
	width: 100%;
	background: #000;
}*/
#colophon {
	clear: both;
	position: relative;
	display: block;
	height: 170px;
	width: 100%;
	margin: 0;
	background: #000;
	text-align: center;
}
#access-foot-container {
	/*z-index: 50;*/
	display: block;
	width: 1000px;
	margin: 0 auto;
	height: 170px;
	background: url("images/bgFooter.png") center bottom no-repeat;
	padding: 0;
}
#menu-footer-menu {
	/*position: absolute;
	left: 0px;
	top: 160px;*/
	float: left;
	padding: 0;
	margin: 8px 0 0 10px;
	list-style: none;
	width: 60%;
	height: 33px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	z-index: 999;
}
#menu-footer-menu .menu-item {
	/*background: #000;*/
}
#menu-footer-menu li {
	position: relative;
	float: left;
	height: 33px;
	line-height: 33px;
	text-align: center;
	text-transform: uppercase;
}
#menu-footer-menu li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	color: #fff;
	text-decoration: none;
}
#menu-footer-menu li a:hover {
	color: #000;
}
#menu-footer-menu li span {
	/*margin-left: -9999px;*/
	display: none;
}
.footnavHome {
	background: #000 url("images/footnavHome.png") 0 0 no-repeat;
	width: 51px;
}
.footnavNews {
	background: #000 url("images/footnavNews.png") 0 0 no-repeat;
	width: 52px;
}
.footnavSkatepark {
	background: #000 url("images/footnavSkatepark.png") 0 0 no-repeat;
	width: 88px;
}
.footnavMuseum {
	background: #000 url("images/footnavMuseum.png") 0 0 no-repeat;
	width: 71px;
}
.footnavShop {
	background: #000 url("images/footnavShop.png") 0 0 no-repeat;
	width: 51px;
}
.footnavMultimedia {
	background: #000 url("images/footnavMultimedia.png") 0 0 no-repeat;
	width: 90px;
}
.footnavContact {
	background: #000 url("images/footnavContact.png") 0 0 no-repeat;
	width: 73px;
}
#menu-footer-menu li:hover,
#menu-footer-menu li:active {
	background-position: 0 -33px;
}
.site-info {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0.85em;
	text-align: right;
	width: 300px;
	color: #fff;
}

/* Splash Style */

#splash-sidebar {
	clear: both;
	position: relative;
	display: block;
	width: 1000px;
	min-height: 25px;
	background: #000;
	margin: 0 0 10px 0;
}
.home #splash-sidebar {
	height: 360px;
}
#splash_photo {
	position: absolute;
	top: 18px;
	left: 18px;
	width: 540px;
	height: 320px;
	border: 2px solid #555;
	overflow:hidden;
}
#splash_photo img {
	width: 540px;
	height: 320px;
}
/* Home Body Structure */

#body-triple-sidebar {
	padding: 20px;
	overflow: hidden;
}
#body-triple-sidebar aside {
	float: left !important;
	margin: 0 10px 0 0 !important;
	clear: none !important;
	width: 320px;
	text-align: center;
}
#body-triple-sidebar aside:child-last {
	margin: 0 !important;
}
#body-triple-sidebar aside.wide {
	float: left;
	width: 640px;
}

/* =Widget Styles */

.widget-area {
	font-size: 12px;
}/*
.widget {
	clear: both;
	margin: 0 0 2.2em;
}*/
.widget-title {
	color: #fff;
	height: 75px;
	font-size: 3.5em;
	font-weight: 500;
	/*letter-spacing: 0.1em;*/
	text-align: left;
	line-height: 75px;
	text-indent: 75px;
	/*text-transform: uppercase;*/
	margin: 0;
}
.widget-title span {
	/*display: none;*/
}
.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Links Widget */
.widget_links {
	
}
.widget_links .widget-title {
	display: none;
}
.widget_links li {
	display: inline-block;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search label {
	font-size: 14px !important;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF !important;
}
.widget_search #s {
	width: 77%;
	background: url('images/bgSearch.png') no-repeat left center;
	border: 2px solid #000;
	color: #FFF !important;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Social Float Menu */

#social-navigation {
	position: absolute;
	right: -60px;
	top: 100px;
	width: 60px;
}
.social-nav-top {
	display: block !important;
	width: 60px;
	height: 40px;
	background: url('images/bgNavEnd.png') no-repeat right top;
}
.social-nav-bottom {
	display: block !important;
	width: 60px;
	height: 40px;
	background: url('images/bgNavEnd.png') no-repeat right bottom;
}
#social-navigation ul {
	background: #000;
	margin: 0;
	padding: 7px 0;
}
#social-navigation li {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}
#social-navigation li a {
	display: block;
	width: 48px;
	height: 48px;
	margin: 5px auto;
}
#social-navigation span {
	display: none;
}
#social-navigation .facebook a {
	background-image: url('images/icons/facebook.png');
}
#social-navigation .twitter a {
	background-image: url('images/icons/twitter.png');
}
#social-navigation .youtube a {
	background-image: url('images/icons/youtube.png');
}
#social-navigation .instagram a {
	background-image: url('images/icons/instagram.png');
}
#social-navigation .ebay a {
	background-image: url('images/icons/ebay.png');
}

/* Twitter */

.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Paging Styles */

.paging {
	position: absolute; 
	right: 0;
	width: 90px; 
	height: 30px;
	z-index: 501;
	text-align: center;
	line-height: 40px;
}
.paging a {
	background: url("images/bgBlack.png") repeat;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Top News Style */

.article {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 2px solid #000;
	overflow: hidden;
}
.article:last-child {
	margin: 0;
}
.article img.wp-post-image {
	float: left;
	margin: 0 10px 10px 0;
	width: 180px;
	height: 135px;
	border: 3px solid #000;
}
.article img.size-full {
	max-width: 560px;
}
.article p {
	margin: 0 0 10px 0;
}
.article h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.article h2 a {
	text-decoration: none;
	
}
.details {
	list-style: none;
	background: #ddd;
	height: 25px;
	margin: 0;
	padding: 0;
	clear: both;
}
.details li {
	padding: 0 10px 0 25px;
	float: left;
	line-height: 25px;
}
.details li.detail_news {
	background: url("images/icons/News.png") 0 0 no-repeat;
}
.details li.detail_comments {
	background: url("images/icons/Comments.png") 0 0 no-repeat;
}
.details li.detail_poster {
	background: url("images/icons/User.png") 0 0 no-repeat;
}
.home .site-content .page-title {
	float: left;
}
.waiverblurb {
	width: 325px;
	float: right;
	color: #fff;
}
.home .site-content .article {
	clear: both;
}

/* Forms */

input[type='text'],
input[type='password'],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px;
}
input[type='text']:focus,
textarea:focus {
	color: #373737;
}
select {
	background: #fafafa;
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px;
	padding: 3px;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type='text'] {
	padding: 3px;
}
input[type='submit'],
button {
	font-size: 14px;
	padding: 3px 7px;
	font-weight: bold;
	cursor: pointer;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

.wpcf7-form ul {
	list-style: none;
	margin: 0;
}
.wpcf7-form ul li {
	margin-bottom: 5px !important;
}
.wpcf7-form label {
	display: block !important;
	float: left !important;
	width: 175px !important;
	font-weight: bold !important;
}
.wpcf7-form label em {
	color: red;
}
.wpcf7-form input[type=text] {
	float: left !important;
	background: #fff !important;
	border-color: #ccc !important;
}
.linkcat .blogroll {
	margin: 0 auto;
	padding: 0;
}
.linkcat .blogroll li {
	display: inline-block;
	margin: 2px;
	padding: 0 !important;
	border: 2px solid #CCC;
}
.linkcat .blogroll img {
	margin: 0 !important;
	display: block;
}

.chi_display_cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(images/HeaderCover.png) no-repeat 0 0;
	width: 1000px;
	height: 160px;
}
.chi_display_header {
	position: relative;
	border-bottom: 5px solid #000;
}

.widget-area .widget_mailchimpsf_widget .widget-title {
    line-height: 75px !important;
    margin-bottom: 0 !important;
}
.widget-area #mc_signup_form {
	color: #FFFFFF;
}