/*
Theme Name: Electric Studio
Theme URI: http://www.electricstudio.co.uk
Description: Theme developed for Client
Version: 1.0
Author: Electric Studio
Author URI: http://www.electricstudio.co.uk
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, hr { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


h1, h2, h3, h5, h5, h6 { font-weight:bold } 

body	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 62.5%;
}

a	{
	color: #010a6a;
}

a:hover	{
	color: #8dbfe9;
}

#wrapper	{
		font-size: 1.2em;
}


/* POST TYPOGRAPHY */

div.post	{
	line-height: 1.5em;
}

div.post h1	{
	clear: both;
	border-bottom: 1px solid #a0c27a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	line-height: 1em;
	font-weight: normal;
	padding-bottom: 20px;
	margin-bottom: 24px;
	margin-right: 20px;
	color: #010a6a;
}
div.post h2	{
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 20px;
	color: #010a6a;
}
div.post p	{
	margin-bottom: 1em;
	margin-right: 15px;
	line-height: 1.6em;
	text-align:justify !important;
}

div.post ul, div.post ol	{
	margin-left: 15px;
	list-style: disc;
	margin-bottom: 1.5em;
	margin-right: 20px;
}

div.post ul li	{
	list-style:none;
	background: url(style/images/li-image.gif) 0 7px no-repeat;
	padding:0 0 0 12px;
}

div.post ul li, div.post ol li	{
	margin-bottom: 10px;
}
/* DONORS PAGE */
ul.donors	{
	margin-left:-15px;
}
ul.donors li	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height:2em;
	border:1px solid #a0c27a;
	padding:5px;
	text-align:center;
	margin-left:-30px;
	color:#4F6932;
	list-style:none !important;
	background-image:none !important;
	background-color:#F3FBE1;
}


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border: 1px solid #e6efff; background-color: #f2f7ff; text-align:center; padding:10px; margin:10px 15px 15px 10px; }
#wrapper #bodyContent .post p.wp-caption-text { text-align:center !important; padding-top:3px;}

img.alignright	{
	margin-left: 40px;
	margin-bottom: 20px;
}

img.alignleft	{
	margin-right: 20px;
	margin-bottom: 20px;
}

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
hr {
	margin-right:20px;
	border:2px solid #688B41;
}

.hide	{
	display: none;
}

body	{
	background: url(style/images/body-grad.png) repeat-x;
	background-color: #010968;
	text-align: center;
	padding-bottom: 20px;
}

#wrapper	{
	background: url(style/images/body-bg.png) no-repeat top center;
	margin: auto;
}

#bodyInner	{
	width: 780px;
	margin:0 auto;
	background: #fff url(style/images/body-column.gif) repeat-y -46px 0;
	background-color: #fff;
	text-align: left;
}

#header	{
	background: url(style/images/header-bg.png) no-repeat -46px; 0;
	width: 780px;
	height: 138px;
}

#header h1	{
	float: left;
	margin-left: 10px;
	width: 247px;
	height: 120px;
	text-indent: -9999px;
}

#header h1 a	{
	display: block;
	background: url(style/images/logo.png) no-repeat top left;
	width: 247px;
	height: 120px;
}

#header h1 a:focus	{
	outline: none;
}

#topQuote	{
	width: 500px;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-align: right;
	padding-top: 40px;
	padding-right: 10px;
}

#topQuote em	{
	font-size: 0.9em;
	display: block;
	color: #8dbfe9;
	margin-top: 5px;
}

#nav	{
	/* total width 154 */
	width: 142px;
	padding: 12px 7px 12px 5px;
	background: #e3f0fb url(style/images/nav-bg.png) repeat-x;
	float: left;
	position:relative;
	top:0;
}

#nav li	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight:900;
	list-style:none;
}

#nav li a	{
	position:relative;
	display: block;
	padding-left: 7px;
	padding-top: 5px;
	padding-bottom: 8px;
	border-top: 1px solid #8fc2ed;
	text-decoration: none;
	color: #010a6a;
	cursor:text;
}
#nav li.page-item-11 a	{
	cursor:pointer !important;
}
#nav li a:hover	{
	color: #010a6a;
}

#nav li ul li	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:100;
}

#nav li ul li a	{
	border: none;
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 5px;
	text-decoration: none;
	color: #010a6a;
	cursor:pointer !important;
}

#nav li ul li a:hover	{
	text-decoration: underline;
}

#nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a	{
	background-color: #fff;
	border-left: 1px solid #8fc2ed;
	border-right: 1px solid #8fc2ed;
}

