/* @override http://students.bdonline.co.uk/wp-content/themes/bdtheme2/style.css */

/*  
Theme Name: BD Theme
Theme URI: http://www.bdonline.co.uk/
Description: BD Theme based on Bob's Big Blue theme
Version: 1.46.12b BETA
Author: Greg Morris 
Author URI: http://www.bdonline.co.uk/
*/

@import 'categories.css';


body{font-family: Arial, Helvetica, sans-serif;font-size:12px;background:#fff url(images/body_bg.png) repeat-y center;color:#666;margin:0;padding:0;}
img {border: 0 ;}
a img {border: 0;}
#wrap{width:995px;margin:0 auto;padding:0;}
#top{width:995px;clear:both;margin:0 auto;padding:0;}
/* h2,h3{font-size:16px;font-weight:700;margin:0;padding:0;} */
h2,h3{font-family:Arial, sans-serif;font-size:18px;font-weight:bold;margin:0;padding:0;}
#main{width:1015px;margin:20px auto;padding:0;position:}
#header{width:430px;height:69px;float:left;margin:0;padding:0;}
#header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:10px 0 0;}
#header p.desc{font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;font-size:11px;margin:0;padding:0;}
#content{width: 611px;float:left;margin:0;padding:20px 0 0 10px;}
.entry{font-size: 12px;float:left;width:600px; margin:0;padding:0 0 30px;
	line-height: 18px; position: relative;
}


#content h1 {
margin: 0;	
}

.entry h1{
	color: #0f5787;
	font-size: 30px;
	margin: 0px;
}


div.entry h3 a, div.entry h2 a{
	margin-top: 20px;
	color: #cb312f;
	font-size: 19px;
	line-height: 26px;
}


span.post_date {
	margin-top: 4px;
	float: left;
	color: #aeadac;
	text-transform: uppercase;
	font-size: 11px;
}

h2.pagetitle {
	margin-bottom: 20px;
	font: normal 23px Georgia, "Times New Roman", Times, serif;
}


a.off {
float: left;
}


