/*********************
 * httpremix.com CSS *
 *********************/

/********
 * Core */
body { margin:0px; font-family:verdana; font-size:14px; border-top:10px solid #24353e; }
a { color:#0081cb; font-weight:bold; }
a:hover { color:#24353e }

h1, h2, h3 { margin:0px; padding-bottom:0.25em; margin-bottom:0.5em; line-height:1.2em; }

h1 { font-size:20px; letter-spacing:1px; margin-top:-0.1em; }
h1 a { border-bottom: 2px solid #55a1cd; text-decoration:none; }
h1 a.current { text-decoration:none; border-color:#fff; }
h1 span.date { font-size:11px; font-weight:normal; color:#666; padding-left:0.2em; white-space:nowrap; }

h2 { font-size:16px; margin-bottom:0.8em; padding-bottom:0.33em; font-family:verdana; letter-spacing:1px; border-bottom:1px dotted #24353e; }
h3 { font-size:14px; letter-spacing:1px; border-bottom:1px dotted #888; }
strong { letter-spacing:1px; color:#333; }
small { font-size:11px; }

input, textarea { font-family:arial; padding:2px 3px; font-size:14px; }
input[type="text"], textarea { border:1px solid #24353e; border-top:2px solid #555; border-left:2px solid #555; }
input[type="submit"] { background:url(images/back_grad.gif) repeat-x; color:#fff; font-weight:bold; font-size:90%; cursor:pointer; }
textarea { background:#fafafa; line-height:1.5em; padding:4px; }

abbr { border-bottom:1px dotted #b31; background:#ffffaa; padding:1px 2px; cursor:help; }
code { background:#fafafa; /*background:#f0f6fa; ecf2f6;*/ padding:0px 0.2em; }
pre { display:inline; white-space:normal; }
pre.plaintext { display:none; }
.hidden { display:none; }

/* custom bullet lists */
ul.niceList { margin-left:0em; padding-left:0.2em; margin-bottom:1em; }
ul.niceList li { background:url(images/bullet.gif) 0em 0.5em no-repeat; padding-left: 0.8em; list-style: none; }
.niceList ul li { background-image:url(images/bullet_child.gif); }

ol.niceList li, ul.niceList li { margin-bottom:0.5em; }

ol.niceList { margin-left:1.5em; padding-left:0px; }
.niceList ol li { list-style:decimal; background-image:none; padding-left:0em; }

.default li { background-position:0 0.2em !important; }

/**********
 * Common */
.clear { clear:both; font-size:1px; height:0px; }
.hr { border-bottom:1px dotted #24353e; margin:1em 0em; padding-top:1em; }
.sample { padding:10px; padding-right:20px; background:#fdfdfd; border:1px dotted #0081cb; margin-bottom:1em;}
.white { background:#fff; }
.sample ul { margin-top:0.5em; margin-bottom:0em; }

a.download { color:#005180; background:#ecf2f6 url(images/window.gif) 5px center no-repeat; padding:5px 10px; padding-left:25px; font-size:14px; }
a.download:hover { color:#000; background-image:url(images/window_a.gif); }
a.download:visited { color:#000; }

img.border { border:1px solid #ccc; border-right:2px solid #888; border-bottom:2px solid #888; padding:5px 10px; }

.tags { font-size:11px; font-family:verdana; position:relative; margin-top:-1em; margin-bottom:1em; }
.tagLabel { font-weight:bold; color:#24353e; }
.faded { color:#888; letter-spacing:0px;}
.smallMargin { margin-bottom:0.5em; }
.default { line-height:1em; }

/* Post */
.storycontent { padding-left:12px; text-align:justify; }
.postInfo { padding:2px 12px; background:#eee url(images/back_stripes.gif); border-bottom:1px solid #ddd; margin-bottom:2em; }
.postInfo a { text-decoration:none; }
.more-link, .commentLink { font-family:verdana; font-size:12px; }
.commentLink {  float:left; }
.viewCount { float:right; font-size:11px; letter-spacing:1px; color:#555; }

#commentform #comment { width:525px; height:200px; }
#contactform textarea { width:525px; height:150px; }

.commentlist {  }
.commentlist fieldset { font-size:12px; margin-bottom:1em; padding:5px 15px; padding-bottom:1em; text-decoration:none; border:1px solid #888; }
.commentlist fieldset.alt { border-bottom:2px solid #444; }
.commentlist fieldset.admin { font-weight:bold; }
.commentlist fieldset p { margin-bottom:0em; margin-top:0.5em; }
.commentlist legend { font-size:11px;  color:#448; padding:0px 8px; border:1px solid #666; border-bottom:2px solid #666; }
.commentlist legend b { font-size:12px; }
.commentlist .admin legend { background:#f7f7f7; color:#444; }
.commentlist .admin legend a { color:#444; }

#addthis { float:right; }

/**********
 * Layout */
#borderTop { height:1px; background: #0081cb; }
#borderBottom { height:6px; background: #24353e; border-top:1px solid #0081cb; margin-bottom:20px; min-width:950px; }
#page { margin:0px 5%; }

/* Header */
#header { padding:20px 0px 18px 0px; min-width:950px; }
#header #tagline { font-size:12px; letter-spacing:1px; margin-top:0.6em; }
#header #logo { float:left; }
#header #logo a { width:402px; height:61px; background:url(images/httpremix.png) no-repeat; display:block;}

#navMain { float:left; margin-top:15px; margin-left:40px; }
#navMain a { letter-spacing:3px; font-weight:bold; color:#555; font-size:18px; padding:4px 4px; margin-top:5px; margin-right:30px; text-decoration:none; float:left; display:block; }
#navMain a:hover { border-bottom:3px solid #555; }
#navMain a.active { border-bottom:4px solid #0081cb; color:#24353e;}

/* Columns */
#colContent { min-height:300px; font-size:15px; font-family:helvetica; line-height:1.25em; margin-right: 480px; background-color:#fff; z-index:10; position:relative; }
#colTopic, #colAbout { width:210px; margin-left:30px; font-family:helvetica; letter-spacing:1px; font-size:12px; float:right; overflow:hidden; }
#colTopic { line-height:1.8em; }
#colAbout { line-height:1.75em; text-align:justify; }

#colAbout h2 { margin-bottom:0.5em; }

#colTopic ul {  margin-top:0px; }
#colTopic ul li { font-size:12px; }
#colTopic ul li.current-cat a { color:#545f65; text-decoration:none; }
#colTopic ul#relatedList { line-height:1.25em; }
#colTopic ul, #colAbout ul { color:#545f65; list-style:square; margin-left:1.5em; padding-left:0em; list-style:square; }
#colTopic ul#relatedList li { padding-bottom:0.5em; }

#search #s { width:120px; }
#search #s.active { font-weight:bold; } 
#search form { margin:0.5em 0em; margin-top:1em; }
#search input { font-family:verdana; font-size:13px; }
#search input[type="text"] { border: 1px solid #888; }

ul#archive { margin-top:0px; }
ul#archive li { background-position: 0em 0.3em; }
#archive div.topic  { display:block; margin-bottom:0.5em;  }
#archive ul { margin-left:0em; padding-left:1.2em; }
#archive ul li { line-height:1.2em; background-position: 0em 0.4em;}
#archive ul a { color:#24353e; text-decoration:none; }
#archive ul a:hover { color:#24353e; text-decoration:underline; }
#archive small { color:#333; letter-spacing:1px; }

/**********
 * Footer */
#footer { font-size:11px; letter-spacing:1px; padding:10px 0px; min-width:950px; border-top:3px solid #24353e; }
#footer #navFooter { margin-bottom:1em; }
#footer #navFooter a { color:#24353e; border-bottom:2px solid #fff; text-decoration:none; }
#footer #navFooter a:hover { text-decoration:underline; }
#footer #ccHolder #cc { padding-left:2em; }
#footer #ccHolder a { font-weight:normal; text-decoration:none; }
#footer #ccHolder { line-height:1.5em; float:left; margin-right:1em; background:url(images/cc.png) 0px 0px no-repeat; }
#footer #attr { color:#888; }

/******************
 * Syntax Higlite */
.syntax_hilite, li .syntax_hilite {	border:2px solid #999; font-size:13px; font-family:'Courier New',Courier,monospace; background-color:#FEFEFE; overflow:auto; overflow-y:hidden;	white-space:nowrap; }
.syntax_hilite .inner { background:url(images/syntax_gutter.gif) top left repeat-y; padding-top:0.5em;}
.syntax_hilite ol { margin-top:0px; }
.syntax_hilite li { padding-left:5px; margin-left:-5px; }

.langName { font:bold 16px "Courier New"; color:#555; }
/* copy to clipboard */
.langName small { font-family:verdana; color:#666; font-size:9px; letter-spacing:2px; padding-left:1em; }
.langName small a { color:#999; text-decoration:none; -moz-outline:0; }
.langName small a:hover { text-decoration:underline; }
.syntax_hilite .bottom { height:1px; }

.syntax_hilite { width:100%; }
li .syntax_hilite { width:100%; }



/*************
 * Print CSS */

.printContent { font:50px; visibility:hidden; position:absolute; } /* print only content */

@media print {
  /* Main content */
  #page, #colContent { margin:auto; width:auto; font-size:1em;}
  #colContent { padding-right:5%; }  
  
  /* Hide these elements */
  #header, #colTopic, #colAbout, #navFooter, .noPrint,
  h2, #commentform, #addthis, #borderTop, #borderBottom
  { display:none; }  
  
  body { border:0px; }
  a { font-weight:normal; }
  #siteTitle { padding:0.25em 0px; margin-bottom:0.5em; font-size:2em; font-weight:bold; letter-spacing:0.5em; color:#24353e; border-bottom:5px solid #24353e; }
  
  .pageBreak { page-break-before:always; }
  .printContent { visibility:visible; position:relative; }
  h1 { color:#000; }
}