@charset "utf-8";
/** 
 * CSS Document
 * stoneykun.com
 * Adam Russell Stone
 */
 
/* Global reset - http://meyerweb.com */
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, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* Global utilities */
.clear {
	clear: both;
}

.error {
	border: 1px solid #ff0000;
}

/* Page height */
html, body {
	height: 100%;
}

/* =body */
body {
	background-color: #302922; background-image:url(../images/body_bg.gif);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-align: center;
}

/* =div */
#header {
	position: fixed; top: 0; left: 0; z-index: 998;
	width: 100%;
	text-align: center;
}

#header .wave {
	padding-top: 40px;
	background-image: url(../images/header-wave_bg.gif);
}

#header .border {
	padding-top: 11px;
	background-image: url(../images/header-border_bg.png); background-repeat: repeat-x;
}

#header .content {
	width: 800px;
	margin: 0 auto;
}

#header #title {
	width: 520px; height: 180px;
	background-image: url(../images/header-title_bg.png); background-repeat: no-repeat;
	float: right; text-indent: -9999px; overflow: hidden;
}

#footer {
	position: fixed; bottom: 0; left: 0; z-index: 997;
	width: 100%;
	text-align: center;
}

#footer .content {
	width: 800px;
	margin: 0 auto;
}

#footer #stopper {
	width: 520px; height: 65px; /* IE has issues with padded floating objects */
	background-image: url(../images/footer-stopper_bg.png); background-repeat: no-repeat;
	float: right;
}

#flank {
	position: fixed; top: 0; left: 50%; z-index: 999;
	width: 320px;
	margin-left: -441px; /* Add 1 pixel for varying browser widths */
}

#flank #lantern {
	padding-top: 397px;
	background-image: url(../images/flank-lantern_bg.png); background-repeat: no-repeat;
}

#flank #bamboo {
	padding-top: 70px;
	background-image: url(../images/flank-bamboo_bg.png); background-position: top center; background-repeat: no-repeat;
}

#container {
	width: 800px;
	margin: 0 auto;
}

#main {
	margin: 220px 0 0 280px; padding-bottom: 60px; /* Use padding-bottom for Google Chrome */
	text-align: left;
}

#main div#portfolio {
	margin-bottom: 20px;
}

#main .portfolio-item {
	position: relative;
	padding:5px; margin-bottom: 20px;
	background-color: #352d24;
	border: 1px solid #3a3126;
}

#main .portfolio-item .details, #main .portfolio-item .options {
	margin-left: 310px;
}

#main .portfolio-item .details {
	height: 214px;
	padding-top: 1px;
}

#main #contact #social-col {
	margin-left: 360px;
}

#main div#skillset {
	margin-bottom: 20px;
}

#main #skillset div#tools-col {
	width: 160px;
	float: left;
}

#main #skillset div#experiences-col {
	width: 160px;
	float: right;
}

#main #skillset div#languages-col {
	margin: 0 180px;
}

#main .anchor-anti {
	margin-bottom:-220px;
	line-height: 0;
}

#main div.return-top {
	margin-bottom: 20px;
	background-image: url(../images/hr_top.gif); background-position: center left; background-repeat: repeat-x;
	font-size:10px; text-align: right;
}

/* =ul,li */
#main .portfolio-item ul.thumbnails {
	float: left; list-style: none;
}

#main .portfolio-item ul.thumbnails li {
	display: none;
}

#main .portfolio-item ul.thumbnails li.spotlight {
	display: inline;
}

#main .portfolio-item ul.options {
	margin-top: 0; padding-top: 13px;
	border-top: 1px solid #3a3126;
}

#main .portfolio-item ul.options {
	list-style: none;
}

#main .portfolio-item ul.options li {
	font-size: 10px;
}

#main .portfolio-item .options li.launch {
	float: left;
}

#main .portfolio-item .options li.share, #main .portfolio-item .options li.permalink {
	float: right;
}

#main #contact form ul {
	list-style: none;
	font-size: 11px;
	float: left;
}

