/* @override 
	http://penciledin.com.s58662.gridserver.com/test/penciledin.css
	http://penciledin.com.s58662.gridserver.com/penciledin.css
	http://www.penciledin.com/penciledin.css
*/

html { color: #fff; background: #433F40; }
a { color:  #f0e813; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }
span.highlight { color: #f0e813; }
em { font-style: italic; font-size: 100%; }
h1 { font-size: 200%; line-height: 1.3; margin-bottom: 10px; }
h2 { margin-bottom: 10px; font-size: 140%;}
h3 { clear: both; font-style: italic; font-size: 110%; }
p { margin-bottom: 20px; }

div#doc { line-height: 1.8; position: relative; margin-top: 150px; }
/* @group header */
div#logo { width: 750px; margin-left: auto; margin-right: auto; position: relative; }
a#header_logo { background: url(images/header_logo2.png) no-repeat; width: 513px; height: 134px; position: absolute; margin-left: -35px; z-index: 20; left: 0px; }
div#hd { height: 30px; position: relative;}
div#hd.submenu { height: 70px; position: relative; }
div#hd i, div#logo i, div.header_menu i { display: none; }
div#header_dark { width: 100%; background-color: #2d2a2b; position: relative; top: 140px; }
div.header_menu { height: 44px; width: 750px; position: relative; background: url(images/header_menu.png) no-repeat; left: -8px; margin-left: auto; margin-right: auto; z-index: 10;}
div.header_menu a#portfolio { width: 105px; height: 44px;  position: absolute; left: 0px; }
div.header_menu a#portfolio:hover, div.header_menu a#portfolio.active { background: url(images/header_menu.png) no-repeat 0 -47px; }
div.header_menu a#about_me { width: 125px; height: 44px; position: absolute; left: 105px; }
div.header_menu a#about_me:hover, div.header_menu a#about_me.active { background: url(images/header_menu.png) no-repeat -105px -47px; }
div.header_menu a#contact { width: 100px; height: 44px; position: absolute; left: 230px; }
div.header_menu a#contact:hover, div.header_menu a#contact.active { background: url(images/header_menu.png) no-repeat -230px -47px; }
div.header_menu a#daily_life { width: 118px; height: 44px; position: absolute; left: 330px; }
div.header_menu a#daily_life:hover, div.header_menu a#daily_life.active { background: url(images/header_menu.png) no-repeat -330px -47px; }
div.header_menu a#store { width: 100px; height: 44px; position: absolute; left: 448px; }
div.header_menu a#store:hover, div.header_menu a#store.active { background: url(images/header_menu.png) no-repeat -448px -47px; }

ul#header_submenu { position: absolute; margin-top: 15px; width: auto; background-color: #2d2a2b; left: -10px; font: 110% "Palatino", "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif; text-align: left; padding: 13px 5px 10px 15px; min-width: 300px; }
ul#header_submenu li { display: inline; margin-right: 15px; }
ul#header_submenu img.arrow.portfolio { position: absolute; top: -11px; left: 5px; }

ul#header_submenu img.arrow.contact { position: absolute; top: -11px; left: 236px; }


ul#header_submenu a { color: #cecfd0; }
ul#header_submenu a:hover, ul#header_submenu a.active { color: #d0c913; cursor: pointer; text-decoration: none; }

/* @end */

/* @group content */
div#bd { font: 110%/1.6 "Palatino", "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;  }
div.yui-g { margin-bottom: 40px; }
div.yui-g.callout { margin-bottom: 40px; }
div.yui-g.callout h1 { margin-bottom: 0px; }
img.featured { margin-bottom: 5px; }
div.dhonishow { margin-bottom: 10px; }

/* @end */

/* @group footer */
div#footer { width: 100%; clear: both; margin-top: 20px; text-align: left; background-color: #2d2a2b; padding: 30px 0px; position: relative; height: 50px;}
div#other_sites { width: 750px; margin-left: auto; margin-right: auto; position: relative; }
div#footer i { display: none; }
div#footer a#the_shork { height: 60px; width: 100px; position: relative; left: -10px; top: 0px; display: block; float: left; background: url(images/footer_shork2.png) no-repeat; }
div#footer a#the_shork:hover { background: url(images/footer_shork.png) no-repeat 0 -60px; }
div#footer a#lawless_ever_after { height: 60px; width: 100px; position: relative;  display: block; float: left; background: url(images/footer_lawlesseverafter2.png) no-repeat; }
div#footer a#lawless_ever_after:hover { background: url(images/footer_lawlesseverafter.png) no-repeat 0 -60px; }
div#footer a#add_interactivity { width: 150px; height: 60px; float: right; display: block; background: url(images/footer_addinteractivity.png) no-repeat; margin-right: 30px;}
/* @end */