/*
Theme Name:     Flat Stanley
Description:    Blender mods of theme Flat
Author:         Jess
Template:       flat

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../flat/style.css");

/*TITLE */

#primary .page-title {
background: #000;
border-bottom: 1px solid #000;
font-family: 'Amatic SC', cursive;
font-size: 80px;
font-weight: 600;
color: #fff;
}



/* SHARING BOX */
div.the_champ_sharing_container.the_champ_horizontal_sharing {
	margin: 0;
	font-family: 'Amatic SC', cursive;
	font-size: 60px;
	font-weight: 600;
	color: #000;
}

ul.the_champ_sharing_ul {
	margin: 15px 0 !important;
}

.wp-caption {
	border: none;
}

/*FANCIER BOX */
#left-area ul, .entry-content ul, .comment-content ul {
	padding: 0;
}

.ts-fab-text a {
	color: #000;
}

.ts-fab-text h4 {
	color: #9b59b6;
	font-family: 'Amatic SC', cursive;
	font-size: 40px;
}

/* FIXED LOGO */
.et_fixed_nav #logo {
	max-height: 200px;
}

#main-header {
	z-index: 99999;
	padding: 18px 0 0;
	height: 76px;
}

/* END FIXED LOGO */
/* DESIGN */
body {
	color: #000;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
}

p {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #000;
}

h1 {
	font-family: 'Amatic SC', cursive;
	font-size: 80px;
	font-weight: 600;
	color: #000;
}

h2 {
	font-family: 'Amatic SC', cursive;
	font-size: 80px;
	font-weight: 600;
	color: #000;
}

h3 {
	font-family: 'Lato', sans-serif;
}

h4 {
	font-family: 'Lato', sans-serif;
}

h5 {
	font-family: 'Lato', sans-serif;
}

h6 {
	font-family: 'Lato', sans-serif;
}



/* FIXING NAVIGATION */

#site-navigation a {
    line-height: 40px;
    padding: 10px 25px;
    text-transform: uppercase;
	font-family: 'Amatic SC', cursive;
	font-size: 65px;
	font-weight: 600;
	color: #FFF;
}

#site-navigation li {
border-bottom: 0px solid rgba(255,255,255,0.1);
display: block;
}

#masthead .hgroup {
border-bottom: 0px solid rgba(255,255,255,0.1);
display: block;
}


/*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet *//*CSS from old stylesheet */


/* stylin some columns */
/* Masonry Custom CSS  */
/* Masonry container */
body.blog div#content, body.archive div#content {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
}

/* Masonry bricks or child elements */
body.blog article, body.archive article {
	background-color: #eee;
	display: inline-block;
	margin: 0;
	padding: 1em;
	width: 100%;
}

body.archive .archive-header, body.blog .paging-navigation, body.archive .paging-navigation {
	background-color: #ffffff;
	-webkit-column-span: all;
	column-span: all;
}

/* Some ad hoc CSS useful for many themes */
body.archive .site-content,
body.blog .site-content {
	margin: 1em;
}

