/***********************************************************
 *	
 * 	Simon Pan
 *	Copyright 2010 Simon Pan
 *  Written for - UNSW Engineering School Sites Project
 *
 ***********************************************************/
 
 /*Reduce 16px default (common to most browsers and OS set-ups) down to 12px for predictable text size scaling */
 body {
 	font-size: 87.5%;
 	font-family: helvetica, arial, sans-serif;
 }
 
 /*Sets the text size specifically. This rule is ignored by IE6, but used by Firefox, Safari, IE7, Opera.*/
 html>body {
 	font-size: 14px;
 } 
 
 /* Use em's to maintain typographic integrity when text is scaled in the browser.*/
 /* Use a font size of 14px, with leading of 7px, so our rythmic unit is 21px*/
 /* The spacing of paragraphs should be related to the basic line height unit. 
    This is achieved simply by setting top- and bottom-margins equal to the line height.*/
 p {
 	font-size: 1em; /*14px*/
 	line-height: 1.5;
 	margin-bottom: 1.5em;
 	color: #333;
 }

 /* Don't set the font size for block level elements, that by default have block-level children e.g ul. Instead specify for list items etc */
 /* Redefine bottom margin of lists e.g multiply element's line-height by child's font size e.g 1.5x1em=1.5em*/
 li, dt, dd { font-size: 1em; }
 ul, ol, dl { margin-bottom: 1.5em; }
 
 li { 
 	line-height: 1.5; 
  	list-style-type: disc;
  	list-style-position: inside;
  	/*list-style-position: outside;
  	margin-left:10px; added 16/2/12 */
  	color: #333;
 }


 
 a { 
 	font-weight: bold; 
 	color: #CC3333;
 	text-decoration: none;
 	/* color: #851111; */
 }
 
 a:hover{
 	text-decoration: underline;
 	color: #c41a1c;
 }
 
 h1, h2, h3, h4, h5 {
 	font-family: helvetica, arial, sans-serif;
 	color: #333;
 }
 
 /* All diversions from the basic text size should take up multiples of our rythmic unit e.g 21px.*/
 h1 {
	font-family: trebuchet ms, tahoma, verdana, helvetica, arial, sans-serif;
 	font-weight: normal;
 	font-size:2.571em; 			/*36px*/
 	line-height:1;
 	margin-bottom: 0.5em;
 }
 
 h2 {
 	font-size: 1.714em;			/*24px*/
 	font-weight: normal;
 	line-height:1.5;			/*21px÷24px = 0.875*/		
 	margin-top: 0.875em;
 	margin-bottom:0.875em;
 }
 
 h3 {
 	font-size: 1.286em; 		/*18px*/
 	line-height: 1.16;
 	margin-top:1.74em;
 	margin-bottom: 0.58em;
 	text-transform: uppercase;
 	color: #851111;
 	border-bottom: 1px solid #ccc;
 	padding-bottom: 0.286em;
 }
 
 h4 {
 	font-size: 1.143em; 	/*16px*/
 	font-weight: bold;
 	line-height: 1.313;
 	margin-top: 1.97em;
 	margin-bottom: 0.657em;
	clear: both;
 }
  
 h5 {
 	font-size: 1em; 	/*14px*/
 	font-weight: bold;
 	line-height: 1.5;
 	margin-top: 1.5em;
 }
 
 /*****************************************************
  *
  *	Header Overrides
  *
  *****************************************************/
 
 #body-content .information-for h3 {
 	text-transform: none;
 	font-size: ;
 }
 
 #body-content .news-list h4{
 	margin-top: 0;
 	margin-bottom: 0.143em;	
 }
 
 #body-content .audience-section h4{
 	margin-top: 0.5em;
 }
 #body-content .audience-section h4 a,
 #body-content .news-list h4 a,
 #body-content .audience-segment .link-overview h4 a{
 	color: #333;
 }
 
  #body-content .news-list h4 a {
  	text-transform: uppercase;
  }
 
 #body-content .audience-section h4 a:hover, 
 #body-content .audience-section h4 a:focus,
 #body-content .news-list h4 a:hover,
 #body-content .news-list h4 a:focus,
 #body-content .audience-segment .link-overview h4 a:hover,
 #body-content .audience-segment .link-overview h4 a:focus {
 	color: #FF4049;
 	text-decoration: none;
 }
 
 #body-content .audience-segment h2 {
 	margin-bottom: 0;
 }
 
 #body-content .audience-segment .link-overview h4 {
 	margin: 0;
 }

 
 /*****************************************************
  *
  *	Custom Anchor Styles
  *
  *****************************************************/
 a.cta-link, 
 a.cta-link-large {
 	font-size: 0.857em;
 	font-weight: normal;
 	color: #c41a1c;
 }
 
 a.cta-link-large {
 	font-size: 0.929em;	
 	float: right;
 	padding: 10px 0;
 }
 
 a.cta-link:hover,
 a.cta-link:focus,  
 a.cta-link-large:hover,
 a.cta-link-large:focus {
 	color: #ff4049;
 }
 
 /* Give external links an icon */
 a.external { 
 	background-image: url(../images/ext_link.jpeg);
 	background-repeat: no-repeat;
 	background-position: center right;
 	padding-right: 15px;
 }
 
 /*****************************************************
  *
  *	Page Specific Styles and Overrides
  *
  *****************************************************/
 
 #body-content .news-list p.article-date {
 	color: #999;
 }

 #body-content .news-list p,  
 #body-content .picture-list-row .row p {
 	margin: 0;
 }
 
 .news-list a.cta-link-large {
 	float: none;
 	display:inline;
 }
 
 p.image-caption {
 	font-style:italic;
 	width:100%;
 	font-size:0.929em;
 	color:#666;
 }
 
 
#body-content li li {
 	line-height: 1.5; 
  	list-style-type: circle;
  	list-style-position: inside;
  	margin-left:10px;
  	color: #333;
}