/*
Theme Name: js2011
Author: Joni Salonen
Author URI: http://jsalonen.com/
Version: 0.1
Template: sandbox
*/

/*@import url("../sandbox/style.css");*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono);

* {
    margin: 0;
    padding: 0;
}

h1,h2,h3
{ font-weight: normal; }

h4,h5,h6
{ font-weight: bold; }

ul, ol {
    padding-left: 2em;
    margin: 1em 0;
}

blockquote {
    padding-left: 2em;
    border-left: 2px solid #eee;
}

abbrev {
    font-variant: small-caps;
    letter-spacing: 0.03em;
}

p,pre {
    margin: 1em 0;
}

#content h3,
#content h4,
#content h5,
#content h6 {
    margin: 2em 0 1em;
}

a {
    color: #09c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
}

blockquote, pre {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: .5em 1em;
    overflow: auto; /* automatic scroll bars */
}

blockquote p:first-child {
    margin-top: 0;
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote, pre, code, tt {
   background-color: #f8f8f8;
}

textarea {
    width: 90%;
    padding: .5em;
}

/** basic layout **/

#content { float: left; }
#primary { float: left; }

@media only screen and (max-width:800px) {
body { width: 95%; margin: 0 auto; font-size: 80%; }
#content { width: 100%; }
#primary { width: 100%; }
.widget_archive { float: left; width: 50%; }
.widget_categories { float: left; width: 50%; }
}

@media only screen and (min-width:800px) {
body { width: 95%; margin: 0 auto; font-size: 85%; }
#primary {
    float: left;
    width: 27%;
    border-left: 1px solid #ddd;
    padding-left: 2.7%;
    margin-left: 2.7%;
}
#content {
    width: 66.6%;
}
.widget_archive { float: none; width: auto; }
.widget_categories { float: none; width: auto; }
}

@media only screen and (min-width:960px) {
body {
    font-size: 90%;
    width: 960px;
    margin: 0 auto;
}
.sidebar { font-size: 90%; }
}
 
@media only screen and (min-width:1140px) {
body {
    font-size: 100%;
    width: 1140px;
    margin: 0 auto;
}
.sidebar { font-size: 100%; }
}
 
@media only print {
#primary { display: none }
}

#header {
    height: 3em;
}

#secondary {
    width: 100%;
}

#content, #secondary {
    float: left;
    clear: left;
}

.post, .page {
    margin-bottom: 2em;
}

.widget {
    margin-bottom: 2em;
}

/** typefaces **/

/*
body { font: 14px/2 "Ubuntu", sans-serif; }
pre, code, tt { font-family: "Ubuntu Mono",monospace; }
*/

body { font-family: "Droid Sans", sans-serif; line-height: 1.75; }
pre, code, tt { font-family: "Droid Sans Mono",monospace; }
blockquote, cite { font-style: italic; }

/** colors **/

body {
    background: #fff;
    color: #444;
}

blockquote {
    color: #666;
}

#access {
    display: none;
}


h1 {
    font-size: 1em;
    line-height: 2;
}

#blog-description {
    display: none;
}

#text-2 h3 {
    background-image: url(/images/favicon.png);
    background-repeat: no-repeat;
    padding-left: 22px;
}

.sidebar ul {
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}

.sidebar ul.children {
    margin: 0;
    padding-left: 1.5em;
}

#secondary ul li {
    float: left;
    width: 210px;
    margin: 0 10px;
}

#secondary ul li ul {
    padding: 0;
}

#secondary li li {
    float: none;
    width: auto;
    margin: 0;
}


/** posts **/

.entry-title a {
    color: #444;
}

h2 {
    font-size: 2em;
    line-height: 1.2;
    margin-bottom: 1em;
}

h3 {
    font-size: 1.4em;
    line-height: 1.2;
}

.entry-date {
    display: none;
}


.wp-caption {
    padding: 3px;
    background: #f8f8f8;
    border: 1px solid #eee;
    width: 100% !important;
}

.wp-caption-text {
    font-style: italic;
    font-size: 90%;
    margin: 3px 0 0 0;
}

/** navigation **/

#nav-above {
    display: none;
}

#nav-above, #nav-below {
    overflow: hidden;
    clear: both;
    margin: 0 10px;
}

#nav-above .nav-previous,
#nav-below .nav-previous
{
    float: left;
}

#nav-above .nav-next,
#nav-below .nav-next
{
    float: right;
}

/*
 *
 * COMMENTS
 *
 */

#comments-list ol {
    list-style-type: none;
    padding: 0;
}

#comments-list li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
}

#comments-list li:last-child {
    border-bottom: none;
}

.photo.avatar {
    vertical-align: middle
}

.comment-meta   {
    color: #888;
    font-size: small;
    float: right;
}
.comment-text   {
    clear: both;
}

.required {
    color: #f00;
    font-weight: bold;
}

.form-row label { position: absolute; }
.form-row input { margin-left: 5em; }

.trackback-text {
    color: #888;
    font-size: small;
}

.trackback-text p {
    margin: 0;
}

/** debug **/

/*
#content    { background: #ffc; }
#comments   { background: #cfc; }
.post       { background: #cff; }
#header     { background: #fdc; }
body        { background: #fec; }
h1          { background: #fcd; }