/*   
Theme Name: Monomalist
Theme URI: http://suprmarket.net/themes/monomalist/
Description: Minimal blog using the 960 Grid System
Author: Suprb
Author URI: http://suprmarket.net/
Tags: 960, grid system, framework
Version: 1.0
Theme Editing: Carl MH Barenbrug - http://carlmhbarenbrug.com/
*/

@import 'assets/css/reset.css';
@import 'assets/css/text.css';
@import 'assets/css/960.css';
@import 'assets/css/formalize.css';
@import 'assets/css/fontello.css';
@import 'assets/css/animation.css';

body {
background-color:#fff;
font-family: sans-serif, arial; 
font-weight: normal;
font-size: 14px;
word-spacing: 1px;
color:#9c9e9d;
line-height:1.5;
margin:0;
padding:0;
}

a,a:visited {
color:#424544;
text-decoration:none;
outline:none;
}

a:hover {
color:#ff8a00;
text-decoration:none;
outline:none;
}

a img {
border:0;
}

a:active {
opacity:0.5px;
}

a:hover {
opacity:0.75px;
}

p {
margin:0 0 15px;
}

ul,li {
list-style:none;
}

h1 {
font:400 70px 'PT Sans', sans-serif;
text-transform: lowercase;
line-height:1.2;
margin:0;
padding:0;
}

h2 {
display:block;
font:400 40px 'PT Sans', sans-serif;
text-transform: lowercase;
color:#959ea1;
margin-top:10px;
margin-bottom:10px;
}

h3 {
display:block;
font:400 26px 'PT Sans', sans-serif;
text-transform: lowercase;
color:#959ea1;
margin-top:10px;
margin-bottom:10px;
}

h4,h5,h6 { font:bold 12px Helvetica, Sans-serif; }

#main {padding-top:0px;}

/* Sidebar */

#sidebar {
padding-top:15px;
}

#sidebar ul {
list-style:none;
border-bottom:1px solid #ccc;
margin:0 0 15px;
padding:0 0 15px;
}

#sidebar ul li {
list-style:none;
margin:0;
padding:0;
}

#sidebar li ul {
list-style:none;
border-bottom:0 solid #ccc;
margin:0;
padding:0;
}

#sidebar li ul li:before {
content:"\2015";
color:#ccc;
}

#sidebar li ul li {
list-style:none;
padding-left:10px;
margin:0;
}

a.twitter_link {
background:url('assets/img/right.gif') center left no-repeat;
padding-left:15px;
display:block;
margin-top:5px;
}

.twitter_icon {
text-align:right;
max-width:60px;
overflow:none;
}

.map {
display:block;
margin-bottom:10px;
}

#sidebar h2 {
font:normal 12px Helvetica, Arial, Sans-serif;
}



/* Post */

.post_title {
display:block;
padding: 0;
margin: 0;
margin-top:20px;
}

.post_comment {
display:block;
}

.top_border {
border-top:1px solid #ccc;
margin-bottom:15px;
}

.top_border_full {
border-top:1px solid #ccc;
margin: 0 0 0 0;
position: absolute;
width: 940px;
}

.top_border_500 {
border-top:1px solid #ccc;
margin-bottom:15px;
width: 100%;
}

.content img {
display:block;
max-width:500px;
height:auto;
}

.content p {
width:500px;
}

.entry{margin-top: 15px;}
.sep {
padding-bottom:15px;
width:500px;
display:block;
height:1px;
border-top:1px solid #ccc;
}

.sep_under {
height:40px;
width:500px;
display:block;
border-bottom:1px solid #ccc;
clear:both;
margin-bottom:30px;
}

.content a,#content a:hover,#content a:visited {
font-weight: normal;
}

a.tweet {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#222;
border: 1px solid #222;
color:#FFF;
display:inline;
float:left;
margin-right:5px;
line-height: 19px;
padding: 0 7px;
height: 20px;
font-size: 11px;
}

a.tweet:hover {
color:#FFF;
}

.sidebar_title, .post_category {
font-weight:700;
display:block;
margin-bottom: 6px;
}

.pushitdown{margin-bottom: 10px}

.avatar { text-align: right}


/* Navigation */

.navigation {
margin-bottom:20px;
}

.alignright {
text-align:right;
}



/* Footer */

#footer {
display:block;
margin-bottom:20px;
}


/* Misc */

strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

input {
font:normal 12px Helvetica, Arial, Sans-serif;
color:#000;
}

textarea {
width:460px !important;
}

#inputs p {
margin:0 0 .8em;
}

#submit {
font:bold 12px 'Helvetica Neue', Helvetica, Arial, Sans-serif;
color:#000;
}

ul li {
list-style:none;
margin:0;
padding:0;
}

.sd-mail a {
position: absolute;
width: 22px;
height: 22px;
float: right;
display: block;
margin: 30px 0 0 836px;
}

.sd-mail a:hover {
opacity: 0.85; -webkit-transition: opacity 100ms; -moz-transition: opacity 100ms;
}

.sd-twitter a {
position: absolute;
width: 22px;
height: 22px;
float: right;
display: block;
margin: 30px 0 0 876px;
}

.sd-twitter a:hover {
opacity: 0.85; -webkit-transition: opacity 100ms; -moz-transition: opacity 100ms;
}

.sd-rss a {
position: absolute;
width: 22px;
height: 22px;
float: right;
display: block;
margin: 30px 0 0 916px;
}

.sd-rss a:hover {
opacity: 0.85; -webkit-transition: opacity 100ms; -moz-transition: opacity 100ms;
}

.sd-sponsor img {
width: 100%;
height: auto;
display: block !important;
}
p.tagline
{
	text-align: right;
	color: #424544;
	white-space: nowrap;
	margin: 50px 0 0 640px;
	position: absolute;
}
.header_image {
	padding: 50px 0 50px 0;
	width: 600px;
}
.header_image img:hover {
	opacity: 0.85; -webkit-transition: opacity 100ms; -moz-transition: opacity 100ms;
}
.social-icons
{
	position: absolute;
	width: auto;
	margin: 85px 0 0 640px;
}
a.icon-twitter
{
	content: "\e800";
	font: 1.275em/2.5 fontello, sans-serif;
	margin: 0;
	color: #424544;
	display: inline;
	text-align: right;
}
a.icon-paper-plane
{
	content: "\e801";
	font: 1.275em/2.5 fontello, sans-serif;
	margin: 0;
	color: #424544;
	display: inline;
	text-align: right;
}
a.icon-rss
{
	content: "\e802";
	font: 1.275em/2.5 fontello, sans-serif;
	margin: 0;
	color: #424544;
	display: inline;
	text-align: right;
}
a.icon-twitter, a.icon-paper-plane, a.icon-rss
{
	border: none;
	color: #424544;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-property: color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-o-transition-property: color;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease-in;
	transition-property: color;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
a.icon-twitter:hover, a.icon-paper-plane:hover, a.icon-rss:hover
{
	color: #ff8a00;
}