@charset "utf-8";
body,td,th {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.4em;
	color: #000000;
	text-align: center;
	/*background:#FFF url(images/bg0.png);*/
}
#page {/*background: url(images/left_bg.jpg) no-repeat left 250px;*/}
img {border: 0;}
ul {list-style-type: square;}
ul li {line-height:1.5em;}
a, a:visited {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	color: #8C45E1;
	text-decoration: none;
	border: 0px;
	}
a:hover, a:active {
	font-size: 13px;
	font-style: normal;
	font-weight: inherit;
	font-variant: normal;
	text-decoration: none;
	color: #92D8E9;
	border: 0px;
	text-shadow: none;
}
a.image_link:hover{background:transparent;}
h1, h2, h3, h4, h5, h6 {
	text-shadow: 1px -1px 0px #fff;
	font-weight: bold;
	color: #000000;
	clear:both;
	}
@font-face {  
  font-family: MissEllen;  
  src: url( assets/MissEllen.eot ); /* IE */  
  src: local(MissEllen), url( assets/MissEllen.ttf ) format("truetype"); /* non-IE */  
}
h1 {
	font-family: MissEllen, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: -1px 1px 2px #555, 1px -1px 0px #cef4ff;
	font-size: 18px;
	line-height:18px;
	letter-spacing:0px;
	text-align: right;
	background-color: #a1c7fe;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding:8px;
	text-align:center;
	letter-spacing:.5em;
	}
h1 span {font-family: Geneva, Arial, Helvetica, sans-serif;}
h2 {
	font-size: 13px;
	}
h3 {
	font-size: 14px;
	margin: 5px 0 5px 0;
	}

h4 {
	font-size: 13px;
	line-height:13px;
	margin-bottom:.8em;
	clear:none;
	text-shadow: -1px 1px 1px #a1c7fe;
	}
#post-7 h4 {font-weight: normal; text-shadow: none;}
h5 {font-size: 12px;}
hr {border: #511494 thin solid; margin-bottom:25px;}
	
label { font-weight:bold; }
cite {font-weight:bold;}
input, textarea {width:192px; height:20px; margin:0 0 10px 0; padding:4px; border:0; background:url(images/form_field_bg.png) no-repeat top right; color:#666;}
form #searchsubmit {width:auto; height:auto; border:0; padding:4px; background: #a1c7fe; clear:both; cursor:pointer; color:#000;}
pre {display:inline; color:#009; background:#FEFFD4; margin:auto;}
#container {
	text-align: left;
	width: 980px;
	margin: 0 auto 0 auto;
}
#header {
	width: 973px;
	margin: 0 0 10px 0;
	padding: 5px 0 0 7px;
}
#topheader {margin:25px 0 0 15px;}
#footer {
	background: url(images/transparent.png);
	float: left;
	text-align: center;
	width: 973px;
	padding: 5px 0 5px 0;
}
#footer ul {margin:0; padding:0;}
#footer ul li {display:inline; list-style-image:none; list-style-type:none; margin:0 25px 0 0;}
#menu {
	background: url(images/transparent.png);
	margin: 0;
	padding:0 0 2px 70px;
	width: 903px;
}
#container #menu div  {
	height:21px;
	margin: 0 48px 0 0;
	float:left
}
#container #menu #web 			{background: url(images/webi.png); width:60px;}
#container #menu #threeD 		{background: url(images/3dy.png); width:40px;}
#container #menu #image 		{background: url(images/iim2.png); width:85px;}
#container #menu #animation 	{background: url(images/anii.png); width:149px;}
#container #menu #contact 		{background: url(images/contacty.png); width:136px;}
#container #menu #resume 		{background: url(images/resumei.png); width:117px;}

