/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

/*  Color Defaults
Dark Brown    #2E2110
Light Brown   #59341D
Cream         #FFF4C8
Green         #C1D82F
Pink          #B32446
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
            { margin: 0; border: 0; padding: 0;
              font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
              vertical-align: baseline; }
body        { margin:0;
              text-align: center;
              background: #FFF4C8 url('../images/icons/bg.gif') repeat-x left top; }

/* Tables still need 'cellspacing="0"' in the markup. */
table       { border-collapse: separate; border-spacing: 0; }
caption, th, td
            { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after
            { content: ""; }
blockquote, q
            { quotes: "" ""; }
a img       { border: none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

   Based on work by:
   * Olav Bjorkoy      [bjorkoy.com]
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]

   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb

-------------------------------------------------------------- */

/* CSS Code Style guide
-------------------------------------------------------------- */
/** display/visibility styles
* positioning (with coordinates) styles
* float/clear styles
* spacing (margin, padding, border) styles
* dimensions (width, height) styles
* backgound
* typography-related (line-height, color, etc.) styles
* miscellaneous (list-style, cursors, etc.) styles
*/

/* Default font settings
   The font-size percentage is of 16px (0.625 * 16px = 10px)
-------------------------------------------------------------- */
body        { font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
              font-size: 62.5%; line-height: 1.5000; color: #2E2110;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6
            { font-weight: normal; color: #2E2110; }
h1          { font-family: Georgia, "Times New Roman", Times, sans-serif; font-style: italic;
              font-size: 3.6000em; line-height: 1; color: #59341D;
              margin-bottom: 0.5em; }
h2          { font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
              font-size: 2.4000em;  color: #59341D;
              margin-bottom: 0.75em; }
h3, dt, legend
            { font-family: Georgia, "Times New Roman", Times, sans-serif;
              font-size: 1.8000em; line-height: 1.0; margin-bottom: 1.0000em; color: #B32446;}
h4          { font-size: 1.4400em; line-height: 1.25; font-weight: bold;
              color: #B32446;
              margin-bottom: 1.2500em; }
h5          { font-size: 1.2000em; font-weight: bold; margin-bottom: 1.5000em; }
h6          { font-size: 1.2000em; font-weight: bold; } /*MAY HAVE TO LOOK INTO PADDING ISSUE*/
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img
            { margin:0; }

/* Text elements
-------------------------------------------------------------- */
p, ol, ul, dd
            { font-size: 1.2000em; line-height: 1.5;}
p           { margin: 0 0 1.5000em; }
p.last      { margin-bottom: 0; }
p img       { margin: 0; border: 4px solid #59341D; }
img         { margin: 0 0 1.8000em; }

a:focus, a:hover
            { color: #C1D82F; border-bottom: 1px dotted #C1D82F;}
a:focus     { color: #C1D82F; border: 1px dotted #C1D82F; margin: -1px -1px 0 -1px;}
a           { color: #B32446; border-bottom: 1px dotted #B32446; text-decoration: none; }
blockquote  { margin: 1.8000em; color: #2E2110; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr,acronym
            { border-bottom: 1px dotted #2E2110; }
address     { margin: 0 0 1.5000em; font-size: 1.2000em;}
del         { color: #59341D; }
pre,code    { margin: 1.5000em 0; white-space: pre; }
tt          { display: block; margin: 1.5000em 0; line-height: 1.5; }
pre,code,tt { font: 1.2000em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
hr          { font-size: 1.2em;}

/* Lists
-------------------------------------------------------------- */
li ul, li ol
            { margin: 0 1.5000em; }
ul, ol      { margin: 0 1.5000em 1.5000em 1.5000em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { display: block; clear: both; margin: 0 0 1.8em 0; }
dl dt       { /*font-weight: bold;*/ margin-bottom: 0; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 1.7000em; }
th          { border-bottom: 1px solid #2E2110; border-top: 1px solid #2E2110; font-weight: bold; background: #C1D82F; }
td          { border-bottom: 1px solid #59341D; }
/*th,td       { font-size: 1.2000em; padding: 0.6700em 0.9500em 0.6700em 0.4167em }*/
th,td       { font-size: 1.2000em; padding: 0.7em 0.95em 0.7125em 0.4167em; }
tr.even td  { background: #C1D82F; }
tfoot       { font-style: italic; }
caption     { font-size: 1.2000em;  }
table a:focus,
table a:hover     { color: #2E2110; border-bottom: 1px dotted #2E2110;}
table a:focus     { color: #2E2110; border: 1px dotted #2E2110; margin: -1px -1px 0 -1px;}

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

/* Common Nested Elements
-------------------------------------------------------------- */
ol ol, ol ul, ul ol, ul ul, dl ul, dl ol, li dl, li p, dd p, td p/*,
li *, dd **/
            { font-size: 100%; /*margin-bottom: 0;*/ }

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: 1.0000em; margin-bottom: 1.8000em; line-height: 1.8000; }
.large      { font-size: 1.4400em; line-height: 2.5000em; margin-bottom: 1.2500em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.box, .box * { color: #C1D82F;}

/* --------------------------------------------------------------

   grid.css

-------------------------------------------------------------- */

/*  Color Defaults
Dark Brown    #2E2110
Light Brown   #59341D
Cream         #FFF4C8
Green         #C1D82F
Pink          #B32446

*/
/*== STRUCTURE: ========================
* Page width:            950 px
* Number of columns:     15
* Column width:          54 px
* Margin width:          10 px
======================================*/


/* A container should group all your columns. */
.container, #nav dd, #wrap
            { position: relative;
              margin: 0 auto; min-width: 950px; width: 90.1328%; max-width: 1500px;
              text-align: left; }
#content    { margin: 0 37px;}

/* Columns
-------------------------------------------------------------- */
#primary, #secondary
            { float: left;
              margin-right: 1.0526%; }
#secondary  { margin-right: 0; padding-left: 06.7368%; width: 32.6315%; }
#primary    { width: 59.5789%;}
#home h1    { padding-right: 33.6842%;}

/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */

.box        { margin-bottom: 1.8000em; padding: 1.8000em;
              background: #59341D; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #59341D;
  color: #59341D;
  clear: both;
  float: none;
  width: 100%;
  height: .1000em;
  margin: 0 0 1.4000em;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear, .container { display: inline-block; }
.clear:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/** html .clear,
* html .container   { height: 1%; }*/
.clear, .container  { display: block; }

/* Hide accessiblity related classes */
.skip, #access-links
            { position: absolute; width: 1px; height: 1px;
              text-indent: -9999px; list-style-type: none; clear: none; margin: 0; display: none;}

/* --------------------------------------------------------------

   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.

-------------------------------------------------------------- */
form p + p  { text-indent: 0; } /* Don't want this in forms. */
.alt        { font-family: "Baskerville", "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
              font-style: italic; font-weight: normal; }
.amp        { font-family: "Baskerville", "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
              font-style: italic; font-weight: normal; font-size: 133.33%; line-height: 0;
              vertical-align: -0.0500em; }
.dquo       { margin-left: -.5em; }
p.incr, .incr p
            { margin-bottom: 1.5em;
              font-size: 10px; line-height: 1.44em; }
.caps       { font-size: 100%; letter-spacing: 1px;
              font-variant: normal; font-weight: 500; text-transform: uppercase; }

/* -----------------------------------------------------------------------

    header.css
    * Sets up the site’s branding

----------------------------------------------------------------------- */
#header     { height: 160px; min-width: 1054px; margin-bottom: 18px; position: relative;}
#branding   { text-align: left; margin: 0;}
#branding dt
            { position: absolute; top: 16px;
              background: transparent url('../images/icons/branding.gif') no-repeat left top; }
#branding dt a
            { display: block;
              border: 0 none; width: 343px; height: 112px;
              text-indent: -9999px; }
#branding dd { position: absolute;
               top: 63px; right: 52px;
               width: 482px; height: 32px;
               text-indent: -9999px;
               background: transparent url('../images/icons/tagline.gif') no-repeat right top; }


/* -----------------------------------------------------------------------

    basics.css

----------------------------------------------------------------------- */

#footer   { clear: both;
            border-top: 1px solid #2E2110; padding: 0.75000em 0 1.1000em 4.1250em; }
#breadcrumbs ol li,
#footer p, #footer ul, #footer ul li
            { display:inline; }
#breadcrumbs dd, #breadcrumbs ol
            { margin: 0; }
#breadcrumbs ol
            { border-bottom: 1px solid #222;
              list-style-type: none; }
#secondary .vcard dt
            { margin-bottom: 1.000em; }
#secondary .vcard dd
            { margin: 0; }
#secondary .vcard dd address
            { font-size: 100%; }
#primary dt, #primary dd,
#primary dd ul, #primary dd ul li
            { display: inline; }
#primary dt
            { font: normal normal bold 1.2000em/1.5000 "Helvetica Neue",Helvetica,"Lucida Grande",Arial,sans-serif; color: #2E2110;}
#primary dd, #primary dd ul
            { margin: 0; }
#primary dd ul li, #secondary ul, #secondary ul li
            { list-style-type: none; }

/* -----------------------------------------------------------------------

    tabs.css
    * Sets up the oh so common tab metaphor in my own personal way
----------------------------------------------------------------------- */

/* Cleanup to avoid ol & ul inheritance issues
----------------------------------------------------------------------- */
#nav ul, #nav ol
            { overflow: hidden; list-style: none; margin: 0; width: 94.8421%;}

/* Tab Metaphor
----------------------------------------------------------------------- */
#nav        { position: absolute;
              top: 134px; right: 0; left:0; width: 100%; }
#nav dd ul, #nav dd ol
            { text-align: center;}
#nav li, #nav li
            { float: left; width: 25.000%; height: 25px; }
#nav li a   { font-size: 1.5em; text-indent: -9999px; overflow: hidden;
              display: block; border: 0 none transparent; width: 100%;
              background: transparent url('../images/icons/nav.gif') no-repeat center top;}
#nav li a:focus
            { border: 1px dotted #C1D82F; margin: -1px; }

/* Tab sprite action
----------------------------------------------------------------------- */
#nav ul li#nav-journal a
            { background-position: left top;}
#nav ul li#nav-portfolio a
            { background-position: center -100px;}
#nav ul li#nav-about a
            { background-position: center -200px;}
#nav ul li#nav-contact a
            { background-position: right -300px;}
#nav ul li#nav-journal a:hover,
#nav ul li#nav-journal a:focus,
#nav ul li#nav-journal a#nav-current
            { background-position: left -50px;}
#nav ul li#nav-portfolio a:hover,
#nav ul li#nav-portfolio a:focus,
#nav ul li#nav-portfolio a#nav-current
            { background-position: center -150px;}
#nav ul li#nav-about a:hover,
#nav ul li#nav-about a:focus,
#nav ul li#nav-about a#nav-current
            { background-position: center -250px;}
#nav ul li#nav-contact a:hover,
#nav ul li#nav-contact a:focus,
#nav ul li#nav-contact a#nav-current
            { background-position: right -350px;}

/* --------------------------------------------------------------

   Comments.css
   * Styling for Comments and similarly styled pieces
      * In this case the portfolio navigation

-------------------------------------------------------------- */

/* Comments
-------------------------------------------------------------- */
#comments     { margin: 0 0 1.0000em 0;}
#comments li  { list-style-type: none; padding-left: 0;}
#comments dl  { font-size: 0.8500em; overflow: hidden;}
#comments dl dt.fn,
#comments dl dd.updated
              { float: right; width: 88.6925%; }
#comments li  { border-bottom: 1px solid #2E2110; margin-bottom: 1.3500em;}
#comments dt, #comments dd
              { margin-left: 0;
                font-family: "Helvetica Neue",Helvetica,"Lucida Grande",Arial,sans-serif; color: #2E2110;
                font-size: 1.2000em; line-height: 1.5; font-weight: bold;}
#comments dd.avatar, #secondary dd.content-summary
            { float: left;
              line-height: 0; }
#comments dd.avatar
            { width: 9.5406%; }
#secondary .content-summary a, #comments dd.avatar a
            { display: block;
              border-bottom: 0px none transparent; width: 54px; }
#secondary .content-summary a:hover,
#secondary .content-summary a:focus
            { background-color: #C1D82F; }
#comments dd.avatar img, #secondary .content-summary a img
            { margin-bottom: 0; border: 4px solid #59341D; }
#comments dd.avatar a:hover img,
#comments dd.avatar a:focus img,
#secondary .content-summary a:hover img,
#secondary .content-summary a:focus img
            { border-color: #C1D82F;}

/* Protfolio Links
-------------------------------------------------------------- */
#secondary .hentry
            { overflow: hidden; }
#secondary dd, #secondary dt
            { float: right;
              margin-left: 0; width: 79.3548%; }
#secondary dd.content-summary
            { width: 17.4193%; }

/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms

-------------------------------------------------------------- */

label       { font-weight: bold; display: block; color: #2E2110; }
fieldset    { padding: 1.6800em; margin: 0 0 1.8000em 0; border: 1px solid #59341D; }
legend      { margin-bottom: 1px; /*font-weight: bold; font-size:1.4400em;*/ }

/* Form field containers
-------------------------------------------------------------- */
form ol           { margin: 0;}
form ol li        { margin-bottom: 1.5em; list-style-type: none;}
form ol li ul     { margin: 0;}
form ol li ul li  { margin-bottom: 0; list-style-type: none;}

form ol li.hack   { display: none; }

/* Form fields
-------------------------------------------------------------- */
input.text, input.title,
textarea, select
            { border:1px solid #59341D;
              color: #2E2110;
              background-color: #FFFDF7; }
input.text:focus, input.title:focus,
textarea:focus, select:focus
            { border:1px solid #59341D;
              background-color: #F8FFCB; }
input.text,
input.title { width: 300px; }
input.text  { margin-bottom: 9px; padding: 5px;}
input.title { font-size: 1.200em; padding: 8px; }
textarea    { width: 400px; height: 18.5000em; padding:0.4000em; }
select      { width:200px; }
label.radio, label.checkbox
            { display: inline; font-weight: normal;}
.required   {color: red; font-weight: normal;}

/* Success, notice and error boxes
-------------------------------------------------------------- */
.error, .notice, .success
              { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;}
.error        { background: #FBE3E4; border-color: #8A1F11; }
.notice       { background: #FFE58E; border-color: #D3B023; }
.success      { background: #E6EFC2; border-color: #99C275; }
.error, .error a
              { color: #8A1F11; }
.notice, .notice a
              { color: #514620; }
.success, .success a
              { color: #3C5619; }

/* Button clean up and styling
-------------------------------------------------------------- */
button, input[type="reset"], input[type="button"], input[type="submit"]
              { -moz-box-sizing: content-box;
                margin-bottom: 1.0000em;  border: 2px solid #59341D;  padding:0 6px;
                color: #C1D82F; text-align:center;
                font-size: 1.0em; line-height: 1.5; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                /*font-size-adjust: -moz-use-system-font;
                font-stretch: -moz-use-system-font;*/
                font-style: normal; font-variant: normal; font-weight: normal;
                white-space: normal;
                background-color: #2E2110;
                cursor: default; }
button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover,
button:focus, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus
            { border: 2px solid #C1D82F;
              cursor: pointer; }