/* 

copyright + credits {
    joshuaink.com: bus full of hippies edition;
    email: john@joshuaink.com;
    many-thanks: denis radenkovic for the flowers illustration:  http: //38one.com/ and graham bancroft for the
    updates made for the Creative Commons release of these templates;
} 

tumblr port credits { 
    christian montoya / tumblr.christianmontoya.com / christianmontoya.net;
    some formatting taken from nostrich: tumblr.quisby.net;
}

*/

/* custom */
ul#webactivity {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

ul#webactivity li {
    list-style: none;
    display: inline;
    margin: 0 2px 2px 0;
    padding: 0;
    background: none;
}

ul#webactivity li img {
    border: none;
}


/* BASICS */
h2, h3, h4, h5 { 
    margin: 0.8em 0;
    color: #59600e;
}

#main-content h2, #main-content h3, #main-content h4, #main-content h5 {
    margin: 1em 0;
}

#main-content h2 { 
    font-size: 125%;
}

#main-content h3 { 
    font-size: 110%;
}

#main-content h4 { 
    font-size: 105%;
}

p { 
    margin: 0.6em 0;
}

ol, ul { 
    margin: 1em 0 1.3em 0;
}

ul { 
    list-style-type: none;
}

ul li { 
    padding-left: 12px;
    background: transparent url(http://static.tumblr.com/djjsbfu/fsukhqwq1/bullet.gif) 0 5px no-repeat;
}

dd { 
    margin: 0.3em 0 0.8em 12px;
}

cite { 
    font-style: normal;
}

blockquote { 
    margin-left: 10px;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 0;
    border-left: 1px solid #f0f3b1;
}

pre {
    margin: 0 0 1em 0;
    padding: 1em 5px;
    background: url(http://hyper-text.org/img/individual/line_back.gif) repeat left top;
    width: 90%;
    overflow: scroll;
}

small { 
    font-size: 88%;
}

.clear { 
    clear: both;
}

/* HTML & BODY */ 
    html, body { 
    margin: 0;
    padding: 0;
}

html { 
    font-size: 100.01%;
}

body { 
    background: #ffffff url(http://static.tumblr.com/djjsbfu/WEgkhsgio/hippieback.jpg) center top no-repeat;
    font: 1em/1.5 "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #444444;
    padding-top: 100px;
    padding-bottom: 20px;
}

/* LAYOUT */ 
#wrap { 
    width: 908px;
    margin: 0 auto;
    position: relative;
}

#theme-header { 
    position: absolute;
    left: 174px;
    top: 6px;
    width: 330px;
}

#main-content {  
    padding-top: 140px;
    width: 510px;
}

#sub-content { 
    float: right;
    margin-right: 14px; 
    padding-top: 74px;
    width: 320px;
}

#theme-navigation { 
    width: 300px;
    height: 60px;
    position: absolute;
    left: 560px;
    top: 15px;
    z-index: 10;
}

#foot { 
    clear: both;
    margin: 40px 0 25px 29px;
    padding-top: 10px;
}

#theme-navigation ul { 
    margin: 0;
    padding: 0; 
}

#theme-navigation ul li { 
    background-image: none !important;
    list-style: none;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
}

#theme-navigation ul li a { 
    border-right: 1px solid #f4f6ed;
    display: block;
    float: left;
    overflow: hidden;
    padding: 1em 12px;
}

#theme-navigation ul li.last a { 
    border-right: none;
}

input { 
    padding: 2px;
}

label, legend {  
    clear: both;
    color: #59600e;
    display: block;
    font-weight: bold;
    margin-right: 5px;
}

fieldset { 
    border: 0 solid #ffffff;
    margin-bottom: 16px;
}

input, textarea { 
    background: transparent url(http://static.tumblr.com/djjsbfu/wn4khqwov/input_back.png) 0 0 no-repeat;
    border-width: 1px;
    border-style: solid;
    border-color: #cede96 #d6e4a7 #d6e4a7 #cede96;
    color: #444444;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin: 5px 0 10px 0;
    padding: 4px 2px 4px 5px;
    width: 200px;
}

textarea { 
    width: 345px !important;
    height: 250px !important;
    overflow: auto;
}

#searchform input { 
    margin-left: 12px;
}

#search {
    width: 150px;
}

/* TYPOGRAPHY */ 
#wrap { 
    font-size: 80%;
}

#theme-header h1, #theme-navigation { 
    font-weight: bold;
    font-family: "Lucida Grande", "Bitstream Vera Sans", "Helvetica Neue", Arial, He    lvetica, sans-serif;
}

#theme-header h1 {
/*font-size: 250%;*/
    font-size: 100%;
    line-height: 1;
}

#theme-header h1 img { 
    border: none;
    margin-top: 20px;
}

#theme-navigation { 
    font-size: 96%;
}

#theme-header h1 a, #theme-navigation ul li a { 
    color: #8a9f47 !important;
    text-decoration: none;
}

#sub-content { 
    font-size: 93%;
    color: #777777;
}

#foot { 
    font-size: 88%;
}

a { 
    color: #8cae26 !important;
}

h2 a, #pagination a { 
    color: #59600e;
    text-decoration: none;
}

#sub-content a { 
    color: ;
}

#foot, #foot a {
    color: #888888 !important;
}

/* TABLES */ 
caption {
    margin: 0.8em 0;
    font-weight: bold;
    text-align: left;
    color: #59600e;
}

table {
    margin: 0.8em 0;
    border: 1px solid #f8f9db;
    padding: 2px;
    width: 90%;
    background: #f8f9db;
}

td { 
    padding: 2px;
    border: 1px solid #f8f9db;
    background: #ffffff;
}

/* SIT */
div#main-content .meta { 
    overflow: hidden;
    margin-bottom: 12px;
}

div#main-content .post {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

div#main-content .post .date {
    float: left;
    padding: 0;
    margin-bottom: 0;
}

div#main-content .post .type {
    float: right;
    padding: 0;
    margin-bottom: 0;
}

/* QUOTE SPECIFIC */

/* PHOTO SPECIFIC */
div#main-content .photo img {
    background: #ffffff;
    border: 1px solid #f8f9db;
    display: block;
    margin-bottom: 12px;
    padding: 4px;
}

div#main-content .photo a img { 
    border: 1px solid #8cae26;
}

/* VIDEO SPECIFIC */
div#main-content .video object {
    margin-bottom: 12px;
}

/* CHAT SPECIFIC */
div#main-content .chat ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#main-content .chat ul li {
    padding: 5px;
    margin: 5px 0;
}

/* AUDIO SPECIFIC */
div#main-content .audio embed {
    margin-bottom: 12px;
}

/* TAGS */
div#main-content .post p.tags {
    font-style: italic;
}

p.tags a {
    padding: 0 5px;
}

/* PAGINATION */
div#pagination {
    font-style: italic;
    overflow: hidden;
}

div#pagination a {
    font-weight: bold;
}

div#pagination #pages {
    float: left;
}

div#pagination #nav-pages {
    float: right;
}

/* NOTES */
ol.notes {
    padding: 0px;
    margin: 25px 0px;
    list-style-type: none;
}
ol.notes li.note {
    padding: 10px;
}

ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 2px solid #f8f9db;
}

ol.notes li.note span.action {
    font-weight: bold;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}

ol.notes li.note blockquote {
    padding: 4px 10px;
    margin: 10px 0px 0px 25px;
}