/*
===========================
 Peminoz | Stu Hall's Blog
===========================
Copyright Stuart Hall 2006
---------------------------
Last updated: 15/04/06
---------------------------
Print Style Sheet
---------------------------
This design and all style-sheets, original images and graphics are copyrighted by me.
The World of web standards is a happy, sharing one however, so feel free to pinch any 
code you may find useful. Go on, go for your life. Good luck to you. If you want any 
images though, please ask because it's likely I will have created them myself. Ta.
*/

/* ***** stock stuff ***** */

/* reset */
* { font-size: 100%; margin: 0; padding: 0; }

/* body */
body { font: 12pt/16pt "Times New Roman", Georgia, serif; text-align: left; color: #000; background: #FFF; }

/* ***** site layout divs ***** */

/* full site wrapper... container... whatever */
#wrapper { width: 100%; padding: 0; margin: 0 auto; background: transparent; }

/* main site header */
#header { background: #FFF; }

/* strap line */
#strap { width: 100%; }

/* main navigation column */
#mainNav { display: none; }

/* content - main and sub - wrapper */
#contentWrapper { width: 100%; padding: 0; margin: 0; background: transparent; }

/* main content column */
#mainContent { width: 100%; padding: 0; margin: 0; color: #000; background: #FFF; text-align: left; }

/* yep, the sub-content column */
#subContent { width: 100%; padding: 0; margin: 0; color: #000; background: #FFF; text-align: left; }

/* site footer */
#footer { width: 100%; height: 50px; margin: 0; padding: 0; text-align: left; background: #FFF; color: #999; clear: both; }

/*columns */
#leftCol { float: left; width: 190px; text-align: justify; margin: 20px 0; }
#rightCol { float: right; width: 190px; text-align: justify; margin: 20px 0; }

/* ***** end site layout divs ***** */

/* headers */
h1, h3, h4, h5, h6 { font-style: italic; font-weight: bold; font-family: georgia, serif; letter-spacing: -1px; text-transform: lowercase; margin: 1.5em 0 1em 0; color: #51442C; padding: .2em 2px; }
/*{ font-family: Courier; margin: 0 0 1em 0; color: #FFF; background: #113177; display: inline; text-transform: uppercase; clear: both; }*/
#strap h3 { font-family: Dynamoe, Courier, mono, sans-serif; margin: 0; color: #000; text-transform: uppercase; font-style: normal; }
h2 { font-size: 2em; font-style: italic; font-weight: bold; font-family: georgia, serif; letter-spacing: -1px; text-transform: lowercase; margin: 1.5em 0 1em 0; color: #990; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.05em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
#header h1 { font-weight: bold; font-size: 2.5em; }

/* paragraphs */
p { text-align: left; margin: 1em 0 0.5em 0; }
p.smallGrey { font-size: 0.9em; color: #666; }
#subContent p { text-align: left; }
#footer p { margin: 0; }

/* links */
a:link, a:active { background: transparent; color: #990; text-decoration: underline; }
a[href$=".pdf"] { background: url(../img/pdf_icon.gif) no-repeat; padding: 0 0 0 14px; }
a[href$=".doc"] { background: url(../img/word_icon.gif) no-repeat; padding: 0 0 0 14px; }
a[href$=".mov"] { background: url(../img/mov_icon.gif) no-repeat; padding: 0 0 0 14px; }
a[target="_blank"] { background: url(../img/newwindow_icon.gif) no-repeat; padding: 0 0 0 14px; }
img a:hover { text-decoration: none; background: transparent; border: none; }
body a:link:after, body a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
body a [href^="/"] :after { content: " (http://www.peminoz.com" attr(href) ") "; }

/* dl */
dl { font-size: 1em; margin: 0 0 20px 0; }

/* dt */
dt { margin-bottom: 0; font-weight: normal; }

/* dd */
dd { padding-bottom: 0.8em; margin: 0; }

/* ul */
#mainContent ul { /*list-style-type: none;*/ padding: 10px 25px; margin: 0; }
#mainNav ul { padding: 20px 0 20px 10px; margin: 20px 0 0 0; background: transparent; }
ul.linkList { margin: 0; }
/* ul[class$="linkList"] { margin: 0 } */

/* ol */
ol {}

/* li */
li { padding: 0; margin: 0 0 0 5px; background: transparent; }
#mainContent ul li { padding: 0; margin: 0 0 0 5px; background: transparent; list-style-image: url(../img/bullet.gif); }
#mainNav li { list-style-type: none; padding: 0; background: transparent; line-height: 1.8em; font-weight: bold; }
#subContent li { list-style-type: none; padding: 0 0 0.8em 0; }
.code li { border-bottom: #CCC 1px dotted; background: #FFF; padding: 5px; font-family: "Courier New", Courier, mono, sans-serif; }
.code li:hover { background: #EEE; }

/* abbreviations, acronyms */
abbr, acronym { text-decoration: none; border-bottom: 1px dotted #666; cursor: help; }
a abbr, a acronym { text-decoration: underline; border-bottom: 0px dotted #666; cursor: auto ; }

/* images */
#mainNav img, #subContent img { border: none; }
#mainContent img { border: #990 1px solid; padding: 5px; background: #FFF; }
img.left { float: left; margin: 0 10px 0 0; }
/* img[class$="left"] { float: left; margin: 0 10px 0 0; } */
img.right { float: right; margin: 0 0 0 10px; }
/* img[class$="right"] { float: left; margin: 0 0 0 10px; } */
#mainContent img.divider { border: none; }

/* search wrapper */
#searchWrapper { display: none; }

/* search box */
.searchBox { width: 140px; height: 16px; padding: 2px 0 0 3px; margin: 0; font-size: 0.8em; vertical-align: middle; color: #000; background: #FFF; border: #51442C 1px solid; }
.searchBox:hover { background: #EEE; }

/* buttons */
.buttons { margin: 10px 0; }
.goButton { padding: 0 2px; border: #000 1px solid; font-size: 0.8em; vertical-align: middle; color: #000; height: 18px; background: #CCC; text-align: center; text-decoration: none; }
.goButton:hover { background: #000; color: #FFF; }
.goButton:active { background: Fuchsia; }
.preview {  }

/* fieldsets, textareas etc */
fieldset { border: #FFF 0px solid; margin: 0 0 1em 0; }
#commentform fieldset {	border: #990 1px solid; padding: 20px 0 0 0; position: relative; }
#mainContent textarea {	width: 293px! important; height: 193px! important; padding: 4px 2px 4px 5px; margin: 5px 0px 10px; border: #990 1px solid; background: url(../img/form_bg.jpg); overflow: auto; font-family: "Courier New", Courier, mono, sans-serif; font-size: 1.2em; }
#mainContent textarea:hover { background: url(../img/form_bg_hover.jpg); border: #990 1px solid; color: #000; } 
/*#mainContent .input input { border: #990 1px solid; padding: 4px 2px 4px 5px; background: url(../img/form_bg.jpg); margin: 5px 0px 10px; width: 200px; color: #000; font-family: "Courier New", Courier, mono, sans-serif; font-size: 1em; }*/
#mainContent input:hover { background: url(../img/form_bg_hover.jpg); border: #990 1px solid; color: #000; } 

input.text, .comment_name_input, .comment_email_input, .comment_web_input { border: #990 1px solid; padding: 4px 2px 4px 5px; background: url(../img/form_bg.jpg); margin: 5px 0px 10px; width: 200px; color: #000; font-family: "Courier New", Courier, mono, sans-serif; font-size: 1em; }

input { padding: 2px; }
label, legend { display: block; clear: both; font-weight: bold; margin: 0; color: #51442C; font-size: 1.2em; }

.posted { clear: both; padding: 3px 0 0 3px; margin: 0 0 15px 0; font: 10px 'Lucida Grande', verdana, arial, helvetica, sans-serif; color: #666; height: 17px; }

/* code examples */
.code { margin: 1em 0; padding: 5px 5px 5px 30px; color: #000; font-size: 1.2em; }
.codeTop { border-top: #CCC 1px dotted; background: #FFF; }

/* comments */
.comments_invite { background: #FFF no-repeat; padding: 0; }
.comments { padding: 20px 5px 30px 30px; background: url(../img/comments.gif) #FFF no-repeat;  margin: 10px 0 20px 0; border: 0; }
.commentsStu { padding: 20px 5px 30px 30px; background: url(../img/commentsStu.gif) #FFF no-repeat;  margin: 10px 0 20px 0; border: 0; }
.gravatar { padding: 0; float: right; margin: 0 0 0 10px; position: relative; background: #FFF; border: none; }
.gravatar img { border: none; }

blockquote { font-style: italic; color: #666; background: url(../img/quotes.gif) 10px 0.75em #FFF no-repeat; padding: 0.5em 40px; margin: 0.25em 0; }

caption { margin: 0.8em 0;	font-weight: bold; text-align: left; color: #C00; }

hr { border: #E2E2A0 1px solid; margin: 2em 0 1em 0; }

/* misc */
.hide { display: none; }
.hidden-navigation {	left: -9999px; width: 1px; position: absolute; }

/*
span div[id="header"] { display: block; height: 411px; background:  url(../img/header_bg.png) transparent no-repeat; }
span div[id="header"] a { display: block; height: 411px; text-decoration: none; }
*/
