Blogger Stack

/** Documentation **/
/*______________________________________________________________________________

Blogger Stack Basic Stylesheet

Last Update: Jul 2006
Author: Tom Atwell (klenwell@gmail.com)

a basic style sheet for blogger that provides a simple, clean, vanilla layout
as the basis for more customized skins. for use with the blogger stack template.
for more information, see:

http://bloggerstack.blogspot.com/

______________________________________________________________________________*/


/* BASIC LAYOUT */
/*____________________________________________________________________________*/

html
{
/* height:100% */ /* for page centering, uncomment (see http://www.quirksmode.org/css/centering.html) */
margin:0; padding:0;
}
body
{
/* height:100% */ /* for page centering, uncomment */
margin:0;
padding:0;
font:1em/1.2em Arial, Helvetica, sans-serif;
color:#ccc;
background-color:#ccc;
}
#page
{
width:98%;
margin:40px auto 0;
padding:4px;
background-color:#fff;
}

/* Links */
a
{
color:#ffa500;
text-decoration:underline;
}
a:hover
{
color:#0f0;
text-decoration:none;
}

/*____________________________________________________________________________*/



/* DEFAULT HTML TAGS */
/* credit: http://kurafire.net/lab/initial.css?v21 */
/*____________________________________________________________________________*/

h1, h2, h3, h4, h5, h6 { margin:0 0 .5em; padding:0; }
p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
ul li { list-style:none; margin-left:.5em; }
form, fieldset { margin: 0; padding: 0; }
dd, blockquote { margin-left: .5em; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
table { border-collapse:collapse; }
td { vertical-align:top; }

/*____________________________________________________________________________*/



/* SECTIONS */
/*____________________________________________________________________________*/

/* MASTHEAD STACK */
#masthead_stack
{
margin:4px 0;
padding:4px;
}
#metabar_block {}
#masthead_block {}
#masthead_block h1 {}
#masthead_block p {}


/* SIDEBAR STACK */
#sidebar_stack
{
float:right;
width:20%;
margin:0 10px 40px;
padding:4px;
font-size:.9em;
background:#fff;
border-left:1px solid #ccc;
}
.sidebar_block
{
margin-bottom:20px;
}
#sidebar_stack h2 {}
#sidebar_stack h3
{
margin-bottom:6px;
}
#sidebar_stack p
{
margin:0 0 4px;
}
#sidebar_stack a {}
#sidebar_stack a:hover {}
#archive_block {}
#recent_post_block {}
#sidebar_stack #link_block {}


/* PROFILE BLOCK */
#profile_block
{
margin-bottom:20px;
}
#profile_block p {}
#profile_block .profile_label {}
#profile_photo { display:none; }
#profile_full_name {}
#profile_location {}
#profile_about { display:none; }


/* BLOGGER STACK */
#blogger_stack {}


/* ENTRY STACK */
#entry_stack
{
padding:4px;
}
#entry_stack_foreword {}
#entry_stack_afterword {}


/* ENTRY BLOCK */
.entry_block
{
margin-bottom:10px;
padding:8px;
}
.entry_date_header
{
margin:5px 0;
font-size:.8em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.3em;
}
.entry_title
{
font-size:1.6em;
margin:4px 0 2px;
}
.entry_body {}
.entry_footer
{
margin:4px 0 0px;
padding:4px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
background-color:#ececec;
}
.entry_footer .permalink {}
.entry_footer .comment_trigger {}
.entry_footer .backlink_link {}


/* ENDNOTE STACK */
#endnote_stack
{}
#endnote_stack_header {}
#endnote_stack_footer {}
#endnote_home_link
{
margin:1em;
}


/* COMMENT BLOCK */
.comment_block
{
margin-bottom:8px;
padding:4px;
font-size:.9em;
}
.comment_body {}
.comment_footer
{
margin:4px 0 0px;
padding:4px;
font-weight:bold;
background-color:#ececec;
}
.comment_footer .author {}


/* BACKLINK BLOCK */
.backlink_block
{
margin-bottom:8px;
padding:4px;
font-size:.9em;
}
.backlink_title
{
margin:0 0 4px;
font-size:1.4em;
}
.backlink_body {}
.backlink_footer
{
margin:4px 0 0px;
padding:4px;
font-weight:bold;
background-color:#ececec;
}
.backlink_footer .backlink_author {}
.backlink_footer .backlink_datetime {}
.backlink_footer .backlink_trigger {}


/* FOOTER STACK */
#footer_stack { clear:both; text-align:center; }
#footer_left { float:left; }
#footer_right { float:right; }
#page_analytics { visibility:hidden; }


/*____________________________________________________________________________*/



/* ETC */
/*____________________________________________________________________________*/

/* CITATION STYLE */
.quote, quote, q, blockquote
{
margin:3px 6px;
padding:8px;
background:#fcfcfc;
border:solid thin #f6f6f6;
font: bold "MS Trebuchet",arial,sans-serif;
color:#c06000;
}
.code
{
margin-bottom:0px;
padding:1em;
font-size:.9em;
font-family:"Lucida Console",Monaco,monospace;
font-weight:normal;
line-height:1.5em;
color:green;
background:#eee;
border: 1px solid #ccc;
white-space: pre-wrap; /* CSS2.1 compliant */
white-space: -moz-pre-wrap; /* Mozilla-based browsers */
white-space: -o-pre-wrap; /* Opera 7+ */
}
.ipod
{
margin-bottom:0px;
padding:1em; line-height:1.5em;
background:#d2e2f2; color:#3c4782;
font-family:"Lucida Console",Monaco,monospace;
font-weight:normal; font-size:11px;
border:1px solid #3c4782;
white-space: pre-wrap; /* CSS2.1 compliant */
white-space: -moz-pre-wrap; /* Mozilla-based browsers */
white-space: -o-pre-wrap; /* Opera 7+ */
}
.schematic
{
margin-bottom:0px;
padding:1em;
font-size:.9em;
font-family:"Lucida Console",Monaco,monospace;
font-weight:normal;
line-height:1.5em;
color:#999;
background:#f0f0f0;
border: 1px solid #999;
white-space: pre-wrap; /* CSS2.1 compliant */
white-space: -moz-pre-wrap; /* Mozilla-based browsers */
white-space: -o-pre-wrap; /* Opera 7+ */
}
.schematic a { color:#666; text-decoration:none; }
.schematic a:hover { color:blue; text-decoration:none; }
.email
{
width:80%;
margin:2px auto;
padding:8px;
border:thin outset #c06000;
color:#333;
font-size:11px;
font-family:"Lucida Console",Monaco,monospace;
background-color:#fffcfc;
}

/*____________________________________________________________________________*/