/* Basics and Typography   
Theme Name: Spring for Fansub
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: Life comes anew.
Version: 1.0
Author: Becca Wei and Daft
Author URI: http://www.fansub.tv

Theme last updated: 22.03.05
*/
body
{
    margin : 0;
    padding : 0;
    font-size : 78%;
    font-family : "Lucida Grande" , "Lucida Sans Unicode" , Verdana , Arial , sans-serif;
    color : rgb(51 , 51 , 51);
    text-align : center;
}
p
{
    font-size : 1em;
    line-height : 1.5em;
    margin : 1.2em 0;
}
ol, ul
{
    font-size : 1em;
    line-height : 1.5em;
    margin : 1.2em 0 1.2em 2em;
    padding : 0;
}
h1, h2, h3, h4, h5, h6
{
    margin : 1.2em 0;
    font-family : "Lucida Grande" , Tahoma , Arial , sans-serif;
    color : rgb(155 , 187 , 56);
}
h1, h2
{
    font-size : 1.4em;
}
h3
{
    font-size : 1.3em;
}
h4
{
    font-size : 1.2em;
}
a
{
    text-decoration : none;
}
a:link
{
    color : rgb(229 , 135 , 18);
}
a:visited
{
    color : rgb(185 , 111 , 23);
}
a:hover, a:active
{
    color : rgb(155 , 187 , 56);
}
input, textarea, select
{
    border : 1px solid rgb(193 , 192 , 181);
    background-color : rgb(250 , 250 , 240);
    color : rgb(51 , 51 , 51);
    font-size : 1em;
    font-family : "Lucida Sans Unicode" , Tahoma , Arial , sans-serif;
}
blockquote
{
    margin : 0 20px;
    padding : 0 20px;
    border-left : 4px solid rgb(232 , 231 , 208);
    font-size : 0.9em;
}
code
{
    font-family : monospace;
    color : rgb(102 , 102 , 102);
}
form, img
{
    margin : 0;
    padding : 0;
    border : 0;
}
.small
{
    font-size : 0.9em;
    color : rgb(153 , 153 , 153);
}
/* Layout */
#wrapper
{
    margin : 0 auto;
    width : 900px;
    background-color : rgb(255 , 255 , 255);
    text-align : left;
}
#header
{
    border-top : 1px solid rgb(153 , 187 , 153);
    padding : 1px 0px 3px 0px;
    margin : 8px 0px 0px 0px;
    border-bottom : 1px solid rgb(153 , 187 , 153);
}
/* Header Styles */
#header h1
{
    margin : 0;
    font-size : 1.8em;
}
#header h1 a
{
    text-decoration : none;
    color : rgb(128 , 144 , 79);
}
#content
{
    float : left;
    padding : 0 30px;
    margin-top : -10px;
    width : 570px;
    voice-family : "\";
}

{
}
voice-family:inherit
{
}

{
}
html > body #content
{
    width : 610px;
}
html #content
{
    overflow : hidden;
}
/* So IE won't break things */
#sidebar
{
    float : left;
    padding : 0.8em 10px 10px 20px;
    margin-bottom : -1px;
    width : 230px;
    font-size : 0.9em;
    voice-family : "\";
}

{
}
voice-family:inherit
{
}

{
}
html > body #sidebar
{
    width : 189px;
}
/* Lots of sidebar styles, so they're below */
#footer
{
    clear : both;
    width : 900px;
    font-size : 0.9em;
    text-align : right;
}
/* Footer Styles */
#footer p
{
    margin : 0;
    padding : 2px 5px 5px 0;
    border-top : 10px solid rgb(204 , 204 , 204);
    font-size : 0.9em;
    text-align : right;
}
/* Sidebar Styles */
#sidebar h2
{
    display : inline;
    margin : 1.2em 0 0.6em -5px;
    padding : 0 10px 0 0;
    background : url("images/arrow.gif") no-repeat center right;
    font-size : 1.1em;
}
#sidebar ul
{
    margin : 0;
    padding : 0;
    list-style-type : none;
}
#sidebar ul li
{
}
#sidebar ul ul
{
    margin : 0.1em -0.6em 1em 0.4em;
    border-top : 1px solid rgb(232 , 231 , 208);
    background-color : rgb(250 , 250 , 240);
}
#sidebar ul ul li
{
    padding : 0 0 0 10px;
    border-bottom : 1px solid rgb(232 , 231 , 208);
}
#sidebar ul ul li a
{
    display : block;
    margin : 0 0 0 -10px;
    padding : 2px 10px 0 10px;
    width : 190px;
    voice-family : "\";
}

{
}
voice-family:inherit
{
}

{
}
html > body #sidebar ul ul li a
{
    width : 170px;
}
#sidebar ul ul li a:hover
{
    background-color : rgb(255 , 255 , 255);
}
/* Nested lists? */
#sidebar ul ul ul
{
    margin : 0;
    border : none;
}
#sidebar ul ul ul li
{
    margin : 0 0 0 -10px;
    padding : 0 0 0 25px;
    border-bottom : none;
    border-top : 1px solid rgb(232 , 231 , 208);
}
#sidebar ul ul ul li a
{
    margin : 0 0 0 -25px;
    padding : 2px 10px 0 25px;
    width : 190px;
    voice-family : "\";
}

{
}
voice-family:inherit
{
}

