/*  $Id: main.css,v 1.3 2006/05/02 03:06:53 cws Exp $  */
/*  Original Style from http://k2-for-blogger.blogspot.com/  */

body
{
    font-size: 80%;
    font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
    color:#444;background-color:#eee;
    text-align:center;
    margin:20px 0 30px
}

#page
{
    background:#fff;
    text-align:left;
    margin:20px auto 20px auto;
    padding:10px;
    width:80%;
}
    
#header-k2
{
    padding:20px;
    margin:0;
    background:#38c;
}

.primary
{
    width:65%;
    text-align: left;
    vertical-align: top;
    padding:20px 2% 10px;
    margin:0
}

.secondary
{
    text-align: left;
    vertical-align: top;
    font:1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color:#666;
    padding-left: 10px;
}

.comments
{
    text-align:left;
    padding:30px 0 0;
    position:relative
}
#footer{margin:10px auto 0}
ul.menu{margin:0;padding:0;position:absolute;bottom:0;left:20px;width:90%}
ul.menu li{display:inline;margin:0}
ul.menu,ul.menu li a{padding:5px 15px 6px}
ul.menu li a{font:1em Verdana, Helvetica, Arial, Sans-Serif;color:white;margin:0}
ul.menu li a:hover{background:#333;color:#eee !important;text-decoration:none}
ul.menu li.current_page_item a,ul.menu li.current_page_item a:hover{color:#333 !important;background:white;text-decoration:none}
h1,h2,h3,h4{font-family:'Trebuchet MS', Verdana, Sans-Serif}
h1{font-size:3em;letter-spacing:-1px;margin:0 0 0 40px;font-weight:700;width:100%}
h1,h1 a,h1 a:hover,h1 a:visited,#header-k2 .description{text-decoration:none;color:white}
#header-k2 .description{font-size:1em;margin:0 0 0 40px}
.primary h2{font-size:2.4em;font-weight:700;margin:0 0 10px;padding:0;letter-spacing:-1px;text-align:center;display:inline}
.secondary h2{font-size:1.5em;font-weight:400;padding:0;display:inline}
.primary h3,.primary h4{font-size:2em;font-weight:400;letter-spacing:-1px;display:inline}
.primary .aside h3{font-size:1.4em;font-weight:400}
.itemhead{margin-top:10px}
.itemtext h3{font-size:1.7em;display:block;padding:15px 0 0}
.itemtext h4{font-size:1.5em;display:block;padding:15px 0 0}
.secondary > div{margin:20px 0 0;padding:0}
.primary .metalink a,.primary .metalink a:visited,
.secondary .metalink a,.secondary .metalink a:visited,.secondary span a,.secondary span a:visited{color:#999;font-weight:400}
.primary .item .itemhead .metalink,.comments .primary .metalink{font-size:1.8em;letter-spacing:-1px;text-transform:lowercase;margin-left:15px}
.comments .primary .metalink{margin:0 15px 0 0;float:none}
.secondary div > .metalink{text-align:right}
.secondary span a{margin-left:10px}
.metalink a span{display:none}
.metalink a:hover > span{display:inline}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a,h4 a:visited{color:#444}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited{text-decoration:none}
.metadata{display:block}
.primary .item{margin:0;padding:5px 0 15px}
.primary .item .itemtext{font:1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:justify}
.primary .item .itemtext p,.primary .item .itemtext ul,.primary .item .itemtext ol,.primary .item .itemtext div,.primary .item .itemtext blockquote{margin:13px 0}
.comments .commentlist{margin:0;padding:20px 0 0;width:100%}
.comments .commentlist li{margin:10px 0 10px 25px;padding:10px 10px 5px;list-style:decimal}
.comments .commentlist li .commentauthor{font-size:1.5em;font-weight:700;letter-spacing:-1px}
.comments .commentlist li.authorcomment{background:#f6f7f8}
.comments form{clear:both;padding:1px 0 30px;margin:0}
input[type=text],textarea{font:1em Verdana, Arial, Helvetica, Sans-Serif;border:1px #ccc solid;padding:3px;color:#777}
input[type=text]:focus,textarea:focus{background:#fff;color:#333;border-color:#666}
.comments form input[type=text]{width:45%;margin:5px 5px 1px 0}
.comments form textarea{height:250px;width:100%;padding:2px}
.comments form #submit{margin:0;float:right}
#footer p{text-align:center}
#footer a{color:#888;border-bottom:1px solid #ccc;font-weight:700}
#footer a:hover{border:none;text-decoration:none;color:black}
a:hover,a:visited:hover{text-decoration:underline}
h2 a:hover,h2 span a:hover{color:#27d !important}
a{color:#27d;text-decoration:none}
.itemtext a:visited{color:#b41}
.clear{clear:both !important;margin:0 !important;padding:0 !important}
.primary img{margin-left:-5px;padding:4px;border:1px solid #ccc;max-width:100%}
.center{text-align:center}
.alignright{float:right}
.alignleft{float:left}
small{font-size:.9em;line-height:1.5em;color:#777}
blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('/images/quote.gif') 10px top no-repeat;border:none}
hr{display:none}
.navigation{text-align:center;margin:10px 0;padding:0;width:100%}
.navigation p{margin:0;padding:0}
.navigation a{color:#999}
.itemtext ol,.itemtext ul{padding:0 0 0 35px;margin:0}
.itemtext ol li,.itemtext ul li{margin:0 0 3px;padding:0}
.secondary ul,.secondary ol,.secondary > div > div{margin:5px 0 0;padding-left:0}
.secondary ul{_margin-left:0}
.secondary ol{margin-left:15px}
.secondary ul li,.secondary ol li{margin:0;padding:1px 0}
.secondary ul li{list-style-type:none;list-style-image:none}
ol li{list-style:decimal outside}
#b-navbar{height:0;visibility:hidden;display:none}
.hide{display:none}
.show{display:inline}
.comments form .out{background:buttonface;border:1px solid buttonface;margin:1px;padding:0}
.comments form .over{background:buttonface;border-top:1px solid buttonshadow;border-left:1px solid buttonshadow;border-bottom:1px solid buttonhighlight;border-right:1px solid buttonhighlight;margin:1px;padding:0}

textarea {white-space: pre;}