/* dix/style.css -- a style for the new decade :)
 * Copyright (c)2010 Christopher League, some rights reserved.
 *
 * You are welcome to learn from and use parts of this file, but
 * please do not copy the site design exactly.
 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}





.thinsp { padding-right: 3px; }
strong { font-weight: bold; }


body {
    background: black;
    font-size: 18px;
    line-height: 27.0px;
    font-family: 'Crimson Text'; sans-serif;
}
pre, code, tt {
    font-family: 'Inconsolata'; monospace;
    line-height: 21.6px;
}
div#headWrap {
    background: white;
    height: 107px;
}
div#headContainer {
    height: 101px;
}
div#headLogo img {
    margin-top: 13px; 
}
div#headLogo h1 {
    font-size: 29px;
    line-height: 29px;
    color: #594943;
    margin: 24px 0 0 0;
    padding: 0 0 0 0px;
}
div#headLogo h2 {
    font-size: 19px;
    line-height: 19px;
    color: #594943;
    margin: 2px 0 30px 0;
    padding: 0 0 0 2px;
}
div#headPic {
    margin-top: 10px; 
}
div#headFrame {
    border: 1px solid #d99069;
    padding: 3px;
    height: 75px;
    width: 75px;
    
    margin-left: -16px;
}
div#headNav {
    text-align: right;
    font-size: 18px;
    color: #594943;
    font-family: 'Crimson Text'; sans-serif;
}
div#headNav ul { 
    list-style: none;
    padding: 0px;
    margin: 25px 0 0 0;
}
div#headNav li {
    display: inline;
    margin: 0 0 0 5px;
    padding: 0 0 11px 0;
}
div#headNav li.selected {
}
div#headNav .icons img {
    margin-left: 3px;
}
div#headContainer a { text-decoration: none; }
div#headNav a:link    { color: #594943 }
div#headNav a:visited { color: #594943 }
div#headNav a:hover   { color: black }


div#footWrap {
    background: #594943;
    height: 120px;
    color: #f7d898;
    font-family: 'Crimson Text'; sans-serif;
}
div#footContainer a { text-decoration: none; }
div#footContainer a:link    { color: #f7d898; }
div#footContainer a:visited { color: #f7d898; }
div#footContainer a:hover   { color: #f7d898; }
div#footContainer > div {
    margin-top: 10px;
}
div#footRight {
    text-align: right;
}


.center { text-align: center; }
.right { float: right; clear: right; margin-left: 20px; }
.left  { float: left;  margin-right: 20px; }
.alt { color: #6b6258; }
.midalign img { position: relative; top: -4px; vertical-align: middle; }
.rightalign { text-align: right; }
.small { font-size: 14px; line-height: 21.0px; }


div#bodyWrap {
    color: black;
    background: white;
    padding: 10px 0;
}
blockquote { margin: 0 0 27.0px 1.4em; color: #6b6258; }
div#bodyWrap p, div#bodyWrap .image { margin-bottom: 18.9px }
div#bodyWrap a { text-decoration: none; }
div#bodyWrap a:link    { color: #46767f; }
.link { cursor: pointer; color: #46767f; }
div#bodyWrap a:visited { color: #46767f; }
div#bodyWrap a:hover   { color: #46767f; }
div#bodyWrap .unlink a { border: none }
div#bodyWrap .unlink a:link { border: none; }
div#bodyWrap .unlink a:visited { border: none; }
div#bodyWrap .unlink a:hover { border: none; }



dl.dl_1 dt {
    width: 70px;
    text-align: right;
    clear: left;
    float: left;
}
dl.dl_1 dd {
    margin-left: 80px;
    margin-bottom: 0px;
}

dl.dl_2 dt {
    width: 150px;
    text-align: right;
    clear: left;
    float: left;
}
dl.dl_2 dd {
    margin-left: 160px;
    margin-bottom: 0px;
}

dl.dl_3 dt {
    width: 230px;
    text-align: right;
    clear: left;
    float: left;
}
dl.dl_3 dd {
    margin-left: 240px;
    margin-bottom: 0px;
}

dl.dl_4 dt {
    width: 310px;
    text-align: right;
    clear: left;
    float: left;
}
dl.dl_4 dd {
    margin-left: 320px;
    margin-bottom: 0px;
}

dl.boldTerm dt { font-weight: bold; }
dl.altTerm dt { color: #6b6258; }


h1, h2, h3   { color: black; font-family: 'Fjord One'; serif; font-weight: normal; }
div#bodyWrap h1 a:link    { color: #6b6258 }
div#bodyWrap h2 a:link    { color: #6b6258 }
div#bodyWrap h3 a:link    { color: #6b6258 }
div#bodyWrap h1 a:visited    { color: #6b6258 }
div#bodyWrap h2 a:visited    { color: #6b6258 }
div#bodyWrap h3 a:visited    { color: #6b6258 }




h1 {
    font-size: 27.0px;
    line-height: 40.5px;
    margin-bottom: 13.5px;
    padding: 0;
}
.skipH1 {
    height: 54.0px;
}


h2 {
    font-size: 23.4px;
    line-height: 40.5px;
    margin-bottom: 13.5px;
    padding: 0;
}
.skipH2 {
    height: 54.0px;
}


h3 {
    font-size: 18.0px;
    line-height: 27.0px;
    margin-bottom: 0.0px;
    padding: 0;
}
.skipH3 {
    height: 27.0px;
}




.skip1L { height: 27.0px; }

.skip2L { height: 54.0px; }

.skip4L { height: 108.0px; }

.skip8L { height: 216.0px; }






div.frame_75_1 {
    width: 60px;
    margin-bottom: 27.0px;
}
div.frame_75_1 img {
    border: 1px solid black;
    margin-left: -9px;
}



div.frame_75_2 {
    width: 140px;
    margin-bottom: 27.0px;
}
div.frame_75_2 img {
    border: 1px solid black;
    margin-left: 31px;
}



div.frame_100_2 {
    width: 140px;
    margin-bottom: 27.0px;
}
div.frame_100_2 img {
    border: 1px solid black;
    margin-left: 19px;
}



div.frame_100_3 {
    width: 220px;
    margin-bottom: 27.0px;
}
div.frame_100_3 img {
    border: 1px solid black;
    margin-left: 59px;
}



div.frame_130_2 {
    width: 140px;
    margin-bottom: 27.0px;
}
div.frame_130_2 img {
    border: 1px solid black;
    margin-left: 4px;
}



div.frame_130_3 {
    width: 220px;
    margin-bottom: 27.0px;
}
div.frame_130_3 img {
    border: 1px solid black;
    margin-left: 44px;
}



div.frame_160_2 {
    width: 140px;
    margin-bottom: 27.0px;
}
div.frame_160_2 img {
    border: 1px solid black;
    margin-left: -11px;
}



div.frame_160_3 {
    width: 220px;
    margin-bottom: 27.0px;
}
div.frame_160_3 img {
    border: 1px solid black;
    margin-left: 29px;
}



div.frame_180_3 {
    width: 220px;
    margin-bottom: 27.0px;
}
div.frame_180_3 img {
    border: 1px solid black;
    margin-left: 19px;
}



div.frame_210_3 {
    width: 220px;
    margin-bottom: 27.0px;
}
div.frame_210_3 img {
    border: 1px solid black;
    margin-left: 4px;
}



div.frame_240_3 {
    width: 220px;
    margin-bottom: 27.0px;
}
div.frame_240_3 img {
    border: 1px solid black;
    margin-left: -11px;
}



div.frame_240_4 {
    width: 300px;
    margin-bottom: 27.0px;
}
div.frame_240_4 img {
    border: 1px solid black;
    margin-left: 29px;
}



div.frame_240_5 {
    width: 380px;
    margin-bottom: 27.0px;
}
div.frame_240_5 img {
    border: 1px solid black;
    margin-left: 69px;
}



div.frame_360_5 {
    width: 380px;
    margin-bottom: 27.0px;
}
div.frame_360_5 img {
    border: 1px solid black;
    margin-left: 9px;
}



div.frame_400_5 {
    width: 380px;
    margin-bottom: 27.0px;
}
div.frame_400_5 img {
    border: 1px solid black;
    margin-left: -11px;
}



div.frame_400_6 {
    width: 460px;
    margin-bottom: 27.0px;
}
div.frame_400_6 img {
    border: 1px solid black;
    margin-left: 29px;
}



div.frame_500_8 {
    width: 620px;
    margin-bottom: 27.0px;
}
div.frame_500_8 img {
    border: 1px solid black;
    margin-left: 59px;
}



div.caption {
    margin-top: 4px;
    margin-bottom: 4px;
    color: #6b6258;
}


.post-tags {
    font-style: italic;
}
.archive-item {
    margin-bottom: 13.5px;
}
.archive-break {
    margin-top: 13.5px;
    margin-bottom: 13.5px;
    height: 0px;
    border-top: 1px solid #ddd;
}
.archive-date {
    width: 94.0px;
    text-align: right;
    float: left;
}
.archive-title, .archive-tags {
    margin-left: 104.0px;
}
.archive-tags {
    font-style: italic;
}
div#bodyWrap .alt a         { color: #6b6258; }
div#bodyWrap .alt a:link    { color: #6b6258; }
div#bodyWrap .alt a:visited { color: #6b6258; }
div#bodyWrap .alt a.hilite { color: #6b6258; font-weight: bold; }
div#bodyWrap .sidebar a.selected { font-weight: bold; }

div#bodyWrap .black a         { color: black; }
div#bodyWrap .black a:link    { color: black; }
div#bodyWrap .black a:visited { color: black; }
div#bodyWrap .black a.hilite { color: black; font-weight: bold; }


.note {
    margin-top: -13.5;
}
.toggleArrow, .note {
    font-size: 14px;
    line-height: 21.0px;
}



.feedbag #friendfeed, #friendfeed > div {
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    background-color: transparent !important;
    font-family: 'Crimson Text'; sans-serif !important;
    font-size: 18px !important;
    line-height: 27.0px !important;
}


div#recentcomments {
    font-size: 18px;
    line-height: 27.0px;
}
div#recentcomments img {
    padding: 2px;
    margin: 0 4px 4px 0;
    border: 1px solid #d99069;
}


div.flickr {
    margin-bottom: 27.0px;
}
div.flickr_badge_image {
    float: left;
    width: 300px;
    text-align: center;
}
div.flickr_badge_image img {
    border: 1px solid black;
}


.highlight , .codehilite .hll { background-color: #ffffcc }
.highlight , .codehilite  { background: #f8f8f8; }
.highlight .c, .codehilite .c { color: #408080; font-style: italic } /* Comment */
.highlight .err, .codehilite .err { border: 1px solid #FF0000 } /* Error */
.highlight .k, .codehilite .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o, .codehilite .o { color: #666666 } /* Operator */
.highlight .cm, .codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp, .codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .c1, .codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs, .codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd, .codehilite .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge, .codehilite .ge { font-style: italic } /* Generic.Emph */
.highlight .gr, .codehilite .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh, .codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi, .codehilite .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go, .codehilite .go { color: #888888 } /* Generic.Output */
.highlight .gp, .codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs, .codehilite .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu, .codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt, .codehilite .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc, .codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd, .codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn, .codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp, .codehilite .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr, .codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt, .codehilite .kt { color: #B00040 } /* Keyword.Type */
.highlight .m, .codehilite .m { color: #666666 } /* Literal.Number */
.highlight .s, .codehilite .s { color: #BA2121 } /* Literal.String */
.highlight .na, .codehilite .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb, .codehilite .nb { color: #008000 } /* Name.Builtin */
.highlight .nc, .codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no, .codehilite .no { color: #880000 } /* Name.Constant */
.highlight .nd, .codehilite .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni, .codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne, .codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf, .codehilite .nf { color: #0000FF } /* Name.Function */
.highlight .nl, .codehilite .nl { color: #A0A000 } /* Name.Label */
.highlight .nn, .codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt, .codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv, .codehilite .nv { color: #19177C } /* Name.Variable */
.highlight .ow, .codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w, .codehilite .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb, .codehilite .mb { color: #666666 } /* Literal.Number.Bin */
.highlight .mf, .codehilite .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh, .codehilite .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi, .codehilite .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo, .codehilite .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sb, .codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc, .codehilite .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .sd, .codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2, .codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se, .codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh, .codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si, .codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx, .codehilite .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr, .codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1, .codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss, .codehilite .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp, .codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .vc, .codehilite .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg, .codehilite .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi, .codehilite .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .il, .codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */
div.highlight {
    margin-bottom: 27.0px;
}

 


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 720px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_9 {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .grid_1 {
	width:60px;
}

.container_9 .grid_2 {
	width:140px;
}

.container_9 .grid_3 {
	width:220px;
}

.container_9 .grid_4 {
	width:300px;
}

.container_9 .grid_5 {
	width:380px;
}

.container_9 .grid_6 {
	width:460px;
}

.container_9 .grid_7 {
	width:540px;
}

.container_9 .grid_8 {
	width:620px;
}

.container_9 .grid_9 {
	width:700px;
}




/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .prefix_1 {
	padding-left:80px;
}

.container_9 .prefix_2 {
	padding-left:160px;
}

.container_9 .prefix_3 {
	padding-left:240px;
}

.container_9 .prefix_4 {
	padding-left:320px;
}

.container_9 .prefix_5 {
	padding-left:400px;
}

.container_9 .prefix_6 {
	padding-left:480px;
}

.container_9 .prefix_7 {
	padding-left:560px;
}

.container_9 .prefix_8 {
	padding-left:640px;
}



/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .suffix_1 {
	padding-right:80px;
}

.container_9 .suffix_2 {
	padding-right:160px;
}

.container_9 .suffix_3 {
	padding-right:240px;
}

.container_9 .suffix_4 {
	padding-right:320px;
}

.container_9 .suffix_5 {
	padding-right:400px;
}

.container_9 .suffix_6 {
	padding-right:480px;
}

.container_9 .suffix_7 {
	padding-right:560px;
}

.container_9 .suffix_8 {
	padding-right:640px;
}



/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .push_1 {
	left:80px;
}

.container_9 .push_2 {
	left:160px;
}

.container_9 .push_3 {
	left:240px;
}

.container_9 .push_4 {
	left:320px;
}

.container_9 .push_5 {
	left:400px;
}

.container_9 .push_6 {
	left:480px;
}

.container_9 .push_7 {
	left:560px;
}

.container_9 .push_8 {
	left:640px;
}



/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .pull_1 {
	left:-80px;
}

.container_9 .pull_2 {
	left:-160px;
}

.container_9 .pull_3 {
	left:-240px;
}

.container_9 .pull_4 {
	left:-320px;
}

.container_9 .pull_5 {
	left:-400px;
}

.container_9 .pull_6 {
	left:-480px;
}

.container_9 .pull_7 {
	left:-560px;
}

.container_9 .pull_8 {
	left:-640px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
/* EOF */