/*
Theme Name: 3lectromode 
Description: The custom child theme for the 3lectromode website, based on Skeleton
Author: Atelier oil and sugar
Author URI: http://www.oilandsugar.com.com
Template: skeleton
*/


/* Table of Contents
==================================================
	#Global Reset
	#Structural Customization
	#Header
	#Navigation Bar
	#Typography
	#Tables
	#Widgets
	#WP Blog
	#Form Buttons
	#Styled Buttons
	#Tabs
	#Toggles
	#Callouts
	#Comments
	#WP Gallery
	#Misc
*/

/* @group Global Reset */

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;
		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; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	table.pad td {
	padding: 10px;
	}
		
	pre,code {
		white-space: normal;
		background-color: #ededed;
		border-bottom: 1px solid #d9d9d9;
		border-top: 1px solid #d9d9d9;
		display: block;
		width: 100%;
		font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
		margin: 5px 0;
		padding: 5px;
}
p code {display: inline;}


body {
	line-height: 150%;
	-webkit-text-size-adjust: 100%;
	color:#AAA;
	font-size:12px;
	font-family: 'Lato', helvetica, sans-serif;
	font-weight: 300;
	background:#fcfcfc url(images/header_back.png) no-repeat top center ;
}

body a {
	text-decoration:none;
}

a {color: #00BFD6;}
a:hover {color:#A4E25A;}

/* @end */



/* @group Structural Customization */


#header {
	clear: both;
	margin-top: 0px;
}

#header .inner {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom:10%;
}

#header .header_extras {
	float: right;
}

label, legend {
	font-size:12px;
}

/* Give the main wrapper a separate background color */



/* Footer Styles */

.footer_wrapper {
	position:fixed;
	bottom:0;
	width:940px;
	font-size:1em;
	color: #ccc;
	background: #fff;
}

.footer_wrapper a {
	color: #ccc;
	margin-left:10px;
	text-decoration:none;
	width:100%
}

.footer_wrapper a:hover {
	color: #a4e25a;
}


.footer_bottom {
	margin-top:-10px;
	background: url(images/footer_back.png);
	width:100%;
	height:20px;
	clear:both;
}

.footer_wrapper hr {margin: 0px 0 0px 0;}

.copyright {
	float:left;
	display:block;
	height:30px;
	line-height:30px;
}

.footer_links {
	float:right;
	display:block;
	height:30px;
	line-height:30px;
}

.footer_links a {
	color:#CCC!important;
}



#footer {
	border-top: 0px solid #d6d6d6;
	font-size: .9em;
	position:fixed;
	bottom:0;
}
#footer.noborder {
	border: none;
	padding-top: 0;
}

#footer #credits {
	font-size: 11px;
	color: #9f9f9f;
}

a.themeauthor {
	display: block;
	width: 75px;
	height: 12px;
	margin: 0px auto;
	float: right;
	text-decoration: none;
	text-indent: -9999em;
	background: url(images/icons/stlogo.png) no-repeat right center;
}


/* @end */

/* @group Header */

#site-title {
	margin: 0;
	padding: 0;
	font-size: 60px;
	line-height: 55px;
	letter-spacing: 0px;
}

#header div#site-title a,
#header h1#site-title,
#header h1#site-title a {
	margin: 0;
	padding: 0;
	line-height: 55px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0px;
	text-shadow: 0px 1px 0px #FFF;
}

#header #site-title a:hover {
	color: #3253ad;
}	

/* Header Tagline */

#header span.site-desc {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 28px;
	color: #7d7d7d;
	letter-spacing: 0px;
}

/* Image Header */

#header #site-title.graphic a {
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
	margin-left:50px;
	margin-top:28px;
	
}
#header span.site-desc.graphic {
	display: none;
}

/* @end */

/* @group Navigation Bar */

#navigation {	}

#navigation ul {
	width: 100%;
 	position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}
	

#navigation ul li {
 	 position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}

#navigation ul li a {
	color:#fff;
	background-image: none;
	padding: 0 10px;
	text-decoration: none;
	display: block;
	font-weight: normal;
}

