/*
Theme Name: Beaumont Live
Theme URI: http://beaumont.ac.uk
Description: Prospectus Live theme for Beaumont.ac.uk
Author: Neil Oughton
version: 0.1
*/

*{ margin: 0; padding: 0; }* 
body { font: .90em "helvetica", arial  sans-serif; line-height: 1.64em; background: #0f9bd8 url(images/bg.jpg) repeat-x; color: #444; margin-top:20px;}

/* Main Text Styles */

a { color: #0095d5;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit;}
p { margin: 0 0 15px 0; font-size: 16px; line-height: 24px;}

/* Sub Text Class Styles */

.blue { color: #0095d5; }
.white { color: #fff; }
.quote {color: #fff; font-size: 1.2em; width: 300px; line-height: 16px}
.right{ float: right; padding: 7px 17px 0 15px; }
.sidebar {font-size: 12px; line-height: 16px;}
.vcard {background: #f2efe9; padding: 8px; margin-bottom: 15px;}
.org {font-weight: bold; padding-top: 5px;}
.fe {padding: 0 0 0 5px; float: left; font-size:1em; background-color: transparent; line-height:10px; margin-top: -2px;}

/* Headaer Styles */

h1 { font: normal 2.4em Arial, Sans-Serif; margin: 15px 0 0 5px; background-color:transparent; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h3 { font: bold 2em Arial, Sans-Serif; margin: 15px 0 0 5px;}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

/* Sub Headaer Styles */

#intro h1 { margin: 0; background: #333 url(images/h1bg.jpg) repeat-x bottom; display: inline;  color: #0095d5; padding: 2px 5px; }
#left h2 {margin-top: 10px;}

/* Content Wrapper Styles */

#content {width: 920px; margin:0px auto; background:#ccc; background-color:#fff;}
#logo { float: left; border-bottom: 5px solid #0095d5; height: 63px; width: 330px; background-color:#FFF; line-height:0.1em;}
#logo h1 {margin-top: 7px;}

#intro { clear: both; background: url(headerimages/randomimage.php) #ccc; color: #333; height: 215px; padding: 35px 0 0 20px; }
#intro p { margin: 0; color: #808080; font-weight: bold; font-size: 1em; }

/* Navigation Styles */

#menu { float: right; width: 584px; padding: 10px 0; margin: 19px 0 10px; border-bottom: 5px solid #e0e0e0; background:#fff; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 17px 15px 0 10px; margin: 0 45px 0 0; background: #fff url(images/menuarrow.jpg) no-repeat 10px 5px; color: #333; border-left: 1px solid #e0e0e0; }
#menu li a:hover { color: #000; border-left: 1px solid #7DD0F1; }


/* Left Column Styles */

#left { clear: left; float: left; width: 540px; padding: 0 34px 0 15px; margin: 15px 0 15px; }
#left img {border:none; padding: 1px; float: left; margin: 0 15px 5px 0;}
#left a { background: #EFFCFF; }
#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }

/* Left Column List Styles */

#left ul {list-style: none; margin-bottom: 20px; font-size: 1em; padding: 10px; background: #f2efe9;}
#left ul li {line-height: 2em;}

/* Right Column Styles */

#right { position: relative; top: -47px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: .9em; background: #fff; }
#right img {border:none; padding: 1px; margin: 0 0 8px; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
#right .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }

/* Right Column List Styles */

#right ul {list-style: none; margin-bottom: 20px; font-size: 1.1em}
#right ul li {border-bottom: 1px solid #e0e0e0; line-height: 2em;}

/* Quote Area Styles */

#inner {width:530px; margin-top:100px; padding:10px; font-size: smaller;}


/* Document Download Area Styles */

#document {background: #fff url(images/documentdownload.jpg) no-repeat; padding: 2px 0px 0px 55px;}

/* Article Area Styles */

#articles { margin: 40px 0 0 0; }
#articles li  { border-top: 1px solid #cecece; list-style: none; float: left; width: 245px; background: #eee repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
#articles li a { background: url(images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px; }
#articles li.last { margin: 0; }

/* Footer Styles */

#footer {clear: both; border-top: 1px solid #ccc; padding: 10px 0px 25px 0px; margin: 0px; font-size: .9em; color: #444; padding-bottom; height: 85px; margin:0px 20px 0px 20px;}
#footer a { color: #808080; background: #fff; font-weight: bold; }
#footer img {border: none;}

#staffloginheaderx {float: right;}
.breadcrumb {font-size: 16px;}