#sidebar{float:right;width:336px;margin:0 19px 0;padding:20px 0 0;}
.rsidebar{float:right;width:336px;margin:0;padding:0; overflow:hidden;}
.rsidebar h2{background:#0F5787;height:22px;font-size: 11px;font-weight:700;color:#fff;margin:0 0 2px;padding:0 0 0 8px;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 0;
}
.rsidebar h2 a{color: #fff;}
.postmetadata{background:#F5F4F0;border-bottom:1px #A79B8F solid;border-top:1px #A79B8F solid;font-size:11px;margin:0;padding:5px; clear:both;}
.boxcomments{border-top:5px solid #F5F4F0;border-bottom:5px solid #F5F4F0;margin-bottom:20px;width:510px;}
#commentform{border-top:1px solid #F5F4F0;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:url(images/latestbck.gif) repeat-x;}
ol.commentlist li{border-top:1px solid #F5F4F0;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
#eof{width:995px;clear:both;height:20px;background:#fff;margin:0 auto;padding:0;}
.navigation{width:500px;float:left;color:#666;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
#footer{background:url(images/footerbck.gif) repeat-x;height:31px;line-height:31px;}
.footer{width:995px;text-align:left;font-size:11px;margin:0 auto;}
.lsidebar{float:left;width:336px;margin:0;padding:0;}
/* .lsidebar h2{background:url(images/h2.gif) no-repeat;height:22px;font-size:13px;font-weight:700;color:#6995c2;margin:0;padding:0 0 10px 8px;} */
.lsidebar h2{background:#0F5787;height:22px;font-size: 11px;font-weight:700;color:#fff;margin:0 0 2px;padding:0 0 0 8px;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 0;
}
.lsidebar h2 a{color: #fff;}
a:link,a:visited{text-decoration:none;color:#000000;border:none;}
a:active, a:hover { text-decoration:underline; color: #CB312F;}
#header h1 a:link,#header h1 a:active,#header h1 a:visited{text-decoration:none;color:#fff;border:none;}
.rsidebar ul,.lsidebar ul{list-style-type:none;line-height:200%;font-size:12px;margin:0 auto;padding:0; background: #fff url(images/bg_boxes.gif) no-repeat bottom left;
}
.rsidebar ul li,.lsidebar ul li{list-style-type:none;margin:0 0 20px;padding:0;}
	



.rsidebar ul li div{
	padding: 10px;
}
.rsidebar ul li ul,.lsidebar ul li ul{list-style-type:square;margin:0 auto;padding:0 3px;}
.rsidebar ul li ul li,.lsidebar ul li ul li{list-style-type:none;border:0;border-bottom:#dadada solid 1px;margin:0 auto;padding:0;}
.rsidebar ul li ul li ul.children li,.lsidebar ul li ul li ul.children li{list-style-type:none;border:0;margin:0 auto;padding:0;}
/* .rsidebar ul li ul li a,.lsidebar ul li ul li a{text-decoration:none;} */
#bloginfobox {border-top:5px solid #F5F4F0; border-bottom:5px solid #F5F4F0; margin-bottom:20px; width:100%; padding: 0 0 10px;}

/* ShareThis */
.stico_default {
float: right;
margin: 25px 0 0 7px;
background-color: #F5F4F0;
}

/* Comment bullets */
.rsidebar ul li ul li ul.children li,.lsidebar ul li ul li ul.children li{list-style-type:none;border:0;margin:0 0;padding:0 0 0 18px; font-weight: normal; background:transparent url(images/arrow.gif) no-repeat scroll 0 5px;}


/* .rsidebar ul li ul li a,.lsidebar ul li ul li a{text-decoration:none;} */
#bloginfobox {border-top:5px solid #F5F4F0; border-bottom:5px solid #F5F4F0; margin-bottom:20px; width:100%; padding: 0 0 10px;}

.rsidebar ul li ul li.cat-item,.lsidebar ul li ul li.cat-item {
font-weight: bold;
}

.more-link {font-weight:bold; text-decoration: underline!important; clear: left; margin-top: 10px;}

/* Blog title */
#blogstrapline { position:absolute;right:0px;top:20px; padding-top: 10px; }
#blogstrapline h1, #blogstrapline h3 {margin:0px;display:inline;}
#blogstrapline h1 {font-size:20px;}
#blogstrapline h3 {
	font: italic 15px Georgia, "Times New Roman", Times, serif;
}
#blogstrapline a:hover {text-decoration:underline;}
#header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:10px 0 0;}

/* BEGIN MAST HEAD CSS */

/*Misc --------------------------------------------- */
.date { padding:0; margin:2px 0 .8em 0; color: #CB312F; font-size: 1em; }
.date span:before {content: "( ";}
.date span:after {content: " )";}
.clear {clear:both; font-size:0.1em; height:1px;}
.hide {position:absolute;left:-9999px; }
.subsicon { position: relative; bottom: 2px; left: 3px; }

/*Form styles --------------------------------------------- */
fieldset { margin: 0; padding: 0; border: none;}
legend { display:none;}
.formbox {padding:15px; background: #f5f4f0; margin:15px 0;}
.formbox h2 { background: transparent none; color:#000; padding: 0; }
.formbox p {clear:left; zoom: 1; }
.formbox input.text, .formbox select, .formbox textarea { font: .9em Arial, Helvetica, sans-serif; }
.formbox .labelnormal { font-weight:bold; color: #000;}
.formbox .labelsmall { color: #000; }
.formbox .selectnormal, .formbox .inputnormal { padding-left:3px; font-size:0.95em; }
.formbox .inputnormal {font-size:1em;}
.formbox .boxnormal { font-size:1em; padding-left:3px;}
.formbox .width0 {width:25px;}
.formbox .width1 {width:100px;}
.formbox .width2 {width:220px;}
.formbox .width3 {width:370px;}
.formbox hr { clear: both; margin:0; padding:0;}
.formbox .disabled {background-color: #F5F4F0;}


/* Mast ---------------------------------------------------*/
#mast { height: 152px; font-size: 1em; padding-top: 1px; position: relative; border-top: 1px solid #fff; /* stop margin collapsing */ }
#logo { margin-top: 10px; float: left; }
#mast .date { position: absolute; left: 150px; top: 85px; margin: 0; color: #A79A8E; font-size: 11px; font-weight: bold; }
.topadvert {position:absolute;top:17px;left:267px; width:728px; height:90px; text-align:center;}


/* login box */
.login {color:#fff;width:355px;position:absolute;top:28px;left:650px;height:67px;z-index:1; }

/* Afterlogin box */
.afterlogin {font-size:.8em;color:#fff;width:200px; position:absolute;left:650px;top:32px; height:67px;z-index:1;}
.afterlogin .inside {padding:10px 0 0 10px;}
.afterlogin p {margin:0 0 3px 0;width:130px;line-height:120%;}
.afterlogin .logout {background:url(http://www.bdonline.co.uk/magazine/graphics/login_arrow.gif) no-repeat left center;padding:0 0 0 12px;}

.afterlogin a.logout{color:#FFF;text-decoration:underline;}
.afterlogin a:visited.logout {color:#FFF;text-decoration:underline;}
.afterlogin a:hover.logout {color:#FFF;text-decoration:none;}

form.loginform {width:190px;margin:10px 0 0 10px;}
form.loginform input.loginbox {width:95px; border:1px solid #666;font-size:95%;color:#3D6193;padding:0 2px 0 2px; margin:1px 1px 1px 0; vertical-align:bottom}
form.loginform input.loginbut {margin:0;}
form.loginform label {float:left;width:35%;clear:left;display:block;margin:2px 0;}

.afterlogin ul.loginlist {position:absolute;top:0;left:180px;}

ul.loginlist {width:150px;padding:0;margin:0;position:absolute;left:210px;top:0;}
ul.loginlist li {display: block; width:150px;list-style:none; background:url(http://www.bdonline.co.uk/magazine/graphics/login_arrow.gif) no-repeat left center; padding:0 0 3px 10px;}
/*\*/ * html ul.loginlist li {display /**/: inline; } /* :hack: IE5.x on windows needs this */
ul.loginlist li a {color:#FFF;text-decoration:underline;}
ul.loginlist li a:visited {color:#FFF;text-decoration:underline;}
ul.loginlist li a:hover {color:#FFF; text-decoration:none}

/* search bar */
.searchbar {position: absolute; left:445px;top: 80px; background: #fff url(images/search_blog.gif) no-repeat 0 13px; font-size: 0.85em; padding-top: 10px;}

#top_section {
	float: right;
	width: 700px;
	height: 110px;
	position: relative;
	background: url(images/student_space.gif) no-repeat top right ;
}
.searchbar form { margin: 0 0 0 82px;}
.searchbar form .searchbox {font-family: Verdana, sans-serif; font-size:100%; vertical-align: middle; padding: 3px; _height /**/: 20px; /* :hack: height for IE5 */ background-color:#FFF; color:#A79B8F; width:142px; border: 1px solid #E97927;}
.searchbar form .searchbutton { vertical-align: middle; }

.advancedsearch {color:#E97927; position: absolute; left: 258px; top: 153px; font-size: 0.85em;}
.advancedsearch a {color:#E97927; text-decoration: none; background:url(images/adsearch1list.gif) no-repeat left; padding-left: 10px;}
.advancedsearch a:hover {color:#CB312F; text-decoration: none;}

/* subscribe icon */
.subscribers {position: absolute; top:147px; color:#A79B8F; padding:3px 0 5px 0; }
.subscribers a {color:#A79B8F; text-decoration: none;}
.subscribers a:hover {color:#CB312F; text-decoration: underline;}
.subscribers img {margin-bottom: -3px;}

/* newsletter sign up */
#signup { position: absolute; right: 0; top: 150px; }

/* Top navigation--------------------------------------------*/
#topnav { margin:10px 0 0;  font-size: 0.95em; text-transform: uppercase; 
	height: 33px;
	float: left;
	width: 995px;
}
.indexpage #topnav { border-bottom: 0; }
#menubd { margin: 0; padding: 0; position: relative; z-index: 100; background: #A79B8F; zoom: 1; /* :hack: float enclosing in IE */ }
#menubd:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }
#menubd li { float: left; list-style-type: none; margin: 0; padding: 4px 0; }
#menubd a { padding: 1px 12px 3px 11px; display: block; color: #fff; white-space: nowrap; border-right: 1px solid #bfbfbf; text-decoration: none; font-weight: bold; background: #A79B8F; }
#menubd .on a, #menubd .on a:hover, #menubd a:focus, #menubd a:hover, #menubd .open a { text-decoration: underline; }
#menubd li div { position: absolute; left: -9999px; clear: left; width: 17em; margin-left: -2px; /* this compensates for the 2px left white border */ background-color: #A79B8F; text-transform: capitalize; border-top: 3px solid #a79b8f; }
#menubd li div .line { display: none; }
#menubd li ul { margin: 0; padding: 0; border: 2px solid #fff; border-top-width: 1px; }
#menubd li li { float: none; padding: 0; font-size: .9em; _zoom: 1; _display: inline; /* :hack: make weird gaps disappear in IE5+6 */ }
#menubd li:hover, #menu li.over { position: static; /* make menus not sticky in IE7 */ }
#menubd li:hover div, #menu li.over div { left: auto; }
#menubd li li a, #menu .open li a { border-bottom: 1px solid #fff; font-weight: normal; padding: 4px 14px; text-decoration: none; white-space: wrap; _width: 100%; }
#menubd li li a:focus, #menu li li a:hover, #menu .open li a:hover, #menu li a.focussed { background: #CB312F; text-decoration: none; }


.loginlinks {
float: left;
/* padding-top: 2px; */
}
.loginlinks A {
	DISPLAY: block; PADDING-LEFT: 14px; BACKGROUND: url(images/BD/arrow.gif) no-repeat left center; COLOR: #000000; TEXT-DECORATION: none; 
}
.loginlinks A:hover {
	TEXT-DECORATION: underline; color: #cb312f;
}

/* Bottom navigation --------------------------------------------- */
#bottomnav {clear:both; margin: 10px 0 0px 10px; padding: 5px 10px; background-color: #A79B8F; color: #fff; font-weight: bold; font-size:0.9em; }
#bottomnav ul {list-style:none; margin: 0; padding: 0; }
#bottomnav li {display:inline; border-right:1px solid #fff; padding-right: .5em; margin-right: .5em; }
#bottomnav a { color: #fff; text-decoration: none; }
#bottomnav a:focus, #bottomnav a:hover { text-decoration: underline; }

/* Footer --------------------------------------------- */
#footerlinks {clear:both; background: #fff; margin-right: 8px; padding-bottom: 30px;}
#footerlinks .sleeve {padding: 10px;}
#footerlinks h2 { margin: 0 5px 0 0; padding: 0; font-size: .95em; color: #000; display: inline; background: transparent; text-transform: none; }
#footerlinks ul { margin: 0; padding: 0; display: inline; font-size: 10px; }
#footerlinks li { display: inline; margin-right: .5em; padding-right: .5em; border-right: 1px solid #A79B8F; zoom: 1; /* :hack: make IE line up borders correctly */ }
#footerlinks li:last-child { border: 0; }
#footerlinks a { color: #A79B8F; text-decoration: none; }
#footerlinks a:focus, #footer a:hover { text-decoration: underline; color: #CB312F; }
#footerlinks img {float:left; margin-right:10px;}




.hide { display:none}

#mpu { text-align:center; margin: 10px 0 }

#wp-calendar
{
font-size:normal-;
line-height:150%;
margin:5px 0pt 20px;
text-align:left;
overflow:hidden;
width:100%;
}

#wp-calendar caption
{
font-weight:bold;
text-align:left;
}

#wp-calendar a
{
font-weight:bold;
}


#puffs {
padding:0 1px;
}
#puffs:after {
clear:left;
content:".";
display:block;
height:0;
visibility:hidden;
}
#puffs ul {
margin:0;
padding:0;
}
#puffs li {
float:left;
list-style-type:none;
margin:0;
width:331px;
}
#puffs h2 {
clear:left;
content:".";
display:block;
height:0;
visibility:hidden;
}

#student_space {
	position: absolute;
	top: -2px;
	right: 0px;
}

#find_a_job {
	position: absolute;
	top: 121px;
	right: 0;
}



/* Portlet Code */

html body #wrap.ie.v6-0,html body #wrap.ie.v6-0 #content {width:1018px;}

#columns .divvy
{
	padding: 0 6px 20px 0;
	vertical-align: top;
/*	width: 325px;  */
	width: 332px;	
	float:left;
}

.portlet_content_contain {
background: url(images/ajaxboxbottom.gif) bottom left no-repeat #fff;
	padding: 0 8px 0 0;
	}
	
.portlet_topper_contain {
background: url(images/ajaxtopper1.gif) top left no-repeat #fff;
padding: 2px 8px 0 1px;
}

.portlet_topper
{

	padding:5px 5px 2px 10px;
	border-bottom: 1px solid #cdcdcd;
	width:297px;
	font-size:13px;
	text-transform:uppercase;
	height:auto;
	margin:0;
	float:left;
	cursor: move;
	text-shadow: #FFF 1px 1px 0;
	z-index: 1;
}

.portlet_topper, .portlet_topper a,.portlet_topper a:visited
{
	color: #0f5787;
	font-weight: bold;
}

table.sortable {
	width: 600px;
}

.portlet_content
{
	padding: 10px 10px 40px;
	position:relative;
	}


.portlet .twitter-avatar {
background: url(images/twitterbg.jpg) center top no-repeat #fff;
}

.portlet .feedimg img {
height:auto;
width:50px;
}

.portlet .feedimg {
float:left;
width:50px;
height:50px;
text-align:right;
margin: 0 5px 5px 0;
}

.portlet
{	
	margin: 0 0 10px;
	width: 324px;
	font-size:11px;
	color:#333;
}

.portlet p {
margin: 0;
padding: 0;
line-height:15px!important;
}

.portlet h3 {
color: #4d4d4f;
font-size:18px;
font-weight:bold;
margin: 0 0 4px;
}

.portlet h3.feedauthor {
padding:0!important;
margin:0!important;
}

p.feedheadline {
padding:0!important;
font-size: 13px;
}

a.feedlink {
color: #c61d23;
font-weight:bold;
padding:0!important;
font-size: 14px;
}

.feedstandfirst {
padding:0!important;
line-height:13px !important;
}

.feedcontent {float:right; width:238px;}

.feedpodcontent {float:right; width:260px;}

.portlet .feedplayer {
float:left;
width:25px;
height:20px;
text-align:left;
margin: 3px 5px 5px 0;
padding:0;
}

.feeddate {
font-size:11px;
margin: 3px 0 0!important;
padding:0!important;
	text-transform: uppercase;
	color: #919191;
}

a.feedmore {
float:right;
width: 72px;
height: 13px;
margin: -10px 30px 7px 0;
padding: 8px;
color: #fff;
background: #c61d23 url(images/more_back.gif) no-repeat;
text-shadow: #000 1px 1px 0;
text-transform: uppercase;
text-align: center;
}

li.feedlistitem, li.twittLI {
clear:both;
margin: 0 0 7px!important;
}

li.feednetwork {
padding: 0px!important;
}

li.feednetwork .feedstandfirst a {
font-weight:bold;
}

.portlet .postscript a {
font-style:italic;
}

img.juitterAvatar {
float: left;
margin: 0 5px 5px 0;
height:auto;
width:50px;
border: 2px solid white;
	-webkit-box-shadow: #4a4a4a 1px 1px 2px;
	-moz-box-shadow: #4a4a4a 1px 1px 2px;
}

div.twitter-avatar a img {
	border: 2px solid white;
	-webkit-box-shadow: #4a4a4a 1px 1px 2px;
	-moz-box-shadow: #4a4a4a 1px 1px 2px;
}



	.portlet_topper .ui-icon { float: right; }
	.ui-sortable-placeholder { 	background:#fff;border: 4px dashed #ddd; visibility: visible !important; width:308px!important; max-height:180px;}
	
	
	/*.ui-sortable-placeholder * { visibility: hidden; }*/
.portlet_topper .ui-icon {
background:transparent url(images/headminus.gif) center no-repeat;
height:19px;
width:19px;
border:1px solid #cdcdcd;
cursor: pointer;
}

.portlet_topper .ui-icon.ui-icon-minusthick {
background:transparent url(images/headplus.gif) center no-repeat;
height:19px;
width:19px;
border:1px solid #000;
cursor: pointer;
} 

.portlet_topper .ui-icon:hover  {
cursor:pointer;
}

.ui-sortable-helper {
	filter:alpha(opacity=60);
	opacity:.60;
	max-height:200px;
	overflow:hidden;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/
}

.ui-sortable-helper .portlet_content_contain {
	 max-height:145px;
	 padding:0 8px 55px 0;
}

.ui-sortable-helper .portlet_content {
	 overflow:hidden;	 
	 height: 60px;
}


div.ie.v6-0 #content #contentajax div.ui-sortable div.ui-sortable-placeholder, div.ie.v7-0 #content #contentajax div.ui-sortable div.ui-sortable-placeholder {
	 height:200px!important;
	 max-height:none;
	 display:block;
}

#contentajax {margin: 5px 0 0;}

.portlet p {
	padding: 2px 0px 16px 0px;
	margin-top: 2px;
	line-height: 20px;
	font-size: 12px;
	}
	
.portlet ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
.portlet ul li {
	margin: 0px;
	padding: 3px 0px;
	}
	
.portlet ul li ul {
	padding: 5px 0 10px 5px;
	}	
	
.portlet ul li a {
	color: #c71c22;
	text-decoration: none;
	line-height: 18px;
	}
	
.portlet ul li a:hover {
	color: #c71c22;
	text-decoration: underline;
	}
	
	.portlet h2 {
background-color:#726868;
color:#FFFFFF;
font-size:1em;
line-height:1.2em;
margin:0 0 4px;
padding:3px 0 4px 5px;
}

.portlet ul li h2 a {
color:#FFFFFF;
text-decoration:underline;
}

.portlet ul li h2 a:hover {
color:#FFFFFF;
text-decoration:none;
}

.portlet .widget {
	margin: 0 0 15px 0!important;
	}
	
	.portlet .widget ul {
list-style-type:none;
margin:3px 0 0;
padding:0 5px 5px;
}

.portlet .widget li {
background:transparent url(images/arrow_dark.gif) no-repeat scroll 0 7px;
margin:0;
padding-left:10px;
}

.portlet .widget li a {
color:#4A4143;
text-decoration:none;
}

.portlet .widget li a:hover, .portlet .widget li a:focus, .portlet .widget li a:active {
color:#C71C22;
text-decoration:underline;
}

.Mug {
	padding: 3px;
	float: left;
}