/* Navbar Hover Links */

#navigation ul li:hover a,
#navigation ul li a:hover {
	color: #a4e25a;
	position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}

#navigation ul li:hover li a {
	color: #a4e25a;
	font-weight: normal;
}

/* Navbar Active Links */

#navigation ul li.active a {
	color: #333;
	background: #fff;
}



/* Nav Sublevel */

#navigation ul.sub-menu {
 	
}

#navigation ul.sub-menu li {
	border: none;
}

/* Nav Sublevel Links */

#navigation ul.sub-menu li a {
	background: #f0f0f0;
	padding: 5px 0px 5px 8px;
	height: 32px;
	line-height: 32px;
	border-radius: 0;
	min-width: 210px;
	border-bottom: none;
	position: static;
    behavior: none;
}

/* Nav Sublevel Hover */

#navigation ul.sub-menu li a:hover {
	background: #fff;
	border-bottom: none;
}


/* @end */

/* @group Navigation Bar */

.top_menu {
	position:absolute;
	width:220px;
	height:20px;
}

/*end*/

/* @group Typography */

	h1, h2, h3, h4, h5 { 
		letter-spacing: 0px;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	text-decoration: none;
	}
	
	h2.entry-title a {
	font-weight: normal;
	font-size:o.8em;
	}

	h1.entry-title {
	font-size:1.3em;
	border-bottom:1px solid #00bfd6;
	font-family:'Lato', helvetica, sans-serif;
	font-weight:300;
	line-height:100%;
	margin:0;
	color:dimGray;
	}
	
	
	h1 {line-height: 140%; margin-bottom: 14px;}
	h2 {line-height: 130%; margin-bottom: 10px; font-size:14px; }
	h3 {line-height: 150%; margin-bottom: 8px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; clear:both; font-size: 1.3em; margin:10px 0 10px 0; color:dimGray; font-weight:300; font-family:'Lato', helvetica, sans-serif;}
	h4 {line-height: 125%; margin-bottom: 8px; }
	h5 {line-height: 120%; margin-bottom: 8px;}
	
	h6 {
		font-size: 14px;
		line-height: 120%;
		margin-bottom: 8px;
		color: inherit;
		font-weight: bold;
		text-transform: uppercase;
		color: #375199;
	}
	.subheader { color: #777; }
	.normal {font-weight: normal;}
	.bolder {font-weight: 300;}
	
	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	
	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	
/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

#footer_nav {
height:30px;
float:left;
margin-left:60px;
border-left:1px solid #ddd;
}

#footer_nav ul {
list-style:none;
margin:0;
}

#footer_nav li {
float:left;
line-height:30px;
border-right:1px solid #ddd;
height:30px;
width:60px;
}

#footer_nav li a {
text-align:center;
font-weight:300;
line-height:30px;
margin:0;
color:#ccc;
}

#footer_nav li a:hover {
background: url(images/image-back-2.png);
}



/* #Links
================================================== */
	a, a:visited {text-decoration: none; outline: 0; color: #00BFD6;}
	a:hover, a:focus { color: #000; text-decoration: none;}
	p a, p a:visited { line-height: inherit; }
	

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;}
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
/* # Image Alignment Classes
============================================================== */

.alignright {
	float: right;
	margin: 0px 0px 10px 15px;
}

.alignleft {
	float: left;
	margin: 0px 15px 10px 0px;
}
.aligncenter {
	display:block;
	margin:0 auto;
}

/* WP Captions */

.wp-caption {
	text-align: center;
	padding: 5px;
	margin: 10px auto;
}


.wp-caption {
	border: 1px solid #fff;
	background-color: #f6f6f6;
	color: #666;
	text-shadow: 1px 1px 0px #fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	position: relative;
	behavior: url('../wp-content/themes/presstige/css/PIE.php');
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 0 0px 0;
	margin: 0;
}

.wp-caption.alignleft {
	margin: 0px 10px 0px 0px;
}
.wp-caption.alignright {
	margin: 0px 0px 0px 10px;
}


/* @end */

/* @group Tables */

table {
	margin: .5em 0 1em;
}

table th {
	text-align: left;
	border: 1px solid #d1d1d1;
	padding: .4em .8em;
	background: #ddd url(images/gradient_small_trans.png) repeat-x 0 top;
	font-weight: bold;
}

table td {
	background-color: #fff;
	border: 1px solid #d1d1d1;
	padding: 10px;
}

/* @end */

/* @group Widgets */


.widget-container ul {
	list-style: none;
}

.widget-container ul ul {
	list-style: square;
	margin-left: 1.3em;
}

.widget-container select {
	max-width: 100%;
}

.widget_search {
	position:absolute;
	top:38px;
	left:654px;
	height:20px;
	width:130px;	
	margin:0;
	background-image: 		
}

li#text-2 {list-style:none;}

#search-2 {margin:0;}

.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}

