/*
Theme Name: Photon
Theme URI: http://jacobandreas.net/2008/photon-2-wordpress-theme/
Description: A lightweight theme with easily-customizable stylesheets.
Version: 2.5
Author: Jacob Andreas
Tags: orange, white, light

*/


/*
-------  basic styles  -------
*/

body {

    font-size: 13px;
    font-family: "Helvetica", "Liberation Sans", "Arial", sans-serif;
    line-height: 1.6em;
    text-align: center;
    min-width: 400px;
    padding: 0;
    margin: 0;
    
}

a {

    text-decoration: none;
    font-weight: bold;

}

p {

    margin-bottom: 2em;

}

ul {

    list-style-type: square;

}

ul, ol {

    margin-bottom: 2em;
    padding-left: 0;
    margin-left: 0;

}

ul ul, ul ol, ol ul, ol ol {

    padding-left: 2em;
    margin-top: 1em;

}

li {

    margin-bottom: 1em;

}

code, pre {

    display: block;
    border-width: 1px;
    border-style: solid;
    border-left-width: 3px;
    padding: .5em;
    line-height: 2em;
    font-family: monospace;

}

blockquote {

    margin-left: 3em;

}

p cite {

    margin-left: 3em;

}

img {

    max-width: 570px;
    font-size: 0;
    line-height: 0;
    vertical-align: bottom;
    margin-top: 1.5em;

}

a img {
    border-width: 3px;
    border-style: solid;
    background: none;
}

h2 {

    font-size: 1.5em;

}

h3 {

    font-size: 1.2em;

}

input, textarea {

    background: #eee;
    border-width: 1px;
    border-style: solid;
    padding: .3em;

}

fieldset {

    border: 0;
    background: transparent;

}

dd, dt {

    margin-bottom: 1em;

} 

h2, h3, h4 {

    padding: .2em;
    padding-left: 0;
    margin-bottom: 0em;
    margin-top: 2em;

}

h1, h2 {

    line-height: 1.2em;

}

h2 {

    font-weight: normal;

}

h1 {

    font-size: 2em;

}



/*
-------  header  -------
*/

#header {

    margin-left: 60px;
    margin-right: 60px;
    margin-top: 20px;
    margin-bottom: 20px;

}

#header h2 {

    font-size: 2em;
    text-align: right;
    border-bottom-width: 1px; 
    border-bottom-style: solid;
    padding-right: 1em;
    margin-top: 0em;

}

#header h2 a {

    font-weight: normal;

}

#header img {
    border: 0;
    display: inline;
}


#headerbuttons {

    float: left;
    display: inline;
    margin-top: .3em;
    margin-left: 1em;

}

#headerbuttons a:hover {

    background: transparent;

}

#search {
    float: left;
    margin-left: 1em;
    margin-top: .6em;
    visibility: hidden;
}

#search input {
    margin: 0;
}

#searchbutton {
    display: inline;
    float: left;
    margin-top: 0;
}

#searchbutton img {

    display: inline;
    border: none;
    margin-top: 0;

}


#arrows {
    display: inline;
    margin-right: 10px;
    float: left;
    margin-top: .1em;
    padding-bottom: 1em;
}

#arrows a {
    font-size: 3em;
}

#description {
    margin-top: .8em;
    text-align: right;
    margin-right: 1.9em;
    margin-left: 1.9em;
    margin-bottom: 0;
}



/*
-------  wrapper  -------
*/

#wrapper {

    text-align: center;
    padding-top: 0;

}

#wrapper div {

    max-width: 570px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2.5em;
    text-align: left;

    * width: 570px;

}


/*
-------  entry lists  -------
*/

#posts ul {

    list-style-image: none;
    list-style-type: none;

}

#posts.excerpts ul li {

    margin-bottom: 3em;
    

}

#posts.titles ul li .title {
    display: block;
    margin-left: 5em;
}

#posts.titles ul li .prefix {
    display: block;
    float: left;
    width: 5em;
    font-weight: bold;

}

.post-title {

    margin-top: 1em;
    font-weight: bold;

}

.more {

    margin-top: -1em;
    font-size: .8em;

}




/*
-------  comment form  -------
*/

#comments-meta h2, #comments-post h2 {

    font-weight: normal;
    background: none;
    border: none;

}

#post-meta p, #comments-meta p {

    font-size: .8em;
    margin-bottom: 1em;
    line-height: 1.5em;

}

#comment {

    width: 90%;
    border-width: 1px;
    border-style: solid;

}

#submit {

    border-width: 1px;
    border-style: solid;
    padding: 8px;

}

#comments ol li {

    margin-bottom: 60px;

}

#commentlist li p cite a {

font-weight: normal;

}


#comment-trackback ul {

    width: 700px;

}

#comment-trackback p cite {

    display: none;

}

#comment-trackback ul li {

    margin-bottom: 1em;

}

#comment-trackback ul li a {

    font-weight: normal;

}

#comments-post label {

    margin-left: 15px;
    font-size: .9em;

}



/*
-------  sidebar  -------
*/

#sidebar {

    width: 200px;
    padding-top: 0;
    padding-bottom: 2em;
    text-align: left;
    line-height: 1.3em;

    * margin-bottom: -9999px;

}

#sidebar ul {

    list-style-type: none;
    margin-top: 5px;
    padding-left: 0;

}

#sidebar li {

    margin-bottom: 3em;

}

#sidebar ul li ul {

    margin-top: 0;

}

#sidebar ul li ul li {

    margin-bottom: .7em;

}

#sidebar h2 {

    margin-top: 0;
    margin-bottom: .3em;

}

#sidebar iframe {


}

#sidebar a {

    font-size: .9em;

}


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

#footer {

    clear: both;
    font-weight: bold;

}



/*
-------  misc  -------
*/

#post div {
        margin: 0;
}



/*
------- wordpress styles -------
*/

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.wp-caption, #wrapper div.wp-caption {
    text-align: center;
    padding-top: 5px;
    margin-top: 1.5em;
}

.wp-caption img, #wrapper div.wp-caption img, .wp-caption a img {
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    font-size: .9em;
    line-height: 1.3em;
    padding: 5px 0;
    margin: 0;
}

.avatar {

    border: 1px solid #888;

}

#comments cite {

    margin-left: 1em;

}