#main #contact form li {
	padding-bottom: 10px;
	display: block;
}

#main #contact form li.last {
	padding-top: 1px;
}

#main #contact #social-col ul {
	list-style: none;
}

#main #contact #social-col li {
	padding-top: 5px; padding-bottom: 2px;
	font-size: 11px; line-height: 18px;
	border-bottom: 1px solid #3a3126;
}

#main #skillset ul {
	list-style: none;
}

#main #skillset li {
	padding: 5px 0 2px 20px;
	background-image: url(../images/bullet_skills-sushi.gif); background-position:0 9px; background-repeat: no-repeat;
	font-size: 11px; line-height: 18px;
	border-bottom: 1px solid #3a3126;
}

#main ul.contents {
	padding-top: 3px; margin-bottom: 20px;
	list-style: none;
	text-align: center;
}

#main ul.contents li {
	padding: 0 10px;
	background-image: url(../images/contents-divider.gif); background-position: center right; background-repeat: no-repeat;
	font-size: 11px; line-height: 16px;
	display: inline;
}

#main ul.contents li.last {
	background: none;
}

#flank ul {
	margin: 0 40px;
	list-style: none;
	background-color: #302922; background-image:url(../images/body_bg.gif);
}

#flank li {
	padding-bottom: 22px;
	background-image: url(../images/navigation-chopstick_bg.png); background-position: bottom left; background-repeat: no-repeat;
	text-align: left;
}

/* =form,label,input,textarea */
#main #contact form label {
	width: 80px;
	float: left; display: block;
}

#main #contact form .field {
	width: 248px;
	padding: 4px;
	background-color: #352d24;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;
	border: 1px solid #3a3126;
}

#main #contact form .button {
	width: 48px; height: 24px;
	background-color: transparent; background-image: url(../images/button-form_bg.gif); background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;
	border: none; cursor: pointer;
}

#main #contact form .button:hover {
	background-position: 0px -24px;
}

/* =a */
#main .portfolio-item .options li a {
	background-repeat: no-repeat;
	color: #ffffff; text-decoration:none;
	display: block;
}

#main .portfolio-item .options li a:hover {
	background-position: 0px -13px;
}

#main .portfolio-item .options li.launch a {
	background-image: url(../images/button-sml_bg.gif);
}

#main .portfolio-item .options li.share a {
	width: 13px; height: 13px;
	background-image: url(../images/button-sml_share.gif);
	text-indent: -9999px; overflow: hidden;
}

#main .portfolio-item .options li.permalink a {
	margin-left: 6px;
	width: 13px; height: 13px;
	background-image: url(../images/button-sml_permalink.gif);
	text-indent: -9999px; overflow: hidden;
}

#main #contact #social-col li a {
	padding-left: 20px;
	background-position: center left; background-repeat: no-repeat;
	color: #ffffff; text-decoration: none;
}

#main #contact #social-col li a:hover {
	color: #ff3300;
}

#main #contact #social-col li.facebook a {
	background-image: url(../images/social-icon_facebook.gif);
}

#main #contact #social-col li.myspace a {
	background-image: url(../images/social-icon_myspace.gif);
}

#main #contact #social-col li.blogger a {
	background-image: url(../images/social-icon_blogger.gif);
}

#main #contact #social-col li.youtube a {
	background-image: url(../images/social-icon_youtube.gif);
}

#main #contact #social-col li.lastfm a {
	background-image: url(../images/social-icon_lastfm.gif);
}

#main #contact #social-col li.linkedin a {
	background-image: url(../images/social-icon_linkedin.gif);
}

#main ul.contents li a {
	color: #a5733e;
	text-decoration: none;
}

#main ul.contents li a:hover {
	text-decoration: underline;
}

#main a.anchor {
	padding-top:220px;
	line-height:0; display:block;
}

#flank li a {
	padding: 0 10px 5px 10px;
	display: block; text-decoration: none; cursor: pointer;
}