.widget_search label {
	display: none;
}

.widget-container {
	margin: 0 0 0px 0;
	padding-top: 1px;
}

.widget-container ul {
	margin-left: 0;
}

.widget-title {
	font-weight: bold;
	font-size: 1.5em;
	display:none;
}

input#searchsubmit {
	margin-bottom: 0;
	display:none;
}

.widget-container a:link,
.widget-container a:visited {
	text-decoration: none;
}

.widget-container a:active,
.widget-container a:hover {
	text-decoration: underline;
}

.widget-container .entry-meta {
	font-size: 11px;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}

/* WP Calendar Widget */

#wp-calendar {
	font-family: arial,helvetica,sans-serif;
	width: 100%;
	font-size: .85em;
}

#wp-calendar td {
	padding: 4px 0;
	text-align: center;
	border: 1px solid #d2d2d2;
	background-color: #ededed;
	text-shadow: #fff 1px 1px 0;
	color: #7c7c7c;
}

#wp-calendar td.pad {
	background-color: #e5e5e5;
}

#wp-calendar td#today {
	color: #fff;
	background-color: #6e6e6e;
	text-shadow: 1px 1px 0px #333;
}

#wp-calendar caption {
	font-weight: bold;
}

#wp-calendar th {
	font-style: normal;
	background: #ddd url(images/gradient_small_trans.png) repeat-x 0 top;
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	text-shadow: #ebebeb 0 1px 0;
}

/* WP RSS Widget */

.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Indent Sidebar Lists */

.widget-container ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}

/* Page Menus/Custom Menus */

li.page_item,li.menu-item {
	padding: 0;
	margin: 0;
	list-style: none;
}


li.page_item a,li.menu-item a {
	display: block;
	line-height: 20px;
	font-weight: bold;
}

li.page_item a:hover,li.menu-item a:hover {
	background: url(images/dark/arrow_bullet.png) no-repeat 10px;
}

/* Page Menus/Custom Menus - Sublevels */

li.page_item li a,li.menu-item li a {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	color: #666;
	line-height: 175%;
	font-weight: normal;
}
li.page_item li a:hover,li.menu-item li a:hover {
	background: none;
}

li.page_item a:hover,
li.menu-item a:hover {
	text-decoration: none;
	color: #333;
}

/* @end */

/* @group WP Blog Styles */

.entry-meta {
	font-size: 11px;
	color: #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.cat-links,.comments-link,.meta-sep,.entry-utility {
	font-size: 11px;
	color: #666;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}

.archive .project {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}

.post.single {
	border-bottom: none;
	margin-top:3px;
}

a.more-link {
	display: block;
	float: right;
	font-weight: bold;
}

.st_relatedposts h4 {
	border-bottom: 1px solid #ebebeb;
}

.st_relatedposts ul {
	color: #666;
	list-style: square;
	margin-left: 20px;
}

.st_relatedposts ul li {
}


/* @end */

/* #home
================================================== */

.home_col {
	position:relative;
	margin-right:4%;
	float:left;
	width:125.302px;
}

.home_col_last {
	position:relative;
	float:left;
	width:125.302px;
}

.home_quote {
	font-size:1.5em;
	color: #00bfd6;
	font-weight:bold;
	margin-bottom:20px;
}



.social_icons {
	width:auto;
	padding:0px;
	margin-right:10px;
	font-size:0.8em;
	text-align:center;
}

.left {	float:left;}

.right {float:right;}

.social_icons a {
	color:black;
	display:block;
	height:30px;
	width:30px;
	text-decoration:none;
}

#facebook a {
background: url(images/facebook.png);
}

