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

/* main content column */
#mainContent { width: 400px; padding: 0 0 50px 0; margin: 0px 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; }

 

#strap h3 { font-family: Dynamoe, Courier, mono, sans-serif; margin: 0; color: #FFF; background: #333; display: inline; text-transform: uppercase; font-style: normal; }

/* h1[class$="header"] { display: none; } */
 
h2 { font-size: 22px; font-style: italic; font-weight: bold; font-family: georgia, serif; letter-spacing: -1px; text-transform: lowercase;   color: #CC0000; }
/* h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.05em; }
  */


 
 

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

/* links */
a:link, a:active, a:focus, a:visited { background: transparent; color: #CC0000; text-decoration: underline; }
a:hover { color: #113177; }
 
 
/* 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; }
 
/* 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[class$="right"] { float: left; margin: 0 0 0 10px; } */
#mainContent img.divider { border: none; }
 
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; }
