/*
Original 4 col css layout by http://www.code-sucks.com
*/

* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS Bold";
	font-size: 74%;
	background-color: #666666;

	
	/*For Christmas!*/
	/*background-image: url(../../images/cc/content2007/winter-bg-f.gif);*/
	/*background-image: url(../../images/cc/content2007/winter_bg.gif);*/
	
	/*Image*/
	/*background-image: url(../../images/cc/content2007/cc_bg.gif);*/
	}

/* ----General typographical stuff---- */
p { font-size: 1em; line-height: 160%; margin: 0 0 20px 0;}
h1 {
	font-size: 3em;
	line-height: 160%;
	margin: 0 0 10px 0;
}
h2 {font-size: 1.4em; line-height: 140%; margin: 0 0 6px 0;}
h3 {font-size: 1.3em; line-height: 130%; margin: 0 0 4px 0;}
h4 {font-size: 1.0em; line-height: 120%; margin: 0 0 2px 0;}

ul, ol {line-height: 140%; margin: 10px 0 20px 0;}
li { margin-bottom: 8px;}
a { text-decoration: underline; color: blue;}/*Slightly darker than #3399CC*/
a:hover {text-decoration: underline; color: red;}
a.current {text-decoration: underline; color: red;}
a img {border: 0;}

img {/*keeps ugly link borders off any images that are used as links*/
border: 0px;	
vertical-align: top;
}



/* ----Common Layout Items---- */
#wrapper { 
margin: 10px auto 0 auto;
width: 960px;
}

#masthead {
color: #333;
width: 395px;
float: left;
padding: 0px;
height: 60px;
margin: 0;
background: #666666;
}

#masthead h1 {
position: absolute;
left: -9999px;
}

.masthead_left {
width: 470px; 
height: 100px; 
float: left; 
margin: 0 10px 0 0;
}

.masthead_right {
width: 480px; 
height: 100px; 
float: right;
}

.masthead_links {
width: 480px; 
height: 30px; 
float: right;  
text-align: right; 
color: #FFF;
}

.masthead_links a {
color: #FFF;
}

.findacourse {
width: 480px; 
float: right; 
padding: 0px;
height: 70px; 
margin: 0; 
background-color: #fcd800;
}

.findacourse span.find {
font-weight: bold; 
width:100px; 
float: left; 
padding-left: 5px; 
text-align: right; 
line-height: 55px; 
margin: 0;
}

.findacourse .searchbox {
width:365px; 
float: right; 
text-align: left; 
padding: 15px 0 0 5px;
}

#twitter {
color: #333;
width: 86px;
float: left;
padding: 0px;
height: 100px;
margin: 0;
}

#topnav1, #topnav2, #topnav3 { 
color: #000;
margin: 0 1px 0 0;
padding: 0 0 0 10px;
height: 100px;
width: 148px;
float: left;
border-left: 1px solid #A2A1A1;
}

#topnav3 { 
margin: 0;
}

p.topnav {
font-size: 95%;
height: 17px;
margin: 0;
padding: 3px 0 0 0;
}

p.topnav a {
color: #FFF;
text-decoration: none;
}

p.topnav a:hover {
color: #FFF;
text-decoration: underline;
}

p.topnav a.current {
text-decoration: underline;
}

#footer { 
width: 960px;
clear: both;
color: #FFF;
margin: 0px;
padding: 5px 0 0 0;
height: 40px;
font-size: 90%;
}

#footer span.left {
float: left;
text-align: left;
width: 70%;
margin: 0 0 25px 0;
}

#footer span.right {
float: right;
text-align: right;
width: 29%;
margin: 0 0 25px 0;
}

#footer a { 
color: #FFF;
text-decoration: none;
}
#footer a:hover { 
color: #FFF;
text-decoration: underline;
}

a img {
margin: 0;
border: 0;
}


/* ----Hiding stuff---- */
#printnotice, .hidden, #ahem, .hide {
display: none; 
visibility: hidden;
margin: 0;
padding: 0;
height: 0;
}

/* ----Controls form elements---- */
select.coursefinder {
width: 140px;
font-size: 90%;
padding: 1px;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}

select.searchbox {
width: 140px;
font-size: 90%;
padding: 1px;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}

input.searchbox {
width: 146px;
font-size: 90%;
padding: 2px 1px;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}

/*odds n sods */
span.greytext {
color: #888;
}

#video_splash {
margin: 0 0 10px 0;
}

#video {
margin: 0 0 15px 15px;
float: right;
}

.atoz_result {
display: block;
width: 770px;
height: 30px;
margin: 0 0 2px 0;
line-height: 30px;
}

.smaller {
font-size: 90%;
font-weight: normal;
}

/*changing box colours*/
.error {
background-color: #FFCCCC;
border: 1px solid red;
}
.success {
background-color: #CCFFCC;
border: 1px solid green;
}
.notice {
background-color: #FFFF99;
border: 1px solid orange;
}


/**
* Blog feed in course information
*/
#feedControl {
width : 200px;
margin: 10px 0 10px 10px;
background-color: #FFFF99;
padding: 10px;
font-size: 90%;
text-align: left;
background-image: url(../../images/cc/content2007/blogger_logo.gif);
background-repeat: no-repeat;
background-position: right bottom;
border: 1px solid #FF6600;
float: right;
}

/**
* Suppress everything except for title
*/
#feedControl .gf-snippet,
#feedControl .gf-author,
#feedControl .gf-spacer,
#feedControl .gf-relativePublishedDate {
display : none;
}
#feedControl .gfc-resultsHeader .gfc-title {
font-size : 110%;
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 2px;
}