#twitter a {
background: url(images/twitter.png);
}

#facebook a:hover {
background: url(images/facebook_hover.png);
}

#twitter a:hover {
background: url(images/twitter_hover.png);
}

.social_icons a:hover {
	color:white;
}

.social_wrapper {
	clear:both;
	height:30px;
}

.title_news {
	margin-top:10px;
	font-family:'Lato', helvetica, sans-serif;
	font-weight:400;
	line-height:100%:
}

.title_sections {
	font-size:1.3em;
	border-bottom:1px solid #00bfd6;
	color:dimGray;
	font-family:'Lato', helvetica, sans-serif;
	font-weight:300;
	line-height:100%:
}

.title_bar {
	background: url(images/title_bar.png);
	height:20px;	
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
}

.title_post_home {
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:5px;
	line-height:1.2em;
}

.title_post_home a {
	text-decoration:none;
	color:#AAA;
}

.title_post_home a:hover {
	text-decoration:none;
	color:#A4E25A;
}

.title_sidebar {
	font-size:1.3em;
	border-bottom:1px solid #00bfd6;
	color:dimGray;
	font-family:'Lato', helvetica, sans-serif;
	font-weight:300;
	line-height:100%:
}

.title_sidebar a {
	text-decoration:none;
	color:dimGray;
}

.title_sidebar ul {
	margin:0;
}

.title_sidebar li {
	margin:0;
}

.title_recent_posts {
	font-size:1.3em;
	font-family:'Lato', helvetica, sans-serif;
	font-weight:300;
	line-height:200%;
	border-bottom:1px solid #000;
	color:dimGray;
}

.post_content_home {
	line-height:130%;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}

.moretag {
	text-decoration:none;
	
}

.moretag_wrapper {
	margin:-15px 0 0px 0;
	width:100%;
	height:15px;
}

.articles .moretag_wrapper {margin:0 0 15px 0;}

.moretag_wrapper a {
	text-decoration:none;
	color: #00BFD6;
}

.thumbnail_home {
	width:100%;
	height:80px;
	overflow:hidden;
	margin-bottom:10px;
}

.thumbnail_home img { 
	max-width:100%;
	height:auto;
}

.recent_post_sidebar li {
	line-height:30px;
	height:30px;
	border-bottom:1px solid #898989;
	margin:0;
}

.recent_post_sidebar a {
	text-decoration:none;
	color:#898989;
	display:block;
	
}

.recent_post_sidebar a:hover {
	text-decoration:none;
	color:#000;
	background-image: url('images/footer_back.png');
	background-repeat:no-repeat;
	background-position:top;
}

#sidebar {
	margin-top:1px;
}

.press_package {
	margin-top:30px;
}

.press_package hr {
	margin:5px 0 2px;
}

.press_package a {
	text-decoration:none;
}

.shop_link {
	margin-top:30px;
	margin-bottom:30px;
}

.shop_link a {
	text-decoration: none;
}

.articles hr {
	margin:5px 0 2px;
}

.articles a {
	text-decoration:none;
}

.search_wrapper {
	position:absolute;
	top:38px;
	left:69%;
}

input#search {
	background: url(images/search.png) no-repeat;
	padding:0 0 0 25px;
	height:20px;
	width:125px;
}

input#search:focus {
	box-shadow:none;
}

select#cat {
	border: 1px solid #00BFD6;
	color:#CCC;
	height:30px;
	width:100%;
	margin-bottom:10px;
	font-family:"Lato", helvetica, sans-serif;
	padding-left: 10px;
	line-height: 25px;
	font-weight:300;
}

