/*
Theme Name: DCN Foundation
Theme URI: http://quentincole.com/
Author: Quentin Cole
Author URI: http://quentincole.com/
Description: Based on the awesome <a href="http://foundation.zurb.com/" title="Official ZURB Foundation website">foundation by ZURB</a>. It's built in a way that you can always update the foundation.
Tags: zurb, foundation, grid, custom-menu, custom-header, custom-background, widgets, shortcodes, orbit-js, reveal-js, responsive
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.6
Text Domain: devicecloudnet

This theme, like WordPress, is licensed under the GPL. Except for the parts from
Foundation that is licensed under MIT (http://www.opensource.org/licenses/mit-license.php).
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: General Stuff
:: Make foundation work with WordPress
*/
/* ---------------------------------------------------
   General Stuff
--------------------------------------------------- */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
abbr, acronym, dfn {
	cursor: help;
	border-bottom: 1px dotted #e6e6e6;
}
.alignleft{
	float: left;
	margin: 5px 15px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
.aligncenter {
	text-align: center;
}
.entry-meta,
.page-link {
	clear: both;
}

.nav-single {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align: right;
}
div.attachment { text-align: center; }

.format-image .entry-meta h6,
.format-link .entry-meta h6,
.format-quote .entry-meta h6,
.format-status .entry-meta h6,
.sticky .entry-meta h6 { display: inline-block; }
.entry-meta .label { float: right; text-transform: uppercase; margin: 15px 0; font-style: italic; }

.format-status .entry-header img { float: left; margin: 5px 15px 0 0; }

.format-link .entry-content a {
	font-size: 22px;
	line-height: 1;
}

/* ---------------------------------------------------
   Make foundation work with WordPress
--------------------------------------------------- */
.row,
.contain-to-grid .top-bar { width: 980px; }

.post-box .row > .columns.left {
	margin-left: 0;
	margin-right: 0;
}
.row .entry-content > .columns.left {
	margin-left: 0;
	margin-right: 4.4%;
}
.row .entry-content > .columns.right {
	float: right;
	margin-left: 4.4%;
	margin-right: 0;
}
.row .entry-content > .columns br {
	font-size: 1%;
	line-height: 0;
}
#supplementary {
	padding-top: 20px;
}
#footer {
	padding: 20px 0;
	background: url("images/stripe_gray.gif") repeat scroll 0 0 #E6E6E6;
	border-top: 5px solid #E0E0E0;
	clear: both;
	color: #545454;
	width: auto;
}
footer > div.row:last-child {
	margin-top: 80px;
	border-top: solid 1px #E6E6E6;
	padding-top: 20px;
}
footer > div.row:first-child {
	margin-bottom: -80px;
	padding-top: 20px;
}

#footer h3 {
	font-size: 18px;
	color: #545454;
}

#footer p, 
#footer ul {
	font-size: 12px;
}

#final-footer {
	background: url("images/stripe_blue.gif") repeat scroll 0 0 transparent;
	color: #ABABAB;
	padding: 10px 0;
}
#final-footer p {
	font-size: 12px;
	margin: 0;
}

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

.dcn-header #searchform {
	float: right;
	margin-top: 14px;
}
.dcn-header input {
	float: left;
}
.dcn-header .header-img {
	display: block;
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
.entry-meta {
	font-size: 14px;
}
article footer.entry-meta {
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
article:last-child footer.entry-meta {
	border-bottom: none;
}
table {
	width: 100%;
}
ol.commentlist { margin-left: 0; }
.commentlist li { list-style: none; }
article.comment { margin: 30px 0; }
.comment-meta img { float: left; margin: 5px 10px 5px 0; }
#comment { min-height: 120px; }

.entry-content ul,
aside ul { margin-left: 17px; }
aside p {font-style: normal !important;}

/* Make pagination work */
ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
ul.page-numbers li.unavailable a { cursor: default; color: #999; }
ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }

/* Off canvas layout stuff */
.off-canvas [role="main"]:before {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.js .off-canvas [role="main"] {
	background: transparent;
}

/*
@media all and (min-width: 768px) {
	.js .off-canvas [role="complementary"] { width: 20%; margin-top: 14px; }
  	.js .off-canvas [role="main"] { width: 80%; }
}

@media handheld, only screen and (max-width: 767px) {
	.sidebar-menu { border-bottom: 1px solid #ddd; position: relative; }
	.off-canvas .menu-action { float: left; position: relative; top: 1px; margin-top: 0; padding-left: 15px; }
	.off-canvas .menu-action .button.small { padding: 8px; }
	.off-canvas .menu-action .button.small svg { opacity: 0.5; }
	.js .off-canvas [role="complementary"] { margin-top: 0; }
}
/* ---------------------------------------------------
   This is it, please consider using a child theme to
   customize this piece of code or you'll break your
   chance to use a painless update process.
--------------------------------------------------- */