/* 
Jonathan Gibson
*/

/* Digi-Debris  ----------------------------  Flotsom Bits */

div.floatright img
{ 
/* border: 1px dashed lightgray;  */
padding: 2%;
text-align: center;
}

.floatright
{
display: inline;
padding: 2%;
float: right;
margin:2% 2% 2% 2% 
}

div.floatleft img
{ 
/* border: 1px dashed lightgray;  */
padding: 2%;
text-align: center;
}

.floatleft
{
display: inline;
padding: 2%;
float: left;
margin:2% 2% 2% 2% 
}


html body, body {
			margin:0;
			padding:0;
			font-size:small;
			font-family:Tekton, Bradley Hand ITC TT-Bold, Palatino, Georgia, Comic Sans, sans-serif;
			font-style:normal;
			background:#eff0e2;
/* 			background:#eff0e2 url(images/warmgray-light.jpg) repeat fixed 100% 100%; */
			color:#990033;
}
/* IE / windows  - escape hatch for IE6 */
* html body {
            		font-size:x-small;
			font-size:small;
}

/* Anchored Graphic  ----------------------------  Bottom-Right*/
#container  {
			background:url(images/logo-scribefade.png) no-repeat fixed 100% 80%;
			margin:0;
			padding:0;
}

/* DIV-ide ---------------------------- and Rule...  */

#intro   {
			margin:0;
			padding:0;
			clear:both;
}

#supportingText {
			border-width:0 0 0 0;
			border-style:solid;
			border-color:#000;
			text-align:justify;
			background:#eff0e2;
			color:#960;
			margin:0 303px 0 0;
}

#linkList  {
			position:absolute;
			right:0;
			top:121px;
			width:300px;
			margin:1;
			border-left:3px solid Tan;
			border-bottom:3px solid DarkKhaki;
			padding:0;
			color:#c30;
			background:#eff0e2;
}

* html #linkList {
	position:absolute;
	right:0;
	top:120px;
			t\op:121px;
	width:303px;
			w\idth:300px;
}


/* Text  ----------------------------  Styles  */

h1 span, h2 {
			/*display:none;*/
			margin:0 30% 0px 25px;
			height:48px;
}

/* Page  ---------------------------- Headline */
h1      {
			background:#fff url(images/wash-light-sm.jpg) repeat-x -1px 0;
			font:small-caps  Tekton, Bradley Hand, Marker Felt, Comic Sans, Verdana, Palatino, serif;
			height:72px;
			margin:0; 
			padding:0;
			border-bottom:1px solid DarkKhaki;
			border-top:1px solid DarkGoldenRod;
			width:auto;
			color:#990033;
			 font:small-caps 24px/20px 
			 text-shadow: Sienna 0px 0px 2px;
			 font-weight:lighter;
			 font-style:oblique
}

/* Section  ---------------------------- Label */
h2	{
			/* background:url(buttons.png) no-repeat; */
			font: Tekton, Bradley Hand, Marker Felt, Comic Sans, Verdana, serif;
			color:Brown;
			margin:0;
			line-height:120%;
			font-size: medium;
			font-stretch:expanded;
/* 			font-weight:lighter; */
			/* text-shadow: rosybrown 0px 0px 1px; */
			text-indent:32px;
			font-variant:small-caps;
			padding:5% 5% 10px 10px;
}

/* Section  --------Lead Paragraph with Icon--------- Explain */
h3   {
			font:small-caps 12px/24px Tekton, Bradley Hand, Marker Felt, Comic Sans, Palatino, serif;
			line-height:120%;
			color:Sienna;
			margin:0 10% 0px 10px;
			text-shadow: Silver 0px 0px 1px;
			font-weight:lighter;
			background:url(image/Earth-Splash.png) no-repeat 20px 0px;
			font-size: medium
			text-align:right;
			text-indent:32px;
			padding:0;
}

/* Item  ----------Paragraphs w/o Icon --------  Title*/
h4 {
			font:small-caps 12px/24px Tekton, Bradley Hand, Marker Felt, Comic Sans, Palatino, serif;
			line-height:1.25;
			color:#990033;
			margin:0 10% 0px 10px;
			text-shadow: RosyBrown 0px 0px 1px;
			font-weight:lighter;
			text-align:justify;
			text-indent:32px;
			padding:0;
}

h5 {
			margin:30px 5% 10px 15%;
			/*background:url(art/Label-wash.png) no-repeat 0px 0px;*/
			font-weight:lighter;
			font:18px/1.5, Tekton, Bradley Hand, Marker Felt, Comic Sans, Palatino, serif;
			font-size: medium;
			font-weight:lighter;
			line-height:1.8;
			color:#990033;
			text-align:left;
			margin-bottom:5px;
			text-shadow: Silver 0px 0px 1px;
}

