/*  

Theme Name: UCL Corporate Identity layout - Orange (Parent)

Theme URI: http://www.ucl.ac.uk/isd/

Description: UCL Wordpress template that corresponds with the university's corporate identity 

Version: 3.0

Author: UCL Web Services

Author URI: http://www.ucl.ac.uk/isd/
*/



@charset "UTF-8";
/* CSS Document */

@media screen { body { -webkit-text-size-adjust: none; }}
/* Protect small fonts from being re-sized on iPad or iPhone */

/*resetting superfluous CI styles*/
#border-bottom{
	display:none;
}
div.entry:hover{
	background-color:transparent;
}
#sidebar ul li{
	list-style-type:none;
	margin-bottom:5px;
}
#sidebar ul li ul li{
	margin-bottom:0;
	list-style-type:disc;
}
#sidebar ul li input{
	margin-bottom:5px;
}
textarea, pre, code, kbd, samp, var, tt{
	width:100%;
}

#nav ul li, #nav ul li a:link, #nav .hlist ul li a:visited {
	color:#173958;
	font-size:1em;
	font-weight:normal;
}
.hlist ul li:before{
	content:none;
}
/*end reset*/

/*WP specific styles*/
.entry{
	margin-bottom:30px;
}
.post .singleEntry{
	border-bottom-width:0;
}
.postFooter{
	background-color:#f7f7f7;
	padding:3px 3px 0 3px;
}
.entry h3{
	margin-bottom:5px;
}
.commentHead{
	font-weight:bold;
}
/*recent entries widget*/
#sidebar .widget_recent_entries ul li{
	list-style-type:disc;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
#searchPostContainer{
	position:relative;
	top:-20px;
}
#col3 h5{
	font-weight:bold;
	color:666;
/*	font-size:85%; */
	margin-bottom:10px;
}
/*end WP specific styles*/

/* PRIMARY COLOUR */

#tabs h3.heading a,
.sideBar h2,
h6.vlist,
.entry a,
.invFoot a,
.cast-container a h4,
.publicationdate,
.eventdates, p.location,
.newsiteminfopublicationdate,
.default-profile-table .profile-label,
.searchresults .searchresult-breadcrumb a,
.articlelink a, 
.articlelink a:hover, 
.articlelink a:active, 
.articlelink a:link, 
.articlelink a:focus,
.articlelink a:visited, #blog-items a,  
.podcast-link a, 
.related-info p a, .commentHead a
{
	color:#173958 !important;
}

.newsbox 
{
	border-top:4px solid #173958;
}

.newsSmall
{
	border-top:4px solid #173958;
}

.sf-menu li,
.sf-navbar,
.sf-navbar li li,  
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus,  
.sf-navbar a:active,
.sf-navbar li.current, .sf-navbar li:hover
{
	background:#F8EABD !important;
}

#main ul#uclnavbar{
	background-color:transparent !important;
}

#corp-identity-bright-blue
{
	background-color:#F8EABD;
}

/* extensions by SW */
#col3 {font-size: 115%; }
.mainstory { font-size: 120%; }

.hrule
{
	height: 3px;
	width: 100%;
	background: url(/english-usage/images/brk.gif) repeat-x;
	margin-bottom:0.4em;
}

#col3 ul li.q { background: url(/english-usage/images/ci/q.png) no-repeat 0 5px; font-weight: bold; }
#col3 ul li.a { background: url(/english-usage/images/ci/a.png) no-repeat 0 5px; }
#col3 ul li.a2 { background: none; }
.pad2 td { padding: 2px; }
.pad4 td { padding: 4px; }
.ref { font-size: 12pt; font-weight:bold; margin-bottom: -1px; }

#mobswitch { width: 34px; height: 32px; background-image:url(/english-usage/images/ci/_contract.png); position: absolute; top: 50px; left: 20px; }
#mob { width: 16px; height: 30px; background-image:url(/english-usage/images/ci/_phone.png); position: relative; top: 1px; left: 9px; }

