/*  
Theme Name: JISC national e-Books for FE observatory project
Theme URI: http://fe.jiscebooksproject.org
Description: The JISC national e-Books for FE observatory project theme created by David Williams, based on a theme by Sam Clark @ <a href="http://www.polaris-digital.com">Polaris Digital</a>.
Version: 1.0
Author: David Williams
Author URI: http://www.jisccollections.ac.uk

	JISC e-Books for FE 1.0
	http://www.polaris-digital.com

	Theme for the FE e-books project. Based on Sam Clark's theme for http://www.jiscebooksproject.org

	This theme uses 24-bit transparent PNG files. These will not
	render in Internet Explorer 6 or earlier without additional
	javascript support, included with this theme.

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
  margin: 0;
  padding: 0;
}

p
{
	margin-bottom: 1em;
}


body						/* Main body styling and typography */
{
	background:url(images/background.jpg) #c1cfe9 top repeat-x;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:100;
	color:#666666;
	line-height:125%;
}

#header {
  background: none;
  height: 100px;
  padding-bottom: 10px;
}

#header_left {
  background: transparent url(images/e_books_logo_small2.gif) no-repeat scroll left top;
  float: left;
  height: 100px;
  width: 400px; 
  margin-left: 10px;
}

#header_right {
  background: transparent url(images/lsc_logo2.jpg) no-repeat scroll right top;
  float: right;
  height: 100px;
  width: 143px; 
  margin-right: 20px;
}

#search {
  float:right;
  height: 50px;
  padding: 0;
  width: auto;
  margin: 60px 0 0 60px ;
}

#mainmenu {
 position:relative;
	background:url(images/menubackground.jpg) #99092F top repeat-x;
	width:900px;
	height:25px;
	overflow:hidden;
}

#mainmenu #jisclogo {
    float:left;
	background:url(images/jisccollectionsbadge_ie6.png) top left no-repeat;
	width:75px;
	height:25px;
	margin:0px;
	padding:0px;
}

#mainmenu #menuitems {
  float: left;
  margin: 0px;
  padding: 0px;
}

#mainmenu #menuitems ul {
  float: left;
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
  font-weight: normal;
  letter-spacing: 1px;
}

#mainmenu #menuitems ul li {
  display: inline;
  list-style-position:outside;
  margin-left: 2px;
  font-size: .8em;
  border-left: 1px dotted white;
  border-right: 1px dotted white;
  padding: 0 2px;

}


#mainmenu #menuitems ul li a, #mainmenu #menuitems ul li a:visited {
  text-decoration: none;
  color: #ffffff;
}

#mainmenu #menuitems ul li a:hover, #mainmenu #menuitems ul li a:active {
  color: #f47a20;
}

#intro {
  height:900px;
  padding: 20px;
  background: none;
}

#welcometext {
  width: 450px;
  background:#FFFFFF none repeat scroll 0 0;
  border-left:10px solid #B50937;
  margin-left:20px;
  padding:10px;
}

#welcometext p {
  font-size:120%;
  line-height:110%;
}
#left_col {
  width: 550px;
  float: left;
  height: 600px;
}
#right_col {
  float:right;
  width: 280px;
  height: 420px;
  border: none;
  padding: 10px 20px 0 10px;
}

#right_col h3 {
  margin-left: 25px;
}

#right_col ul {
  font-size: 0.9em;  
}

#right_col ul li {
  margin-bottom: 15px;

}

#right_col #twitter_box {
  padding-left: 30px;
  font-size: 80%;
}

#explanatory_text {
  margin: 20px;
  width: 450px;
}
#page						/* Content page outter frame */
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:25px;
	padding:0px;
	padding-bottom:25px;
	width:908px;
}

#page #frame				/* Page inner frame */
{
	position:relative;
	background:url(images/framebackground.png) repeat-y;
	width:900px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;
}

#page #framerounding				/* Page inner frame rounding */
{
	position:relative;
	background:url(images/framebottom.png) top no-repeat;
	width:908px;
	padding:0px;
	margin:0px;
	height:15px;
}

.clearFloats						/* Clear any floating elements */
{
	clear:both;
	width:0px;
	height:0px;
}

#newsevents {
  margin: 20px;
  width: 500px;
}

#newsevents #news {
  width: 210px;
  float: left;
  border-right: 1px solid #ccc;
}