#content {
	margin: 15px 0 15px 0;
	float: left;
	width: 980px;
}
#colA {
	width: 307px;
}
#columnA {
	background-image: url(images/bg13.gif);
	width: 300px;
	text-align: center;
	float: left;
	padding: 15px;
}
#colB {
	width: 617px;
}
#columnB {
	width: 580px;
	float: left;
	padding: 15px;
	background: #FEFFD4;
}
/*universally useful*/
.miss_ellen {font-family: MissEllen, Geneva, Arial, Helvetica, sans-serif;}
.full_column {float: left; padding: 15px; width:943px;}
.yellowbg {background: #FEFFD4;}
.whitebg {background: #FFF;}
.purple_bg {background:url(images/bg13.gif);}
.transparent {background: url(images/transparent.png); display:none;}
.hidden {display: none;}
.clear {clear:both;}
.noblist {list-style:none;}
.fade, .table_transp {opacity:.5; filter: Alpha(Opacity=20, FinishOpacity=20);}
.west_shadow {background: url(images/bot_03.gif) repeat-y left top; float: left;}
.west_shadow_corner {background: url(images/bot_01.gif) no-repeat left top; float: left;}
.south_shadow {background: url(images/bot_04.gif) no-repeat left bottom; float: left;}
.south_shadow_corner {background: url(images/bot_05.gif) no-repeat right bottom; float: left; padding: 0 0 7px 7px;}
.right {float: right;}
.left {float: left;}
.center {margin: 0 auto 0 auto;}
.center_text {text-align:center;}
.left_text {text-align:left;}
.right_text {text-align:right;}
.tabbg {background-image: url(images/bg13.gif); padding: 15px;}
.ol {font-weight: bold;}


.lefttablepadding {padding: 15px;}
.smalltxt {
	font-size: 10px;
	font-style: italic;
	color: #fff;
}
.dropcap {
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #9A4CF4;
}
.listindent { /*change to context specific with header on home page*/
	margin-left: 10px;
}
.linkwhite {
	font-size: 13px;
	font-style: italic;
	text-decoration: underline;
	color: #FEFFD4;
}
.tabbgwtxt {
	background-image: url(images/bg9.gif);
	background-repeat: repeat;
	padding: 15px;
	font-size: 13px;
	color: #FEFFD4;
	text-decoration: none;
}
.datetimeBLAK, datetimeBLAK a:visited, datetimeBLAK a:active,{
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-align: left;
}
.datetimeBLAK a:hover {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FEFFD4;
	text-align: left;
}
.socialspace {
	float:left;
	margin-right:4px;
	margin-left:35px;
}
.top_margin {margin-top: 15px;}
.bottom_margin {margin-bottom: 15px;}

#more a, #more a:visited{color:#fff;}
#more a:hover, #more a:active{color:#92D8E9;}

.more {display:none; width:auto; padding:10px;}


/* SIDEBAR styling SIDEBAR styling SIDEBAR styling SIDEBAR styling SIDEBAR styling SIDEBAR styling */
#sidebar {font-size:.9em;}
#sidebar_div ul li, .twitter-3 .twitter_follow {
	margin:0 0 10px 0;
	width:200px;
}
.widget, .widget a {margin:0; font-size:11px; list-style:none;}
.widget ul {list-style-image:url(images/b1dot.png); padding:0 0 0 30px;}
.twitter_follow {text-align:right;}
.widget_categories li {list-style-image:url(images/b4dot.png);}
#sidebar_div h3 {font-family: MissEllen, Geneva, Arial, Helvetica, sans-serif; text-shadow: -1px 1px 2px #555, 1px -1px 0px #cef4ff; text-align:center; margin-bottom:10px;}
.sidebar_modules {background-color:#FEFFD4; padding:10px;}
.sidebar_modules ul {margin:0;}
.sidebar_title {width:260px; height:19px; margin-bottom:-3px;}

/* posts */
.external_link {display:inline; height:10px; width:10px; border:0; margin:0 2px 0 2px;}

.img_column {width:200px; margin:10px 0px 15px 15px;}
.img_column img {margin:0 0 15px 0; border:0;}

.navigation {background-color:#FEFFD4; padding:10px; position:relative;}
.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}
.postmetadata {margin:10px;}
.postmetadata a, a.tag {padding:1px;}
.postmetadata a:hover, a.tag:hover {
	background-color: #fff;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
.excerpt_img {float: right; margin:0 0 10px 10px;}

#gallerylook span {width: 560px; margin:0 auto 0 auto;}
#gallerylook .imgcell {width:100px; margin:20px;}

.entry ul li {margin-bottom:10px;}

/* CONTACT PAGE & Resume Page */
#modes { float:right; width:150px; text-align:right; padding:0px 4px 4px 4px; }
#modes img { float:right; margin-left:5px; width:16px; height:16px;}
#modes div {height:26px;}
#modes h4 {margin:15px 0 10px 0;}
.contact input, .contact textarea, .contact form div {width:192px; height:20px; margin:0 0 10px 0; padding:4px; display:none; border:0; background:url(images/form_field_bg.png) no-repeat top right;}
.contact textarea {height:140px; font-size: 12px; padding:4px; overflow:auto; font-family: Geneva, Arial, Helvetica, sans-serif;}
.contact #himon {width:90px; float:left;}
.contact form {display:block;}
.contact form img {float:left; margin:4px 0 0 4px; display:none;}
.contact form br {display:none;}
.contact form div {margin-left:0; background:none; clear:both; padding:0;}
.contact #send {width:80px; height:auto; border:0; padding:4px; background: #a1c7fe; clear:both; cursor:pointer;}
#himonchigaimasu {font-size:.9em; color:#511494;}
#contact_form h2 {clear:none;}
.widget .contact {font-size:11px;}
.widget .contact input, .widget .contact textarea, .widget .contact div {margin-left:auto; margin-right:auto;}
.widget .contact div {width:192px;}

/* END CONTACT & resume PAGEs */


#meta {margin: 0 0 30px 20px;}
.meta {display:none;}
#comment {border:0; width:100%; height:220px; background: #FEFFD4;}

.rmargin {margin-right:10px;}
.lmargin {margin-left:10px;}
.guide li {list-style:none; margin:0 0 15px 0; clear:both; background-color:#FFF;}
.guide li p {padding: 30px;}
.highlight {background-color:#FEFFD4; padding:30px; margin:20px 55px 20px 0; clear:both;}
.nohighlight {padding:30px; margin:15px;}
.post_bg {padding:15px 35px 15px 0; margin-left:-55px; }

#viewdemoreel {background: url(images/viewdemoreel.png) no-repeat 0 0; width:306px; height:26px; display:inline-block;}
#viewdrawings {background: url(images/drawingOVER.png) no-repeat 0 0; width:146px; height:33px; display:inline-block;}

#related {position:absolute; left:50%; margin-left:-60px; background-color: #fff;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding:8px;}
#relatedposts ul {list-style-image:url(images/b1dot.png); padding:0 0 0 30px;}

/* for image viewer */

#gallery_look {width:560px; position:relative;}
#gallery_look .img_row {width:560px; height:auto; margin:0 auto 0 auto; display:block;}
#gallery_look .imgcell {width:100px; height:100px; margin:20px; float:left; background: none;}
#gallery_look #focus {width:120px; height:120px; position:absolute; left:15px; top:15px; display: none;}
#gallery_look #f_shadow_sw {width:560px; height:auto; background:url(images/f_shadow_sw.png) repeat right top; float:left;}
#gallery_look #f_shadow_ne {width:560px; height:auto; background:url(images/f_shadow_ne.png) repeat right top; float:left;}
.defualtbg { background: #fff url(images/purple_sketch_bg.jpg);}
.imgbg1 { background: #fff url(images/drawings/leonardo.jpg) no-repeat left center; }
.imgbg2 { background: #fff url(images/drawings/front_ortho.jpg) no-repeat left center; }
.imgbg3 { background: #fff url(images/drawings/xenogears_id.jpg) no-repeat left center; }
.imgbg4 { background: #fff url(images/drawings/concept_marker.jpg) no-repeat left center; }
.imgbg5 { background: #fff url(images/drawings/Amurru_spirit.jpg) no-repeat left center; }
.imgbg6 { background: #fff url(images/drawings/Amurru.jpg) no-repeat left center; }
.imgbg7 { background: #fff url(images/drawings/Nisir.jpg) no-repeat left center; }
.imgbg8 { background: #fff url(images/drawings/storyboard_thumbnails.jpg) no-repeat left center; }
.imgbg9 { background: #fff url(images/drawings/luba_marker.jpg) no-repeat left center; }
.imgbg10 { background: #fff url(images/drawings/xeno_final1.jpg) no-repeat left center; }
.imgbg11 { background: #fff url(images/drawings/1sketch.jpg) no-repeat left center; }
.imgbg12 { background: #fff url(images/drawings/life_drawing.jpg) no-repeat left center; }
.cpointer {cursor:pointer;}
.bgpos_rt {background-position: right top; }
.clear {clear:both;}
#ieviewer {width:0px; height:0px; position:absolute; top:220px; left:260px; z-index:105;}
#ieuser {background-color:#fff; margin:20px;}
#ieuser li {display:inline; margin-right:10px;}
#ieuser h5 {margin-top:0;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}