/*   
Theme Name: Black
Theme URI: http://fernandodunn.com
Description: Standards-based template allowing flexible widths and varying columns of goodness, but not in the typical blog way.
Author: Fernando Dunn II
Author URI: http://fernandodun.com
Version: 0.5
*/

body { background: #fff url(http://fernandodunn.com/-img/bg-grad.gif) 0% 0% repeat-x; color: #3D4045; font: 90%/1.5em serif; text-align: center; margin: 0; padding: 0; }


/* Reset Settings --- */

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address { margin: 1em 0; }


/* Main Structure --- */

#wrap { background: url(http://fernandodunn.com/-img/bg-header.jpg) 0% 4.4em no-repeat; text-align: left; margin: 0 auto; padding: 0; width: 95%; max-width: 800px; min-width: 600px; }
* html #wrap { width: 760px; }
#header { float: left; width: 100%; margin: 1em 0 1.25em; border: solid #ddd; border-width: 1px 0; }
  h1 { FONT-SIZE: 0.8EM; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; width: 48%; float: left; }
  ul#navigation, ul#footnav { margin: 0; padding: 0; width: 48%; float: right; }
    #navigation li, #footnav li { float: left; line-height: 2.5em; width: 24%; border-left: 1px solid #eaeaea; list-style-type: none; background: 0; padding: 0; margin: 0; }
      #navigation a, #footnav a { font-size: 0.8em; COLOR: #666; text-transform: uppercase; text-align: center; float: left; display: block; padding: 0.5em 0; width: 100%; border: 0; }
      #navigation a:hover, #footnav a:hover { color: #000; }
      #navigation a:active, #footnav a:active { color: #fff; background: #333; }
#header-ad { clear: both; text-align: center; }
pageinfo { height: 8em; padding: 0 0 2em; margin: 0; clear: both; }
  h2 { /*position: absolute; top: 170px; left: 0;*/ width: 515px; min-width: 300px; text-transform: lowercase; font-family: georgia; text-align: right; padding: 0 /*1em 0 0*/; font-size: 1.4em; line-height: 2.5em; letter-spacing: -0.05em; color: #fff; background: #444; }
  h2 span, h2 a, h2 a:hover { color: #fff; background: #111; border: none; display: block; padding: 0 4% 0 0; }
#content { clear: both; width: 100%; }
#info { border: solid #ddd; border-width: 1px 0 0; background: url(http://fernandodunn.com/-img/bg-pic.gif) 100% 2em no-repeat; clear: both; }
  #info h3, #info p { margin-right: 0; padding-right: 160px; }
#sidebar { clear: both; border: solid #ddd; border-width: 1px 0 0; padding-top: 1em; }
#sidebar-1 { float: left; width: 48%; }
#sidebar-2 { float: right; width: 48%; }
#foot { clear: both; float: left; padding: 0; margin: 2em 0; border: solid #ddd; border-width: 1px 0 1px; width: 100%; }
  #foot p { font-size: 0.8em; text-transform: uppercase; width: 48%; float: left; }
#sidebar-1 div a { border-bottom: 0; }

/* Main Index --- */

#journal { float: left; width: 48%; }
  #journalfeature {}
  #journal-old { float: left; width: 100%; }
#portfoliofeature { float: left; width: 48%; }
  .index #portfoliofeature { float: right; }
#content-opt { float: right; width: 48% }


/* Portfolio Index --- */

#portfoliofeature dl { padding: 1em; }
  #portfoliofeature dt { height: 110px; text-align: center; }
  #portfoliofeature dd { margin: 1em 0 0; }
#portfolioinfo { clear: both; }
  #portfoliolist { float: right; width: 48%; }
#projectfeature { float: left; width: 48%; }


/* Portfolio Entry --- */

#portfoliosingle { margin: 0 auto; min-width: 400px; }
#portfoliosingle .title { text-align: left; width: 50%; padding: 0; margin: 1em 0 0; }
#portfoliosingle .byauthor { text-align: left; margin-left: 1px; padding: 0; }
.portfoliosingle #portfoliolist { float: none; margin: 0 auto; width: 100%; }


/* About Index -- */

#about { float: left; width: 60%; }
#contact { float: right; width: 36%; }


/* Journal Index, Archive, & Search --- */

.journal #journal-recent { float: left; width: 48%; }
  .journal #journal-new { /*float: left; width: 100%;*/ }
    #journal-new h3 { margin-right: 50px; }
  .journal #journal-old { /*float: left; width: 46%;*/ }
  .journal #journal-comments { float: right; width: 46%; }
#journal-archive { width: 48%; float: right; }
  #journal-search { }
    #journal-search fieldset { padding: 1em; }
  #journal-categories { }
#links { float: right; width: 48%; }
#posts, #results { width: 48%; float: left; }
#journal-comments { display: none; float: right; width: 48%; }
.title { margin: 1em 0 0 0; }
.byauthor { font-size: 0.9em; margin: 0 0 1.5em; }
  .byauthor cite { text-transform: uppercase; font-weight: bold; font-size: 0.85em; font-style: normal; letter-spacing: 0.1em; margin-left: 0.2em; }


/* Journal Entry --- */    
    
#post, #comments { clear: both; margin: 0 auto; min-width: 400px; }
  #post .title { text-align: left; width: 70%; padding: 0; margin: 1em 0 0; }
  #post .byauthor { display: none; }
  #post .metadata { margin: 1em 0 1em; }
.excerpt { font-weight: bold; }
.descriptive { float: right; margin-left: 2em; padding: 0; }
.illustration { float: right; margin: 0 0 1em 1.5em; padding: 0; }
  .illustration img { border: 0; padding: 0; }
.metadata { padding: 0.5em 1em; font-style: italic; }
.authordata { padding: 0.5em 1em; clear: both; }
  .authordesc { /*padding-left: 120px; background: url(http://fernandodunn.com/-img/bg-pic.gif) 0% 0% no-repeat;*/ }
#comments { margin-top: 3em; padding-bottom: 2em; }
#content #journal-comments ul, #content #comments ul { list-style: none; padding: 0; margin: 0; }
  #content #journal-comments li, #content #comments li { list-style: none; background: #FFF; padding: 0; margin: 0; }
.comment { color: #4D5055; background: #EAEDF0; margin: 0; padding: 0.5em 1em; }
  .comment a { color: #4D5055; }
.comment-id { float: right; width: 75px; font-weight: bold; line-height: 1em; margin: 0.1em 0; font-size: 5em; text-align: center; color: #C9CBCE; }
  #commentPreview .comment { margin: 0; }
.commentator { margin: 0; padding: 0; }
  #comments .commentator { margin: 0; }
  .commentator cite { font-style: normal; background: #EAEDF0 url(http://fernandodunn.com/-img/bg-bubble-tail.gif) top left no-repeat; display: block; padding: 1em 0 0.7em 1em }

#postcomment { margin-top: 3em; }
#commentform { padding: 1em; float: left; background: #EAEDF0; }
  #commentform fieldset { padding: 0; margin: 0; background: #EAEDF0; }
    #yourinfo { float: left; width: 40%; }
    #yourcomment { float: right; width: 50%; }
    #comment { margin-bottom: 1em; }
#commentPreview { clear: both; margin-top: 2em; }


/* 404 Error Page --- */

#sections { border-top: 1px solid #eee; }
  #journal { width: 48%; float: left; }
  #portfolio { width: 48%; float: right; }


/* Fonts, Links, Paragraphs, etc --- */

h3, h4, h5, h6 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 a, h4 a { border: 0; }
h3 { color: #60646C; }
h4, .title { font: normal 1.9em/1.2em Georgia, "Times New Roman", Times, serif; letter-spacing: -0.02em }
acronym, abbr { border-bottom: 1px dotted #777; cursor: help; }
code { font-family: courier, monospace; text-transform: uppercase; }
blockquote { font-size: 1em; font-style: italic; background: url(http://fernandodunn.com/-img/bg-quote-open.gif) top left no-repeat; padding: 0 0 0 40px; }
  blockquote cite { background: url(http://fernandodunn.com/-img/bg-quote-close.gif) top right no-repeat; padding: 0 40px 0.5em 0; margin-right: -40px; display: block; }
  blockquote p { padding-right: 40px; }


/* Links --- */

a { color: #3D4045; text-decoration: none; border-bottom: 1px solid #D1D8DE; }
 a:link { }
 a:visited { }
 a:hover { color: #111; background-color: #EFEFF0; }
 a:active { color: #111; background-color: #f3f3f3; }
.post-edit-link { border-bottom: 0; float: right; }

/* Lists --- */

ul { padding-left: 0; margin-left: 0; list-style: none; }
 ul li { margin-left: 1em; padding-left: 13px; background: url(http://fernandodunn.com/-img/ico-bullet-reg.gif) no-repeat 0.1em 0.6em; }
ol { padding-left: 20px; margin: 0; }
#sidebar ul, #content-opt ul, #journal-old ul, #portfoliolist ul, #projectfeature ul, #journal-categories ul, #content-404 ul, #links ul { padding: 0; margin: 0 0 1em; border: solid #ddd; border-width: 0 0 1px;  }
  #sidebar li, #content-opt li, #journal-old li, #portfoliolist li, #projectfeature li, #journal-categories li, #content-404 li, #links li { background: #fff; border: dotted #ddd; border-width: 1px 0 0; list-style: none; padding: 0 1em; margin: 0; }
    #projectfeature li, #links li { background: #fff; border: dotted #ddd; border-width: 1px 0 0; list-style: none; padding: 0.5em 1em; margin: 0; }
    #sidebar li:hover, #content-opt li:hover, #journal-old li:hover, #portfoliolist li:hover, #projectfeature li:hover, #journal-categories li:hover, #content-404 li:hover, #links li:hover { background: #eee url(http://fernandodunn.com/-img/bg-diag.gif); }
  #sidebar li a, #content-opt li a, #journal-old a, #portfoliolist a, #journal-categories a, #content-404 li a { display: block; padding: 0.5em 0; width: 100%; border: 0; }
    #sidebar li a:hover, #content-opt li a:hover, #journal-old a:hover, #portfoliolist a:hover, #journal-categories a:hover, #content-404 li a:hover { background: 0; color: #000; }


/* Forms --- */

fieldset { padding: 0.5em 1em; border: none; background: #EAEDF0; }
legend { display: none; }
input, textarea { }
 input:focus, textarea:focus { background: #ffe; }
label { cursor: pointer; }
textarea { width: 100%; }

#s, #author, #from, #message, #email, #url, #comment { width: 100%; font-size: 1em; font-family: "Courier New"; background: #F8F9FA; border: #ccc solid; border-width: 1px 0 0 1px; padding: .3em 0; }
#contactcomment { width: 100% }

.button { /*font-family: serif; color: #fff; background: #555; border: 1px solid #444; padding: 0.5em 1em;*/ padding: 0.1em; }
.reset { /* background: #777; border: 1px solid #666;*/ }


/* Images --- */

img { padding: 2px; background: #fafafa; border: 1px solid #ddd; }
  a img { padding: 0; background: 0; border: 0; vertical-align: -10%; }
.image { width: 100%; padding: 1em 0; text-align: center; }
  .image img { margin-left: 1em; }
.imgdescriptive { float: right; margin: 0.5em 0 0 1em; }
.alignright { float: right; margin: 0 0 10px 10px; }
.authordesc img { float: left; margin: 0 10px 0.5em 0; }
.ad { width: 100%; clear: both; background: #eee; text-align: center; padding: 1em 0; margin: 1em 0; }

/* Hidden --- */

hr, #searchform .submit, .journal .metadata, .index .metadata, .archive .metadata { display: none; }



/* Repeated For a Purpose --- */

#portfoliofeature dl, .image, .metadata, .authordata { color: #09090A; /*background: #D1D8DE url(http://fernandodunn.com/-img/bg-diag.gif);*/ border: dotted #ddd; border-width: 1px 0; }
#journal, #journal-recent, .portfolio #portfoliolist, #projectfeature, #posts, #links, #about, #results, #commentform { margin: 0 0 1.6em; }
  /* Compensate for Firefox float margins */
#journalfeature, #journal-new { /*background: url(http://fernandodunn.com/-img/bg-new.gif) 100% 2em no-repeat; */}
  /* Add the 'New' background image */
#portfoliosingle, #post, #comments, .portfoliosingle #portfoliolist { width: 74%; }