#nav li.current_page_item ul li a, #nav li.current_page_parent ul li a, #nav li.current_page_ancestor ul li a	{
	background-color: #fff;
}
#nav li.current_page_item ul li.current_page_item a, #nav li.current_page_parent ul li.current_page_item a, #nav li.current_page_ancestor ul li.current_page_item a, #nav li.current_page_ancestor ul li.current_page_parent a	{
	font-weight:900;
}
#bodyContent	{
	/* total width 626 */
	width: 605px;
	float: right;
	background: url(style/images/content-left-bg.png) no-repeat top left;
	padding: 10px 0px 20px 21px;
}

div.breadcrumb	{
	color: #333;
	font-size: 0.9em;
	margin-bottom: 20px;
}

div.breadcrumb a	{
	color: #345dae;
	text-decoration: none;
}

div.breadcrumb a:hover	{
	text-decoration: underline;
}

#footer	{
	margin-left: 170px;
	font-size: 0.8em;
	color: #003399;
	padding: 0 20px 10px 0;
}

#footer a	{
	color: #003399;
}

#footer a:hover	{
	color: #345dae;
}

p.electric	{
	width: 780px;
	margin: auto;
	text-align: right;
	fonr-size: 1.2em;
	margin-top: 5px;
}

p.electric, p.electric a	{
	color: #92a8d3;
	text-decoration: none;
}
p.electric a:hover	{
	color: #fff;
	text-decoration: underline;
}
div.post	{
	padding:0 20px;
}
/* HOMEPAGE STYLES */

#strapline	{
	background: url(style/images/strapline.gif) no-repeat top left;
	width: 587px;
	height: 75px;
	text-indent: -9999px;
	margin-bottom: 15px;
}

#homeLeft	{
	width: 405px;
	float: left;
	background: url(style/images/rotating/rotate.php) no-repeat top left;
}

p.leftText	{
	padding: 280px 26px 0 26px;
	text-align: center;
	color: #000;
	font-size: 1.85em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#homeRight	{
	float: left;
	width: 175px;
	margin-left: 10px;
}

.homeLinks	{
	background-color: #e3edd8;
	margin-bottom: 15px;
	border: 
}

.homeLinks h3	{
	width: 175px;
	height: 22px;
	padding: 4px 8px;
	overflow: hidden;
	background: url(style/images/button-green.gif) no-repeat top left;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: normal;
}
.homeLinks ul li	{
	list-style:none;
}
.homeLinks ul li a	{
	display: block;
	background: url(style/images/arrow-blue.gif) no-repeat 8px 13px;
	color: #003399;
	text-decoration: underline;
	padding: 10px 25px;
	border-bottom: 1px solid #d3e4c2
}

.homeLinks ul li a:hover	{
	color: #010968;
}

.homebox	{
	width: 287px;
	background-color: #e3f0fb;
	margin: 15px 15px 0px 0px;
	display: block;
	float: left;
	min-height: 95px;
}

.homebox h3	{
	display: block;
	height: 19px;
	padding: 4px 8px;
	overflow: hidden;
	background: url(style/images/button-blue.gif) no-repeat top left;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: normal;
}

.homebox p	{
	margin: 8px;
}

.homebox p a {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}

.homebox p a:hover	{
	color: #010968;
}

/* END HOMEPAGE STYLES */

/* DIRECTOR PAGE STYLES */

div.book	{
	clear: left;
	margin-bottom: 10px;
	padding:0 20px;
}


div.book a	{
float: left;
}

div.book a img	{
	border: 1px solid #e6efff;
	background-color: #f2f7ff;
	margin: 0 20px 0 0;
	padding: 13px 30px;
	display: block;
}

div.bookDetails	{
	width: 250px;
	float: left;
	text-align:justify;
}

div.bookDetails p, {
	margin-bottom: 10px;
	line-height: 1.5em;
}

em.bookTitle a	{
	font-size: 1.1em;
	font-style: italic;
	display: block;
	float: none;
	color: #003399;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	margin: 25px 0 10px 0;
}
div.ArticlesText  {
	padding:20px 180px 0 0;
}
div.ArticlesText p {
	margin-bottom: 10px;
	line-height: 1.3em;
	padding:0 20px;
	text-align:justify !important;
}

/* END DIRECTOR PAGE STYLES */

/* ADVISERS/FELLOWS  PAGE */

div.adviser, div.fellow	{
	padding:0 20px;
	font-size: 1em;
	margin-bottom: 25px;
}

div.adviser strong, div.fellow strong	{
	display: block;
	color: #010a6a;
	font-size: 1.2em;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 5px;
	margin-right:20px;
	padding:0 0 3px 0;
}

.fellowHead	{
	margin-bottom: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #394D24;
	margin-top: 50px;
	padding:0 20px;
}

/* END ADVISERS PAGE */

/* NEWS/BLOG PAGES */

#contentLeft	{
	/*width: 405px;*/
	display: block;
	float: right;
	padding:0 20px;
}

#contentRight	{
	float: left;
	width: 175px;
}

/* END NEWS/BLOG PAGES */

