/* CSS Document */
/******************************************************** brown #774e33 */
/******************************************************** teal #bbccbb */
/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

body.homepage  div#lightbox-nav a#lightbox-nav-btnNext,
body.homepage  div#lightbox-nav  a#lightbox-nav-btnPrev,
body.homepage  div#lightbox-image-details span#lightbox-image-details-currentNumber{position:absolute;top:-1200px;}
body.homepage {background:url(/images/background.gif) top left repeat-x;}
*{
border: 0px;
	}
body{
	margin:0px;
	padding:0px;
	background: url(images/clouds.jpg) no-repeat fixed right bottom;
	background-color:#ffffff;
	font-family:georgia,serif;
	font-size:14px;
	line-height:24px;
}
strong.bold{color:#000;font-weight:bold;}
h4{margin:0;color:gray;font-size:130%;font-weight:normal;}
#container{position:relative;left:200px;top:220px;width:600px;padding-bottom:40px;height:auto;}
#container table p{line-height:20px;clear:both;}
#container table p img{margin-right:10px;}
div#container.newspage{position:absolute;top:80px;}

form#join{position:absolute;left:780px;top:5px;}

#join input{font-size:11px;color:#aaaaaa;}
#join input#joinbutton.off{background:url(images/joinbutton.gif) left top no-repeat transparent;width:22px;height:17px;text-indent:-100em;outline:none;border:0;}
#join input#joinbutton.on{background:url(images/joinbutton.gif) right top no-repeat transparent;width:22px;height:17px;text-indent:-100em;outline:none;border:0;}

form#join h2{background:url(images/joinmymailinglist.gif) top left no-repeat transparent;
text-indent:-200em;display:block;width:200px;height:10px;overflow:hidden;}

