/*  CSS for GoforthStudio 

	Basic hierarchy:
	
	html
		body
			container (based on csszengarden.com)
				header
				breadcrumb
				pagecontent
					article(s)
				navigation
				footer
			subfooter (outside of container)
			
			i.e. most of page is inside the container
			
colors
wine red:    #9E2E2F
dark brown:  #541D1D
light yellow:#F7F5D9
link:        #EA907F

another try (using ColorJack split complementary setting)
#532B00 - dark reddish brown
#005153 - dk turqoise green
#020053 - dk blue

*/


html
{
	margin: 0;
	padding: 0;
}

body 
{	
	margin: 0px;
	padding: 0 20px 20px 20px;
	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, "sans-serif";
	line-height: 17px;
	background-color: #541D1D ;
	color: #F7F5D9 ;
    text-align: center; /* Hack for IE 5.5 to center the container */
}

/* Special Fixes */

/* Win/IE does not recognize the Q tag (quotation)
   See: http://www.alistapart.com/articles/qtag */
   
q:before, q:after {
    content: ""; }
    
/* End Special Fixes */

/* Special styles for expanding menus */

.menu {  
  font-family: verdana, arial, "sans serif"; 
  font-size: 10pt; 
  background-color: #FFFFFF; 
  margin-top: 0px; 
  margin-right: 0px;
  margin-bottom: 0px; 
  margin-left:  0px; 
  border-width: 3px 5px 3px 5px;
  border-color: #666666;
  width: 175px; 
  clip:  rect(   );
}

/*  End expanding menus styles -- Got rid of styles 'exampleboxes' and 'header' - Let's see if OK  */



td 
{
	font-size: 11px;
	line-height: 17px;
}


a {
   padding: 0 1px;
   
   /* Hack for IE 5.0 - The property will not be applied by it
       This browser does not understand dashed borders
       so we have to keep the text decoration using this hack
    */
   text-decoration/* */: none; 
}


/* Anchor pseudo-classes

   Link = HTML link that has not been visited
   Visited = has been visited
   Hover = mouseover link
   Active = on actual mousedown
   
*/
   
a:link {
   color: #EA907F;
   border-bottom: 1px #EA907F dashed;
}

a:visited {
   color: #cccccc;
   border-bottom: 1px #EA907F dashed;
}

a:hover 
{
   color: #F7F5D9;
   background: url(images/am_bg.jpg) repeat #9E2E2F;
}

a:active {
	color: #ffffff;
	font-weight: 600;
}

a.name 
{
	background-color: red;
}

a.anchor
{
	position: absolute;
	left: -600px;
}

.jump_to_navigation 
{
	position: absolute;
	left: -600px;
}

#container
{
	position: relative;
	margin: 10px auto;  /* centers the container horizontally */
	padding: 0 0 70px 10px;
	width: 750px;
	background: #000000;
	border: 1px solid #dddddd;
	text-align: left;   /* undo the effect of the IE hack above */
}

#header
{
	padding: 0 0 20px 0;
}

/* remove any border for header image.  Was showing in IE Windows */
#header a:link, a:visited, a:hover, a:active 
{
	border: none;
}

#header img
{
	padding: 0 15px 0 0;
}

#header h1
{
	font-family: verdana, helvetica, "san-serif";
	font-size: 30px;
	margin-left: 100px;
}

#header h2
{
	font-family: verdana, helvetica, "san-serif";
	font-size: 14px;
	color: #777777;
	margin-left: 100px;
}

#breadcrumb
{
	text-align: right;
	font-size: 9px;
}

#pagecontent
{
	position: relative;
	top: 0px;
	left: 250px;
	width: 400px;

}

div.article
{
	margin: 0px;
	background: #000000;
	padding: 0px 20px 10px 10px;

}


div.article p
{
	text-align: left ;
	line-height: 2em;
	margin-bottom: 2.5em;
	padding: 0 0 0 0px ;
}

/* a paragraph following an h1 tag */
div.article h1 + p 
{
	margin-bottom: 0;
}

div.article p:first-line 
{
	text-transform: uppercase ;
}

div.article p:first-letter
{
	font-family: PackardAntique, "Times New Roman", serif;
	font-size: 3.2em ;
	font-weight: bold ;
	font-style: italic ;
	float: left ;
	padding: 6px 9px 0 0 ;
}

div.article a:hover
{
	background: none;
	background-color: #9E2E2F;
	border-bottom: 1px #EA907F dashed;
}


div.article img
{
	float: left;
	border: 1px solid #000000;
	text-align: left;
	margin: 5px 10px 10px 0;
}

/* This a fix to have borderless pix on front page */
div.article p.noborder img
{
	float: none;
	border: none;
	margin: 0;
}


div.article h1
{
	font-family: "Cardo", arial, helvetica, san-serif;
	font-style: plain;
	font-size: 28px;
	font-weight: 200; 
	color: #9E2E2F ;
	background-color: #000000 ;
	line-height: 30px;
	width: 100%;
	margin: 0 40px 0px -10px;
	padding: 10px 20px 0px 10px;
}

div.article tt.email
{
	font-size: 14px;
}

h2
{
	font-size: 15px ;
	font-weight: 200 ;
	color: #333333 ;
}

h3 
{
	font-size: 15px ;
	font-style: italic ;
	font-weight: 200 ;
}


#navigation
{
	position: absolute;
	top: 120px;
	left: 30px;
	width: 200px;
	font-size: 13px;
}

#navigation a 
{
   border: none;
   padding: 5px;
   font-weight: 900;
   
   /* Hack for IE 5.0 - The property will not be applied by it
       This browser does not understand dashed borders
       so we have to keep the text decoration using this hack
    */
   text-decoration/* */: none; 
}



#navigation a:link 
{
   color: #F7F5D9;
}

#navigation a:visited 
{
	color: #F7F5D9;
}

#navigation a:hover 
{
   color: #9E2E2F;
   background: none;
   border: none;
}

#navigation a:active 
{
   color: #ffffff;
   font-weight: 900;
}

#navigation h1, navigation h2, navigation h3
{
	font-size: 17px;
	font-weight: 100;
	color: #999999;
}

#navigation ul
{
	list-style-type: none;
}

#navigation li
{
	margin-left: -40px ;
	padding-left: 0px ;
	line-height: 26px ;
}

#navigation li.you_are_here
{
	list-style-type: disc;
	color: #ff0000;
}


#footer
{
	position: relative;
	bottom: 50px;
	padding: 5px;
}

#subfooter a
{
	color: #000000;
	border: none;
}

#subfooter p
{
	color: #ffffff;
}

#print_subfooter
{
	display: none;
}

#handheld_subfooter
{
	display: none;
}