/* Dynamic Art and Text */ 
/* last update: February 2010 */
/* Funky Template Master */

@import url(DATbase10.css); /* = Reset styles */
@import url(datUser10.css); /* = content styles available to Admin User */
@import url(jQ-dd-tanaka.css); /* = hnav with dropdown menus */
@import url(customFONT.css); /* = embed custom font */

/* ---------------------------------------------------
   Attributes and Classes for structural HTML elements 
------------------------------------------------------*/

body {font-family:Verdana, Arial, Helvetica, sans-serif; }
body.bgColor {background-color:#edab39; background-image:url(../images/bg-2010-autumn.jpg); background-repeat:repeat; background-attachment:fixed; }
h1 { font-size: 2em; }
h2 {font-size: 1.5em; }
h3 {font-size: .875em; 	}
h1, h2, h3 {font-family: Helvetica, Arial, sans-serif; line-height:110%; padding-bottom: 7px}
ul, ol {font-size: .75em;	line-height: 130%;}
/* control font-size in nested lists */
ol ol, ul ul, ol ul, ul ol {	font-size: 100%; }
li {list-style:disc outside}
p {font-size:.75em; line-height:130%;}
input, textarea, select {color:#036}
hr {margin: 10px 0 10px 0;}
hr.fineLine {
	border-top-width: thin;	border-top-style: solid; border-top-color: #666699;
	border-right-style: none; 	border-bottom-style: none;	border-left-style: none;
	margin-bottom: 5px;	width: 100%;}
code {font: normal .75em "Courier New", Courier, monospace;	white-space: nowrap;	padding: 0 2px;}
pre code {
	display: block;	clear: both;
	background: url(../images/code-bg.gif);
	width: 470px;	line-height: 140%;
	margin: 5px 0 15px; padding: 10px;
	color: #333;	border: solid 1px #ccc;
	overflow: auto;	white-space: pre;}
	
/*------------------------------------------------------
  		ALL CLASSES 
  ------------------------------------------------------*/
.clearFloats {clear:both;}
.bannerTitle {margin:0 0 0 300px; height:auto; padding:11px 15px 10px; font-family:"DaysRegular",Verdana,sans-serif; font-size:1.25em; text-align:right; color:#f7cf89; }
.leadTight { line-height: 100%; }
.leadLoose { line-height: 150%; }
.leadVLoose { line-height: 180%; }
.resume p {padding:2px auto 3px;}
.resume h4 {font-size:1em; color:#036}
/* LISTS and other indents */
.boxIN { padding-left:30px; }
.boxIN li {padding-left: 5px; padding-top: 8px}
ul.services {list-style:none; font-size: .875em; line-height:150%; font-style:italic; letter-spacing:.05em;}
ul.services li {display:inline; padding:0 3px 0 0;}
ul.services li:before {content:"\2022";}
ul.services li.nopipe:before {content: none;}
.spacer {width:10px;}
.indentSmall {text-indent:15px;}
.indentMed  {margin-left:30px}
.indentBig {margin-left:50px}
.padright {padding-right:6px;}
.padleft {padding-left:50px;}
.padtop {padding-top:60px}
/* boxes - use with DIVs */
.boxL {	float:left; padding:8px 10px 0 0;	height:auto;	width:auto;}
.boxR {	float:right; padding:50px 50px 0 0;	height:auto;	width:auto;}
.scroller {width:550px; height:200px; overflow:scroll; font-family:Arial, Helvetica, sans-serif;
	border-width:thin;	border-style:solid;color: #000066;}
.dropBox {background-color: #eee; margin-top: 100px;}	
/* border, objects, other effects */
.borderDot {border:1px dotted #999999;}
.borderLDot {border-left-color:#999999;	border-left-style:dotted; border-left-width:1px;}
.underline {text-decoration:underline;}
.fineLine {	border-top-width:none;	border-bottom-style:solid;	border-bottom-width:1px;	border-bottom-color:#ffffff;}
.brBorder {	border-width: 1px;	border-color: #666666;	border-bottom-style: solid;	border-right-style: solid; padding-top: 5px}
.bBorder {	border-width: 1px;	border-color: #666666;	border-bottom-style: solid; padding-bottom: 10px; padding-top: 5px}

/* ------------------------------------------ 
   DIVS  - MAIN Positional Containers                 
   ------------------------------------------*/
#bgWrap /* Sticky: negative margin matches footer*/{ width: 830px; height: auto; min-height: 100%; margin:auto; margin-top:-190px; background:url(../images/bgWhite.png) repeat-y 50% top}
#bgWrap.pop {	width: 600px;	min-width: 530px;	height: auto;	background-color: #FFFFFF;}
#footContainer {  clear:both; width:830px; margin:auto; height:190px}
#footContainer p {font-size:0.625em; line-height: 100%; padding-top:22px;}

/* DIVS  -  nested containers and selector styles */
#banner  /*Sticky: border value counters negative value in bgWrap */{ width:830px; height:180px; margin:0 auto; background-image:url('../images/bgBannerA.png'); background-repeat: no-repeat; border-top:190px solid #000}
#banner.pop {width:auto; height:50px; padding-top:1px 0; background-color:#ede6e6; background-color:#9F5F43; background-image:url(../images/bgFoot-Autumn.png); background-repeat:no-repeat; background-position:right bottom; text-align:left; color:#600; height:50px; border:none}
#navBar  /*horizontal - refer imported CSS */{ margin-top:20px; padding:0 0 0 290px }
/*#navBar p {	font-size: 0.75em;	line-height: 100%;	margin-top: 1px;	margin-bottom: 7px;	padding-top: 5px;color: #339900; z-index:99}*/
#mainContainer { width:725px; height:auto; margin:0 20px 0 15px }
#mainContainer p { padding: 0 0 12px 0;}
#mainContainer tr.tight { font-size:.75em; line-height: 130%; }
#mainContainer td p { padding: 5px 0 2px 0;}
#mainContainer h1 {	font-family: "Gill Sans", Helvetica, sans-serif; font-weight: lighter;	color: #999999;}
/* ------- SUB Positional Containers  */
#galleryBox { width: 800px; height: 140px; margin:0 auto; clear:both; padding:0;}
#galleryBox p {font-family: 'DaysRegular', Verdana, san-serif; font-size: 1.25em; color: #fff; text-align: center; vertical-align: middle; }
#content { width:auto; height:auto; margin:0 auto; clear:both; padding:0;}
#content.pop {padding:20px 50px;}
#content.pop p {padding: 5px; 0}

#contentLeft { float:left; width:230px;  padding:20px 20px 0 30px; border-right-width:1px; border-right-style:dotted; border-right-color:#999999;}
#contentLeft.boxed { background-color:#eee; margin-top: 30px; padding-top: 0}
#contentLeft h4.title { font-family: 'DaysRegular', Verdana, sans-serif; font-size: 1.25em; color: #990000; font-style:normal; padding-bottom:5px;}
#contentRight {  width:450px; margin-left:310px; padding-right:10px}
/*#navBox   vertical navigation box { padding:55px 0 50px; height: 184px; width: 250px;}*/
#contentRight.fixed {position: fixed;}
#contentRight h2 {	font-size: .875em;	padding-bottom: 0px;	font-style: italic;	line-height: 140%;	letter-spacing: .05em;}	
#contentRight h3 {	font-size: 1.25em; line-height: 90%; 	padding-bottom: 0px;	color: #999999;}
#footer { clear:both; width:800px; margin:0 auto; padding:0 15px; background-color:#9F5F43; background-image:url(../images/bgFoot-Autumn.png); background-repeat:no-repeat; background-position:right bottom; text-align:left; color:#600; height:50px; }
	
	/* ----------------STICKY FOOTER FIXES courtesy: Paul O and Erik J --------
 *Opera Fix*/
body:before {	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;/}
/*IE fixes*/
* html #bgWrap /* IE6*/ {	height:100%}
#bgWrap:after /* IE8*/{ 	clear:both;	display:block;	height:1%;	content:" ";}

/* -------------------------------------------- 
   ANCHORS*/
A:link {	color: #336611;	text-decoration: underline;}
A:visited {	color: #336611;	text-decoration: underline;}
A:hover {	color: #990000;	text-decoration: none;}
A:active { color: #FF0000;  }

A.linkOther {font-size: 0.75em;padding: 2px 4px; background-color: #600; }
A.linkOther:link { color: #FFF;  text-decoration: none; }
A.linkOther:visited { color: #FFF; text-decoration: none;}
A.linkOther:hover {	color: #000; background-color: #fff;}
A.linkOther:active{  color: #FF0000; background-color: #600;}
/*
A.linksoft:link {	color: #FFFFFF;	text-decoration: none; }
A.linksoft:visited {text-decoration: none;}
A.linksoft:hover {	color: #66FF33;	text-decoration: none; }
A.linksoft {	color: #FFFFFF;	text-decoration: none; }*/