#quote ul{list-style:none;margin:0;padding:0;margin-bottom:10px;}
#quote li{display:none;font-size:20px;line-height:26px;}
#quote li em{display:block;font-style:normal;font-size:.6em;}
#quote li.active{display:block;}
#quote a{font-size:20px;text-decoration:none}
a.previtem.disabled{cursor:default;color:#ccc;}
a.nextitem.disabled{cursor:default;color:#ccc;}

a.page{margin-right:20px;font-size:20px;}

ul,li{text-indent:0px;margin:0px;padding:0px;}
div{margin:0px;padding:0px;text-align:left;}
div#topbg{position:absolute;height:47px;width:100%;top:0px;left:0px;background: url(images/navbg.gif) repeat-x;z-index:0;}
div.columnholder{overflow:auto;}
div.column{float:left;width:45%;margin-right:18px;overflow:auto;display:block;}
img.logo{position:absolute;top:0px;left:0px;width:181px;height:274px;z-index:8;}
hr{display:block;width:550px;height:3px;margin:15px auto;background:url(images/hr.gif) top left no-repeat;clear:both;}
a{color:#774E33; background-color:inherit;}
strong, b{color:#774E33;	font-weight:normal;	background-color:inherit;}
p{margin:0px 0px 10px 0px;}
div.intro{overflow:auto;}
div.intro p{width:48%;margin-right:12px;font-size:1.1em;line-height:1.55em;color:#888866;float:left;}
div.intro p a{color:inherit;}

.small{font-size:10px;}
.sans{font-family:arial, helvetica, sans-serif;}
.serif{font-family:georgia, 'times new roman', serif;}
a.returntotop{display:block;width:550px;height:26px;background:url(images/returntotop.gif) top left no-repeat #fff;font-size:2px;color:#fff;text-align:center;margin:15px 0px;clear:both;text-indent:-4000em}
div#whatsnew{padding:0px 14px;width:90%;}
div#homepage div.entry{width:86%;overflow:auto;clear:both;border-bottom:1px dotted #774e33;margin:10px 0px;padding:10px 0px;}
div.entry div{width:450px;margin-right:20px;float:left;}
div#whatsnew div.entry div{width:100%;}


.gray, .gray a{color:#999999;}
.sidebar img{padding-bottom:10px;border-top:1px solid #CC9900;}
#subnav table tr td{vertical-align:top;}


input{border: 1px solid #bbccbb;} 
input[type="radio"]{border:0px solid #ff0000;}
textarea{border:1px solid #bbccbb;}
table{font-size:12px;}
table#news tr{vertical-align:top;text-align:left;height:100px;}
table#news tr td{padding-top:20px;border-bottom:1px dotted #774433;line-height:1.8em;font-size:1.0em;}


div.dvcvideo{display:none;}
ul#dvcvideos{width:120px;float:left;display:block;list-style:none;margin-top:2px;}
ul#dvcvideos li{margin-bottom:10px;}
ul#dvcvideos li a{display:block;padding-left:10px;}
ul#dvcvideos li a.selected{background-color:#774433;color:#fff;text-decoration:none;}

 /************************************** criteria **************************************/

 
/************************************** drawings **************************************/
#drawings{position:relative;}
#drawings p{width:400px;}
#drawings img{width:450px;border:1px solid #ccc;}
#drawings .tabs{margin:20px 0px;}
.tabs li{list-style:none;display:inline;}
.tabs li a{padding:5px 12px;text-decoration:none;border:3px double #ceb182;}
.tabs li a.active{background-color:#ccdddd;}
#drawings div{display:none;}
#drawings div#graffiti{display:block;}

div.drawingholder{position:relative;width:570px;text-align:center;display:none;border:2px solid #bbccbb;overflow:visible;}
div.drawingtext{display:block;position:relative;height:30px;text-align:center;width:570px;}
div.drawingimage{display:block;text-align:center;width:570px;}
div#drawingsthumbnails p{margin:0; padding:0;display:block;width:590px;height:50px;}
div#drawingsthumbnails a.first{opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;border:1px solid #888888;display:block;background-color;float:left;margin:0; padding:0;}
div#drawingsthumbnails a{display:block;float:left;margin:0; padding:0;height:50px;width:50px;background-color:#CCCCCC;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid #CCCCCC;}
div#drawingsthumbnails{position:relative;top:10px;margin-bottom:40px;}
#drawingthumbs a img{	border:1px solid #bbccbb;}


/************************************** AMBIGRAMS **************************************/
/*div#ambigramsgallery{overflow:visible;width:720px;position:relative;height:522px;}*/
div#showcaseflash{margin:0 auto;width:350px;}
div#ambigramsgallery{width:720px;}
#ambigramsgallery .tabs{font-family:'times new roman';}
#ambigramsgallery .tabs li{margin-right:2px;}
p#sortby{width:300px;font-family: georgia, serif;font-size:.9em;}
p#sortby select{font-family: georgia, serif;margin:0px 5px;}
a#goup{background:url(images/scrollbuttons.gif) top left no-repeat #fff;}
a#goup.clicked{background:url(images/scrollbuttons.gif) bottom left no-repeat #fff;}
a#godown{background:url(images/scrollbuttons.gif) top right no-repeat #fff;}
a#godown.clicked{background:url(images/scrollbuttons.gif) bottom right no-repeat #fff;}

/*div#ambigramsholder{width:100%;overflow:hidden;float:right;clear:right;height:260px;border:1px solid green;}*/

ul.ambigrams {
border-top:1px solid #ccddcc;border-bottom:1px solid #ccddcc;
margin-bottom:10px;
height:180px;
list-style:none;display:none;padding:0;
overflow:auto;
}
ul.ambigrams li{margin:5px 0px;text-align:center;height:50px;padding:0px;overflow:hidden;width:102px;float:left;}
ul.ambigrams li div, ul.ambigrams h3{display:none;margin:0;padding:12px 0px 0px 0px;}
ul.ambigrams li img{margin:0 auto;}
ul.ambigrams h3 a{text-decoration:none;font-size:.8em;line-height:1.2em;height:48px;display:block;padding:0;margin:0;}
ul.ambigrams li a{outline:none;}
ul.ambigrams li a img{opacity:.5;filter: alpha(opacity=50);border:1px solid #fff;}
ul.ambigrams li a img.active{opacity:1;filter: alpha(opacity=100);}


p#viewoptions{clear:right;z-index:0;border-top:1px solid #774e33;width:100%;}
p#viewoptions a{background:url(images/viewoptions.gif) top left no-repeat;font-size:0;height:70px;width:61px;display:block;float:right;outline:none;}
p#viewoptions a#viewthumbnails{background-position:bottom left;}
p#viewoptions a#viewtext{background-position:top right;}
p#viewoptions a#viewthumbnails.active{background-position:top left;}
p#viewoptions a#viewtext.active{background-position:bottom right;}

div#showcase{height:auto;width:700px;z-index:0;text-align:center;}
div#showcase img{}
div#showcase canvas{margin-top:-8em;margin-bottom:-2em;}

/*#showcase img.nonrotational{top:20px;}*/
/*canvas{height:450px;position:relative;top:-40px;}*/
div#ambigraminfo{text-align:center;width:700px;margin-bottom:4em;}
div#ambigraminfo p{width:80%;text-align:justify;margin:0 auto;}
div#ambigraminfo blockquote{font-family:arial, helvetica, sans-serif;line-height:1.25em;margin-top:-2px;display:block}
div#ambigraminfo h3{text-align:center;font-size:1.5em;display:block;font-variant:small-caps;
color:#774e33;letter-spacing:.15em;}
span.copyright{display:block;}
a#rotate{position:absolute;top:10px;right:-80px;}

.theflash{margin-left:180px;}
#showcase img.typeMirro{border:3px solid blue;}

/************************************** GALLERIES **************************************/
ul#thumbnails, ul#details{list-style:none;display:block;overflow:auto;text-align:center;margin:15px 0px;padding:0;clear:both;}
ul#thumbnails{overflow:auto;float:left;}
ul#thumbnails li{margin:0;padding:0;display:block;float:left;border:1px solid #ddd;text-align:center;overflow:auto;}
ul#thumbnails li.active{border:1px solid #777;}
ul#thumbnails li img{float:left;margin:5px;}
ul#details img{display:block;margin:0 auto;}
ul#details li{display:none;}

p.caption, ul.labeledwork li{font-size:.8em;font-family:arial, helvetica, sans-serif;}
p.caption em, ul.labeledwork em{display:block;margin-bottom:-.3em;font-size:1.5em;font-family:georgia, 'times new roman', serif;line-height:1.2em;}


p#controls{display:block;clear:both;}
p#controls a{width:30px;height:30px;font-size:1px;display:block;color:#fff;position:relative;}
a.prev{background:url(images/prev.gif) top left no-repeat #fff;float:left;}
a.next{background:url(images/next.gif) top left no-repeat #fff;float:right;}

/************************************** RORSCHACH **************************************/
#rorschach div.featured{clear:both;display:block;overflow:auto;}
#rorschach div.featured p{float:left;display:block;width:350px;}
#rorschach div.featured p.caption{width:250px;text-align:center;}


/************************************** LOGOPLAY **************************************/
#logoplay ul#thumbnails{margin-left:147px;}
#logoplay ul#thumbnails li{height:60px;}
#logoplay p#controls a{top:90px;}

#logoplay ul.phase{width:500px;margin:0 auto;display:block;overflow:auto;}
#logoplay ul.phase li{width:250px;float:left;display:block;text-align:center;}
#logoplay ul.phase em{display:block;margin-bottom:-.4em;}


/************************************** FIGURE GROUND **************************************/
#figureground ul#thumbnails{margin-left:147px;}
#figureground ul#thumbnails li{height:60px;}
#figureground ul#details{height:360px;}
#figureground p#controls a{top:90px;}


/************************************** LOGOS **************************************/
#logos div.logoholder{border-bottom:1px solid #744e33;border-top:1px solid #744e33;
display:none;height:260px;}
#logos div.logoholder img{float:left;margin-right:20px;width:250px;}
#logos div.logoholder p{position:relative;top:40px;}
#logos #thumbnails {overflow:auto;padding:5px 0px;margin:15px 0px 0px 18px;}
#logos #thumbnails p{margin:0; padding:0;display:block;width:590px;height:55px;}
#logos #thumbnails img{width:70px;height:70px;}
#logos #thumbnails a{display:block;float:left;margin:0; padding:0;height:70px;width:70px;border:1px solid #BBBBBB;background-color:#BBBBBB;outline:none;
margin-right:-1px;margin-bottom:-1px;;opacity:.10;filter: alpha(opacity=10); -moz-opacity: 0.1}
#logos #thumbnails a.first{display:block;float:left;margin:0; padding:0;opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}
#logos .thumbnails{position:relative;padding-top:1px;float:left;width:180px;text-indent:0em;}
#logos .thumbnails a img{	border:1px solid #774E33;}
#logos .thumbnails a:hover img{	border:1px solid #CCDAD1;}

/************************************** LISTS **************************************/
.date{font-weight:bold;font-size:11px;color:#774e33;}


.typesofambigrams a.sample {float:left;margin-right:12px;margin-bottom:40px;}
.typesofambigrams p{clear:left;}
.typesofambigrams h2{clear:both;margin:25px 0px 10px 0px;}

/************************************** HOMEPAGE **************************************/

.splashleft{	border:4px solid #bbccbb;	margin-right:30px;	float:left;}
.splashright{	border:4px solid #bbccbb;	margin-left:30px;}

small{font-family:arial, helvetica, sans-serif;font-size:10px;line-height:13px;}


h1{color:#774E33;font-size:160%;letter-spacing:.2em;font-weight:normal;margin:0px 0px 10px 0px;font-variant:small-caps;}
h2{font-size:90%;font-weight:bold;margin:0;font-family:arial, helvetica, sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#77bbaa}

#work{ margin-left:202px;  margin-top:205px;  width:660px; font-size:85%; line-height:15px; }
#workleft{width:350px;}
#workleft img{margin-right:20px;float:left;}
#workleft p{	margin-top:30px;vertical-align: middle;}
#gallery{ position:fixed; left:0px; top:0px; padding:0px 0px 15px 0px; margin:185px 0px 0px 555px; width:290px; text-align:center;}
.gallerythumbs li{width:80px;height:48px;background-image:none;text-align:center;float:left;padding:0;margin:0;}
#othergallery{ position:absolute; left:400px; top:280px; width:390px; text-align:center;}
#gallerypaintings{ position:fixed; left:0px; top:0px; padding:0px 0px 15px 0px; margin:160px 0px 0px 185px; width:575px; text-align:center; border:1px solid #ff0000;}
blockquote{	color:#774E33;background-color:inherit;	text-indent:0em;line-height:18px;}
.otherambigramscaption{width:300px;float:left;margin-top:70px;color:#774E33;font-size:11px;line-height:13px;background-color:inherit;display:none;}

/******************* NAVIGATION *********************/
ul#navbar{list-style-type:none;position:absolute;top:0px;margin:0;padding-left:190px;}
ul#navbar li{display:block;float:left;padding:0;background:none;}
ul#navbar a{display:block;height:39px;float:left;background-image:url(images/nav_off.gif);background-repeat:no-repeat;text-decoration:none;
color:#fff;text-align:center;font-size:0px;}

#navnews       a{width:50px;background-position: 0px 0px;}
#navambigrams  a{width:90px;background-position: -50px 0px;}
#navlogos      a{width:65px;background-position: -138px 0px;}
#navart  a{width:125px;background-position: -199px 0px;}
#navbackground a{width:105px;background-position: -322px 0px;}
#navforsale    a{width:75px;background-position: -426px 0px;}
#navcontact    a{width:80px;background-position: -498px 0px;}
#navbar li.on a, #navbar li a:hover{background-image:url(images/nav_on.gif);}
#subnavbar{width:190px;position:absolute;top:47px;left:181px;list-style-type:none;padding:10px 0px 10px 0px;margin:0;background:url(images/subnav_bg.gif) top left no-repeat;display:block;
overflow:auto;text-indent:0;}
#subnavbar li{display:list-item;margin-bottom:-3px}
#subnavbar a{text-decoration:none;font-style:italic;font-size:12px;color:#999977;padding-left:20px;}

#subnavbar li.on a, #subnavbar a:hover{color:#572d19;font-weight:bold;}
#promospace{position:absolute;left:371px;top:47px;width:370px;background:url(images/wash.jpg) top left no-repeat;padding:10px 0px 0px 20px;height:160px;}
#promospace a.teaser{font-size:0;outline:none;width:390px;height:120px;background-position:center top;display:block;background-repeat:no-repeat;margin-top:15px;}
#promospace blockquote{font-size:1.3em;padding:.5em 0em;margin:0px;}
a#commission{background-image:url(images/teaser_commission.jpg);}
a#purchase{background:url(images/teaser_purchase.jpg) left 7px no-repeat #fff;text-indent:-300em;height:110px;display:block;width:260px;float:right;margin-left:1em;overflow:hidden;}
img.header{}
#showcase canvas{margin-top:-30px;z-index:0;margin-bottom:-5em}
#showcase img{position:relative;top:-30px;}
div#footer{margin:220px 0px 0px 200px;width:700px;font-size:75%;line-height:160%;font-family:georgia, serif;
padding-top:20px;clear:both;overflow:auto;}

#copyright{width:150px;float:left;height:100px;border-right:1px solid #bbccbb;}
#copyright_details{width:370px;float:left;padding:0px 15px 0px 15px;border-right:1px solid #bbccbb;height:100px;}
#external_links {float:left;width:120px;padding-left:10px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px dotted brown;
	background-color: #572d19;
	color:#fff;
	font-family:'times new roman', 'times roman', serif;
	font-style:italic;
	font-size:140%;
	padding: 5px 10px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

span.hiphop{font-size:15px;line-height:20px;font-style:normal;}

object.audio{vertical-align:middle;margin-left:20px;position:absolute;right:0px;opacity: .001; filter: alpha(opacity=.1); -ms-filter: "alpha(opacity=.1)"; -khtml-opacity: .001; -moz-opacity: .001;}