/*
 * turtleZERO 3.0 Main CSS file
 */

/*
 * COLOR PALETTE
 */

 
/*
body Background color: FFCCCC PWR Pale Weak Red
Menu Current Page Underline:  FF9999 PDR Pale Dull Red
Menu Hover Underline Color: FF0000 R Red
Menu Hover Background Color: FFCCCC
H3 Text Color: FFFFFF W White 
H3 Background Color: CC9999 LWR Light Weak Red
*/
body { background-color: #FFCCCC ; }
#navbar a:
#navbar a:hover { border-bottom-color: #FF9999 ; }
h3 { background-color: #CC9999; color: #FFFFFF ; }
 
/*
 *	GLOBAL OVERRIDES
 */

 
 
html
{
	/* 
	height: 90% ;
	*/
}

body 
{	font-family:  "Century Gothic", "Arial", "Helvetica", "Sans-Serif" ;
	font-size: 10pt ;
	margin: 0 ;
	border: none ;
	padding: 0 ;
	text-align: left ;
	/* border: 1px solid blue ; /**/
}

body
{	background-color: #FED ;
}

/* 
 * Container style
 */

#container
{	/*center the page body */
	margin: 0px auto ;
	width: 60em ;
	background-color: #FFFFFe;
	padding: 0 2em 2em 2em;
}

/*
 *	HEADINGS 
 *	AND DIV/P SIBLINGS OF HEADINGS
 */
 #page-header 
 { width: 100% ;
}
 
#page-middle
{  }

h1, h2, h3, h4, h5, h6
    { padding: 0.5em 0 ;
    font-weight: bold ; }
h1 { padding-left: 0   ; font-size: 130%; }
h2 { padding-left: 1em ; font-size: 120%; }
h3 { padding-left: 1em ; font-size: 110%; }
h4 { padding-left: 1em ; font-size: 100%; }

p   { margin: 0 0 0.5em 0 ; font-size: 100%; font-weight: normal ; } 

/*
 *  AUTHOR style
 */
.author
{ font-weight: bold ;
  font-size: 103% ;
}

/*
 *	LIST FORMATING
 *	(UNORDERD, ORDERED, DEFINITION
 */

ul, ol , dl { margin: 0; padding: 0 ;}

li {
	margin: 0 0 .25em 1em ; 
	padding-left: .5em ;
} 

ul li
{	list-style-type: disc;
	list-style-image: URL("images/icon-dot-ora2.png") ; 
	list-style-position: inside;
}

ol li
{	list-style-type: number ;
}

pre, code, cite 
{	font-family: "Lucida Console", "Courier New", Courier, Fixed-Pitch ;
	color: #111111 ;
	background-color: #eeeeee ;
}



/* 
 * EMPHATICALLY: NO BORDER around images inside anchors / hyperlinks
 */
a img { border: none !important ; } 


/*
 * DONATION BOX STYLES (obsolete?)
 */
  
#donate-box
{	position:absolute;
	top: 0;
	right: 0;
	z-index: 99 ;
	text-align: center;
	border: 1px solid black;
	background-color: #FFE;
	margin: 0;
	padding:.25em;
	font-family: Arial, Helvetica, San-Serif;
	font-size: 75%;
}


/*
 *	CAPTIONED IMAGES
 */

div.captioned, .captioned img, .captioned p
{	text-align: center;
	font-size: .90em;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
}

.captioned img
{	border: solid 5px #F9C3A2;
	padding: 5px;
	margin: 5px;
	background: white;
}

/*
 * HEADER RULES
 */

#page-header
{	clear: both;
	float: left ;
	border-bottom: 2px solid black ;
}

/*
 * FOOTER RULES
 *
 */

#page-footer
{	clear: both;
	float: none;
	margin-top: 6em;
	border-top: 1px solid ;
	font-size: 90% ;
	font-weight: medium ; 
	font-variant: small-caps ;
}

/*
  *	NAVIGATION MENU RULES
  *	( Implements nav bar using list constructors, degrades to a tidy bulleted list )
  */

/* 
  First ID is ID of BODY of page. Second ID is ID of a hyperlink *to* that page in the menu
  This style causes the tab for the current page to have a different style
  
  WHEN ADDING A NEW TABBED PAGE:
  1. Add unique ID to BODY of new page
  2. Place matching ID-LINK on a hyperlink in menu.
  3. Make sure hyperlinks in menu have 'target="_parent"' !!
  4. UPDATE NAV code in "basic.php"
  
  MAKE SURE to add an entry like this for any new pages, and to style the BODY with an appropriate ID
  
*/
#cv #cv-link,
#faq #faq-link,
#home #home-link,
#wiki #wiki-link,
#about #about-link,
#links #links-link,
#models #models-link,
#contact #contact-link,
#download #download-link,
#services #services-link,
#netlogo-helper #netlogo-helper-link
{	border-bottom: 5px solid #FF0000 !important ;
	font-weight: bold !important ;
	background-color: #FFCCCC !important ;
}

a#wiki-link
{ font-size: 115% ;
} 

/* special attention link */
a #netlogo-helper-link { color: blue; }

#page-header #navbar
{	clear: both;
    float: left ;
	width: 100%;
	border-top: 2px dotted black ;
}

#navbar a, #navbar a:link, #navbar a:visited, #navbar a:hover, #navbar a:active
{ text-decoration: none; /* remove underline from links */
  color: black ; /* text color black */
  padding-left: 1em;
  padding-right: 1em;
  border-bottom: 5px solid white;
  float: left; /**/
}

#navbar a:hover
{ border-bottom: 5px solid #FF0000; /* turn on fat bottom border */
  background-color: #FFCCCC ;
}


/*
 *      page-middle rule
 */

#page-middle
{ clear: both;
  float: left; 
   /* border: 1px solid red ;  /* */
  width: 100% ;
}

/*
 * TURTLEZERO LOGO STYLE
 
 To use: <em class="tz">turtleZERO</em>
 */

em.tz
{ font-variant: small-caps ;
  font-weight: bold ;
  font-style: italic ;
  font-size: 115%;
}