/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/plugins/tabs.css";
@import "lib/forms.css";
@import "lib/zend_forms.css";


/* Page
-------------------------------------------------------------- */

/* #page { margin: 0 auto; width: 950px; } */


/* Header
-------------------------------------------------------------- */

#header { 
    position:absolute;
    top:0;
    left:1em;
    padding-top:2em;
    width:20em;
    overflow:hidden;
    text-align:right;
}

#header ul {
    margin-right:0;
    margin-left:0;
    list-style-type:none;
}

#footer {
    margin-left:21em;
}

img#logo {
    display:block;
}

/* Body
-------------------------------------------------------------- */

body {
    background-image:url("../images/background.png");
    background-repeat:no-repeat;
   	background-color:#3d4743; 
    margin: 1em;
    margin-top:0;
}
#body { 
    margin: 0; 
    margin-left:21em;
}

#introduction { float: left; width: 480px; margin-right: 130px; }

#resources { float: left; width: 230px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }


/* Footer
-------------------------------------------------------------- */

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }

div.post {
    color:#000;
    background-color:#fff;
    padding:1em;
    padding-top:2em;
    padding-bottom:.1em;
    margin-bottom:1em;
}
div.post a {
    color: #37403C; 
}
div.post a:hover { 
    color:#2DDD97; 
}
p.dateinfo {
    color:#999;
    float:right;
    text-align:right;
}

p.dateinfo.heading {
    /* margin-top:1em; */
}

div.post p, ul, ol, dl {
     font-family: Verdana, Helvetica, Arial, sans-serif;
}

#header h1, 
#header h2 {
    border-color:#FE7504;
    padding-bottom:0;
}
#header h1 {
    margin-bottom:.7em;
}
h1 { 
    color: #3d4743;
    font-size: 1.5em; 
    font-weight:bold;
    padding-bottom:.6em;
    border-bottom:.3em double #3d4743;
    margin-bottom: .6em;
    text-transform: uppercase;
}
h2 { 
    color: #3d4743;
    font-size: 1.5em; 
    padding-top:.25em;  
    padding-bottom:.25em;
    border-bottom:.3em double #3d4743;
    margin-bottom: .7em;
}
h3 { 
    color: #FE7504;
    text-transform: uppercase;
    font-weight:bold;
    font-size: 1em; 
    line-height: 1.5; 
    margin-bottom: 1.5em;
    /* border-bottom:.3em double #ccc; */
}
h4 { 
    font-style: italic;
    font-weight:normal;
    font-size: 1em; line-height: 1; margin-bottom: 1.5em; 
}

h5 { 
    font-size: 1em; margin-bottom: 1.5em; 
}
h6 { font-size: 1em; }

.comment a {
    text-decoration:none;
}

/*
.bottom_bordered {
    border-bottom:1px dotted #999;
    margin-top:-1px;
}

h2.post_title.bottom_bordered {
    padding-bottom:.30em;
    margin-bottom:.45em;
}
h3.bottom_bordered {
    padding-bottom:.5em;
    margin-bottom:.5em;
}
h4.comment_title {
}
*/

p.bottom_bordered {
    padding-bottom:.75em;
    margin-bottom:.75em;
}
h2.post_title a {
    text-decoration:none;
}

div.comment {
    border-bottom:.1em solid #ccc;
    margin-bottom:1.4em;
}

p.paginationControl a {
    font-weight:bold;
}

img.icon {
    display:inline;
    vertical-align:middle;
    margin-right:.5em;
}

a.icon
{
	padding-left:24px;
	background-position:left;
	background-repeat:no-repeat;
}
a.digg
{
	background-image:url('../images/c-digg.png');
}
a.bury
{
	background-image:url('../images/c-bury.png');
}

textarea {
    height:150px;
    margin-top:0;
}

textarea#description {
    height:50px;
}
textarea#texy_content {
    height:300px;
}
#commentForm textarea#texy_content 
{
    height:150px;
}

input#title {
    font-size:1.2em;
    background-color:#3d4743; 
    color:#fff;
}

/* Comments
-------------------------------------------------------------- */

div#commentMethod {
    width:100%;
    margin-top:1em;
}

/* Forms
-------------------------------------------------------------- */

ul.errors {
    list-style-type:none;
    padding:0;
    margin:0;
}

ul.errors li {
    color:#ff0000;
    margin:.5em 0;
    font-weight:bold;
}

p.description {
    font-size:.8em;
    color:#666;
}

#openid_url {
    background-image:url("../images/login-bg.gif");
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:1.2em; 
}

dl.provider_list img {
    vertical-align:top;
    margin-right:.5em;
}
dl.provider_list dd {
    margin-left:3em;
    margin-bottom:1em;
}

input.wide, textarea {
    width:600px;
    padding:.25em;
    border:1px solid #3d4743;
}

/* The Bloglines blogroll */

div.blogrollmain {
    color:#ccc;
}
div.blogrollmain a {
    text-decoration:none;
}
div.blogrollmain a:normal {
    color:#ccc;
}
div.blogrollfolder {
    color:#FE7504;
    font-weight:bold;
    text-transform:uppercase;
}

div.post pre {
    overflow:auto;
    padding:.9em;
    border:.1em solid #ccc;
}