/* LATEST NEWS PAGE STYLES */
#bodyContent ol li {
	list-style:decimal;
	margin-left:19px;
}
li.recentPost {
	margin: 5px 0 0 0;
	padding:5px;
	border: 1px solid #e6efff; 
	background-color: #f2f7ff;
	display: block;
}

.smallDate {
	font-style: italic;
	color: #666666;
	font-size: 0.8em;
}

.courseBlurb {
	margin-top: 5px;
	margin-right: 40px;
	margin-left:20px;
	padding: 5px;
	border: 1px solid #e6efff; 
	background-color: #f2f7ff;
	display: block;
}
.leftCol ul li a, .leftCol ol li a {
	margin: 5px;
	margin: 20px;
	padding: 5px;
	border: 1px solid #e6efff; 
	background-color: #f2f7ff;
	display: block;
}
*body li.recentPost a {
	margin:0 0 0 -15px;
	padding:0;
}
*body li.recentPost {
	list-style:none;
}

/* END LATEST NEWS PAGE STYLES */

/* ---------------------------------------------------------------- 

*  CONTENT > COMMENTS

* ---------------------------------------------------------------- 

*/ 

h2#comments, h2#respond	{
	clear: both;
	border-bottom: 1px solid #a0c27a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	padding-bottom: 20px;
	margin-bottom: 24px;
	margin-right: 20px;
	color: #010a6a;
}
.comment {
	margin-bottom: 20px;
}
.comment .author {
	float: left;
	width: 80px;
	margin-right: 20px;
	text-align: right;
}
.comment .author img {
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	padding: 0;
}
.comment .author a {
	color: #000000;
	text-decoration: underline;
	font: 13px Arial, Helvetica, sans-serif;
}
.comment .author div {
	color: #949494;
	margin-top: 5px;
	font: 10px Arial, Helvetica, sans-serif;
}
.comment .box {
	float: left;
	width: 444px;
	min-height: 105px;
	padding: 18px;
	background-color: #EFEFE4;
	margin-right: 20px;
}
.alt .box {
	background: #ffffff;
	margin-right: 20px;
}
.comment .box a {
	color: #191919;
	text-decoration: underline;
}

/* ---------------------------------------------------------------- 

*  CONTENT > LEAVE COMMENT

* ---------------------------------------------------------------- 

*/ 

#leave_comment {
	background-color: #e3f0fb;
	padding: 10px;
	margin: 20px 20px 20px 0px;
	border: 1px solid #D2DCDF;
}
#leave_comment div {
	margin-bottom: 10px;
}
#leave_comment p {
	margin-bottom: 20px;
}
#leave_comment p a {
	color: #191919;
	text-decoration: underline;
}
#leave_comment input, #leave_comment textarea {
	width: 330px;
	padding: 5px;
	border: 1px solid #D2DCDF;
}
#leave_comment textarea {
	height: 82px;
}
#leave_comment label {
	float: right;
	width: 176px;
	color: #191919;
	line-height: 24px;
	margin: 6px 30px 0px 0px;
	font: 13px Arial, Helvetica, sans-serif;
}
div.button a	{
	background-color: #010968;
	border: 1px solid #010968;
	color: #fff;
	padding: 8px 22px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: inline-block; 
	clear: both;
}
div.button a:hover	{
	background-color: #0724d8;
	color: #fff;
}

/* ---------------------------------------------------------------- 

*  CONTENT > GALLERY PAGE

* ---------------------------------------------------------------- 
*/ 



.sliderwrapper1{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 565px; /*width of featured content slider*/
	height: auto;
	background-color: #fff;
	padding: 490px 0 0 0;
}
.sliderwrapper1 .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 548px; /*width of content DIVs within slider.*/
	height: 460px;
	z-index: 550;
	padding: 15px 5px;
	background: #E3F0FB; border: 1px solid #8FC2ED;
}
.sliderwrapper1 .contentdiv img { border: 1px solid #8FC2ED; }

#slider1 img{ display: block; margin: 0 auto; }
#slider1 p.caption{ display: block; margin: 5px 0 0 0; text-align: center !important; }

div#paginate-slider1 { display: block; clear: both; padding: 10px 0; position: relative; z-index: 600; }
div#paginate-slider1 img { display: inline; margin: 0; }
div#paginate-slider1 a { display: block; float: left; margin: 0 5px 5px 0; padding: 3px; background: #f9fbfd; border: 1px solid #E3F0FB; }
div#paginate-slider1 a.last { margin: 0 0 5px 0; }
div#paginate-slider1 a.selected { background: #E3F0FB; border: 1px solid #8FC2ED; }
div#paginate-slider1 a.prev{ display: none; }
div#paginate-slider1 a.next{ display: none; }
div#paginate-slider1 a:hover{ background-position: bottom left; }