/* $Id: html-elements.css,v 1.2 2008/01/06 15:50:31 johnalbin Exp $ */

/****
 **** HTML ELEMENT STYLING
 ****/

/** includes icons.css **/

/** fonts **/
  body
  {
    background: #fff;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	font-size:85%;
  }

  /* IE 5 and 6 can't resize text that is specified in pixels. */
  * html body
  {
    font-size: x-small; /* IE5 will get this value */
    font-size: small; /* IE6 will get this value */
  }

  #page
  {
	font-family: Trebuchet MS, Helvetica, sans-serif;
    line-height: 1.5em;
  }

  pre, code
  {
    font-size: 115%; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }

/** headings **/

  h1, h1 a, h1 a:hover, h1.title, h1.title a, h1.title a:hover
  {
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 124%;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.95em;
		color: #666666;
		margin:5px 0 10px 0;
		width:60%;
		padding: 0 20px 0 12px;
		background:#D7E858 url(images/capsuleL.gif) top right no-repeat;
  }
	
	.page-content-mentorship h1.title,
	.section-mentorship h1.title
	{
		background:#D7E858;
    width: 96%;
	}
  
  .submitted h1 {
    font-size: 148%;
  }
  
  h1.side, h1.right {
		width:90%;
  }

  h1, h1.side {
		padding: 0 20px 0 12px;
		background:#D7E858 url(images/capsuleL.gif) top right no-repeat;
  }

  h1.right {
	background:#D7E858 url(images/capsuleR.gif) top left no-repeat;
	padding: 0 12px 0 20px;
  }
  
  h1.alt {
	background:none;
	color: #333333;
  }
  
  h2
  {
    font-size: 112%;
  }

  h2 {
		font-family: Trebuchet MS, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.65em;
		color: #666666;
		margin:0 0 4px 0;
		width:95%;
		padding: 0 20px 0 12px;
		background:#E9EDDD url(images/h2.gif) top right no-repeat;
  }
	
	.block h3 {
    background: url("images/h2.gif") no-repeat scroll right top #E9EDDD;
    color: #666666;
    font-family: Trebuchet MS,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 1.57em;
    margin: 0 0 4px;
    padding: 0 20px 0 12px;
    text-decoration: none;
    width: 199px;
}

  h2 a, h2 a:hover, .block h3 a
  {
	text-decoration: none;
	color: #666666;
  }

	h2.learningitem, p #books, p #videos  p #websites, p #courses, p #elearning
	{  
		line-height: 1.3em;
		margin:5px 32px 4px -12px;
		color: #666666;
		font-weight: bold;
		padding-top:8px;
		background:none;
	}

	h2.alt
	{
		background:none;
		color: #333333;
	}

	.page-content-mentorship .content h2,
	.section-mentorship .content h2
	{
		background:none;
    width: auto;
		margin: 0 0 7px;
    padding: 0;
		font-size: 115%;
		color:#333333;
		clear: both;
	}
	
	.learning-objectives h2,
	.learning-objectives h3,
	.learning-objectives h4 {
		color: #0099CC !important;
	}

  h3
  {
    font-size: 107%;
    font-weight: bold;
		font-family: Trebuchet MS, Helvetica, sans-serif;
  }
	
	.page-content-mentorship .content h3,
	.section-mentorship .content h3
	{
		color:#0099CC;
	}

	.page-content-mentorship .content h4,
	.section-mentorship .content h4
	{
    font-size: 104%;
	}

  .view-user-goals h3
  {
		font-size: 150%;
	}

  h4, h5, h6
  {
    font-weight: bold;
		font-family: Trebuchet MS, Helvetica, sans-serif;
  }

/** block-level elements **/
  p
  {
    padding: 0 0 0.5em 0;
    margin: 0;
  }

  ol, ul, dl
  {
    position: relative;
  }

  .section-mentorship .content ol,
	.section-mentorship .content ul
  {
    margin-top:0;
  }

  pre
  {
    background: #ddd;
    border: 1px solid #aaa;
    padding: 0.75em 1.5em;
  }

  blockquote
  {
    border: 1px #ccc solid;
    margin: 0.5em 1em;
    padding: 0.3em;
    font-style: italic;
  }