select#cat:focus {
	box-shadow:none;
}

select#tag {
	border: 1px solid #00BFD6;
	color:#CCC;
	height:30px;
	width:100%;
	margin-bottom:10px;
	font-family:"Lato", helvetica, sans-serif;
	padding-left: 10px;
	line-height: 25px;
	font-weight:300;
}

select#tag:focus {
	box-shadow:none;
}

#categories-2 {
	margin:0 0 0 0;
}

.twitter_feed {
	line-height:150%;
}

.twitter_feed li {
	line-height:150%;
}

.twitter_feed a {
	color:#898989;
	text-decoration:none;
}

.twitter_feed ul {
	margin-bottom:0;
}

a.twitter-follow-button {
	color:#00BFD6;
}

#text-3 {
	display:none;
}

.hidden_submit {

}

.search_entry_title a {
	font-size:2em;
	text-decoration:none;
}

.search_thumbnail {
	overflow:hidden;
	height:100px;
	width:100%;
}

.search_thumbnail img {
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.search_content {
	margin-bottom:200px;
}

#cntctfrm_contact_form input.text,
#cntctfrm_contact_form textarea, 
#cntctfrm_contact_message, 
#cntctfrm_contact_name, 
#cntctfrm_contact_email, 
#cntctfrm_contact_subject {
	border:1px solid #898989;
	max-width:100%;
}

#cntctfrm_contact_form input.text:focus,
#cntctfrm_contact_form textarea:focus, 
#cntctfrm_contact_message:focus, 
#cntctfrm_contact_name:focus, 
#cntctfrm_contact_email:focus, 
#cntctfrm_contact_subject:focus {
	border:1px solid #00BFD6;
	box-shadow:none;
	width:100%;
}


input:focus {
	box-shadow:none;
	border:1px solid #00BFD6;
}

#wrap input[type="submit"] {
	border-radius:0;
	text-shadow:none;
	border:1px solid #898989
	background:#fff;
	background-image:none;
	font-family: 'Lato', helvetica, sans-serif;
	font-weight:400;
}

#wrap input[type="submit"]:hover {
	background:url(images/footer_back.png);
	border:1px solid #00bfd6;
}

.contact_form {
	float:left;
	max-width:280px;
	margin-right:20px;
}

.other_contact {
	float:left;
	width:320px;
	margin-top:20px;
}

#slideleft {
	display:none;
}

#slideright {
	display:none;
}

#slideshow-wrapper #slidearea {
	margin-left:-2px;
}

.entry-content p {
	margin:0px;
}

#slideshow-wrapper #slider img {
	border:0;
	border-radius:0;
}

#contact_submit {
	background:#fff;
	border:1px solid #00BFD6;
	text-shadow:none;
	border-radius:0;
	color:#00BFD6;
}


#contact_submit:hover {
	background:#00BFD6;
	border:0px;
	text-shadow:none;
	border-radius:0;
	color:#fff;
}

.profile_col {
	float:left;
	width:320px;
	margin-right:5%;
}

.search_post {
	padding:20px 0 20px 0;
	border-bottom:1px solid #CCC;
}

.search_post .moretag_wrapper {
	height:auto;
}

.entry-utility a {
	text-decoration:none;
}

.project_content {
	float:right;
	width:640px;
	margin:6px 10px 0 10px;
	display:inline;
}

.project {
	width:460px;
	float:left;
	margin-right:10px;
}

.project_post {
	width:100%;
	margin-top:-3px;
}

.error404 p {
	margin:10px 0 10px 0;
}

.spacer {
	width:100%;
	height:60px;
} 

.projet_big_image {
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}

.projet_big_image img {
	max-width:100%;
	
}

.project_thumb {
	width:100px;
	height:100px;
	float:left;
	margin: 0 10px 20px 0;
	overflow:hidden;
}

.project_thumb img {
	max-width:100%;
height:auto;
}

.last_thumb img {
	max-width:100%;
height:auto;
}

.last_thumb {
	width:100px;
	height:100px;
	float:left;
	margin:0 0 20px 0;
	overflow:hidden;
}

