/*
Theme Name: Slimmy
Theme URI: http://www.vetrazdesigns.com/wordpress/slimmy.html
Version: 1.0.8
Author: Vetraz
Author URI: http://www.vetrazdesigns.com/wordpress/
Description: Slimmy features a narrow, slim and clean layout that is perfect for blogs or just about anything else. Built with Kube CSS Framework, Slimmy easily adjusts to screen sizes of various devices. It has numerous customizable features, such as custom background, text colors, custom logo, custom header image and custom navigation with submenu support. Category description is enabled for better SEO.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slimmy
Tags: light, white, gray, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, sticky-post, translation-ready, responsive-layout, full-width-template
*/

/* The Styles Used to shape the theme's look and override the base Kube Framework Stylesheet */

/* =Typography
-----------------------------------------------------------------------------*/
body {
	background: #f4f4f4;
	font-family: 'Cabin Condensed', sans-serif;
	color: #444;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
}
#main h1 {
	color: #869843;
	font-size: 2em;
}
#main h2, h3, h4, h5 {
	color: #3b7687;
}
/* =Layout
-----------------------------------------------------------------------------*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
p {
	margin-bottom: 1em;
}
.wrapper {
	margin: auto;
	max-width: 780px;
	background: #fff;
}
#main {
	padding: 0 20px;
}
.alignleft {
	float: left;
	margin: 10px 10px 0 0;
}
.attachment-post-thumbnail {
	margin-bottom: 1em;
}
.wp-caption-text {
	margin-bottom: 1em; 
	font-style: italic;
	text-align: center;
}
.alignright {
	float: right;
	margin: 10px 0 5px 10px;
	max-width: 100%;
}
.alignnone {
	display: block;
	max-width: 100%;
}
.sticky {
	background: #fcfcfc;
	padding: 10px;
}
.gallery-caption {
	
}
.bypostauthor {
	
}
.aligncenter {
	display: block;
	margin: 0 auto 10px;
	max-width: 100%;
}
.after_meta, .top_meta, p.meta {
	font-style: italic;
	color: #766f6f;
	font-size: 85%;
}
.pagination a, .pagination span {
	display: inline;
}
.next {
	float: right !important;
}
.tag {
	color: inherit;
}
.clearfix {
	clear: both;
}
p i {
	vertical-align: middle;
	margin-right: 3px;
}
/* =Header
-----------------------------------------------------------------------------*/
#header h1 {
	margin: 0;
	font-weight: 400;
}
.tagline {
	display: block;
}
#logo {
	padding: 45px 0 0 40px;
	margin-bottom: 10px;
}
#logo a {
	text-decoration: none;
	color: #333;
}
/* =Nav
-----------------------------------------------------------------------------*/
#header nav {
	background: #3b7687;
}
#header nav a {
	color: #c5d6db;
	text-transform: uppercase;
}
#header nav a:hover {
	color: #333;
}
#header nav ul li {
	position: relative;
}

#header nav ul ul.sub-menu, #header nav ul ul.children {
	position: absolute;
	background: #3b7687;
	z-index: 999;
	float: left;
	height: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}
#header nav ul > li:hover > ul {
	height: auto;
	overflow: visible;
	opacity: 10;
	filter: alpha(opacity=100);
}
#header nav ul ul.sub-menu li, #header nav ul ul.children li {
	display: list-item;
	width: 200px;
	border-bottom: 1px solid rgba(241, 237, 237, 0.5);
}
#header nav ul ul.sub-menu li > ul, #header nav ul ul.children li > ul {
	border-left: 1px solid rgba(241, 237, 237, 0.5);
}
#header nav ul ul.children li:last-child {
	border-bottom: none;
}
#header nav ul ul.sub-menu li a {
	font-size: 95%;
}
#header nav ul li:hover > a {
	background: #eee;
	color: #333;
}
#header nav ul > li > ul > li > ul {
	top: 0;
	left: 100%;
}

.tinynav { 
	display: none;
}

/* =Aside
-----------------------------------------------------------------------------*/
#main aside {
	background-color: #f6f6f6;
	margin-bottom: 1.65em;
}
aside ul {
	margin: 0 0 1.65em 1em;
}
#searchform {
	position: relative;
}
#searchform:after {
	content: "\e643";
	font-family: 'Elusive-Icons';
	position: absolute;
	right: 5px;
	top: 6px;
	z-index: 2;
	color: rgba(116, 114, 114, 0.3);
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	background: #d8d8d8;
	color: #333;
}
#footer a {
	color: ;
}
#blocks {
	background: #fafafa;
}
#attr {
	position: relative;
	background: #d8d8d8;
	text-align: right;
	color: #454647;
	font-size: 85%;
}

#attr a {
	color: #887a7a;
}
/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper { width: 748px; }
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.wrapper { width: 300px; }
	.tinynav { display: block; width: 100%; }
	#nav { display: none }
	#header nav { padding: 10px; }
}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper { width: 420px; }
	.tinynav { display: block; width: 100%; }
	#nav { display: none }
	#header nav { padding: 10px; }
}

@font-face {
	font-family: 'Elusive-Icons';
	src:url('fonts/Elusive-Icons.eot');
	src:url('fonts/Elusive-Icons.eot#iefix') format('embedded-opentype'),
		url('fonts/Elusive-Icons.ttf') format('truetype'),
		url('fonts/Elusive-Icons.woff') format('woff'),
		url('fonts/Elusive-Icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}