/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a:link,
  a:visited
  {
	color: #0066CC;
    text-decoration: none;
  }

  a:hover,
  a:focus
  {
	color: #0066CC;
    text-decoration: underline;
  }

  a:active,
  a.active
  {
	color: #0066CC;
  }

/** tables **/
  table
  {
    font-size: 100%; /* Forces font size inheritance in IE5 */
    f\ont-size: inherit;
  }

  tr, td
  {
    padding: .25em;
  }
  

.content table {
    border: 1px solid #EEECE1;
    padding: 5px;
}

.content td, .content th {
	padding: 5px 8px 0;
	border: 1px solid #EEECE1;
}

.content thead {
	background: none repeat scroll 0 0 #EEECE1;
	color: #444444;
}

.content th {
	padding: 5px 8px 0;
	border: 1px solid #D6D4C8;
}

tbody {
	border:none !important;
}

/** abbreviations **/
  /* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
  abbr.created
  {
    border-bottom: none;
    text-decoration: none;
  }

/** images **/
  img
  {
    border: 0;
  }

/** forms **/
  form
  {
    margin: 0;
    padding:0 0 10px 0;
	margin-bottom:15px;
  }

  fieldset
  {
    border: solid #ccc 1px;
  }

  select, input, textarea
  {
    font: 99% Trebuchet MS, Helvetica, sans-serif;
  }
  
    #primary
  {
	font-family:Arial, Helvetica, sans-serif;
  }
  
  a, .submit {cursor:pointer}
  


.profile h3 {
	border:none
}

#search-block-form {
	position:absolute;
	width:160px;
	top:-108px;
	right:11px;
}

#search-block-form .form-submit 
 {
	color: #FFFFFF;
	background: #FFF url(images/btnSearch.gif) top left no-repeat;
	border:none;
	padding:-5px;
	height:27px;
	width:27px;
	margin:-5px 0 5px 15px;  	
  }

.view-user-goals hr {
	border:1px solid #D3D3D3;
	height:1px;
}

.content table.comment-upload-attachments {
    border: none;
    margin: 10px 0 20px -97px;
    padding: 5px;
}
.content table.comment-upload-attachments {
    border: none;
    margin: 10px 0 20px -97px;
    padding: 5px;
}


/* $Id: icons.css,v 1.6 2008/09/21 15:38:15 johnalbin Exp $ */

/*
 * ICON STYLES
 *
 * Puts all the references to icon images in one place.
 */

/* Leaf, collapsed, and expanded icons used for navigation */
  .block li.leaf, ul.menu li.leaf
  {
    list-style-image: url(images/menu-leaf.png);
  }

  .block li.collapsed, ul.menu li.collapsed
  {
    list-style-image: url(images/menu-collapsed.png);
  }

  .block li.expanded, ul.menu li.expanded
  {
    list-style-image: url(images/menu-expanded.png);
  }

  .block li a.active
  {
    text-decoration: none;
  }

  .block ul li,
  #user-login-form li.user-link, /* The "Cancel OpenID login" links. */
  #user-login li.user-link
  {
  list-style-type:none;
    /*list-style-image: url(images/bullet.png);*/
  }
  

/* Forum posts and recent blog posts */
  .block-forum ul li
  {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 5px 0 5px 20px;
    background-image: url(images/page.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
  }

  .block-blog ul li
  {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 5px 0 5px 20px;
    background-image: url(images/blog.png);
    background-repeat: no-repeat;
    background-position: 0 .7em;
  }

  /* Who's new & Who's online*/
  #block-user-2 ul li, #block-user-3 ul li
  {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 5px 0 5px 20px;
    background-image: url(images/user.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
  }

/* Status and Error icons */
  div.messages
  {
    min-height: 32px; /* icon height */
  }

  div.status
  {
    background-image: url(images/dialog-information.png);
    background-repeat: no-repeat;
    background-position: .5em 50%;
  }

  div.warning,
  div.error
  {
    background-image: url(images/dialog-warning.png);
    background-repeat: no-repeat;
    background-position: .5em 50%;
  }

/* Node links such as add comments, User's blog, etc */
  #main .node div.links
  {
    padding: 5px 0 5px 13px;
    background: url(images/links.png) no-repeat 0 .93em;
  }

/* Administration panel */
  .admin-panel h3
  {
    background: #6191C5 url(images/cog.png) no-repeat .5em .5em;
  }