/********************************************************
 * D P H A S E . N E T                                  *
 ********************************************************
 * Stylesheet for dphase.net, used for a clean blog     *
 * layout, with hooks included for WordPress backends.  *
 * Use and modify as you wish, but remember to give     *
 * credit where credit is due.                          *
 ********************************************************
 * (C) 1994-2008, distantPhase (dphase@dphase.net)      *
 ********************************************************/
 
/* global resets - get rid of the default looks browsers assign */
/* based off of Yahoo! UIL reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* global body/html */
body {
  background: #2e3436;
  min-width: 948px;
  
  color: #c3c3c3;
  font-family: "Lucida Grande", "Lucida Sans", "Verdana", Sans, sans, sans-serif;
  font-size: 10px;
}

html {
  background: #2e3436;
}

a:link, a:visited {
  color: #c4a000;
  text-decoration: none;
}

a:hover {
  color: #2D69BF;
  text-decoration: underline;
}

a:active {
  color: #8A5099;
  text-decoration: none;
}

strong {
  font-weight: bold;
  color: #fff;
}

blockquote {
  margin-left: 10px;
}

input {
/*  width: 20px;*/
}

input, textarea {
  background-color: #161d1e;
  margin-bottom: 3px;
  border: 1px solid #8E4D00;
  color: #E3D8D3;
  font-family: "Lucida Grande", "Lucida Sans", "Verdana", Sans, sans, sans-serif;
  font-size: 9px;
}

textarea {
/*  margin-left: 9.5em;*/
}

.form_button input {
  border: 0px solid transparent;
/*  margin-left: 9.5em;*/
}

.form_test div {
  clear: both;
}

/* PNG fix for Internet Explorer */
img div p {
  behavior: url(/css/iepngfix.htc);
}

/* main components of page */
div#wrap {
  background: url(/img/cols.png) repeat-y;
  width: 948px;
  margin: 0px auto -1px auto;
}

div#page_header {
  background: url(/img/header.png) no-repeat;
  width: 948px;
  height: 69px;
}

#page_sidebar {
  background: transparent;  
  width: 202px;
  
  padding-left: 50px;

  float: left;
}

#page_content {
  background: transparent;
  width: 655px;
  
  padding-left: 6px;
  padding-right: 35px;

  float: right;
}

div#page_footer {
  background: url(/img/footer.png) no-repeat;
  width: 100%;
  height: 52px;
  
  clear: both;

  padding-top: 8px;

  text-align: center;
  font-size: 8px;
}

/* sidebar stuff */
h2#header_pages {
  background: url(/img/title_pages.png) no-repeat;
  width: 202px;
  height: 22px;
  
  text-indent: -3000px;  
}

h2#header_archives {
  background: url(/img/title_archives.png) no-repeat;
  width: 202px;
  height: 22px;
  
  text-indent: -3000px;
}

h2#header_sections {
  background: url(/img/title_sections.png) no-repeat;
  width: 202px;
  height: 22px;
  
  text-indent: -3000px;
}

#page_sidebar div.sidebar_container {
  background: #161d1e;
  margin-top: 12px;
}

#page_sidebar div.sidebar_container li {
  padding-left: 3px;
}

/* content containers */
#page_content p.postmetadata {
  background: url(/img/posticon-file.png) no-repeat;
    
  width: 615px;
  height: 14px;
  
  padding-top: 3px;
  padding-left: 18px;
  
  font-size: 9px;
}

#page_content div.postfooter {
  height: 25px;
  
  padding-top: 3px;
  padding-right: 30px;
  padding-bottom: 5px;
  
  float: right;
  
  font-size: 9px;
}

#page_content div.postfooter_meta {
  background: url(/img/posticon-file.png) no-repeat;
  width: auto;
  height: 14px;
  
  padding-top: 3px;
  padding-left: 18px;
  padding-right: 5px;
  
  float: left;
}

#page_content div.postfooter_comments {
  background: url(/img/posticon-comment.png) no-repeat;
  width: auto;
  height: 14px;
  
  padding-top: 3px;  
  padding-left: 18px;
  
  float: left;
}

#page_content div.postmain {
  width: auto;
  clear: both;
  
  border-bottom: 1px solid #272C2F;
      
  margin-right: 30px;
  padding-bottom: 5px;
}

#page_content div.postmain p {
  margin-bottom: 10px;
}

#page_content div.postmain_title, div.postmain_title h2 {
  font-size: 16px;
  font-weight: bold;
}

#page_content div.postmain_date {
  padding-left: 5px;
  padding-bottom: 3px;
  font-size: 9px;
  color: #F5F5F5;
}

#page_content div.postmain_entry {
  padding-left: 5px;
  text-align: justify; 
}

#page_content p.comment_title {
  margin-top: 23px;
  margin-right: 30px;
  padding-top: 5px;
  padding-bottom: 2px;
  
  border-top: 1px solid #272C2F;
  
  font-size: 12px;
  font-weight: bold;  
}

#page_content p.comment_reply_title {
  margin-top: 5px;
  margin-right: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  
  border-top: 1px solid #272C2F;
  
  font-size: 12px;
  font-weight: bold;  
}

#page_content ol.comment_list {
  margin-right: 30px;
}

#page_content small.comment_metadata {
  padding-left: 5px;  
  font-size: 9px;
}

#page_content small.form_label {
  font-size: 9px;
}

#page_content div.comment_number {
  font-size: 10px;
  font-weight: bold;  
}

#page_content li.comment_number_a {
  background-color: #161d1e;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#page_content li.comment_number_b {
  border-top: 1px solid #0D1112;
  border-bottom: 1px solid #232829;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#page_content li p {
  padding-left: 5px;
  color: #A1A1A1;
  font-size: 9px;
}

#page_content label {
  width: 8em;
  text-align: left;
  margin-left: 4px;
  display: inline;
}