.break {clear:both;}

#credits {display:none;}

#cboxMiddleLeft {background:transparent;}
#cboxMiddleRight {background:transparent;}
#cboxTopCenter {background:transparent;}
#cboxBottomCenter {background:transparent;}

#cat_top_content {margin-top:3px;}

/* @group Form Buttons */

/* #Form Buttons
================================================== */

	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: transparent; /* Old browsers */
		background: -moz-linear-gradient(); /* FF3.6+ */
		background: -webkit-gradient(); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(); /* Opera11.10+ */
		background: -ms-linear-gradient(); /* IE10+ */
		background: linear-gradient(); /* W3C */
	  border: 0px solid #aaa;
	  border-top: 0px solid #ccc;
	  border-left: 0px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 0px;
	  -webkit-border-radius: 0px;
	  border-radius: 0px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	  
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #eee; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #ccc;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  border-bottom: 1px solid #9d9d9d;
}
	  
  	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa; }
	
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }


/* @end */

/* @group Styled Buttons */

.button-alt,
.button,
.button.small,
.button.large,
.button.medium {
	background-image: none;
	padding: 8px 1em 9px 1em;
	font-size: .95em;
	margin: 0;
	display: inline-block;
	font-family: arial,helvetica,sans-serif;
	font-stretch: narrower;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;

}


.button.left {
	float: left;
}
.button.right {
	float: right;
}
.button.center,.button.middle {
	margin: 0px auto;
	text-align: center;
	display: inherit;
}

.button-alt a,.button a,.button.small a {
	font-size: .9em;
	line-height: 14px;
}
.button.medium a {
	font-size: 1.2em;
	line-height: 20px;
}
.button.large a {
	font-size: 1.5em;
	line-height: 24px;
}
.button span.btn_caption {
	font-weight: normal;
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
}


