/*
===========================
 Peminoz | Stu Hall's Blog
===========================
Copyright Stuart Hall 2006
---------------------------
World Cup 2006 Edition
---------------------------
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: #FFF; background: url(../img/main_bg_wc.jpg) #709f00 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: #709f00; clear: both; float: left; padding: 20px 0 0 0; border-top: #FFF 2px solid; }
#footerWrapper:hover { color: #FFF; } 

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

/*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; letter-spacing: -1px; margin: 1.5em 0 1em 0; color: #006629; padding: .2em 2px; }
h2 { font-size: 2em; font-style: italic; font-weight: bold; letter-spacing: -1px; margin: 1.5em 0 1em 0; color: #006629; }
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; color: #FFF; }
p.smallGrey { font-size: 0.9em; color: #EEE; }
p.comments_invite { background: transparent; }
/* 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: #FFF; }
/*p:first-letter { color: #51442C; font-size: 3em; font-style: italic; font-weight: bold; font-family: georgia, serif; }*/

/* links */
a:link, a:active, a:focus, a:visited { background: transparent; color: #FFF000; text-decoration: underline; }
a:hover { color: #FFF; }
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; width: 107px; height: 75px; background: url(../img/home.gif) transparent no-repeat; text-decoration: none; text-indent: -9999px; margin: 0 0 10px 0; }
a#blog { display: block; background: url(../img/blog_shirt.gif) transparent no-repeat; width: 107px; height: 90px; text-indent: -9999px; }
a#archive { display: block; background: url(../img/archive_shirt.gif) transparent no-repeat; width: 107px; height: 90px; text-indent: -9999px; }
a#about { display: block; background: url(../img/about_shirt.gif) transparent no-repeat; width: 107px; height: 90px; text-indent: -9999px; }
a#contact { display: block; background: url(../img/contact_shirt.gif) transparent no-repeat; width: 107px; height: 90px; text-indent: -9999px; }
a#worldcup { display: block; background: url(../img/wc_shirt.gif) transparent no-repeat; width: 107px; height: 90px; text-indent: -9999px; }

#footer a:link, #footer a:active, #footer a:focus, #footer a:visited { color: #FFF000; }
#footer:hover a { color: #000; }
#footer a:hover { color: #000; }
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 {}
ol.comments { padding: 20px 0 30px 30px; background: #709F00;  margin: 0; }

/* li */
li { padding: 0; margin: 0 0 0 5px; background: transparent; color: #FFF; }
#mainContent ul li { padding: 0; margin: 0 0 0 5px; background: transparent; list-style-image: url(../img/ball.png); }
#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: #FFF 1px solid; }
/* 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; color: #000; font-family: "Courier New", Courier, mono, sans-serif; font-size: 1.2em; }
#mainContent textarea:hover { background: #FFF; border: #FFF 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: #FFF; border: #FFF 1px solid; color: #000; } 

input.text, .comment_name_input, .comment_email_input, .comment_web_input { border: #FFF 1px solid; padding: 4px 2px 4px 5px; background: #FFF; 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_wc.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/line.gif) transparent no-repeat; width: 380px; height: 50px; margin: 0; border: none; }
.hr hr { display: none; }

hr.divider { background: url(../img/line.gif) transparent no-repeat; width: 380px; height: 50px; margin: 0; border: 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; }

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