Team:AshesiGhana/main.min.css

a,nav a {

text-decoration:none

} .comments div,.meta,code,pre {

font-size:.9em

} .clearfix:after,.footer-container footer>p {

clear:both

} img {

vertical-align:middle

} fieldset {

border:0;
margin:0;
padding:0

} textarea {

resize:vertical

}

-moz-selection {

background:#C8E6FD;
text-shadow:none

}

selection {

background:#C8E6FD;
text-shadow:none

} body {

background:#fff;
font:1em/2 Merriweather,Georgia,Times,serif;
color:#555

} a {

color:#494B4B;
border-bottom:1px solid #02BCDC;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s

} a:hover {

color:#02BCDC

} h1,h2,h3,h4,h5,h6 {

font-weight:400;
font-family:Raleway,Arial,sans-serif;
line-height:1.5em;
color:#666

} .header-container {

margin:1em 1em 0

} .title a {

width:181px;
height:51px;
border:0;
text-indent:-9999px;
display:block;
background-image:url(../img/site-name.png);
background-image:-webkit-image-set(url(../img/site-name.png) 1x,url(../img/site-name-2x.png) 2x);
background-position:left center;
background-repeat:no-repeat

} nav a {

font-family:Raleway,Arial,Sans-Serif;
color:#333;
border:0;
display:inline-block

} nav ul {

list-style-type:none;
padding-left:0;
margin-left:-1em

} nav li {

display:inline;
margin-left:1em

} .main-container {

margin:0 1em 2em

} code,pre {

font-family:"PT Mono","Courier New",Courier,monospace;
color:#D50085

} pre {

line-height:1.5em;
margin:1.1em 0

} article:not(:last-child) {

margin-bottom:2em

} .meta {

background:#EDF0F3;
padding:.5em 1em

} .meta h4,.meta p {

display:table-cell;
line-height:2em;
margin:0

} .meta h4 {

float:left;
margin-right:.5em

} .comments div {

background:#E9F5F8;
padding:.5em 1em;
margin:1em 0;
word-wrap:break-word

} .comments div:nth-child(odd) {

background:url(../img/comment-left-bg.png)bottom left no-repeat #E2F2FE;
padding-left:2em

} .comments div:nth-child(even) {

background:url(../img/comment-right-bg.png)bottom right no-repeat #E2F2FE;
padding-right:2em

} .comments h4,.comments p {

margin:.5em 0

} .comments p {

line-height:1.5em

} .comments h4 {

line-height:1em;
margin-bottom:1em

} .footer-container {

margin:1em

} .footer-container footer {

padding-top:1em;
border-top:1px dashed #70828F

} .footer-container ul {

list-style-type:none;
padding-left:0

} .footer-container li {

display:inline

} .footer-container a {

display:inline-block;
background:#366485;
color:#eee;
border:0;
padding:.3em .5em;
margin-bottom:.3em;
line-height:1.2em

} .footer-container a:hover {

background:#4089BF

} @media only screen and (min-width:620px) {

.header-container {
 margin:2em 2em 0
}
.header-container .title {
 float:left
}
nav {
 float:right;
 line-height:3.6em
}
.main-container {
 margin:0 2em 2em
}
.meta .category,.meta .date {
 width:25%
}
.meta .tags {
 width:50%
}
.meta div {
 float:left
}
.meta h4,.meta p {
 float:none;
 display:block
}
.footer-container {
 margin:1em 2em
}
.footer-container li {
 display:block
}
.footer-container .about {
 width:70%;
 float:left
}
.footer-container .about h4,.footer-container .about p {
 margin-right:2em
}
.footer-container .external {
 width:30%;
 float:left;
 text-align:right
}

} @media only screen and (min-width:740px) {

.footer-container footer,.header-container header,.main {
 width:660px;
 margin:0 auto
}

} .clearfix:after,.clearfix:before {

content:" ";
display:table

} .hidden {

display: none;

}