#flank li a:hover {
	background-color: #352d24;
}

#main div.return-top a {
	padding: 0 5px; margin-right:10px;
	background-image: url(../images/body_bg.gif);
	color: #a5733e;
	text-decoration: none;
}

#main div.return-top a:hover {
	text-decoration: underline;
}

#main div#copyright li.valid a, #main div#copyright li.invalid a {
	padding-left: 15px;
	background-position: center left; background-repeat: no-repeat;
}

#main div#copyright li.valid a {
	background-image: url(../images/icon_valid.gif);
}

#main div#copyright li.invalid a {
	background-image: url(../images/icon_invalid.gif);
}

a {
	color: #ff3300;
	text-decoration: underline;
	outline: 0;
}

a:hover {
	text-decoration: none;
}

/* =p */
#main p {
	padding-bottom: 20px;
	font-size: 11px; line-height: 18px;
}

#main .portfolio-item .details p {
	padding-bottom: 5px; /* IE adds unecessary bottom padding when using margins */
	line-height: 16px;
}

#main #contact form p {
	padding-top: 10px;
	display: none;
}

#main div#copyright p {
	padding-top: 3px; padding-bottom: 0px;
	text-align: center;
}

/* =h1,h2,h3 */
#main h1 {
	background-image: url(../images/h1_line.gif); background-position: center center; background-repeat: no-repeat;
	text-align: center;
}

#main h2 {
	padding-bottom: 9px;
	font-size: 11px; line-height: 18px;
}

#main .portfolio-item .details h3 {
	padding-bottom: 5px; /* IE adds unecessary bottom padding when using margins */
	font-size: 11px; line-height: 16px; font-weight: normal;
}

/* =span */
#flank li a .label {
	height: 24px;
	background-position: top left; background-repeat: no-repeat;
	text-indent: -9999px; overflow: hidden;
	display: block;
}

#flank li a .description {
	font-size: 11px; line-height:9px; color: #a5733e;
	display: block;
}

#flank li a#menu-entrees .label {
	background-image: url(../images/navigation-label-entrees_bg.png);
}

#flank li a#menu-mains .label {
	background-image: url(../images/navigation-label-mains_bg.png);
}

#flank li a#menu-take-away .label {
	background-image: url(../images/navigation-label-takeaway_bg.png);
}

#flank li .wrapper {
	background-image: url(../images/navigation-wrapper-unchecked_bg.gif); background-position: 202px 10px; background-repeat: no-repeat;
	display: block;
}

#flank li .active .wrapper {
	background-image: url(../images/navigation-wrapper-checked_bg.gif);
}

#main .portfolio-item .details span {
	line-height: 8px; font-size: 10px; color: #a5733e;
}

#main .portfolio-item .options li.launch a span {
	padding: 0 10px;
	background-image: url(../images/button-sml_tail.gif); background-position: top right; background-repeat: no-repeat;
	line-height: 13px;
	display: block;
}

#main .portfolio-item .options li.launch a:hover span {
	background-position: 100% -13px;
}

#main .portfolio-item span.slideshow {
	position: absolute; top: 103px; left: 122px; z-index: 996;
	width: 61px; height: 50px;
	background-image: url(../images/button_slideshow.gif); background-repeat: no-repeat;
	display: block; text-indent: -9999px;
}

#main #contact form label span {
	font-size: 10px; line-height: 9px; color: #a5733e;
	display: block;
}

#main h1#heading-entrees span {
	width: 21px; height: 22px;
	margin: 0 auto;
	background-image: url(../images/h1_kanji_entrees.gif); background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

#main h1#heading-mains span {
	width: 23px; height: 20px;
	margin: 0 auto;
	background-image: url(../images/h1_kanji_mains.gif); background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

#main h1#heading-take-away span {
	width: 23px; height: 23px;
	margin: 0 auto;
	background-image: url(../images/h1_kanji_take-away.gif); background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

/* =img */
#main .portfolio-item li img {
	padding: 2px;
	border: 1px solid #a5733e;
}