/*
Theme Name: Tempera
Theme URI: http://www.cryoutcreations.eu/tempera
Description:We had to follow a very strict recipe to get Tempera just right. We started with a very solid framework of over 200 settings, added a very light user interface, threw in a couple of mobiles and tablets to give it that responsive elasticity, added over 50 fonts, weren't satisfied so we poured all the Google fonts into the mix, then scattered 12 widget areas for consistency, dissolved a slider and unlimited columns into a customizable Presentation Page then mixed it in as well. We then sprinkled all post formats, 8 layouts including magazine and blog, powdered 40+ social icons and even blended in a customizable top bar for extra density. We also made it translation ready and gave it RTL language support for some cultural diversity. The secret ingredient was love and we might've spilled too much of that. But now Tempera has just the right feel and the right texture and is exactly what your empty WordPress canvas needs. NEW! Tempera now comes in 16 different flavors with preset color schemes!
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Version: 1.2.6
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, black, blue, orange, red, gray, silver, light, dark, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template,  microformats, post-formats, rtl-language-support,  sticky-post, theme-options, threaded-comments, translation-ready
*/

/*
 * Copyright (c) 2013-14 Cryout Creations
 * http://www.cryoutcreations.eu
*/

/* 
IMPORTANT!

Any changes made to this or any other of the theme's files will be lost at the next update.

To safely make customizations to the theme, for CSS-only consider using the theme's dedicated 
"Custom CSS" field found under the Miscellaneous section of the theme settings page; 
for advanced CSS and other customizations, consider using a child theme.
*/

/* Reset default browser CSS */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
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;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	clear: none;
}
#content .entry-content h1 { font-size: 32px; }
#content .entry-content h2 { font-size: 28px; }
#content .entry-content h3 { font-size: 24px; }
#content .entry-content h4 { font-size: 20px; }
#content .entry-content h5 { font-size: 16px; }
#content .entry-content h6 { font-size: 12px; }
ol, ul {
	list-style: none;
}

.entry-content blockquote {
	padding:15px ;
	padding-left:90px;
	display:block;
	font-style: italic;
	clear:both;
	float:none;
	position:relative;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
 }
.entry-content blockquote:before {
left:30px;
content:'\e80f';
font-family:'elusive';
font-size:30px;
position:absolute;
right:10px;
top:35%;
}

#content blockquote p{
 margin-bottom:0;
 }

del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* =Layout
-------------------------------------------------------------- */

#container {
	float: none;
	margin:0;
	width: 100%;
}
#content {
	margin-bottom: 0px;
}
.sidey {
	display:block;
	float: left;
}

#footer {
	clear: both;
	width: 100%;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url ,
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	/*font-family:Open Sans, Arial, sans-serif;*/
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important;
}
.entry-content pre {
border-bottom:1px solid transparent;
}
.entry-content code {
    border: 1px solid transparent;
	border-bottom:3px solid transparent; 
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    overflow: auto;
    padding: 10px !important;
    text-indent: 0;
    white-space: nowrap;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
div.menu,
#colophon,
#branding,
#main,
#header {
	margin: 0 auto;
}

#branding {
display:block;
float:left;
clear:both;
height:75px;
padding:0;
position:relative;
overflow:hidden;
width:100%;
}

a#logo {
display:inline;
height:100%;
}

#linky {
background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
display:block;
width:100%;
height:100%;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}

.footerfour .widget-area {
	float: left;
	margin-right:2%;
	width: 23.5%;
}
.footerthree .widget-area {
	float: left;
	margin-right:2%;
	width: 32%;
}

.footertwo .widget-area {
	float: left;
	margin-right: 2%;
	width: 49%;
}

.footerone .widget-area {
	float: left;
	width: 100%;
}

.footertwo #second, .footerthree #third, .footerfour #forth {
	margin-right: 0%;
}

#footer-widget-area #fourth {
	margin-right: 0;
}

#site-generator {
	float: right;
	width: 220px;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
}

body,
input,
textarea {
	font-size: 12px;
	line-height: 18px;

}
hr {
	border: 0;
	clear: both;
	height: 1px;
}

/* Text elements */

.entry-content ul {
	margin-left:1.5em;
}

.entry-content ul li,
.entry-content ol li {
	padding:2px 0;
}

.entry-content ul > li {
list-style:circle;
}

.entry-content ol > li {
	text-indent:0px;
}

.entry-content  li li {
margin-left:15px;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;

}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}

strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	text-decoration: none;
}
pre {
	line-height: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted transparent;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;

	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select,
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"],
input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"]{
	border: 1px solid transparent;
	padding:5px 5px;
	-moz-transition:background-color .2s;
	-o-transition:background-color .2s;
	-webkit-transition:background-color .2s;
	transition:background-color .2s;
	font-family:inherit;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
input[type="file"] { border-color: transparent !important; }

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

a:link,a:visited  {
    text-decoration:none;
}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
	background:none;
}
#site-title {
	float: left;
	font-size: 32px;
	line-height: 32px;
}
#site-title a {
	font-weight: bold;
	text-decoration: none;
    letter-spacing: -0.03em;
	display:block;
}
#site-description {
	display:inline;
	float: left;
	font-size: 15px;
	margin-top:5px;
	padding:3px 6px 3px 0;
	clear:both;
}

#header-container {
display:block;
float:none;
position:absolute;
top:0px;
width:100%;
height:100%;
}

#header-container > div {
margin-top:20px;
}

#header:after {
content:"";
display:table;
clear:both;
}

/* Header widget area
-------------------------------------------------------------- */

#header-widget-area {
    display: block;
    right: 0;
	top:5px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 50%;
    z-index: 251;
}


/* =Menu -PRIMARY
-------------------------------------------------------------- */

#nav-toggle { display: none; }

#access {
	display: block;
	float: left;
	margin: 10px auto 0;
	width:100%;
}

#access ul {
}

 #access  ul  li.current_page_item,  #access ul li.current-menu-item  {

}

#access a {
	display:block;
	text-decoration: none;
	font-size:13px;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

#access a span {
	display:block;
	padding:10px 13px;
}

#access a:hover {
}

#access > .menu > ul > li > a > span {
border-right:1px solid transparent;
}

#access > .menu > ul > li > a:not(:only-child) span:after {
	font-family:"Elusive";
    content: '\e80a';
    position: absolute; 
    right: 5px;
    top: 10px;
    z-index: 251;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

#access > .menu > ul > li:hover > a:not(:only-child) span:after {
    top:20px;
	opacity:0;
}

#access > .menu > ul > li > a:not(:only-child) span {
padding-right:18px;
}

#access ul li {
position:relative;
display:block;
float:left;
white-space: nowrap;
}

#access ul ul {
	display: none;
	position: absolute;
	clear:both;
	z-index: 260;
	margin-left:0px;
}

#access > .menu > ul > li > ul:before {
 border-bottom: 6px solid transparent;/* * */
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 content: "";
 display: inline-block;
 left: 10px;
 position: absolute;
 top: -6px;

}

#access ul ul ul:before {
 border-top: 6px solid transparent;
 border-right: 6px solid transparent;/* * */
 border-bottom: 6px solid transparent;
 content: "";
 display: inline-block;
 left: -6px;
 position: absolute;
 top: 12px;

}


#access ul ul li { /* level 2 */
	margin:0;
    width: 100%; /* submenu width fix */
	position:relative;
	display:table;
	float:left;
	clear:both;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

#access ul ul li a {

}

#access ul ul ul {
	position:absolute;
	left: 100%;
	top: 0px;
	margin:0;
}

#access ul ul ul li { /* level 3 */
     width: 100%;
	 d