/*


Artifact CSS By Tomas Pollak, Fork Ltd. (forkhq.com) GPLv3


*/

html{

background-color: #fafafa;

}

body {

background-color: #fff;

}

/* container ————————————————————-*/

main {

background: #fff;
margin-top: 50px;
padding-bottom: 40px;
position: relative;

}

.container {

padding: 0 20px;

}

/* fonts ————————————————————-*/

html, body, div, p, a, input, button, select, textarea{

font-family: "Open Sans", Arial, sans-serif;

}

h1, h2, h3, h4 {

font-family: 'Lato', Helvetica, sans-serif;

}

h1 {

margin-bottom: 18px;

}

h2 {

margin-bottom: 10px;

}

/* form elements, buttons ————————————————————–*/

.form input, .form input, .form input, .form input, .form textarea {

border-width: 2px;

}

.btn {

border: 2px solid #ccc;
color: #ccc;
border-radius: 5px;
background: none;
font-weight: 700;

}

.btn-primary {

border-color: #0078e7;
color: #0078e7;

}

.btn-success {

border-color: #40bd4f;
color: #40bd4f;

}

.btn-danger {

border-color: #d6564b;
color: #d6564b;

}

.btn:hover, .btn:focus {

border-color: #000;
color: #000;
background: none;

} .dark .btn:hover, .dark .btn:focus {

border-color: #fff;
color: #fff;

}

/* navbar ————————————————————–*/

.navbar {

min-height: 50px;

}

.navbar .artifact {

font-weight: bold;
color: white;
font-size: 21px;

}

.artifact span {

padding-left: 0;

}

.menu .btn {

position: relative;
top: 3px;

}

.menu a.btn {

padding: 7px 20px;
color: #ccc;

}

.menu li {

margin-top: 3px;
margin-left: 5px;

}

/* search ————————————————————–*/

search-input {

width: 150px;

}

/* uploads ————————————————————–*/

uploads-bar {

width: 100%;
background: #333;
opacity: 0.85;
padding: 10px 0;

}

uploads-bar:hover {

opacity: 1;

}

uploads-bar li {

display: inline-block;
position: relative;
margin-right: 10px;

}

uploads-bar img {

max-height: 100px;
padding: 4px;

}

uploads-bar .insert-image {

position: absolute;
right: 10px;
bottom: 5px;

}

/* post list ————————————————————-*/

.post-list {

margin: 30px 0 20px 0;
padding-top: 10px;

}

.post-list li {

border-bottom: 1px solid #ddd;
padding: 15px 0;
position: relative;
list-style: none;
font-size: 12px;

}

.post-list .links {

position: absolute;
right: 0;
top: 14px;
background: #fff;
padding: 0px 8px;
visibility: hidden;

}

.post-list li:hover .links {

visibility: visible;

}

.post-list li .btn {

padding: 2px 7px;

}

/* post edit ————————————————————-*/

post-meta {

width: 500px;
z-index: 10;
border: 3px solid #ccc;
border-radius: 5px;
background: #f2f2f2;
position: absolute;
right: 0px;
top: 5px;

}

post-title, post-content {

width: 100%;
border: none;
outline: none;
box-shadow: none;
margin-bottom: 20px;
position: relative;

}

post-title {

font-size: 30px;
border-bottom: 1px solid #ccc;

}

post-content {

resize: none;
font-size: 20px;
line-height: 30px;

}

/* footer ————————————————————-*/

footer {

background-color: #fafafa;
text-align: center;
padding:10px 5%;
line-height: 150%;
border-top: 1px solid #ddd;
padding-top:10px;

}

footer p {

color: #999;
font-size: 85%;

}

footer p a {

color: #999;
text-decoration: underline;

}