/*
Theme Name: Mo's Deuce
Theme URI: http://mospired.com/
Description: Mospired HTML5
Author: Moses Ngone
Version: 2.0
Tags: 
*/
@charset "utf-8";
@font-face {
 font-family: "Le Grand";
 src: url('/f/le_grand_saut.eot');
}
@font-face {
 font-family: "Le Grand";
 src: url('/f/le_Grand_Saut.ttf') format("truetype");
}
body {
	color:#111;
	font:100%/1.7 georgia, times, serif;
	height:101%;
	text-shadow: 1px 1px 1px #efefef;
	margin: 0px;
	background: url(/images/cross-bck.png) repeat-x 0em 0em;
}
h1, h2, h3 {
	font-weight:normal;
	text-align: center;
}
h1 {
	font-size: 1.7em;
	font-family:Palatino;
	margin: 0.5em;
	padding: 0.5em;
	color: #575757;
	opacity:0.9;
}
h1 > a, h2 > a {
	text-decoration:none;
	border-style: none;
}
a {
	color: #0d78c9;
	text-decoration: none;
	border-bottom: 1px dotted #045D9E;
}
a:hover {
	color: #19c90d;
}
a img {
	border:none;
}
time{
	font-size: 0.8em;
	color:#888;
	padding: 0.5em 0.5em 0.5em 1em;
}
header, footer, section, article, hgroup, nav, aside {
	display:block;
}
body > header, body > article, #toc, body > footer, body > .listing {
	margin: 0 auto;
	max-width: 900px;
	min-width:600px;
}
body >header > h1 {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
	margin-top: -0.1em;
}
article > header > h1:after {
	content:" ~ . ~";
	font-size:2.6em;
	line-height:0.1;
	display:block;
	opacity:0.1;
	text-shadow:1px 1px 5px #333;
	
}
body >header > h1 > a, body >header > h1 > a:hover {
	text-shadow: 1px 1px 1px #333;
	font: 3em "Le Grand", georgia, serif;
	color:#575757;
	margin: 0em 0.5em;
	padding: 0em 0.3em;
	-webkit-box-shadow:8px 5px 30px #ccc;
	-moz-box-shadow:8px 5px 30px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 4px double #efefef;
}
body >header > h1 > a>span {
	color:#FF6600;
}
body > footer {
	font-size:0.8em;
	color: #777;
	border-top: 1px dotted #efefef;
	font-style: italic;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
header a {
	color:#000;
}
header a:hover {
	color: #0d78c9;
}
body > header > h1 > span {
	color:#00CC00;
}
#toc {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-align: stretch;
	display: box;
	box-orient: horizontal;
	box-align: stretch;
	font-size: 0.9em;
}
#toc > section {
	-webkit-box-flex:1;
	-moz-box-flex: 1;
	box-flex:1;
	padding: 1em;
}
#toc > section #topics{
	-webkit-column-count: 2;
	-webkit-column-gap: 0.8em;
	-webkit-column-fill:balance;
	-moz-column-count: 2;
	-moz-column-gap: 0.8em;
	-moz-column-fill:balance;
	column-count: 2;
	column-gap: 0.8em;
	column-fill:balance;
}
.listing{
	text-align:left;
}
.listing h1 span{
	color:#000;
}

.listing h1 span:before{
	content:"{ ";
	color:#FF751A;
}
.listing h1 span:after{
	content:" }";
	color:#FF751A;
}
.listing #content p{
	border-bottom: 1px dashed #dfdfdf;
}
article> #content, .listing > #content {
	-webkit-column-width: 20em;
	-webkit-column-gap: 1.6em;
	-webkit-column-fill:balance;
	-moz-column-width: 20em;
	-moz-column-gap: 1.6em;
	-moz-column-fill:balance;
	column-width: 20em;
	column-gap: 1.6em;
	column-fill:balance;
	padding:2em;
	min-height:28em;
}
article>#content::first-letter {
 font: bold 4em/normal Garamound;
 display: inline;
 margin: -0.1em 0.1em 0em 0em;
 color: #f60;
 text-transform: uppercase;
 text-shadow: 1px 1px 1px #333;
 float: left;
 position: relative;
 z-index: 1;
}
article > footer {
	color:#667;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	display: -moz-box;
	-moz-box-orient: horizontal;
	display: box;
	min-width:480px;
	box-orient: horizontal;
	font: 0.8em/1.7 tahoma, san-serif;
	border: 1px solid #efefef;
}
article > footer > section {
	background: #F0F4F5;
	padding:1em;
	margin: 0.5em 0em 0.5em 0.5em;
}
article > footer h1, article > footer h2,article > footer h3 {
	text-align:left;
	font-weight: normal;
	font-size: 1.1em;
}
#tags {
	max-width:20em;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
#related {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	box-flex: 2;
	margin-right: 0.5em;
}

#share > span {
	color: #FF3300;
}
#subscribe {
	background: url(/images/subscribe.png) no-repeat;
	padding-left: 1.5em;
}
#follow {
	background: url(/images/follow-on-twitter.png) no-repeat;
	padding-left: 1.5em;
}
#flickr a {
	border:none;
}
#flickr img[src*="flickr.com"] {
 margin: 0.2em;
 padding: 0.2em 0.2em;
 border:1px solid #efefef;
 background:#fff;
 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 -webkit-transition: -webkit-transform 1s linear;
}
#flickr img[src*="flickr.com"]:hover {
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -webkit-transition: -webkit-transform 1s linear;
}
code{
	display: block;
	padding: 0.5em;
	background: #F8F9FB;
	border: 1px dashed #ccc;
}
pre{
	background: #F8F9FB;
	display: inline;
	word-spacing:pre;
	word-wrap:break-word;
}
.inpre{
	background: #F8F9FB;
	font: 0.9em "Courier New", Courier, monospace;
}