h1, h2, h3, h4, h5, h6, a {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

@media only screen and (max-width : 1024px) {
	body.blog div#content, body.archive div#content {
	/* Masonry container */
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
	body.blog div#content, body.archive div#content {
	/* Masonry container */
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (max-width : 768px) {
	body.blog div#content, body.archive div#content {
	/* Masonry container */
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (max-width : 480px) {
	body.blog div#content, body.archive div#content {
	/* Masonry container */
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}

div.hgroup {
	max-width: 400px;
	margin: auto;
}

/* SHARING BOX */
div.the_champ_sharing_container.the_champ_horizontal_sharing {
	margin: 0;
	font-family: 'Amatic SC', cursive;
	font-size: 60px;
	font-weight: 600;
	color: #000;
}

ul.the_champ_sharing_ul {
	margin: 15px 0 !important;
}

.wp-caption {
	border: none;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.su-pullquote-align-left {
	margin: .5em 1.5em 1em 0;
	padding-left: 0;
	float: left;
/* border-right: 5px solid #8e44ad; */
	font-family: 'Amatic SC', cursive;
	font-size: 32px;
	font-weight: 500;
	line-height: 90%;
	border-style: solid;
	border-width: 0 20px 0 0;
	-moz-border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 repeat stretch;
	-webkit-border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 repeat stretch;
	-o-border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 repeat stretch;
	border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 fill repeat stretch;
}

.su-pullquote-align-right {
	margin: .5em 1.5em 1em 0;
	padding-right: 0;
	float: right;
/* border-left: 5px solid #8e44ad; */
	font-family: 'Amatic SC', cursive;
	font-size: 32px;
	font-weight: 500;
	line-height: 90%;
	border-style: solid;
	border-width: 0 0 0 20px;
	-moz-border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 repeat stretch;
	-webkit-border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 repeat stretch;
	-o-border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 repeat stretch;
	border-image: url(http://theblender.com.au/wp-content/uploads/2014/09/vert_div.png) 0 20 fill repeat stretch;
}

#read-on {
	float: right;
	font-family: 'Amatic SC', cursive;
	font-size: 32px;
	padding-bottom: 10px;
}

.thedivide {
	height: 20px;
	width: 100%;
	background-image: url('http://theblender.com.au/wp-content/uploads/2014/09/divide.png');
	background-repeat: repeat-x;
margin: 0 0 0em;


}

#thetop {
	height: 20px;
	width: 100%;
	background-image: url('http://theblender.com.au/wp-content/uploads/2014/09/divide.png');
	background-repeat: repeat-x;
	margin: 0;
}

.hentry .tags-links a {
	background: #8e44ad;
	color: #fff;
}

.hentry .tags-links a:hover, .hentry .tags-links a:focus {
	background: #3498db;
}

a:hover, a:focus {
	color: #3498db;
}

#secondary a:hover, #secondary a:active {
	color: #e67e22;
}

.hentry .entry-title {
	font-size: 90px;
}

.entry-header .entry-title {
	font-size: 50px;
}

/*FANCIER BOX */
#left-area ul, .entry-content ul, .comment-content ul {
	padding: 0;
}

.ts-fab-text a {
	color: #000;
}

.ts-fab-text h4 {
	color: #9b59b6;
	font-family: 'Amatic SC', cursive;
	font-size: 40px;
}

/* FIXED LOGO */
.et_fixed_nav #logo {
	max-height: 200px;
}

#main-header {
	z-index: 99999;
	padding: 18px 0 0;
	height: 76px;
}

/* END FIXED LOGO */
/* LOGIN PAGE */
body.login div#login h1 a {
	background-image: url('http://theblender.com.au/wp-content/uploads/2014/09/logo_v31.png');
	background-size: 300px 300px;
	width: 300px;
	height: 300px;
}


#page>.container{
background:#000;
border: 0px;
}

#secondary .widget-title {
font-family: 'Amatic SC', cursive;
	font-size: 30px;
	font-weight: 400;
	color: #FFF;
}

#secondary .toggle-navigation {
border-width: 0 0 0 0; }

#secondary .toggle-sidebar, #secondary .toggle-navigation {
border-width: 0 0 0 0; }

#masthead .site-title {
border-bottom: 0px solid rgba(255,255,255,0.1);
font-size: 90px; }

.hentry .entry-content, .hentry .entry-summary {
padding:10px 0 0;
}

span.post-title {
font-family: 'Amatic SC', cursive;
font-size: 60px;
font-weight: 600;
color: #FFF;
}

.single .post-title {
font-family: 'Amatic SC', cursive;
font-size: 60px;
font-weight: 600;
color: #FFF;
}

.site-info {
text-align: center;
padding: 30px;
font-size: 16px;
background: #fff;
font-family: 'Lato', sans-serif;
color:#000;
}



/* SPEECHIES  */

/* PURE CSS SPEECH BUBBLES by Nicolas Gallagher http://nicolasgallagher.com/pure-css-speech-bubbles/ */


.triangle-right.left{
margin-left:110px;
background:#e67e22;
}


.triangle-right.right {
  margin-right: 110px;
background-image: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: #3699dc;
background-size: initial; }

.triangle-right{
position:relative;
padding:15px;
margin:1em 0 1em;
color:#fff;
background:#3699dc; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.triangle-right::after {
content: '';
position: absolute;
bottom: -20px;
left: 50px;
border-top-width: 20px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 20px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #e67e22;
border-right-color: transparent;
border-bottom-color: #e67e22;
border-left-color: transparent;
display: block;
width: 0px; }

.triangle-right.left::after {
  top: 16px;
left: -40px;
bottom: auto;
border-top-width: 15px;
border-right-width: 40px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: transparent;
border-right-color: #e67e22;
border-bottom-color: transparent;
border-left-color: #e67e22; }


.triangle-right.right::after {
top: 16px;
right: -40px;
bottom: auto;
left: auto;
border-top-width: 15px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 40px;
border-top-color: transparent;
border-right-color: #3699dc;
border-bottom-color: transparent;
border-left-color: #3699dc; }