/*
===========================
 Peminoz | Stu Hall's Blog
===========================
Copyright Stuart Hall 2006
---------------------------
Last updated: 21/06/06
---------------------------

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.
*/

 /* @import url(explorer.css);  ...to be continued... */

/* ***** stock stuff ***** */

/* reset */
* { font-size: 100%; margin: 0; padding: 0; }
html { min-width: 770px; }

/* body */
body#peminoz { font: 70%/140% verdana, tahoma, arial, helvetica, sans-serif; text-align: center; color: #000; background: url(../img/main_bg.jpg) #FFF 50% 0 no-repeat !important; }

/* ***** site layout divs ***** */

/* full site wrapper... container... whatever */
#wrapper { width: 770px; margin: 0 auto; background: transparent; }

/* main navigation column */
#mainNav { width: 150px; color: #000; text-align: left; background: transparent; float: left; margin: 50px 0 0 -770px; }

/* content - main and sub - wrapper */
#contentWrapper { width: 600px; /*padding: 0;*/ margin: 0 0 0 170px; background: transparent; float: left; display: inline; }

/* main site header */
#header { width: 600px; height: 411px; float: left; /*margin: 0;*/ background: /*url(../img/sofa_header2.png)*/ transparent; /*no-repeat*/; }

/* strap line */
#strap { float: right; }

/* main content column */
#mainContent { width: 400px; padding: 0 0 50px 0; margin: 60px 0; color: #000; background: transparent; float: left; text-align: left; }

/* yep, the sub-content column */
#subContent { width: 180px; /* margin: 0 0 0 20px; */ margin: 0; padding: 0; background: transparent; /* float: left; */ float: right; text-align: left; display: inline; }

/* site footer wrapper */
#footerWrapper { width: 100%; height: 150px; text-align: center; background: url(../img/black_footer.gif) #333 repeat-x; clear: both; float: left; padding: 20px 0 0 0; }
#footerWrapper:hover { color: #FFF; } 

/* site footer */
#footer { width: 770px; height: 150px; background: #333; color: #999; padding: 0; text-align: left; clear: both; margin: 0 auto; } 
#footer:hover { background: #333; color: #FFF; }

/*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 */
/*#mainNav h2 a { display: block; height: 90px; background: url(../img/navlogo2.png) transparent no-repeat; text-decoration: none; text-indent: -9999px; }*/
#mainNav h2 a:active, #mainNav h2 a:focus { text-decoration: none; }
#strap h3 { font-family: Dynamoe, Courier, mono, sans-serif; margin: 0; color: #FFF; background: #333; display: inline; text-transform: uppercase; font-style: normal; }
h1.header { display: none; }
/* h1[class$="header"] { display: none; } */
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; }
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; }
.topH { margin: 0 0 1em 0; }

