/* zakness portfolio css */


/* containers */
html {
	font-size: 100%;
}
body {
	margin: 0;
	min-width: 910px;
	width: 99%;
	font: 0.875em/1.4 "Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
	color: #5d5b58;
	background: #ffdcb6 url(/portfolio/img/bg.jpg) repeat-x 0% 0%;
}
#container {
	width: 910px;
	margin: 0 auto;
}
#header {
	position: relative;
	height: 246px;
	background: transparent url(/portfolio/img/bg-header.gif) no-repeat 0% 0%;
}
#b-home #header, #b-contact #header {
	height: 264px;
	background: transparent url(/portfolio/img/bg-header-white.gif) no-repeat 0% 0%;
}
#home-link {
	cursor: pointer;
	position: absolute;
	width: 127px;
	height: 27px;
	top: 208px;
	left: 18px;
}
#content {
	padding: 0 6px;
	background: #fff url(/portfolio/img/bg-content.gif) repeat-y 0% 0%;
}
#b-home #content, #b-contact #content {
	margin-top: -18px;
}
#footer-wrap {
	clear: both;
	background: #fff url(/portfolio/img/bg-content.gif) repeat-y 0% 0%;
	padding-top: 20px;
}
#b-home #footer-wrap, #b-contact #footer-wrap {
	padding-top: 0;
}
#footer {
	height: 170px;
	padding: 15px 25px 0;
	text-align: center;
	font-size: 0.8em;
	color: #a39580;
	background: transparent url(/portfolio/img/bg-footer.jpg) no-repeat 0% 0%;
}


/* navigation */
#nav {
	position: absolute;
	top: 212px;
	right: 60px;
	width: 24em;
	text-align: right;
}
#nav li {
	display: inline;
	margin-right: 0.7em;
}
#subnav {
	padding: 0 6px;
	height: 31px;
	background: #000 url(/portfolio/img/bg-subnav.gif) no-repeat 0% 0%;
}
#subnav .item-title {
	display: none;
	font-size: 0.8em;
	margin-right: 1.4em;
}
#subnav .item-title span {
	font-family: Georgia, "Trebuchet MS", serif;
	color: #6d6962;
	margin-right: 0.7em;
}
#subnav ul {
	text-align: right;
	margin-right: 65px;
}
#subnav ul li {
	display: inline;
	margin: 0 2px;
	line-height: 31px;
}
#subnav img {
	border: 0;
	margin-bottom: -1px;
	padding: 0 2px;
}
#subnav .choice img {
	margin-bottom: -4px;
}

/* links */
#nav a, #nav a:link, #nav a:visited {
	text-decoration: none;
	font: Verdana, Arial, sans-serif;
	color: #cd7312;
	border-bottom: 1px dotted #cd7312;
}
#nav a:hover, #nav a:active {
	color: #000;
	border-bottom: 1px dotted #000;
}
#nav a.cur, #nav a.cur:link, #nav a.cur:visited, #nav a.cur:hover, #nav a.cur:active {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 0 -1px;
}
#subnav a, #subnav a:link, #subnav a:visited {
	padding: 1px 1px 7px 1px;
	text-decoration: none;
	background: transparent url(/portfolio/img/bg-subnav-item.gif) no-repeat left top;
	border: 0 !important;
	font-size: 0.875em;
}
#subnav a:hover, #subnav a:active {
	background-position: -20px top;
}
#subnav a.choice, #subnav a.choice:hover {
	background-position: -40px top;
	padding-top: 0;
}
#subnav a.all, #subnav a.all:link, #subnav a.all:visited,
#b-snip #subnav a, #b-snip #subnav a:link, #b-snip #subnav a:visited {
	padding: 0;
	background: transparent;
	color: #c9bbad;
	border-bottom: 1px dotted #665a4e;
}
#subnav a.all:hover, #subnav a.all:active,
#b-snip #subnav a:hover, #b-snip #subnav a:active {
	color: #fff;
	border-bottom: 1px dotted #7c7167;
}

