@charset "utf-8";

/*
#||||||||||||||||||||||||||||||||||||||||||||||
#      ___           ___           ___     
#     /\  \         /\__\         /\  \    
#     \:\  \       /:/ _/_       _\:\  \   
#      \:\  \     /:/ /\__\     /\ \:\  \  
#  ___ /::\  \   /:/ /:/  /    _\:\ \:\  \ 
# /\  /:/\:\__\ /:/_/:/  /    /\ \:\ \:\__\
# \:\/:/  \/__/ \:\/:/  /     \:\ \:\/:/  /
#  \::/__/       \::/__/       \:\ \::/  / 
#   \:\  \        \:\  \        \:\/:/  /  
#    \:\__\        \:\__\        \::/  /   
#     \/__/         \/__/         \/__/    
#||||||||||||||||||||||||||||||||||||||||||||||
#Made In Tacoma, WA, USA @ HOLISTIC FORGE WORKS
#     http://www.holisticforgeworks.com
#     © = R.R. Anderson 
#||||||||||||||||||||||||||||||||||||||||||||||
*/

@import "/css/slimbox.css"; 
@import "/css/prettyPhoto.css"; 
@import url('http://fonts.googleapis.com/css?family=Redressed|Sigmar+One');

/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||| Image Nav CSS ||||||||||||||||||||||||||||||||||||*/

::-moz-selection { background: #CE4551; color: #fff; text-shadow: none; }
::selection { background: #CE4551; color: #fff; text-shadow: none; }


#nav_shell {
	width:180px;
	margin:0; padding:0;
	position:absolute;
	/*top:300px;*/
	left:0;
	z-index:9;
	overflow:visible;
	}

#nav_shell ul {
	position:relative;
	list-style-type:none;
	margin:0; padding:0;
	white-space:nowrap;
	}

#nav_shell li, #splash li {
	text-indent: -666em;
	margin:0; padding:0;
	position:relative;
	opacity:0.3;
	}

#nav_shell li#homeACT, li.homeACT  {z-index:14; width:140px; height:130px;  background:transparent url('/css/img_gui02/00home.png') 0 0  no-repeat;	}
#nav_shell li#artACT, li.artACT {z-index:13; width:180px; height:157px; background:transparent url('/css/img_gui02/00art.png') 0 0  no-repeat;}
#nav_shell li#sciACT, li.sciACT {z-index:12; width:166px; height:128px; background:transparent url('/css/img_gui02/00science.png') 0 0  no-repeat;}
#nav_shell li#advACT, li.advACT {z-index:11; width:171px; height:124px; background:transparent url('/css/img_gui02/00adventure.png') 0 0  no-repeat;}
#nav_shell li#shopACT {z-index:10; width:142px; height:133px; background:transparent url('/css/img_gui02/00store.png') 0 0  no-repeat;}

#nav_shell li#homeACT {right:50px; top:-15px; opacity:0.5;}
#nav_shell li#artACT {right:40px; top:-15px;}
#nav_shell li#sciACT {top:-35px;}
#nav_shell li#advACT { top:-55px;}
#nav_shell li#shopACT {right:15px; top:-75px;}

#nav_shell li:hover, #nav_shell li#homeACT:hover {opacity:1;}

/* -----------------LINKS-----------background-size: cover;----*/
#nav_shell li a, #splash li a {display:block; width:100%; height:100%; overflow:hidden;}
	
#nav_shell li#homeACT a {}
#nav_shell li#artACT a {}
#nav_shell li#sciACT a {}
#nav_shell li#advACT a {}
#nav_shell li#shopACT a {}

/* -----------------HOVER---------------*/
#nav_shell li a:hover {}
	
#nav_shell li#homeACT a:hover,
#nav_shell li#artACT a:hover,
#nav_shell li#sciACT a:hover,
#nav_shell li#advACT a:hover,
#nav_shell li#shopACT a:hover {/*color:lime;*/}


/*------------------------------------------nav activation --------------------*/
#home li#homeACT,
	#cont li#homeACT,
#art li#artACT,
	#tacomix li#artACT,
	#chalk li#artACT,
#sci li#sciACT,
#adv li#advACT,
#shop li#shopACT {opacity:1;}
	