/* paragraphs */
p { text-align: justify; margin: 1em 0 0.5em 0; }
p.smallGrey { font-size: 0.9em; color: #666; }
/* p[class$="smallGrey"] { font-size: 0.9em; color: #666; } */
#subContent p { text-align: left; }
#footer p { margin: 0; padding: 40px 0 0 0; }
dd p { margin: 0; }
.posted { clear: both; padding: 0; margin: 0 0 0.8em 0; font: 1em 'Lucida Grande', verdana, arial, helvetica, sans-serif; font-weight: bold; color: #113177; }
/*p:first-letter { color: #51442C; font-size: 3em; font-style: italic; font-weight: bold; font-family: georgia, serif; }*/

/* the Thank you for adding your comment paragraph 
p#txpCommentInputForm */

/* links */
a:link, a:active, a:focus, a:visited { background: transparent; color: #990; text-decoration: underline; }
a:hover { color: #113177; }
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; }
/* a[href^="http://"] */
/*#mainNav a:link, #mainNav a:active, #mainNav a:focus, #mainNav a:visited { color: #113177; text-decoration: none; }
#mainNav a:hover { color: #990; } */

a#home { display: block; height: 90px; background: url(../img/navlogo2.png) transparent no-repeat; text-decoration: none; text-indent: -9999px; margin: 0 0 10px 0; }
a#blog { display: block; background: url(../img/blog.gif) transparent no-repeat; width: 80px; height: 44px; text-indent: -9999px; }
a#archive { display: block; background: url(../img/archive.gif) transparent no-repeat; width: 80px; height: 44px; text-indent: -9999px; }
a#about { display: block; background: url(../img/about.gif) transparent no-repeat; width: 80px; height: 44px; text-indent: -9999px; }
a#contact { display: block; background: url(../img/contact.gif) transparent no-repeat; width: 80px; height: 62px; text-indent: -9999px; }
a#worldcup { display: block; background: url(../img/worldcup.gif) transparent no-repeat; width: 80px; height: 100px; text-indent: -9999px; }

#footer a:link, #footer a:active, #footer a:focus, #footer a:visited { color: #999; }
#footer:hover a { color: #990; }
#footer a:hover { color: #113177; }
img a:hover { text-decoration: none; background: transparent; border: none; }

/* lists */
/* dl */
dl { font-size: 1em; margin: 0 0 20px 0; padding: 0; }

/* dt */
dt.speech { font-weight: bold; color: #666; background: url(../img/speech.gif) 10px 0.75em #FFF no-repeat; padding: 1em 40px; margin: 0.25em 0; }

/* dd */
dd { margin: 0 0 20px 0; padding: 0 0 0.8em 10px; }

/* ul */
#mainContent ul { /*list-style-type: none;*/ padding: 10px 25px; margin: 0; }
#mainNav ul { margin: 0; padding: 0; background: transparent; }
ul.linkList { margin: 0; }
/* ul[class$="linkList"] { margin: 0; } */

/* ol */
ol { list-style-position: inside; }
ol.comments { padding: 20px 0 30px 30px; background: url(../img/comments.gif) #FFF no-repeat;  margin: 10px 0 0 0; }

/* 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 0 0 2px; background: transparent; line-height: 1.8em; }
#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; }
ol.comments li { padding: 0 0 20px 0; margin: 20px 0 0 20px; border-bottom: #FF00D2 1px dotted; }
/* ol[class$="comments"] li { border-bottom: #C00 1px solid; } */

/* 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 { padding: 20px 0 0 0; background: transparent; margin: 0 0 40px 0; } */

/* 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: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; }


#search { background: url(../img/search_bg.png) transparent no-repeat; height: 72px; padding: 15px 0 0 0; margin: 20px 0 0 0; }

#search form { border: transparent 1px solid; margin: 3px 0 0 3px; width: 170px; height: 18px; background: transparent; position: relative; }

#search .inputtext { border: 0; width: 110px; height: 14px; font-size: 9px; background: #FFF; position: absolute; left: 3px; top: 1px; }

#search .inputbutton { font-size: 9px; position: absolute; right: 1px; top: 1px; }



/* 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: url(../img/speech.gif) #FFF no-repeat; padding: 0 0 0 12px; }
/* .comments { padding: 20px 5px 30px 30px; background: url(../img/comments.gif) #FFF no-repeat;  margin: 10px 0 0 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; }

/* horizontal rules */
/* hr { border: #E2E2A0 1px solid; margin: 2em 0 1em 0; } */
/* hr.divider { background: url(../img/splash_line.jpg) #FFF no-repeat; width: 380px; height: 50px; margin: 0; border: 0; } */
/* hr[class$="divider"] { background: url(../img/splash_line.jpg) #FFF no-repeat; width: 380px; height: 50px;  margin: 0; border: 0; } */
hr { border: none; }
/* hr.divider { background: url(../img/splash_line.jpg) #FFF no-repeat; width: 380px; height: 50px; margin: 0; border: none; } */
.hr { background: url(../img/splash_line.jpg) #FFF no-repeat; width: 380px; height: 50px; margin: 0; border: none; }
.hr hr { display: none; }

/* misc */
.hide {	left: -9999px; width: 1px; position: absolute; }

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; }

object { width: 400; text-align: left; float: left; margin: 1em 0; border: 0; background: transparent; }

/*
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; }
*/

/* LiveSearch styles */
#LSResult { position: absolute; background: #FFF; width: 350px; }
#LSShadow { padding: 5px; }
#LSRes { background-color: #fff; }
.LSRow { padding: 0 5px; }
#LSHighlight { background-color: #aaa; }
#LSHeader { padding: 2px 2px 8px; }
.lsDate { display: block; color: #555; }

input#livesearch { border: 0; width: 160px; height: 14px; font-size: 9px; background: #FFF; position: absolute; left: 3px; top: 1px; }