/*@import url("http://fonts.googleapis.com/css?family=Lobster");*/
@import url("styles/stylesheet.css");
html{ height: 100%; }
body { padding:0; margin:0; height:100%; font-family: Georgia, "Times New Roman", Times, serif; }
#bodycon { margin:0 auto; height:100%; width: 1010px; position: relative; }
h1, h2, h3, h4, h5, h6, p, ul, li, table, tr, td { padding:0; margin: 0; }
a { text-decoration:none; }
img { border: none; } 

h1 { font-family: 'PTSansNarrowBold', Georgia, "Times New Roman", Times, serif; }


.maincols { width:200px; margin-right:2px; float: left; height:100%; }
.maincols h2 { color: #606060; font-weight: normal; font-family: 'PTSansNarrowRegular', Georgia, "Times New Roman", Times, serif; font-size:2em; /*margin-top: 2em;*/ margin-top: 50px; height: 136px; }
.maincols h2 a { color: #606060; /*padding:5px 0 5px 2px;*/ padding:5px 0 5px 10px; display:block; }

#art { background-color: #ebebeb; }	
#art h2 a:hover, #art h2 a.selected { background-color: #b4b4b4; color: #ffffff; }
#designtech { background-color: #d7d7d7; }
#designtech h2 a:hover, #designtech h2 a.selected { background-color: #c0c0c0; color: #ffffff; }
#news { background-color: #cccccc; }
#news h2 a:hover, #news h2 a.selected { background-color: #b5b5b5; color: #ffffff; }
#about { background-color: #c0c0c0; }
#about h2 a:hover, #about h2 a.selected { background-color: #d7d7d7; color: #ffffff; }
#contact { background-color: #b4b4b4; }
#contact h2 a:hover, #contact h2 a.selected { background-color: #ebebeb; color: #b4b4b4; }


/*site hed*/
.homepage #sitehed { position: absolute; width: 402px; height: 180px; background-color: #fff; color: #8f8f8f; top: 200px; left: 606px; font-size: 3em; text-align:right; }
.sublevel #sitehed { position: absolute; width: 402px; height: 50px; background-color: #fff; color: #8f8f8f; top: 0; left: 606px; font-size: 1.8em; text-align:right; }
.homepage #sitehed h1, .sublevel #sitehed h1 { font-size: 1em; font-weight: normal; line-height:1.2em; }
.homepage #sitehed h3, .sublevel #sitehed h3 { font-size: 0.4em; font-weight: normal; line-height:0.8em; }
.sublevel #sitehed A { color: #8f8f8f; }

/*hp work highlight*/
.workhl { margin-bottom:2px; position:relative; }
.workhl h4 { position: absolute; height: 20px; top:100px; left:0; color:#ffffff; background-color:#999999; width:195px; font-size: 0.7em; line-height:20px; padding-left: 5px; font-weight:normal; }

/*transparencies*/
.transparent_80 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.transparent_70 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }







/* ------- sublevel content ------- */

/*subnav*/
#subnav { position: absolute; width:180px; margin-left: 10px; color: #666666; font-size: 0.9em; }
#subnav A { color: #666666; }
#subnav A:hover, #subnav A.selected { color: #000000; text-decoration: underline; }
#subnav A.selected { font-weight: bold; color: #333333; }
div.art #subnav { top:105px; left: 0px; }
div.designtech #subnav { top:140px; left: 202px; }
div.news #subnav { top:105px; left: 404px; }
div.about #subnav { top: 105px; left: 606px; }
div.contact #subnav { top:105px; left: 808px; }

/*sub content boxes*/
#sitecontentcon { position: absolute; width: 1008px; /*height: 800px;*/ top: 210px; left:0; background: url(i/bk_div_sitecontent.gif) repeat-y; }
div.art #sitecontentcon { border-top: 6px solid #ebebeb; }
div.designtech #sitecontentcon { border-top: 6px solid #d7d7d7; }
div.news #sitecontentcon { border-top: 6px solid #cccccc; }
div.about #sitecontentcon { border-top: 6px solid #c0c0c0; }
div.contact #sitecontentcon { border-top: 6px solid #b4b4b4; }

/* site wide text */
#sitecontent { margin:40px; }
#sitecontent h5 { font-size: 1.2em; margin-bottom: 2.4em; color: #333333; }
#sitecontent h6 { font-size: 1em; margin-bottom: 1em; font-weight: normal; border-bottom: 1px dotted #666; margin-top: 1em; }
#sitecontent p   { margin-bottom: 1em; font-size: 0.9em; line-height:1.4em; }



#sitecontent table.info { border:0; padding:0; margin:0; font-size: 0.9em; border-collapse:collapse; margin-bottom: 2em; }
#sitecontent table.info td { color: #666; padding-left: 32px;}
#sitecontent table.info th { width: 140px;  }
#sitecontent table.info td strong, #sitecontent table.info td em { color: #333; font-weight: normal; }
#sitecontent table.info td, #sitecontent table.info th { text-align: left; vertical-align: top; }

/* ------- about ------ */
.about #sitecontent p { color: #333333; }
.about #sitecontent a { border-bottom: 1px dotted #999; color: #333333; }
.about #sitecontent a:hover { border-bottom: 1px solid #000; }

/* ------- contact ------ */
.contact #sitecontent p { color: #333333; }
.contact #sitecontent a { border-bottom: 1px dotted #999; color: #333333; }
.contact #sitecontent a:hover { border-bottom: 1px solid #000; }
.contact table td, .contact table th { padding-bottom:2em; }
.contact INPUT { background-color:  #F5F5F5; border:none; padding: 5px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; width: 168px; }

/* ------- cv ------- */
/*.about table th { width: 186px; }*/
.about table td, .about table th { padding-bottom: 0.5em; /*padding-right: 2em;*/ }

/* ------- news ------- */
.news table td, .news table th { padding-bottom: 2em; /*padding-right: 2em;*/ }

.news #sitecontent a { border-bottom: 1px dotted #999; color: #333333; }
.news #sitecontent a:hover { border-bottom: 1px solid #000; }



/* ------- art, designtech ------- */
#contentcol1 { float: left; width: 416px; /*width: 426px;*/ padding:20px 10px; margin-bottom: 20px; }
/*.art #contentcol1 { border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; }
.designtech #contentcol1 { border-top: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; }
.photovideo #contentcol1 { border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; }*/



#contentcol2 { float: right; color: #333; /*border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5;*/
 padding: 10px 0; margin-bottom: 20px; width:460px; }
#contentcol1 .caption-hed { padding-top: 5px; /*font: bold 9pt/12pt*/ font-weight: bold; font-family: Georgia, Garamond, Times New Roman, serif; color: #333; }
#contentcol1 .caption-desc { font-size: 80%; /*font: 8pt/12pt*/  font-family: Georgia, Garamond, Times New Roman, serif; color: #666; }
#contentcol1 .caption-desc-sm { font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; }
#contentcol1 .caption-desc-sm A { border-bottom: 1px dotted #999; color: #666; }
#contentcol1 .subtext { font: 8pt/12pt Georgia, Garamond, Times New Roman, serif; color: #9B3132; }
#contentcol1 .caption-desc { margin-bottom: 30px; }
#contentcol2 table.thumbs { margin:0 10px; }
#contentcol2 .buttons, #leftcontentcol2 .buttons { border: 1px solid black; padding: 1px; width: 100px; font: 8pt/12pt Georgia, Garamond, Times New Roman, serif; }
#contentcol2 .thumbs TD { padding-bottom: 10px; }
#contentcol1 .thumbs { padding-bottom: 5px; }
.art #contentcol1 .thm_active { border-bottom: 5px solid #C82B2C; }
.designtech #contentcol1 .thm_active { border-bottom: 5px solid #F0BD57; }
/*.photovideo #contentcol1 .thm_active { border-bottom: 5px solid #5FC92A; }*/
#contentcol1 .thm_inactive { border-bottom: 5px solid #eeeeee; }
#contentcol1 .thma_inactive:hover .thm_inactive { border-bottom: 5px solid #4E4E4E; }

#contentcol2 h6 { border-bottom: 0; } 
#contentcol2 h6 A { color: #666666; display:block; padding:0.4em; /*background-color: #f5f5f5;*/ }
#contentcol2 h6 A:hover { color: #000000; text-decoration: underline; background-color: #f5f5f5; }
.art #contentcol2 h6 A.selected { color: #ffffff; text-decoration: none; background-color: #B4B4B4; }
.designtech #contentcol2 h6 A.selected { color: #ffffff; text-decoration: none; background-color: #c0c0c0; }
/*.photovideo #contentcol2 h6 A.selected { color: #ffffff; text-decoration: none; background-color: #b5b5b5; }*/


/* ------- contact ------- */
#qrcode { float:right; }
.tweet { color: #666; text-decoration: none; background-color: #F5F5F5; width: 362px; padding:10px; }
.tweet small { color: #B4B4B4; }
.contact #sitecontent p.tweet { color: #666; }

/*transparencies*/
.transp1 {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.transp2 {
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}
.transp3 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.transp4 {
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}



#sitefooter { color: #B4B4B4; font: 7pt/12pt Verdana, Arial, Helvetica, sans-serif; text-align:right; margin-top: 80px; }