#subnav a.dim, #subnav a.dim:link, #subnav a.dim:visited,
#subnav a.dim:hover, #subnav a.dim:active {
	padding: 0;
	background: transparent;
	color: #5c5248;
}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #6a6155;
	border-bottom: 1px dotted #6a6155;
}
#footer a:hover, #footer a:active {
	color: #000;
	border-bottom: 1px dotted #000;
}
#content a, #content a:link {
	text-decoration: none;
	color: #ff9568;
	border-bottom: 1px dotted #ff9568;
}
#content a:visited {
	color: #be4e1f;
	border-bottom: 1px dotted #be4e1f;
}
#content a:hover, #content a:active {
	color: #ff7236;
	border-bottom: 1px dotted #ff7236;
}
#content h2 a, #content h2 a:link, #content h2 a:visited, 
#content h2 a:hover, #content h2 a:active {
	text-decoration: none;
	color: #5a544b;
	border: 0 !important;
}
.lcol a, .lcol a:link, .lcol a:visited, .lcol a:hover, .lcol a:active, .lcol img {
	border: 0 !important;
}
.b-php #s-php, .b-php #s-php:link, .b-php #s-php:visited, .i-php {color: #d339ff !important;}
.b-php #s-php:hover, .b-php #s-php:active {color: #e383ff !important;}
.b-html #s-html, .b-html #s-html:link, .b-html #s-html:visited, .i-html {color: #71d5fa !important;}
.b-html #s-html:hover, .b-html #s-html:active {color: #a3e6ff !important;}
.b-css #s-css, .b-css #s-css:link, .b-css #s-css:visited, .i-css {color: #ff39fd !important;}
.b-css #s-css:hover, .b-css #s-css:active {color: #ff95fe !important;}
.b-gwt #s-gwt, .b-gwt #s-gwt:link, .b-gwt #s-gwt:visited, .i-gwt {color: #c0e7f3 !important;}
.b-gwt #s-gwt:hover, .b-gwt #s-gwt:active {color: #e5f9ff !important;}


/* homepage */
#welcome {
	width: 300px;
	padding: 80px 0 80px 550px;
	background: #fff url(/portfolio/img/silo.png) no-repeat 20px -35px;
}


/* items */
#items {
	padding: 1em 0;
}
#items li {
	clear: both;
	padding: 1em 0;
}
#items div {
	position: relative;
}
#items .lcol {
	float: left;
	width: 360px;
	text-align: right;
	padding-right: 40px;
}
#items .rcol {
	margin-left: 400px;
	padding-right: 40px;
}
#items div span {
	display: block;
	margin-bottom: 0.7em;
	font-size: 0.857em;
	color: #b8a48a;
}
#items li ul {
	text-align: right;
	font-size: 0.857em;
	margin-top: -1em;
}
#items li ul li {
	display: inline;
	margin: 0 1em;
	padding: 0;
}

/* contact */
#contact {
	width: 300px;
	padding: 10px 0 25px 560px;
	background: #fff url(/portfolio/img/silo-color.png) no-repeat 20px -25px;
}
#contact ul.resume-list {
	text-align: center;
}
#contact ul.resume-list li {
	display: inline;
	margin: 0 0.4em;
}
#contact ul.resume-list a {
	border: 0;
}
#contact span {
	display: block;
	margin-bottom: 0.7em;
	font-size: 0.8em;
	color: #b8a48a;
}
#contact img {border: 0 !important;}
#contact h2 {margin-top: 1em;}
.resume-list a {
	width: 76px;
	height: 106px;
	display: block;
	float: left;
	border: 0 !important;
}
#contact .resume-panel {
	visibility: hidden;
}
#resume-html, #resume-html:link, #resume-html:visited {
	background: transparent url(/portfolio/img/resume-html.jpg) no-repeat left top;
}
#resume-html:hover, #resume-html:active {
	background-position: -76px top;
}
#resume-pdf, #resume-pdf:link, #resume-pdf:visited {
	background: transparent url(/portfolio/img/resume-pdf.jpg) no-repeat left top;
}
#resume-pdf:hover, #resume-pdf:active {
	background-position: -76px top;
}
#resume-doc, #resume-doc:link, #resume-doc:visited {
	background: transparent url(/portfolio/img/resume-doc.jpg) no-repeat left top;
}
#resume-doc:hover, #resume-doc:active {
	background-position: -76px top;
}

/* snippets */
#b-snip #content {
	padding: 20px 2em;
}
#b-snip #content h2 {
	margin-top: 1em;
}
#b-snip .rcol h2 {
	margin: 0;
	padding: 0;
}
#b-snip li {
	padding: 0;
}
#b-snip #items .lcol {
	width: 110px;
	padding-right: 20px;
}
#b-snip #items .rcol {
	margin-left: 130px;
	padding-right: 100px;
}
#b-snip #items .lcol span {
	margin: 0;
	line-height: 1em;
}
#b-snip .rcol p {
	margin-top: 0.3em;
}


/* codify */
.code-list {
	padding: 0.5em;
	background: #fafafa;
	font: 1.054em Menlo, Monaco, "Courier New", Courier, monospace;
}
ol.code-list {
	border-left: 2.8em solid #111;
	padding-bottom: 0.2em;
}
.code-list li {
	margin: 0 0 -2.1em 0;
	padding: 0;
	line-height: 2;
	color: #fff;
}
.code-list li span {
	color: #484340;
}
.code-list li span span {
}
li.code-list-source {
	list-style-type: none;
}
li.code-list-source span {
	padding: 0.2em 1em 0.5em 0;
	color: #a0a0a0 !important;
	text-align: right;
	display: block;
	font-family: "Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
}
pre {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE */
}