#newsevents #events {
  width: 210px;
  float: left;
  margin-left: 20px;
}

#newsevents #news h4, #newsevents #events h4 {
  color:#f47a20;
  font-size:80%;
  padding:0px;
  margin:0px;
}

#newsevents #news ol, #newsevents #events ol{
  list-style:none;
  padding:0px;
  margin:0px;
  font-size:80%;
}

#newsevents #news ol h5, #newsevents #events ol h5{
  color:#94a9cc;
  font-size:80%;
  margin:0px;
  padding:0px;
}

#newsevents #news ol p, #newsevents #events ol p
{
	color:#666;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
}

#newsevents #news a, #newsevents #news a:visited, #newsevents #events a, #newsevents #events a:visited {
  color:#f47a20;
  text-decoration:underline;
}

#newsevents #news a:hover, #newsevents #news a:active, #newsevents #events a:hover, #newsevents #events a:active {
    color:#b50937;
	text-decoration:none;
}


#page #frame #content									/* Content frame */
{
	position:relative;
	margin-top:25px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:850px;
	font-size:80%;
	text-align:justify;
}

#page #frame #content h2.postTitle a{
  margin-left: 75px;
  color:#f47a20;
  text-decoration:none;
}

#page #frame #content .post{
  margin-top: 20px;
}

#page #frame #standardframe
{
	float:right;
	margin-right:25px;
	width:640px;
	top:0px;
}

#page #frame #standardframe small
{
	color:#94a9cc;
	margin:0px;
	padding:0px;
}

#page #frame #standardframe h2
{
	padding-bottom:0px;
	margin-bottom:0px;
}

#page #frame #standardframe h2 a, #page #frame #standardframe h2 a:visited, #page #frame #standardframe h2 a:hover, #page #frame #standardframe h2 a:active
{
	color:#f47a20;
	text-decoration:none;
}

#page #frame #standardframe a, #page #frame #standardframe a:visited
{
	color:#b50937;
	text-decoration:none;
}

#page #frame #standardframe a:hover, #page #frame #standardframe a:active
{
	color:#f47a20;
	text-decoration:underline;
}

#page #frame #standardnavigation
{
	float:left;
	margin-right:25px;
	padding-right:25px;
	margin-top: 10px;
	width:125px;
	border-right:1px solid #ddd;
	text-align:right;
	top:0px;
}

#page #frame #standardnavigation h3
{
	color:#b50937;
	font-size:130%;
}

#page #frame #standardnavigation ul
{
	padding-left:0px;
	padding-bottom:25px;
	margin:0px;
}

#page #frame #standardnavigation ul li
{
	list-style:none;
	padding-top:6px;
	padding-bottom:6px;
        font-weight: bold;
}

#page #frame #standardnavigation ul li a, #page #frame #standardnavigation ul li a:visited
{
	color:#555;
	text-decoration:none;
}

#page #frame #standardnavigation ul li a:hover, #page #frame #standardnavigation ul li a:active
{
	color:#999;
}

#page #framerounding #copyrightinfo
{
	float:left;
	margin-top:20px;
	margin-left:25px;
	width:700px;
}

#page #framerounding #copyrightinfo p
{
	font-size:60%;
	color:#888;
	line-height:normal;
	margin:0px;
	padding:0px;
}

#page #framerounding #managedby
{
	background:url(images/jisccollectionslogo.png) bottom right no-repeat;
	width:154px;


	height:50px;
	float:right;
	margin-top:20px;
	margin-right:25px;
	font-size:60%;
	color:#fff;
	line-height:normal;
	text-align:right;
}

#page #framerounding #managedby a
{
	display:none;
}

.redtext {
  color: #B50937;
}

.orangetext {
  color:#F47A20;
}

/*  
Quickfix Edits for Consultation page styling
AHH 20 January 2009
*/

#consultation h2
{
color: #ff6600;
font-size: 1.1em;
font-weight: bold;
}

.entry h3
{
color: #800000;
font-size: 1em;
font-weight: bold;
}

.post h4
{
color: #f47a20;
font-size: 1em;
font-weight: bold;
}

#intro_section
{
color: #666;
}

#instructions_section
{
color: #666;
}

#instructions_section li
{
padding: 10px;
}

#notes_section
{
color: #666;
}

#timescales_section strong
{
color: #ff6600;
}

.note
{
color: #000;
font-weight: bold;
}