.scrollH { overflow-x: scroll; overflow-y: hidden; }
.right { position: absolute; right: 108px; }
.banner { color: white; font-weight: bold; font-size: 70%; padding: 0 4px; background-color: #b00; }

.ip { width: 180px; height: 344px; }
.ip#i1 { background-image: url(/english-usage/apps/ige/images/_ip1.png); }
.ip#i2 { background-image: url(/english-usage/apps/ige/images/_ip2.png); }
.ip#i3 { background-image: url(/english-usage/apps/ige/images/_ip3.png); }
.ip#i4 { background-image: url(/english-usage/apps/ige/images/_ip4.png); }

.fadeframe, .fader, .fader-icon { width:110px; height:110px; margin:0; padding:0; }	
.fadeframe, .strfadeframe { position: relative; }
.fader, .fader-icon, .strfader { position: absolute; top: 0px; left: 0px; }
.fader { background: #fff url(/english-usage/icons/1/drop.gif) no-repeat; }
.fader-icon, .strfader { background-color: #fff; }
.strfader { height: 100px; }

div#bigpic, div#bigpicL { height: 210px; width: 210px; background-image: url(/english-usage/icons/2/drop.gif); }
div#bigpic img, div#bigpicL img { width: 200px; height: 200px; }
div#bigpic { float: right; margin-right: 0px; }
div#bigpicL { float: left; margin-left: 0px; }

div#igelogo, #awelogo, div#esplogo, div#gpks2logo { width:88px; height:88px; float: right; }
.nofloat div#igelogo, .nofloat div#awelogo, .nofloat div#esplogo { float: none; }

.subhd,.subhd2 { background-color: #670000; color: #fff; font-size: 170%; font-weight: bold; line-height: 0.7em; height: 0.6em; overflow: hidden; margin: 1em 0; }
.subhd { padding:0.5em 0.5em 0 0; text-align: right; }
.subhd2 { padding:0 0 0.5em 0.5em; text-align: left; }


div#igelogo { background-image: url(/english-usage/apps/ige/images/_logo.png);  }
#awelogo { background-image: url(/english-usage/apps/awe/images/_logo.png); }
div#esplogo { background-image: url(/english-usage/apps/esp/images/_logo.png); }
span#awelogo { float:none; display: inline-block; }
div#gpks2logo { background-image: url(/english-usage/apps/gpks2/images/_logo.png); }
div.englicious { background-image: url(/english-usage/projects/grammar-teaching/images/englicious-logo.gif); width: 100px; height: 44px; float: right; }

div#android { width:100px; height: 100px; background-image: url(/english-usage/images/and-sml.gif); float: right; }
.store { width:87px; height: 30px; background-image: url(/english-usage/apps/images/appstore.gif); display: inline-block; vertical-align: middle; }
.gplay { background-image: url(/english-usage/apps/images/goostore.gif); }

.phone { border: 5px solid black; border-radius:5px; display: inline-block; background: url(/english-usage/apps/awe/images/but.png) no-repeat center bottom black; 
-moz-box-shadow: 6px 6px 12px rgba(0,0,0,.6); -webkit-box-shadow: 6px 6px 12px rgba(0,0,0,.6); box-shadow: 6px 6px 12px rgba(0,0,0,.6); 
margin: 1em 0; vertical-align: top; position: relative; }
.phone .scrn { border-width: 0; height: 400px; width: 280px; max-width: 280px; margin-bottom: 30px; }
.phone span.scrn { color: white; height: 200px; width: 140px; display: table-cell; }
.phone .fs { width:30px; height: 30px; position: absolute; bottom:0; right: 0;
display: inline-block; background: url(/english-usage/apps/awe/images/fs.png) no-repeat; }
table.fixht td { line-height: 1.4em; }
tr.head { background-color: #3399FF; }
tr.head h3 { color: white; margin: 0.5em; }
.tweetbox { display: inline-block; float: right; }
#countdown { float: right; width: 25%; font-size: 150%; text-align: center; display: none; background-color: #fff; padding: 0.2em; border-radius: 0.5em; margin: 1em 0 1em 1em; }
#countdown { -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); box-shadow: 0px 0px 12px rgba(0,0,0,.6); }
#main h2, #main h3 {margin-top: 1em; }
#main table h2, #main table h3 {margin-top: 0 !important;}

#carousel img, .carousel img { display: none; }
.foot { font-size:140%; padding: 6px; background-color:#173958; color:white; }

.rolldown { cursor:pointer; }
.rolldown .head { border-bottom: 1px solid #FD8951; }
.rolldown.open .head { border-bottom-width: 2px; }
#col3 h5 { color: #3B5F5A; padding-left: 28px; }
#col3 div.head:hover h5 { color: #000; } 
.rolldown .label { display: inline-block; float: right; position: relative; top: -1em; margin-left:4px;  
-webkit-user-select: none; -ms-user-select: none;  user-select: none; }
span.label, .rolldown .label  { padding: 0.5em 0.75em; font-size: 80%; background-color: #FD8951; white-space: nowrap; }
.rolldown .label.data { background-color: #FD8951 !important; }

.rolldown .roller { display: none; }
.rolldown .roller, .rolldown .roller.multi div { border: 2px solid #FD8951; border-top-width: 0; padding: 0.1px; }
.rolldown .roller, .rolldown .roller.multi { margin-top:0; padding-top:0.1px; margin-bottom: 0.5em; }

.rolldown.reading .head { border-bottom-color: #E1B762; }
.rolldown.reading .label, .rolldown .label.reading, span.label.reading { background-color: #E1B762; }
.rolldown.reading .roller, .rolldown .roller.multi div.reading { border-color: #E1B762; }

.rolldown.calc .head { border-bottom-color: #FD6E55; }
.rolldown.calc .label, .rolldown .label.calc, span.label.calc { background-color: #FD6E55; }
.rolldown.calc .roller, .rolldown .roller.multi div.calc { border-color: #FD6E55; }

.rolldown .roller.multi { border: 0; }
.rolldown .roller.multi div+div { border-top-width: 2px; margin-top: 0.5em; }


#col3 h4 { margin-top: 0.5em; }
#col3 h5 { margin: 0.5em 0; }
.grey { color: #777; }