/* errors */
#errors {
	background: #f6f6f6;
	border: 1px solid #eaeaea;
	color: #000;
	padding: 1em;
	margin-top: 1.5em;
}
#errors h1 {
	color: #b32b2b;
}


/* random stuff */
h1 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 0;
}
h2 {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	color: #5a544b;
	margin: 0;
}
ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.bullets li {
	margin-left: 1em;
	list-style-type: disc;
}
code, .code {
	font: 0.95em Menlo, Monaco, "Courier New", Courier, monospace;
	color: #000;
}
.tc {text-align: center;}
.tr {text-align: right;}
.tl {text-align: left;}
.bl {display: block;}
.in {display: inline;}
.r {float: right;}
.l {float: left;}
.clr {clear: both;}
.nobdr {border: 0 !important;}
.smt {font-size: 0.9em;}
.xsmt {font-size: 0.8em;}
.xxsmt {font-size: 0.7em;}

/* hax */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


/* under construction */
#construction {
	position: fixed;
	top: 0;
	right: 0;
	height: 89px;
	width: 126px;
	background: transparent url(/portfolio/img/construction.png) no-repeat left top;
}

/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */ 
.php .imp {font-weight: bold; color: red;} .php .kw1 {color: #282;} .php .kw2 {color: #000000; font-weight: bold;} .php .kw3 {color: #000066;} .php .co1 {color: #808080; font-style: italic;} .php .co2 {color: #808080; font-style: italic;} .php .coMULTI {color: #808080; font-style: italic;} .php .es0 {color: #000099; font-weight: bold;} .php .br0 {color: #787;} .php .st0 {color: #ff0000;} .php .nu0 {color: #cc66cc;} .php .me1 {color: #006600;} .php .me2 {color: #006600;} .php .re0 {color: #0000ff;} .php .re1 {color: #ff0000}
.javascript .imp {font-weight: bold; color: red;} .javascript .kw1 {color: #000066; font-weight: bold;} .javascript .kw2 {color: #003366; font-weight: bold;} .javascript .kw3 {color: #000066;} .javascript .co1 {color: #009900; font-style: italic;} .javascript .coMULTI {color: #009900; font-style: italic;} .javascript .es0 {color: #000099; font-weight: bold;} .javascript .br0 {color: #66cc66;} .javascript .st0 {color: #3366CC;} .javascript .nu0 {color: #CC0000;} .javascript .me1 {color: #006600;} .javascript .re0 {color: #0066FF;}
.css .imp {font-weight: bold; color: red;} .css li span {color: #ff00ff} .css .kw1 {color: #000099; font-weight: bold;} .css .kw2 {color: #0000ff;} .css .co1 {color: #a1a100;} .css .coMULTI {color: #808080; font-style: italic;} .css .es0 {color: #000099; font-weight: bold;} .css .br0 {color: #ff00ff;} .css .st0 {color: #ff0000;} .css .nu0 {color: #cc66cc;} .css .re0 {color: #ff00ff;} .css .re1 {color: #6666ff;} .css .re2 {color: #ff00ff;} 
.mysql .imp {font-weight: bold; color: red;} .mysql .kw1 {color: #993333; font-weight: bold;} .mysql .kw2 {color: #aa9933; font-weight: bold;} .mysql .kw3 {color: #aa3399; font-weight: bold;} .mysql .kw4 {color: #33aa99; font-weight: bold;} .mysql .kw5 {color: #993333; font-weight: bold;} .mysql .coMULTI {color: #808080; font-style: italic;} .mysql .co1 {color: #808080; font-style: italic;} .mysql .co2 {color: #808080; font-style: italic;} .mysql .es0 {color: #000099; font-weight: bold;} .mysql .br0 {color: #66cc66;} .mysql .st0 {color: #ff0000;} .mysql .nu0 {color: #cc66cc;}
.html4strict .imp {font-weight: bold; color: red;} .html4strict .kw1 {color: #b1b100;} .html4strict .kw2 {color: #000000; font-weight: bold;} .html4strict .kw3 {color: #000066;} .html4strict .coMULTI {color: #808080; font-style: italic;} .html4strict .es0 {color: #000099; font-weight: bold;} .html4strict .br0 {color: #66cc66;} .html4strict .st0 {color: #ff0000;} .html4strict .nu0 {color: #cc66cc;} .html4strict .sc0 {color: #00bbdd;} .html4strict .sc1 {color: #ddbb00;} .html4strict .sc2 {color: #009900;}