/**********************************

food-security styles
g.chapman2@lancaster.ac.uk

**********************************/

body,html {
    text-rendering: optimizeLegibility;
    color: #212121;
}

#wrapper {
	width:100%;
}

#container {
	width:990px;
	overflow:visible;
}

#content {
	width:990px;
	top:15px;
	padding-top:0;
}

#full {width:790px;}
#side {width:185px;}
#top {width:760px;}
#left {width:500px;}
#right {width:265px;}
#footer {width:990px; /*	margin-left:15px; margin-right:15px;*/}
#column_left,#column_right {width:250px;}

.liner img {
	float:right;
	margin:0 0 10px 10px;
}

h1,h2,h3,h4,p,li,dt,dd,img {
	color:#212121;
}

h4 span {
	display:block;
	font-weight:normal;
	line-height:150%;
}

.caption {
	color:#ccc;
}

/** tools **/

#tools {
	height:25px;
	padding-right:0;
}

#tools a {
	color: #888888;
}

/** HEADER **/
header {
    background:#f5f5f5;
    padding: 10px 0;
    border-bottom: 10px solid #d5d5d5;
    margin-bottom:20px;
}
header .header-wrapper {
    width:990px;
    margin:0 auto;
}

header .header-wrapper h1 {
    text-align: left;
    background-image:url(http://www.lancaster.ac.uk/lec/sites/food-security/images/logo.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding:30px 0;
    font-size:52px;
    line-height: 1;
    letter-spacing:-0.025em;
}

/** subnav **/

#subnav {
	float:left;
	margin-bottom:15px;
	z-index:1;
}

/** subnav list styles **/

#subnav ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #EEE;
	display:block;
	width:185px;
	overflow:hidden;
}

#subnav.empty ul {
	border-bottom:0px;
}

#subnav ul ul {
	float:left;
	margin-top:-1px;
	background:#fff;
	border-bottom:0px;
}

#subnav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	font-size:14px;
	border-top:1px solid #EEE;
}

#subnav li.first {
	border-top:0px;
}

#subnav li li {
	font-weight:normal;
	font-size:100%;
	border-top:0px;
	border-top:1px solid #EEE;
}

/* a and span - default text and border styles */

#subnav li a {
	display:block;
	float:left;
	padding:5px;
	width:175px;
	text-decoration:none;
}

#subnav li li a {
	padding:5px 5px 5px 30px;
	width:150px;
	border-bottom:0px;
}

/* ie hack \*/
* html #subnav li a {
	height:1px;
	width:185px;
}
/* End ie hack */

/* a - standard background */

#subnav li a {
	color:#666;
	background:#fff;
    padding:10px 0;
}

#subnav li li a {
	color:#666;
	background:#fff;
}

/* a-hover */

#subnav li a:hover,
#subnav li.current a:hover {
	color:#b5121b;
	background:#fff;
}

#subnav li li a:hover,
#subnav li li.current a:hover {
	color:#b5121b;
	background:#fff;
}

/* current option */

#subnav li.current a {
	color:#b5121b;
	background:#fff;
}

#subnav li li.current a {
	color:#b5121b;
	background:#fff;
}

/** typography **/

p,.p,img,fieldset span,label {
	font-size:14px;
	line-height:25px;
	padding-bottom:14px;
}

h2 {font-size: 37px}
h3 {font-size: 23px;}
h4 {font-size: 18px;}

a {
	color:#b5121b;
}

a:hover {
	color:#212121;
}

h1,h2,h3,h4{
	color:#212121;
    font-weight: normal;
    line-height: 1.2;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover {
	color:#D42B1E;
	text-decoration:none;
}

.red {
	color:#f00;
}

ul.links {
    margin-left: 14px;
}
ul.links li {
    font-size: 14px;
    padding:3px 0;
}

/** item **/

div.item {
	border-bottom:1px solid #ddd;
    margin-bottom:30px;
}
div.clear {
    padding:0 0 30px 0;
}

div.item img,
div.clear img,
div.image_box img,
div.item iframe {
	border:none;
}

div.item img.noborder {
	border:none;
}

/** liner **/

div.liner {
	border:1px #666 solid;
/*	background:#666 url(../images/bg_crumbs.gif) repeat-x top;	*/
}

/*
div.liner h2,
div.liner h3,
div.liner p,
div.liner li {
	color:#666;
}
*/

/** footer **/

#footer {
	border-top:10px solid #d5d5d5;
	width:100%;
	background:#f5f5f5;
    margin: 0;
}

#footer .footer-wrapper {
    width:990px;
    margin: 0 auto;
    padding: 20px 0;
}

#footer .footer-wrapper p {
    text-align: right;
    float:right;
    font-size:12px;
    line-height: 114px;
    color: #888888;
}
#footer .footer-wrapper p a {
    color:#888888;
    font-weight: bold;
    text-decoration:none;
}
#footer .footer-wrapper p a:hover, #footer .footer-wrapper p a:focus {
    color: #212121;
}

/** jquery plugin styles **/

/* facebox */
#facebox .b {background:url(../images/facebox_b.png);}
#facebox .tl {background:url(../images/facebox_tl.png);}
#facebox .tr {background:url(../images/facebox_tr.png);}
#facebox .bl {background:url(../images/facebox_bl.png);}
#facebox .br {background:url(../images/facebox_br.png);}
#facebox .footer {background:url(../images/facebox_footer.png) top right no-repeat;}

/* embed youtube */
 .embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
     margin-bottom: 14px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}