h6 {
			margin: -5px 5% 0px 15%;
			/* background:url(whitewash.png) no-repeat 0px 0px; */
			font:12px/1.0, Tekton, Bradley Hand, Marker Felt, Comic Sans, Georgia, serif;
			font-style:oblique;
			font-weight:lighter;
			font-stretch: ultra-condensed
			/*text-transform:uppercase;*/
			line-height:1.25;
			font-size: 1;
			color:#990033;
			text-shadow: DarkGoldenRod 0px 0px 1px;
			text-align:right;
			margin-bottom:5px;
}

/* IE windows only - IE5 gets the text-indents wrong  */

* html #supportingText h3, * html #preamble h3 {
			text-indent:0;
			te\xt-indent:85px;
			padding:0 0 0 85px;
			paddi\ng:0;
}

#preamble h3 {
			border-top:none;
			font-size:30px;
}

#linkList h3  {
			background:#fff url(art/wash-light-sm.jpg) repeat-x -1px 0;
			/* background:#fff url(art/Label-wash.png) repeat-x -1px 0 ; */
			color:DarkOliveGreen;
			border-width:1px 0;
			border-style:solid;
			border-color:LightGrey;
			margin:0 0 0 0;
			line-height:200%;
			height:34px;  
			
			font:small-caps bold 16px/34px Palatino,Georgia,sans-serif;
			padding:0 0 0 5px;
			text-align:left;
			text-indent:0;
}

#linkList h3.select {
			border-top:0;
}

/* divs o' intro
================================= */

#quickSummary {
	position:absolute;
	top:5px;
	right:0px;
	width:280px;
	margin:0px 0px 0 0;
	padding:20px 5px 5px 0;
}

#preamble {
			padding:0;
			margin:0 303px 0 0;
}


/* divs of supportingText
=====================================  */

#footer {
			/* background:url(art/Wraptures_One-icon.png) no-repeat 100% 0; */
			height:38px;
			color:#333;
			border-width:3px 1px 1px 0;
			border-style:solid;
			border-color:#900;
			text-align:center;
			margin:0 4% 0 0;
}


/* divs via linkList
===================================== */

#linkList div {
			border-left:1px dotted #fff;
}

#linkList #lresources ul {
			padding:0;
}

/* lists 
==================================== */
#linkList ul  {			
			text-indent:5px;
			padding:0;
			margin:5px 0 0 0;
}

#linkList ul li {			
			border-bottom:1px dotted #ccc;
			padding:0;
			margin:0;
			font:11px/17px Arial,verdana,sans-serif;
			display:block;
			height:17px;
			color:Olive;
			background:none;
}

#linkList ul li:hover {
			background:#babd92;
			color:DarkOliveGreen;
}


/* Linkages  */

a   {
			text-decoration:none;
			/* border-bottom:1px dotted #999; */
			color:Maroon;
			background:none;
			min-width: 101%
			text-shadow: RosyBrown 0px 0px 15px;
			margin:0 0 0 0;
}

a:visited {
			color:DarkSlateBlue;
			background:none;
			margin:0 0 0 0;
}

a:hover {
			color:Indigo;
			/* border-bottom:1px solid IndianRed; */
			background: none;
			text-shadow: Silver 0px 0px 2px;
			margin:0 0 0 0;
}

a:active {
			color:Maroon;
			background:none;
			/* border-bottom:1px dotted Indigo; */
			margin:0 0 0 0;

}

#linkList a {
			font:11px/13px Arial,verdana,sans-serif;
			text-decoration:none;
			color:DarkOliveGreen;
			border:0;
			padding:2px 5px;
			margin:0;
}

#linkList a:hover {
			background:#b2bd92;
			color:Black;
			border:0;
}

#footer a {
			font:bold 90%/34px Myriad,sans-serif;
			text-decoration:none;
			padding:2px;
			border:1px solid #fff;
}

#footer a:hover {
			background:#fff;
			color:#600;
			border:1px solid #c30;
}

/* paragraphs
==================================== */
p {
			margin:5px 5% 5px 15%;
			/*background:url(art/Label-wash.png) no-repeat 64px 0px;*/
			font-weight:heavy;
			font-size:medium;
			line-height:1.5;
			color:#990033;
			text-align:left;
			margin-bottom:1px;
			margin-top:1px;
			text-shadow: DarkGray 0px 0px 1px;		
}

p.p1  {
			margin-top:0px;
}

#preamble p.p1 {
			margin-top:5px;
}

#supportingText p:first-letter , #preamble p:first-letter {
			font-size:150%;
			line-height:1;
			font-weight:lighter;
			color:990033;
			text-shadow: Silver 0px 0px 2px;
			/* background:none; */
			/* background:url(../art/whitewash.png) no-repeat 0px 0px; */
			
}
			
#quickSummary p {
			font:11px/1.4 Arial,verdana,Georgia,sans-serif;
			line-height:1.3;
			margin:0;
			padding:0;
			background:transparent;
			color:#663333;
}


/*  MISC and Such */

ul     {
			margin:0;
			padding:0;
			list-style:none;
}