{
}
html > body #sidebar ul ul ul li a
{
    width : 155px;
}
/* Blog */
.post
{
    overflow : auto;
}
.posttitle
{
    margin-bottom : 0;
    width : 100%;
    color : rgb(255 , 255 , 255);
    overflow : auto;
}
/* Width and overflow to clear '.posttitle a' */
.posttitle a
{
    float : left;
    padding : 0 15px;
    background : rgb(155 , 187 , 56) url("images/posttitle.gif") no-repeat top right;
}
.posttitle a:link, .posttitle a:visited
{
    color : rgb(255 , 255 , 255);
}
.posttitle a:hover, .posttitle a:active
{
    background : rgb(232 , 231 , 208) url("images/posttitle.gif") no-repeat 100% -91px;
    color : rgb(128 , 144 , 79);
}
.postmeta
{
    margin-top : 0;
    padding-top : 1px;
    background : url("images/postmeta.gif") no-repeat top left;
    font-size : 0.9em;
    color : rgb(153 , 153 , 153);
}
.postentry
{
    padding-left : 5px;
}
.permalink
{
    margin : 0 1.8em 0 0;
    padding : 0 0 0 14px;
    background : url("images/permalink.gif") no-repeat center left;
}
.commentslink
{
    padding : 0 0 0 17px;
    background : url("images/commentslink.gif") no-repeat center left;
}
/* Comments */
#commentlist
{
    margin : 1.2em 0;
    padding : 0;
    border-bottom : 1px solid rgb(232 , 231 , 208);
    list-style-type : none;
}
#commentlist li
{
    border-top : 1px solid rgb(232 , 231 , 208);
    padding : 1px 20px;
    background-color : rgb(255 , 255 , 255);
}
.alt
{
    background-color : rgb(250 , 250 , 240) ! important;
}
.commenttitle
{
    margin-bottom : 0;
    font-size : 1.1em;
}
.commentmeta
{
    margin-top : 0;
    font-size : 0.9em;
    color : rgb(153 , 153 , 153);
}
#navtop
{
    margin-top : 0;
    margin-left : 0;
    padding-left : 0;
    list-style : none;
}
#navtop li
{
    padding-left : 10px;
    background-repeat : no-repeat;
    background-position : 0 0.5em;
    font-size : 15px;
    font-weight : bold;
}
html
{
    background : rgb(255 , 255 , 255);
}
body
{
    /*-moz-border-radius:20px;*/
font : 12px verdana , sans-serif;
    margin : 15px;
    color : rgb(102 , 102 , 102);
    background : rgb(255 , 255 , 255);
    border : 1px solid rgb(187 , 187 , 187);
}
h1
{
    /*-moz-border-radius:20px 20px 0 0;*/
font : bold 18px Georgia , garamond , times , serif;
    margin : 0;
    padding : 2px 0 2px 10px;
}
#prev, #next
{
    display : block;
    padding : 5px;
    border : 1px solid rgb(187 , 187 , 187);
    /*-moz-border-radius:5px;*/
background : rgb(221 , 221 , 221);
    text-decoration : none;
    margin : 0 10px 10px;
}
html body div #prev:hover, html body #next:hover
{
    border-color : rgb(255 , 255 , 255);
    background : rgb(204 , 204 , 204);
    color : rgb(0 , 0 , 0);
}
#prev
{
    float : left;
}
#next
{
    float : right;
}
#image
{
    text-align : center;
}
.imgwrapper
{
    float : left;
    margin : 0 0 15px 25px;
    padding : 2px;
    height : 113px;
}
.imgwrapper span
{
    display : block;
    font : 9px verdana , sans-serif;
    text-align : center;
}
.imgwrapper img
{
    background-color : rgb(255 , 255 , 255);
    border : 1px solid rgb(221 , 221 , 221);
    /*-moz-border-radius:5px;*/
padding : 4px;
}
.imgwrapper a:visited img
{
    background-color : rgb(255 , 255 , 255);
}
.imgwrapper a:hover img, .imgwrapper a:focus img
{
}
.imgwrapper a:hover, .imgwrapper a:focus
{
    color : rgb(0 , 0 , 0);
}
#single
{
    padding : 3px;
    border : 1px solid rgb(170 , 170 , 170);
    /*-moz-border-radius:5px;*/
background : rgb(221 , 221 , 221);
}
#desc
{
    border-color : rgb(221 , 221 , 221);
    border-style : solid;
    border-width : 1px;
    text-align : center;
    clear : both;
    margin : 5px 40px;
    padding : 5px;
}
#credit
{
    background : rgb(255 , 255 , 255);
    border-top : 4px solid rgb(51 , 51 , 51);
    /*-moz-border-radius:0 0 20px 20px;*/
color : rgb(255 , 255 , 255);
    font-size : 9px;
    text-align : center;
    margin : 10px 0 0;
    padding : 3px 0;
    clear : both;
}
#credit a
{
    color : rgb(255 , 255 , 255);
}
#directories, #breadcrumb
{
    border-bottom : 1px solid rgb(221 , 221 , 221);
    margin : 0;
}
#breadcrumb
{
    padding : 5px;
    border-bottom : 1px solid rgb(221 , 221 , 221);
    background : rgb(102 , 102 , 102);
    color : rgb(255 , 255 , 255);
    margin-bottom : 10px;
}
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active
{
    color : rgb(255 , 255 , 255);
}
#dirdesc
{
    padding : 4px;
    border-bottom : 1px solid rgb(221 , 221 , 221);
}
#gallery
{
    margin : 10px 5px 5px;
}
#directories ul
{
    list-style : circle;
    padding-bottom : 5px;
}
#directories li
{
    margin : 2px 0;
}
#directories h2
{
    font : 14px georgia , garamond , times , serif;
    font-weight : bold;
    text-indent : 15px;
    margin : 0;
}
#directories h3
{
    font : 12px georgia , garamond , times , serif;
    font-weight : bold;
    text-indent : 20px;
    margin : 0;
}