.sticky {top:300px;}
	



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||| THE HEADER+LAYOUT ||||||||||||||||||||||||*/
* {margin: 0; padding: 0}

body {font:normal 76%/120% Arial, Helvetica, sans-serif; color:#333333;	background:#fff url('/css/img_gui02/halftoneBG.png') 0 0  repeat-x;	}

body#rex_viewer {text-align:center; background-image:none; font-family:"Courier New", Courier, monospace;}
body#rex_viewer .format2 {text-align:left; padding:1em;}
		

#holder_shell {background:#fff url('/css/img_gui02/mastheadBG.gif') 0 0 no-repeat; position:relative; width:1020px; margin:0 auto 0 auto; padding-top:67px;}
#holder {background:transparent url('/css/img_gui02/gearBG.gif') 0 100% no-repeat; padding-bottom:50px;}

#masthead  {position:relative; width:100%;	height:105px; }
#masthead #logo {
	width:130px; height:90px; background-color:transparent;
	position:absolute; top:-66px; left:25px; z-index:99;
	}
#masthead #logo a {width:100%; height:100%; display:block;}
#masthead #logo img, #ftpi-viewer #a-cartoon {border:0 none; display:none;}

#masthead #hfw {position:absolute; top:40px; left:0; 
	width:100%; height:63px; background:transparent url('/css/img_gui02/hfw.png') 605px 42px no-repeat;
	cursor:help; z-index:98; text-indent:238px;
	letter-spacing:1em; font:normal 76%/100% Arial, Helvetica, sans-serif; text-transform:uppercase;
	color:#0377BF; cursor:default; white-space:nowrap;	
	}

#content {margin:50px 15px 100px 205px; overflow:auto; min-height:680px;}
#maincol_shell {float:left; width:100%; margin-right:-250px;}
#maincol {margin-right:250px;}
#altcol {float:right; width:240px; font-size:90%; }
 
.onecol #maincol_shell, .onecol #maincol, .onecol #altcol {float:none; margin:0; width:100%;}


#altcol .padd {padding:0 1em 0 .5em;}
#altcol fieldset {border:1px solid #D9CEBE; margin-bottom:.5em; padding:3%;}
#altcol legend {color:#4E4E4C; margin:0; padding:1px;}
#altcol ul ul {margin-bottom:.2em;}
#altcol fieldset ul, #altcol fieldset ol {margin:0; padding:0 0 0 15px;}


aside {}


/*--------------------------------------- HMPG ---------*/
body#home {background:#fff url('/css/img_gui02/halftoneBG.png') 0 975px  repeat-x;}

#splash_shell {background-color:#B3E6FF; width:100%;}
#splash {
	text-align:left; background:url('/css/img_gui02/2011SPLASH.jpg') 50% 100%  no-repeat; 
	position:relative; width:1020px; min-height:975px;
	margin:0 auto; overflow:visible;
	}
#splash ol {margin:0 !important; padding:0 !important; list-style-type:none; position:relative;}
#splash li {position:absolute; background-size:cover;}


#splash li.homeACT {left:37%; top:280px; opacity:0.6;}
#splash li.artACT {left:13%; top:395px;}
#splash li.sciACT {right:39%; top:466px;}
#splash li.advACT {right:22%; top:405px;}
#splash li.bookACT {width:300px; height:364px; left:-89px; top:506px; background:transparent url('/css/img_gui02/splashbook.gif') 0 55%  no-repeat; }

#splash li:hover {opacity:1 !important;}


h3.ftpi, .linklist li, .cboth {clear:both;}
.linklist li li {clear:none;}
h3.ftpi cite {
	display:block; float:left;  font:normal 10px "Comic Sans MS",Times,serif;
	width:72px; height:66px; background:#fff url('/css/img_gui01/no-bug.gif') 0 0 no-repeat; overflow:hidden;
	position:relative; right:15px; top:-7px;
	}
#content h3.ftpi cite a {color:#6F6F6F; position:absolute; top:14px; left:24px; display:block; width:72px; height:66px; text-decoration:none; }
#content h3.ftpi cite em {color:#6F6F6F; position:absolute; top:7px; left:-24px; display:block; text-align:center; width:100%; font-style:normal; font-size:2.33em; cursor:pointer; }
#content h3.ftpi cite a:hover {background-color:transparent;}