/* End Button Styles */

	
/* @group Tabs */

	ul.tabs { 
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li { 
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a { 
		display: block; 
		text-decoration: none;
		width: auto; 
		height: 29px; 
		padding: 0px 20px; 
		line-height: 30px; 
		border: solid 1px #ddd;
		border-width: 1px 0 0 1px; 
		margin: 0;  
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active { 
		background: #fff; 
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-right-width: 1px;
		margin: 0 -1px 0 0;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a {
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	
	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }
		
	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }


/* @end */

/* @group Toggles */

.toggle_container {
	padding: 10px;
	margin-bottom: 1px;
	background-color: #fff;
}


p.trigger {
	display: block;	
	padding:  8px 8px 8px 16px;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 175%;
}

/* Up Toggle State */

p.trigger {
	background: #f8f8f8 url(images/icons/16_expand.png) no-repeat 10px center;
	border-top: 1px solid #e5e5e5;
	padding-left: 34px;
}

p.trigger a {
	color: #2774ae;
	text-shadow: #fff 1px -1px 0;
	text-decoration: none;
}

/* Hover Toggle State */

p.trigger:hover {
	background: #fff url(images/icons/16_expand.png) no-repeat 10px center;
}

p.trigger a:hover,p.trigger.active a:hover {
	color: #2774ae;
	text-shadow: #fff -1px 1px 0;
}

/* Active Toggle State */

p.trigger.active {
	background: #fff url(images/icons/16_collapse.png) no-repeat 10px center;
	border-top: 1px solid #ebebeb;
}

p.trigger.active a {
	color: #000;
	text-shadow: #fff 1px 1px 0;
}

/* @end */

/* @group Callouts */

/* Callout Box */

.cta {
	margin: 10px auto 0px auto;
	padding: 10px 10px 20px 10px;
	background-color: #f2f2f2;
	border: 1px solid #dcdcdc;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-shadow: #fff 1px 1px 0;
	 box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
    -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
    -webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
	position: relative;
   	behavior: url('./wp-content/themes/skeleton/PIE.php');
}

.cta p {
	margin: 0;
	padding: 0;
}

.cta h3 {
	font-size: 1.3em;
	text-shadow: #fff 1px -1px 0;
}


/* @end */


/* @group Comments */

/* Needs RWD Check */

#respond {margin:0px;float:left;border-top: 1px solid #dbdbdb;padding-top: 10px;width: 100%;}

#respond input[type=text] { width:300px; margin-right:20px; }
#respond textarea {width:550px; height:120px; padding:10px; }
#comments { float:left; margin:0;}

#comments {border: 0;width: 100%;}
body.dark #comments {background: url(images/dark/divider.png) repeat-x right top;}

#comments h2 {font-size: 1.5em;display: block;border-bottom: 1px solid #d6d6d6;font-weight: bold;}
#comments h6 {font-family: "Times New Roman", Times, serif;letter-spacing: normal;text-transform: uppercase;margin: 10px 0px;}

#comments .comment-meta { margin:0px 0px 20px 0px; display:block;}
#comments .commentlist { margin:0px; float:left; list-style:none; width:100%;  }
#comments .commentlist ul { list-style:none; margin:0; padding:0; clear:both; }
#comments .commentlist li {margin:0; padding:0;  display:block;}



body.page-template-onecolumn-page-php #comments .commentlist li .comment-meta {}

#comments .commentlist li li { margin:0 0 20px 25px; }
#comments .commentlist li li .comment-meta{ width:445px; }
#comments .commentlist li li li {margin:0 0 20px 25px;}
#comments .commentlist li li li .comment-meta{ width:420px; }
#comments .commentlist li li li li {margin:0 0 20px 25px; }
#comments .commentlist li li li li .comment-meta{ width:395px; }
#comments .commentlist li li li li li {margin:0 0 20px 25px;}
#comments .commentlist li li li li li .comment-meta{ width:370px; }

#comments .single-comment { margin-bottom:20px; }
#comments .comment-author { float:left; margin: 0px 10px 6px 0px; display:inline; width:50px; }
#comments .comment-author cite { clear:both; font-weight:bold; }

#comments .vcard {
	float:left;
	clear:both;
	display:block;
	width:100px;
	min-height: 100px;
	padding:20px 0;
}
#comments .vcard img.avatar {
	border: 1px solid #eee;
	padding: 2px;
	background:#f4f4f4;
}

#comments .vcard {
	background:url(images/light/comment_author_bg.png) no-repeat top right;
}
#comments body.dark .vcard {
	background:url(images/dark/comment_author_bg.png) no-repeat top right;
}


/* @end */

/* @group WP Gallery */

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

.gallery .gallery-row {
	display:block;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
	max-width: 79%;
	height: auto;
	padding: 0;
	margin: 5px auto;
	border: 1px solid #fff;
	background-color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    -pie-box-shadow: 0px 0px 5px #ccc;
    position: relative;
    behavior: url("./wp-content/themes/skeleton/PIE.php");
}
.gallery-caption {
	color: #666;
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}

#slideshow-wrapper #fullsize {
	width:100%;
	height:300px;
}

#slideshow-wrapper {width:100%;}

/* Attachment Page */

#nav-below {
	width: 100%;
}

