/* Hello, thanks for looking - isn't this stylesheet a mess?! Clearing it up is on my list of things to do but I'm focusing on writing up all the exciting and productive things I've been doing at the moment. If you'd like to see that I can write much tidier CSS, check out http://kathleenbright.com/style.css :) */

/* #066 #c6c6c6 */
body, div, p, pre, td, li {font-family:Arial, Verdana, Trebuchet MS, sans-serif; font-size:14px;} /* 13 */
div, p, pre {margin-left:20px;}
div, pre {margin-bottom:8px;}

body {background-color:#f6f6f6; background-attachment:scroll; background-image:url('png/head05.png'); background-repeat:no-repeat; margin:0px; padding-bottom:10px; padding-top:20px;} /* {background-color:#cfcfcf; */
p, li {line-height:20px;}
p {margin-bottom:14px; margin-top:0px; /* 20080312 max-width:600px */ ;}
td {vertical-align:top;}
address {font-style:normal; padding-left:2px;}
abbr {cursor:default;}

.clear{clear: both;}

ul, ol {margin-left:5px; margin-top:4px;}
ul ul {margin-left:0px;}
ul {list-style-image:url('gif/bullet.gif'); margin-left:0px; padding-left:14px;}
ol {font-weight:bold; list-style-type:upper-roman;}

.portfolio_description ul {
list-style-image:url('gif/bullet_star_dark.gif'); margin-left:6px;}

li {font-weight:normal; margin-bottom:2px;}

ul.pointer {list-style-image:url('gif/arrow.gif');}
ul li, ol li {max-width:550px;}
ul ul li {max-width:515px;}
ul#transform li {line-height:25px;}

ol ol, ol p, ol li p {font-weight:normal; margin-bottom:0px;}
ol p {margin-bottom:8px;}
ol ol {list-style-type:lower-latin; margin-bottom:16px;}
ol ul li {margin-left:-6px;}
ol h4 {margin-top:8px;}
ol h5 {margin-top:6px;}

ul#about_me{padding-left:0;}
ul#about_me li{border-right:#066 solid 1px; display:inline; padding:0 10px 0 5px;}
ul#about_me li.last{border-right:none; padding-right:0;}

h1, h2, h3, h4, h5, h6 {color:#066; margin-bottom:0px; margin-left:-20px; margin-top:0px;}
h2, h3, h4, h5, h6 {margin-top:8px;}
h4, h5, h6 {margin-left:0px;}
h2 {letter-spacing:1px; margin-bottom:2px; margin-top:10px;}
h3 {margin-bottom:4px; margin-left:30px;}
h6 {color:#000000;}
h2#author {margin-left:10px; ;}
#cv h3 {padding-bottom:2px; padding-top:6px;} /* cv */

table h2, .divA table h3, table h4, table h5, table h6 {margin-left:0px; margin-top:0px;}

h1.title {font-family:Arial Black; font-size:26px; font-weight:normal;}
h1 {background-image:url('gif/star_light.gif'); background-position:0px 0px; background-repeat:no-repeat; font-size:30px; letter-spacing:2px; margin-left:-50px; padding-left:30px;}

div.header {background-color:#fff; border-bottom:#066 solid 1px; margin:0px; margin-bottom:6px; padding-bottom:0px;}
div.footer, div.footerS2 {background-color:#fff; margin:0px; margin-top:100px; width:100%;}
div.footer {bottom:0px; position:absolute;}
div.footerS2 {bottom:0px; position:relative;}

/* GROUPED:divA, divB, navMenu */
.divA, .divB, .navMenu {background-color:#fff;}
.divB, .divB p, .divB pre,.divB td, .divB li {font-size:13px;}

/* MAIN:divA */
.divA {background-color:#f6f6f6; border-top:#c6c6c6 solid 1px; font-size:0.95em; padding:4px; padding-left:50px; margin:0px;
margin-bottom:0px; margin-top:2px;}

.divA h3 {margin-left:0px;}
.divA p {margin-left:0px;}

/* 
.divB {border-left:none; height:390px; margin:0px; padding:7px; padding-top:0px; position:absolute; right:41px; top:110px; width:310px;}

IE - .divB {left:619px;} OR - instead of left...:margin-left:-9px;
*/

.divB {font-size:0.8em; right:0px; margin:0px; padding:7px; padding-left:17px; padding-top:0px; position:absolute; top:20px; width:300px;} /* Actual width = 126 + (2*7 padding) = 140 */
.divB img {border:#c6c6c6 dotted 1px; position:relative; right:6px;}
.divB img.motto {border:none; padding-top:14px;}
.divB img#motto {border:none;}

/* border-left:1px solid #C6C6C6; */

.clear {clear:both;}
.inline {display:inline; overflow:scroll;}

.home {float:left; width:300px;}
.home_cont {margin-left:-20px;}
.home h3 {background-color:#006666;  color:#FFFFFF; font-weight:bold; margin-left:0px; margin-top:10px; padding:4px 2px; text-align:center; width:100%;}
.home h3 a {color:#FFFFFF;}
.home p {font-size:0.95em; height:1.0em; padding:6px 0; width:300px; max-width:300px;}
.home_brightp {;}
.home_text {background-color:#f0f0f0; border:#c0c0c0 1px solid; border-bottom:none; border-top:none; height:130px; margin:0; width:240px;}
.home_text p {padding:0;}
#home_descrip {width:620px;}
#home_catch .home_text {padding:12px 31px;}
#home_catch .home_text p {margin-bottom:9px;}
#home_descrip .home_text {width:560px;}
#home_descrip .home_text {padding:12px 31px;}
#home_descrip p {max-width:600px; width:600px;}

/* NAVIGATION :navMenu
							*//*top right bottom left*/

div.navMenu {background-color:transparent; font-size:1.1em; margin:0px; margin-bottom:6px; margin-top:4px; padding:3px 0px; width:100%;}
div.navMenu a, div.navMenu span {background-color:#fff; border-color:#c6c6c6 #066 #066 #c6c6c6; border-style:solid; border-width:1px; color:#066; font-weight:bold; margin:0px; padding:4px; padding-left:14px; padding-right:14px; text-decoration:none; word-spacing:0px;}
div.navMenu a:link {color:#066;}
div.navMenu a:visited {color:#066;} /* d9d9d9 */
div.navMenu a:active {border-color:#066 #c6c6c6 #c6c6c6 #066;}
div.navMenu a:hover {background-color:#f6f6f6; color:#066; padding-bottom:6px; padding-top:6px;}

div.navMenu a#selected {background-color:#336666; border-color:#939393 #033 #033 #939393; border-style:solid; border-width:1px; color:#f6f6f6;}
div.navMenu a:active#selected {border-color:#033 #939393 #939393 #033;}
div.navMenu span#selected {background-color:#336666; border-color:#939393 #033 #033 #939393; border-style:solid; border-width:1px; color:#f6f6f6; padding-bottom:6px; padding-top:6px;}

a {color:#066;}
a:link {color:#009696;}
a:visited {color:#696969;}

img {;}
a img {border:none;}

.divA a img {background-color:#efefef; border-bottom:#c6c6c6 solid 1px; padding-bottom:1px;}
.divA a:hover img {border-color:#066;}

img.arrowlink {margin-left:0px; margin-right:4px;}

#trail {background-image:url('gif/arrowleft.gif'); background-repeat:no-repeat; background-position:left; margin-left:-20px; padding-left:14px; text-transform:lowercase;} /* font-variant:small-caps; */

/* index pages:home, portfolio */
.divA h2.space {padding-top:10px;}

#new_items1, #new_items2, #new_items3 {padding-bottom:3px;}
#new_items1 {;} /*padding-top:2px*/

div#emphasis {border-bottom:#c0c0c0 dashed 1px; border-top:#c0c0c0 dashed 1px; margin:15px 0px; margin-left:-50px; margin-top:15px; padding-bottom:6px; padding-left:50px;}
div#emphasis h3 {padding-top:0px;}

/* about */
.big {font-size:1.0em; font-weight:bold;}
.about {margin-left:20px; text-indent:0px;}

/* about me */
.snapshot {text-align:right;}
.snapshot img {border:none; float:right; margin-right:-4px; margin-top:6px;}

p.tagline {color:#066; font-weight:bold; letter-spacing:2px; text-align:right; width:589px;}
#motto {text-align: center;}

img.egs {margin-bottom: 26px;}

p.quote {background-image:url('gif/quote.gif'); background-position:0px 0px; background-repeat:no-repeat; padding-left:20px; padding-top:20px;}
p.attrib {padding-left:60px;}

.header #logo {height:68px; width:100px;}



/*--------------------- dec08v2 ---------------------/
/*--------------------- feb09 edits -----------------/

body{padding: 0; margin: 0; font: 13px Arial, Helvetica, Garuda, sans-serif;} /* CSS Reset - http://www.ejeliot.com/blog/85 */
p {margin:0 0 20px 0;}
h2 {margin:0 0 14px 0;}


.portfolio{background-color:#eeefff; border-bottom:#ddd 1px solid; border-top:#52A3A3 2px solid; clear:both; height:auto; margin-bottom:20px; overflow:visible;}
.portfolio_visual, .portfolio_description{background:none; border:none; float:left; height:auto; margin:0; margin-bottom:30px; vertical-align:top;}


.portfolio_description{float:left; padding:10px 15px; padding-bottom:0; max-width:72%; width:64%;}
.portfolio_visual{float:left; width:300px;}
.portfolio_visual img{height:150px; width:300px;}
.portfolio_visual p{font-style:italic; margin-top:10px;}
#portfolio_intro{background:url(jpg/kx_faceyourmanga.jpg) #eeefff top right no-repeat;}
#portfolio_intro .portfolio_visual, #portfolio_intro .portfolio_description{border-top:#ddd 1px solid;}
#portfolio_intro .portfolio_visual{padding-left:100px; width:200px;}
#portfolio_intro .portfolio_visual img{height:150px; width:200px;}
.divA#homepage{padding:4px 4px 4px 15px;} /*background-color:#eee; */
.divA#homepage h1{margin-left:-12px;} /*background-image:none; margin-left:0px; padding-left:0px*/

a.jumptotop{background:url(gif/arrowup.gif) no-repeat left; padding-left:14px; color:#066 !important; text-decoration:none; padding-top:0;}
.portfolio a.external{background:url(gif/external.gif) no-repeat right; padding-right:13px;} /*<a href="http://www.graphicpush.com/icons/">graphicPUSH Blog Icon Pack</a>*/ /*a.external{background:url(gif/external.gif) no-repeat left; margin-left:2px; padding-left:11px;}*/

#portfolio_quick .portfolio_visual{width:550px;}
#portfolio_quick object{overflow:hidden;}
#portfolio_quick .portfolio_description{width:30%;}

#about_me{margin-left:-4px;}

#bestwork{margin-left:0px; width:770px;}
#portfolio_bestwork{position:relative; left:0; top:15px;}
#portfolio_bestwork .tagline{position:absolute; top:198px; width:730px;}
#portfolio_bestwork .tagline span{background-color:#000000; border:none; color:#ccc; font-size:0.9em; font-weight:normal;}
#bestwork #bestwork_intro{position:absolute; left:-5px; top:10px;}
#bestwork_descr p{margin:0 inherit; width:550px;}
#bestwork h2, #portfolio_cv h2{margin-bottom:4px; }
#bestwork li{line-height:20px !important;}
#bestwork ul#transform{}

.emphasis{background-color:#066; color:#fff; margin-bottom:26px; margin-left:0; padding:8px 16px; width:740px;}
.emphasis h3{color:#fff; font-variant:small-caps; text-transform:lowercase;}
.emphasis li{list-style-image:none;}
.emphasis span{font-family:Georgia, 'Times New Roman', Times, serif; font-size:1.3em; font-weight:bold;}

#portfolio_cv{margin-left:10px;}

h2 a.em{background-color:#f6f6f6; border-bottom:#cccccc 1px solid; border-top:#9f9f9f 1px solid; margin-left:-15px; padding:8px 12px; text-decoration:none; width:100%; display:block;}
h2 a.em span{text-decoration:underline}