.bloggg ul, .bloggg h3, .bloggg p {list-style-type:none; margin:0; padding:0; line-height:115%;}
.bloggg h3 {font-size:1.8em; line-height:100%; }
.bloggg h3 em {
	font-family: 'Redressed', cursive;
    font-size: 0.6em;
    font-style: normal;
    letter-spacing: 0.05em;
	}
.bloggg li {font-size:90%; margin-bottom:1em; }
.bloggg li:nth-child(-n+5) h3 {font-size:4em; letter-spacing: -0.05em; }
.bloggg li:nth-child(-n+5) p {font-size:1.4em;}
.bloggg li:first-child h3 {font-size:6em; letter-spacing:-0.1em; }

.flickr_badge_image {display:inline;}
.flickr_badge_image img {border: 3px double #B3E6FF !important; margin-right:.3em;}

.twtr-reply, .twtr-rt, .twtr-fav, .twtr-ft, .twtr-hd {display:none;}
.twtr-widget .twtr-tweet { border-bottom: 1px dotted silver !important; font-family:"Courier New", Courier, monospace;  letter-spacing: 0.15em; text-transform: uppercase;}
.twtr-tweet:nth-child(odd) {background-color:#fff !important; border-left:1px solid silver; border-right:1px solid silver;}

.twtr-widget {margin-bottom:1em;}
#chalk .twtr-widget {width:180px; float:left;}

/*--------------------------------------- ART! ---------*/
ul.tacomixfeed {list-style-type:none; margin:0; padding:0;}
ul.tacomixfeed img {float:left; display:block; margin:0 .5em .5em .5em;}
.tacomixfeed li {clear:both; overflow:auto; border-bottom:4px dotted #B3E6FF; margin-bottom:.55em;}
.tacomixfeed li:last-child {border-bottom:0 none;}
.tacomixfeed li:nth-child(odd) {}
.tacomixfeed li:nth-child(even) {}
.tacomixfeed h3:first-letter {}


/*--------------------------------------- MUSEUM ---------*/
body#sci {background:#fff url('/css/img_gui02/halftoneBG.png') 0 300px repeat-x;	}
.flex-caption {
	font-family: 'Sigmar One', sans-serif;
	color:#fff;
	font-size:3em !important;
	border-bottom:1px dashed #fff;
	}



/*--------------------------------------- PORTFOLIO SECTIONS ---------*/
dl.galtxt {clear:both;font-size:12px;font-size-adjust:none; line-height:17px;margin:10px 0; min-height:80px;padding:10px 0;}
.galtxt dt {float:left; margin:0 15px 0 0; padding:0;}
.galtxt dt.big {float:none; margin:auto;}
.galtxt dt img, .galtxt dt a, .gallery dt img, .gallery dt a {border:3px double #B3E6FF; display:block;}
.galtxt dd {color:#685555; border:0 none; margin:0; padding:0;}
.galtxt dd strong {color:#4E4E4C;}
.galtxt dd p {font-size:11px; line-height:normal; margin-top:3px;}
.galtxt dd sub {font-size:100%;}


.gallery {clear:both; width:100%; overflow:auto;}

.gallery dl {
	background-color:#fff;
	width:auto; height:auto;
	text-align:center;
	padding:.5em;
	float:left;
	margin:.3em; margin-bottom:.5em;
	-moz-border-radius:.3em; border-radius:.3em;
	
	-moz-box-shadow: 1px 1px 2px #888; -webkit-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888;
	}
.gallery dt {color:#3F3F3F; font-weight:bold; font-size:.9em;	padding-left:0;}

.gallery dd {font-size:.8em; margin:0;padding:0; border:0 none;}
.small dl {width:auto; height:140px;}

#sale .galtxt dt img {margin-bottom:2em;}

.big24 dl {
	background-color:#fff !important;
	padding:.2em; margin-bottom:1em;
	}
.big24 dl:hover {
	background-color:yellow !important;
	}	
.big24 dt img, .big24 dt a {border:1px solid #B3E6FF;}


/*--------------------------------------- THE FOOTER ---------*/
#footer {
	width:100%; min-width:1020px; color:#0377BF;
	background:#000 url('/css/img_gui02/halftoneBG2.png') 0 0 repeat-x;
	text-align:center; z-index:100;
	clear:both; padding-top:100px; overflow:visible; position:relative;
	}
.footlocker {width:1020px; margin:0 auto; overflow:auto; }	
.aboot, .zitemap, .contakt {width:340px; float:left; text-align:left; }	
#footer .vee {
	width:100%; min-width:1020px; height:315px; 
	background:transparent url('/css/img_gui02/footerBG.gif') 50% 100% no-repeat;
	color:#0377BF; cursor:help;
	letter-spacing:.8em; text-transform:uppercase;
	font-size:.8em;
	}

#footer ul {}

#footer li {}
#footer h3 {color:#fff; }
#footer p {}
#footer a {color:#fff;}
#footer a:hover { text-decoration:none;}


/*------------------------------------------floating embelishments --------------------*/
.pencils, .erasershield, .mug {display:block; position:fixed; top:0; right:0;}
.pencils {top:200px; width:117px; height:153px; background:transparent url('/css/img_gui02/pencils.png') 0 0 no-repeat; z-index:98}
	#sci .pencils {z-index:-1;}
.erasershield {top:100px;width:79px; height:91px; background:transparent url('/css/img_gui02/erasershield.png') 0 0 no-repeat; z-index:97}
	#sci .erasershield {top:10px; width:260px; height:205px; background:transparent url('/css/img_gui02/amoae-motto.png') 0 0 no-repeat;}
.mug {top:350px; width:112px; height:142px; background:transparent url('/css/img_gui02/mug.png') 0 0 no-repeat; z-index:99}
	#sci .mug { position:absolute; top:0px; left:0; width:251px; height:268px; background:transparent url('/css/img_gui02/amoae.png') 0 0 no-repeat;}
.bomb {position:absolute; top:-59px; width:200px; height:134px; background:transparent url('/css/img_gui02/contactbomb24.png') 0 0 no-repeat; z-index:99}
.magnet {position:absolute; top:-144px; width:245px; height:234px; background:transparent url('/css/img_gui02/magnet.png') 5% 100% no-repeat;}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 920px) {

.pencils, .erasershield, .mug {display:none;}
}




/*--========================================================== CONTENT ELEMENTS ---*/
#content a {color:#2EB4F2;}
#content a:visited {color:#BCBCBC;}
#content a:hover {text-decoration:none; background-color:yellow;}

h2, h3, caption {color:#4E4E4C;
	letter-spacing:.1em; font-size:2.5em; line-height:115%;
	padding-bottom:.5em; text-align:left;
	font-family: 'Sigmar One', sans-serif;
	}
h2 sup {display:block; clear:both;
	font:normal 2em Arial, Helvetica, sans-serif;
	letter-spacing:.3em;
	color: #000;
	font-family: 'Redressed', cursive;
	}
h2 sub { font-size:.9em; letter-spacing:-.03em;
	background-color:#D65964; color:#fff;
	display:block; clear:both; 
	text-align:center;
	font-family: 'Redressed', cursive; font-style:italic; font-weight:normal;
	-moz-border-radius: .5em 2em .5em 2em;
	border-radius: .5em 2em .5em 2em;
	}
h2 em {color:#CE3340;}

h3, caption {color:#4384A0; font-size:2em; font-weight:normal; letter-spacing:0;}
h3 em {color:#AFACA4;}

h4 {font-size:1.1em; letter-spacing:.1em; text-transform:uppercase; color:#6A7E97; }
h5 {font-size:100%; font-family: 'Redressed', cursive;}
h6 {color:red;}

p {line-height:180%; margin-bottom:2.5em;}
#maincol p {text-align:justify;}	

ul, ol {margin:0 0 2.5em 3em;}

dt {color:#9F9F9F;	font-weight:bold; font-size:120%;	padding-left:20px;	}
dd {margin:0 0 3.5em 2em; padding-bottom:2em; color:#4D5F55; border-bottom:1px dashed #C2CFA8;}
dd p {margin:0 0 .5em 0;}
dd strong {color:#1F3F2D;}

del {background-image:url('/css/img_gui01/blackout.gif');  color:#000;}

blockquote {color:#534126; background-color:#FFFDEF; border:1px dashed #DFDBC3; padding:1em; margin-bottom:2.5em;}
blockquote p {margin-bottom:1em;}
blockquote address {text-align:right; font-size:150%;}

hr {border:none 0; border-top:1px dashed #CE3340; width:99%; height:1px; margin:1em auto;	text-align:left; clear:both;}
hr.cutter {background:transparent url('/css/img_gui02/cutout_x.png') 100% 0 no-repeat; 
	border:none 0; border-bottom:1px dashed #000; 
	width:99%; height:75px; margin:1em auto; text-align:left; clear:both;
	}

#a-cartoon {clear:both; position:relative; width:495px; margin-bottom:2.5em;}
#a-cartoon h3 {position:absolute; right:0; cursor:help;}
#a-cartoon p {margin:0; padding:0;}
#a-cartoon p.toon img {border:1px dashed #BFBFBF;}
#a-cartoon p.toon {background:transparent url(/css/img_gui01/cutout.gif) 372px 204px no-repeat;}
#a-cartoon p small {position:absolute; right:0; display:block; width:100px; top:164px; text-align:right; line-height:115%;}

table {border-collapse:collapse; width:99%; margin-bottom:2.5em; clear:both;}
td, th.var {border-top:1px solid #BFBFBF; padding:.3em 0;}
.stats tr td:first-child {text-align:center;}

q {font-family:"Courier New", Courier, monospace; color:#7F5C3A;}
.linklist dd {border-bottom:0 none;}
ol.alpha {list-style-type:upper-alpha;}






/*--------------------------------------- img treatments ---------*/
#footer img, #getreader, #content a img  {border:0 none;}
.mouse_ro a img {vertical-align:bottom;}
.mouse_ro a {display:block;	margin:auto; width:165px; background-color:transparent;}
.mouse_ro a:hover {background:#ffffae url(/css/img_gui01/electric_selector.gif);}

.frame, #content img.frame, #content a img.frame, #homestar {border:1px solid #4e4e4c; padding:2px; background-color:#fff;}

.float_right {
	margin:5px 0 5px 15px;
	float:right;
	}

.float_left, #homestar {
	margin:5px 15px 5px 0;
	float:left;
	}

.just_float_left {
	float:left;
	}

.center {
	margin: 1em auto 0 auto;
	text-align:center;
	display:block;
	}

.noborder, .galtxt dt img.noborder {border:0 none !important;}

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Forms etc. ||||||||||*/
form {}
form p {text-align:left;}

fieldset {
	padding:15px; margin-bottom:1em;
	border:0 none;
	}

#content #lcol fieldset {clear:both;} 

legend {color:#08489A;} 

.required { color: red;}

form input.text{
	border: 1px solid #000;
	margin-bottom: 2px;
	}

input {
	background-color: #FFF;
	color: #5F5959;
	border:1px solid #CCC;
	padding: 3px;
	letter-spacing:.1em;
	}

.input {
	background: #fff;
	border: 1px solid #BDBDBD;
	color: #000;
	margin: 1px; padding: 2px;
	}

select {margin: 1px; font:12px arial,verdana,helvetica,sans-serif;}

input:focus, select:focus, textarea:focus {
	background: #FFFCCF;
	color: #000; 
	}

textarea {
	background: #fff;
	border: 1px solid #BDBDBD;
	color: black;
	padding: 2px;
	}

.fingered { cursor: pointer;}

label {color:#5F5A4D;}

p.radioz label {display:inline; width:auto; float:none;}

p.radioz {margin:.8em 0;}

#maincol fieldset p {clear:both; margin:0; padding:0; text-align:left;}
#maincol fieldset.optional p {margin-bottom:1em; line-height:120%;}

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| store widget ||||||||||*/
table.gadget {border:1px dotted #BFBFBF !important;}

.description {color:red !important;}
.product-description {color:red !important; font-weight:bold;}