/*   
Theme Name: Mind
Description: Custom theme
Author: Merike
Author URI: tricky-bits.eu
Version: 99.0
.
General comments/License Statement if any.
.
*/

/* Reset */
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, font, 
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 {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

@font-face {
  font-family: 'Lato';
  src: url('https://tricky-bits.eu/Lato-Regular.woff') format('woff'), url('https://tricky-bits.eu/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato Bold';
  src: url('https://tricky-bits.eu/Lato-Bold.woff') format('woff'), url('https://tricky-bits.eu/Lato-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{
        background-color:#000;
        color:#fcfed9;
        text-align:center;
        font-family: Lato, sans-serif;
        font-size:80%;
        margin:0;
}

small {
        font-size: 0.82em;
}

#fb, #flickr, #lastfm, #twitter, #github, #linkedin {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(https://tricky-bits.eu/img/ss.png);
	overflow: hidden;
}

#spotify {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(https://tricky-bits.eu/img/spotify.png);
}

#twitter{
	background-position:-0px 0px;
}

#github{
	background-position:-16px 0px;
}

#linkedin{
	background-position:-32px 0px;
}

#flickr{
	background-position:-48px 0px;
}

#lastfm{
	background-position:-64px 0px;
}

#fb{
	background-position:-80px 0px;
}

/* Layout */
#head{
        height:250px;
        width:600px;
        background-image:url(../../../../head.png);
}
#holder{
        margin:auto;
        width:600px;
        min-height:40em;
        border-width:0 18em 0 1em;
        border-style:solid;
        border-color: #de8936;
}
#menu{
        width:590px;
        height:1.5em;
        background-color:#000;
        padding:0.3em 0 0.1em 0;
        text-align:right
}
#content{
        float:left;
        width:570px;
        text-align:justify;
        margin:0;
        padding:1em 15px;
}
#sidebar{
        position:relative;
        float:left;
        margin:0 -20em 0 0;
        border:0;
        width:16em !important; /* stupid IE*/
        padding:1em;
        color:#fff;
        background:#44607d;
        text-align:right;
        word-wrap:break-word
}
#footer{
        padding-bottom:1em;
}


body {
    line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    clear: both;
}

h2 {
    text-align: left;
}

blockquote {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img { border: none; }

/* General */

a{
	color:#fcfed9;
	font-family: Lato Bold;
	text-decoration:none;
}

a:hover {
	color:#44607d;
	text-decoration:underline;
}

/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:underline;}*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight:bold;
}
h1{
	font-size:1.4em;
	margin:1.3em 0;
}
h2{
	font-size:1.2em;
	margin:1em 0;
}

ul{
	margin:1em 0;
}
ol, ul {
    list-style: none;
}
code, pre{
    font-size:110%;
    font-family:monospace;
    overflow-x:auto;
}

blockquote cite {
	display: block;
	margin: 5px 0 0;
}
blockquote {
    font-style: italic;
}
blockquote, code {
        background-color:#222;
	border-left: 5px solid #fcfed9;
        display: block;
	padding: 1em 1em 1em 1.5em;
	text-align:left;
}
abbr, acronym {
    border-bottom: 1px dotted #fcfed9;
}

#menu img{
	border:0;
}

#content ul, #content ol{
	list-style-position: inside;
}

.navigation{
  margin-bottom:2em;
}

/* Post */
.alignleft{float:left;}
.alignright{float:right;}
.post {
    margin:0 0 3em 0;
    line-height: 1.3;
}
p, .post li{
	margin:0.5em 0;
}
.post ul li {list-style-type: square;}
.post ol li {list-style-type: number;}
.postmeta{
	font-size:0.82em;
	color:#998;
	clear:both;
}

/*Menu*/
ul#menulist, ul#menulist ul, ul#menulist li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#menulist li{
	float: left;
	background-color:#000;
	padding: 0 1.4em;
}

/* bottom level links*/
ul#menulist li ul li{
	padding:0;
}

/*For IE*/
a.block{
	display:block;
}
ul.sub{
	display: none;
}
ul.sub li{
	float: none;
}
ul#menulist li:hover ul.sub{
	background:#000;
	display: block;
	position: absolute;
	padding: 0.6em 0.8em;
        margin-left:-0.8em;
}

ul#menulist li ul li {
	float:none;
	text-align:left;
	padding:0.1em 0;
}

ul#menulist li:hover ul.sub li a{
	display: block;
	width: auto;
	border: none;
}

/*Sidebar*/
#sidebar a:hover{
	color:#000;
}
#sidebar li{
	padding:0;
	list-style-type: none;
	text-align:right;
}
#sidebar ul{
	padding:0;
	margin:0 0 1.5em 0;
}

.widget-container{
  margin-bottom:1.5em;
}

.twitter_title_link{text-decoration:none;}

ul.twitter li{
  margin:1em 0;
}

#sidebar h3{
  border-bottom:1px solid #fff;
  margin-bottom:0.8em;
}

/* Form Elements */
input, textarea, submit, button {
	padding:0.2em;
	margin:0.1em 0;
	border:1px solid #000;
	background-color:#de8936;
	color:#000;
}

/* Search */
#searchform * {
    font-size: 100%;
}
#sidebar #searchform #s {
	width:10em;
}

/* Comments*/
#commentform code{
    font-size:inherit;
    font-family:inherit;
    overflow-x:inherit;
    background-color:inherit;
    border-left: none;
    display: inherit;
    padding: inherit;
    text-align: inherit;
}

#commentform input {
    display:block;
}

#commentform input {
	width: 15em;
}
#commentform textarea {
	width: 564px;
	height:10em;
	padding-right:2px;
	padding-left:2px;
	margin:0.1em 0;
}
#commentform #submit {
	float: right;
}
.commentlist {
	padding: 0;
	margin:0;
	text-align: justify;
}
.commentlist li {
	margin: 1em 0;
	padding: 5px 10px 3px;
	list-style: none;
	border:1px solid #de8936;
}
.commentlist p {
	margin: 1em 0;
}
#commentform p {
	margin: 1em 0;
}
#respond{
	margin:2em 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}

/* Gallery */
dt a img {
	border: 0px solid #cfcfcf !important;
}
.gallery-item {
	float: left;
	text-align: center;
	width: 33%;
}
.gallery-caption {
	margin-left: 0;
}

/* Captions */
.wp-caption{
	float:left;
}
.wp-caption p{
	text-align:center;
}

img.alignleft{
  margin:0.3em 1em 0.3em 0;
}

.alignleft img{
  margin-top:0.3em;
}

img.size-medium:hover, .wp-caption img:hover{
  -moz-transform: scale(1.2);
  -moz-transition-duration:1s;

  -webkit-transform: scale(1.2);
  -webkit-transition-duration:1s;

  -ms-transform: scale(1.2);
  -ms-transition-duration:1s;

  transform: scale(1.2);
  transition-duration:1s;
}

.twitter-timestamp{
	display:block;
	text-align:right;
}

#sidebar .twitter-item{
	text-align:left;
}

img.wp-smiley{
	vertical-align:middle;
}