#nav-below .nav-previous a {
	float: left;
	
}
#nav-below .nav-next a {
	float: right;
}
.entry-caption {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.entry-content {
	margin-left:0;
	overflow:hidden;
	font-size:12px;
	line-height:140%;
}

#post-14 .entry-content {width:75%;}
#post-16 .entry-content {width:75%;}

.more_column {
	float:left;
	display:inline;
	width:158px;
	margin-top:-48px;
	margin-left: 10px;
	font-size:12px;
	line-height:140%;
}

.container {margin-bottom:60px;}

form#cntctfrm_contact_form {max-width:320px; }

/* @end */

/* @group Misc */





/* Apply CSS class of "guest" to menu items hidden from logged-in users */

body.logged-in li.guest,
body.logged-in li.guest {
	display: none;
}
	
/* #Images
================================================== */

img.scale-with-grid { 
	max-width: 100%;
	height: auto; }

			
/* #Forms (see formalize.css)
================================================== */

	label,legend { font-size: 12px;
	line-height:30px;
	font-weight:300;
	 display: block;}

	input[type="checkbox"] {display: inline; }

/* # Misc Typography Balancing to Maintain Vertical Rhythm
============================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.add-top { margin-top: 20px !important; }


.resize {
    display:none;
}
.bypostauthor,.gallery-caption {}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.home_1,.home_4 {
	margin-left:10%;
	}
	.home_col {
		width:172px;
		margin-right:5.2083%;
		height:800px;
	}
	.home_col_last {
		width:172px;
		margin-right:0;
	}
	.footer_wrapper {position:fixed; bottom:0; left:0; width:100%;}
	.footer {position:fixed; bottom:0; left:0;}
	.copyright {margin-left:20px;}
	#navigation {top:29px; left:37%;}
	#header #site-title.graphic a {margin-left:75px; }
	.search_wrapper {left:72%;}
	.more_column {width:100%; margin-top:10px; margin-left:0;}
	.press_package {float:left; width:30%; margin-right:5%; margin-top:0;}
	.shop_link {float:left; width:30%; margin-right:5%; margin-top:20px; clear:left;}
	.articles {float:left; width:30%; margin-bottom:60px;}
	.project_content {width:508px;}
	.project {width:100%; margin-right:0;}
	.footer_links {margin-right:20px;}
	.container {margin:0;}
}

/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
	.home_col,.home_col_last {width:100%;}
	.title_news {width:45%; position:absolute; top:24px; right:0;}
	.social_wrapper { float:right; clear:none;}
	.home_quote {font-size:1.2em; margin-top:20px; width:45%; float:left}
	#header #site-title.graphic a {margin-left:auto; margin-right:auto;}
	#navigation ul, #navigation ul li, #navigation ul ul {float:left; margin-right:10px;}
	.menu-header ul li {float:left; margin-right:10px;}
	#navigation {top:64px; left:50%; margin:10px 50% 0 -70px;}
	#navigation ul li a, #navigation ul li.active a, #navigation ul li a:hover, #navigation ul li:hover a {float:left; margin-right:10px;}
	#navigation ul li a {float:left;}
	#navigation ul li a:hover {color:white;}
	.post_content_home {font-size:1em; line-height:135%;}
	.twitter_feed {position:absolute; top:70px; width:45%; right:0;}
	.home_2 {margin-top:30px;}
	.title_news h3 {line-height:130%;}
	#footer {position:relative; width:100%: }
	.footer_wrapper {position: relative; width: 100%;}
	.moretag_wrapper {margin-bottom:5px;}
	.more_column {width:100%; margin-top:10px; margin-left:0;}
	.press_package {float:left; width:46%; margin-right:5%; margin-top:0; margin-left:10px;}
	.shop_link {float:left; width:46%; margin-right:5%; margin-top:20px; clear:left; margin-left:10px;}
	.articles {float:left; width:45%; margin-top:-50px;}
	.content {width:100%}
	.project_content {width:100%; margin-top:20px;}
	.project {width:100%}
	.entry-content {margin:0 10px 0 10px;}
	h1.entry-title {margin-left:10px;}
	.title_bar {margin-left:10px;}
	#sidebar > .title_bar {margin-left:0;}
	.home_col > .title_bar {margin-left:0;}
	.type-post > .title_bar {margin-left:0;}
	.type-post > .entry-title {margin-left:0;}
	#content {margin-top:20px;}
	.entry-content > .title_bar {margin-left:0;}
	.type-page {margin-top:20px;}
	.type-page > .entry-title {margin-right:10px;}
	.contact_form {margin-right:0;}
	#content > .entry-title {margin-left:0;}
	#content > .title_bar {margin-left:0;}
	.home_col_last > .title_bar {margin-left:0;}
	.articles {width:100%; margin:0 0 10px 10px;}
	.copyright{width: 35%; border-bottom:1px solid #ddd;}
	#footer_nav {width: 64.6%; margin-left:0; border-bottom:1px solid #ddd;}
	#footer_nav li {width: 32.8%;}
}
	
/* @end */