/*************************************************************************
	Highgate School
	Developed by Matthew Hill (c) 2008 -- http://www.friskdesign.com/
	for 48 Fitzroy - http://www.48fitzroy.co.uk/
	MODULE: 	append-news.css
	PURPOSE:	rules for the news and events pages
*************************************************************************/

/*Auto float clearing for compliant browsers
*************************************************************************/
#content .newspanel:after,
#calendar .schooltype:after,
#calendar .eventtype:after,
#calendar .eventtype .column:after,
#content .calendarpaginate ul:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#main {
	min-height:0;
	background:none;
}
#content {
	width:520px;
	margin:0 0 0 200px;
	padding:0;
	background:#E1E1E1;
}
#sidenav {
	width:180px;
	margin:0 0 0 -720px;	
}


/* General rules
*************************************************************************/
.newscolour {
	background:#434544 !important;
	color:#FFF;
}
.eventcolour {
	background:#4F5150 !important;
	color:#FFF;
}

/* Sidenav
*************************************************************************/
#sidenav {
	min-height:0;
	padding:0;
}
#sidenav h3 {
	margin:0 0 8px 0;
	padding:0 10px;
	font: normal normal 1.1em/1.6em "Times New Roman","Garamond","Adobe Garamond",serif;		
	text-decoration:none;
	background:#434544;
	color:#FFF;	
}
#sidenav ul {
	padding:13px 10px;
	margin:0 0 15px 0;
	background:#434544;
}
#sidenav li a,
#sidenav li a:visited {
	color:#FFF;
}

#sidenav ul ul { 
  padding-left: 0;
  padding-right: 0;
}

#sidenav li li {
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 0;
}

/* Content
*************************************************************************/
#content big {
	font: normal 1.6em/1.2em "Times New Roman","Garamond","Adobe Garamond",serif;			
}

/* News panels
*************************************************************************/
#content .newspanel,
#content .newsstory {
	padding:13px 20px;
}
#content .newspanel img {
	float:left;
	max-width:141px;
}
#content .newspanel div {
	float:left;
	width:319px;
	margin:0 0 0 20px;
}
#content .newscolour img {
	max-width:240px;
}
#content .newscolour div {
	float:left;
	width:220px;
	margin:0 0 0 20px;
}
#content .newspanel h2 {
	margin-top:0;
}
#content .newscolour a {
	color:#FFF;
}
#content .newscolour a:visited {
	color:#DDD;
}
#content .newscolour a:hover {
	color:#FFF;
}
#content .newsstory img {
	max-width:480px;
	float:none;
	margin:0 0 10px 0;
}

/* Term Dates
*************************************************************************/
#termdates {
	padding:13px 20px;
}
#termdates table .term {
	width:23%;
}
#termdates table .start {
	width:36%;
}
#termdates table .end {
	width:36%;
}
#termdates table .days {
	width:5%;
}
#termdates table {
       margin:0;
}

/* Calendar
*************************************************************************/
#calendar {
	padding:13px 20px;
}

/********* Form ***********/

#calendar .schooltype {
	width:480px;
	float:left;
}
#calendar .eventtype {
	width:480px;
	float:left;
}
#calendar .schooltype .column,
#calendar .eventtype .column {
	width:160px;
	float:left;
}
#calendar h2 {
	margin:0 0 0.4em 0;
}
#calendar input {
	display:block;
	width:auto;
	clear:both;
	float:left;
	margin:0;
	background:none;
}
#calendar label {
	display:block;
	float:left;
	width:90px;
	margin:-3px 0 5px 5px;
}
#calendar button {
	margin:10px 0 0 0;
	text-align:center;
}
#calendar #checkAllAuto {
	margin-top:10px;
}
#calendar #checkAllLabel {
	margin-top:7px;
}

/********* Paginate ***********/
#content .calendarpaginate ul {
	list-style:none;
	margin:1em 0;
	font: normal 1em/normal "Times New Roman","Garamond","Adobe Garamond",serif;				
}
#content .calendarpaginate li {
    font-size: 1.6em;
	float:left;
	width:120px;
	margin:0;
}
#content .calendarpaginate li a,
#content .calendarpaginate li a:visited {
	color:#000;
	text-decoration:none;
}
#content .calendarpaginate li a:hover {
	color:#000;
	text-decoration:underline;
}

/********* Results ***********/
#calendar .calendarresult {
	clear:both;
	margin:0 0 20px 0;
}
#calendar .calendarresult h2 {
	font-style:normal;
	margin:0 0 0.2em 0;
}
#calendar .calendarresult ul {
	list-style:none;
	margin:0;
}
#calendar .calendarresult li {
	font-style:normal;
	line-height:1.4em;
	margin:0 0 0.4em 0;
}