/*
Theme Name: Get Connected
Theme URI: http://www.getconnnected.com	 
Description: Get Connected theme, Straightforward talking for young people.
Version: 1.0
Author: diva creative
Author URI: http://www.divacreative.com
Tags: four columns, fixed width, widgets, green
*/

/*
#################################################################################################################################
= CONTENT
#################################################################################################################################
*/

/*	
	Content:
	1. BASE ELEMENTS
	2. MAIN LAYOUT ELEMENTS
	3. HOME PAGE
	4. NAVIGATION
	5. CONTENT
	6. FOOTER
	7. WORDPRESS CSS
	8. MISC
*/

/*
#################################################################################################################################
= BASE ELEMENTS
#################################################################################################################################
*/

/* Colors
Green:		#77b800
Greys: 		#7a7a7a #6d6a6e #edefe7 #f8f8f8
Orange:		#ffa12d
Blue:		#6ad3ed
*/

html {  }	
body { margin:0px auto; background:#edefe7; }

/*
#################################################################################################################################
= MAIN LAYOUT ELEMENTS
#################################################################################################################################
*/

div#wrapperOuter 	{ width:980px; margin:0 auto; padding:0; background:url(images/bg_repeat.jpg) repeat-y; }
div#wrapperFooter 	{ width:980px; margin:0 auto; padding:0; background:url(images/bg_footEnd.jpg) top no-repeat; }
.wrapperContent		{ width:960px; margin:0 auto; clear: both; padding:0; }

h1#logo 			{ position:absolute; top:30px; left:10px; text-indent:-9999px; height:92px; width:370px; background:url(images/logos/main_logo.png) no-repeat; margin:0; padding:0;  }
h1#logo a			{ display:block; height:92px; width:320px; }
div#header 			{ position:relative; height:220px; width:960px; background-color:#ffffff; background:url(images/bg_header.png) no-repeat;  z-index:1;  }
div#search 			{ position:absolute; top:50px; right:110px; }
h2#strapline		{ position:absolute; top:60px; left:420px; height:30px; width:302px; background:url(images/titles/strapline.png) no-repeat; padding:0; margin:0; text-indent:-9999px; }
div#mainNav			{ position:absolute; top:144px; height:48px; width:960px; background-color:#77b800; z-index:90;}
div#breadCrumbs		{ position:absolute; top:193px; height:26px; font-size:1.1em; z-index:1;  }
div#breadCrumbBlock	{ margin:4px 0 0 20px; }

div#container 		{ width:960px; margin:0 auto; clear: both; padding:0; }
h2#pageTitle    	{ margin: 1em 0 1em 0; }
h2#pageTitleHome    { margin: 0.8em 0 0.8em 10px; }
div#mainContentHome	{ width:700px; float: left; display:inline; overflow:hidden; margin:0 10px 0 10px; }
div#mainContent		{ width:440px; float: left; display:inline; overflow:hidden; margin:0 20px 0 20px; }

div#sideBar1		{ width:220px; float: right; display:inline; overflow:hidden; margin:60px 10px 0 10px; }
div#sideBar2		{ width:220px; float: left; display:inline; overflow:hidden; margin:60px 10px 0 10px; }

div#backTop			{ clear: both; }
div#footer			{ width:960px; margin:0 auto; padding:0; background:url(images/bg_repeatFooter.jpg) top repeat-x #6d6a6e; }

.skip				{ display:block; font-size:small; position:absolute; overflow:hidden; text-indent:-9999px; left:0; top:0; width:1px; height:1px; }

/* Content Bgs */
.bgNorm 			{ background: #FFFFFF url(images/bg_norm_content.jpg) no-repeat center top; }
.bgHome				{ background: #FFFFFF url(images/bg_home_content.jpg) no-repeat center top; }
.bgProf				{ background: #FFFFFF url(images/bg_prof_content.jpg) no-repeat center top; }
.bgParent			{ background: #FFFFFF url(images/bg_parents_content.jpg) no-repeat center top; }
.bgSfRecruitment	{ background: #FFFFFF url(images/bg_sf_recruitment.jpg) no-repeat center top; }

/* Search box */
#header form#quick-search { position: absolute; top: 42px; right: 20px; padding: 0; margin: 0; border: none; width: 163px; height: 28px; background: #F5F4F3 url(images/header-search.gif) no-repeat; z-index: 999999; }
#header form#quick-search p { margin: 0; padding: 0; }
#header form#quick-search input { border: none; background: transparent; color: #bababa; float: left; margin: 0; padding: 2px; }
#header form#quick-search .tbox { margin: 6px 10px 0 5px;  width: 113px; display: inline;	}
#header #search form#quick-search .btn { width: 25px; height: 25px; float:right;}
#header form#quick-search label { display: none; }

/* 
--------------------------------- 
BLOCK ELEMENTS
--------------------------------- 
*/

/* block + grid elements */
.block1 { padding:20px 30px 0px 30px; }
.block2 { padding:0px 18px 0px 18px; }

.blockSidebar { padding:0 10px 0 10px; }

/* Block-Styles */
.block 				{ position:relative; border:1px solid #a3a09e; background-color:#ffffff; margin-bottom:20px; }
.block_inside 		{ display:block; border:1px solid #ffffff; background: #ffffff url(images/background_block_slice.jpg) repeat-x; padding:30px; overflow:auto; }
.image_block 		{ border:1px solid #b5b5b5; background-color:#d2d2d2; padding:5px; float:left; }
.image_block img 	{ border:1px solid #b5b5b5; }
.text_block 		{ float:left; width:430px; margin-left:30px; }

/* 
--------------------------------- 
CLEAR FLOATED ELEMENTS
--------------------------------- 
*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%;}
.clearfix { display: block; }

/*
#################################################################################################################################
= HOME PAGE
#################################################################################################################################
*/

div#homeFeature 	{ width: 700px; height: 304px; margin: 0 0 40px 0; clear: both; background:url(images/home/slider/bg_slider.jpg) no-repeat; }
div#homeCol1 		{ width:220px; float: left; display:inline; overflow:hidden; margin:0 10px 0 0; }
div#homeCol2 		{ width:220px; float: left; display:inline; overflow:hidden; margin:0 10px 0 10px; }
div#homeCol3 		{ width:220px; float: left; display:inline; overflow:hidden; margin:0 0 0 10px; background:url(images/home/features/btm_activitiesDatabase.png) bottom no-repeat; }

div#homeCol1 img, div#homeCol2 img, div#homeCol3 img { border:none; padding:0;  }

/* 
--------------------------------- 
JQUERY SLIDER
--------------------------------- 
*/

#slider { width: 700px; height:304px; margin: 0 auto; position: relative; }
.scroll { width: 700px; height: 284px; overflow: auto; position: relative; clear: left; }
.scrollContainer div.panel { height: 264px; width: 700px; }
/* .scrollContainer div.panel p { width:290px; }*/
.scrollContainer div.panel h3 { color:#FFFFFF; } 

/* Text links */
.scrollContainer div.panel a:link, .scrollContainer div.panel a:visited 	{ color:#fff; font-weight:bold; text-decoration:none; }
.scrollContainer div.panel a:hover 		{ color:#000; text-decoration: underline } 

.sliderContent { float:left; margin: 0 0 0 0; width:327px; height:264px; padding: 20px;  }
.sliderImg { float:right; margin: 0 0 0 0; width:313px; height:282px; }
.sliderImg img { border:none; padding:0; margin:0; } 

.navigation ul li { margin-top:0; }

ul.navigation 				{ list-style: none; margin: 0;  /* padding-bottom: 7px;*/ height:22px; }
ul.navigation li 			{ float:left; margin:0; padding:0; }
ul.navigation a				{ color: #fff; text-decoration: none; display:block; padding:3px 10px; } /* IE 6 Pseudo Selector fix */
ul.navigation a:link		{ color: #fff; text-decoration: none; display:block; padding:3px 10px; }
ul.navigation a:visited		{ color: #fff; text-decoration: none; display:block; padding:3px 10px; }
ul.navigation a:hover 		{ background-color: #77b800; color:#FFF; }
ul.navigation a.selected 	{ background-color: #77b800; color:#FFF; }

/* 
--------------------------------- 
v1.1 HOME ELEMENTS
--------------------------------- 
*/

h3#titleVacancies 	{ background:url(images/home/features/h3_latestVacs.png); height:65px; width:220px; text-indent:-9999px; clear:both; }
h3#titleUseful		{ background:url(images/home/features/h3_usefulLinks.png); height:65px; width:220px; text-indent:-9999px; clear:both; }
h3#titleActivities	{ background:url(images/home/features/h3_activitiesDatabase.png); height:65px; width:220px; text-indent:-9999px; clear:both; }
h3#titleVacancies a, h3#titleUseful a, h3#titleActivities a { display:block; width:220px; height:65px; }

/* useful links list */
ul.useful-list 				{ border-top: 1px solid #E6E6E6; list-style: none; padding: 0; margin:15px 0 15px 0; font-size:1.2em; }
ul.useful-list li 			{ border-bottom: 1px solid #E6E6E6; background:url(images/bullet_home.gif) no-repeat left 0.7em; margin:4px 0 0 0; padding:0 0 0 25px; }
ul.useful-list li a 		{ display: block; width: 98%; line-height: 2em; font-weight: bold; padding: 4px 0 8px 0; margin-left: 0; padding-left: 0; color:#77b800; border: none; }
ul.useful-list li a:hover	{ color: #333; }

/* activities database lists */
ul.activities-list 				{ border:none; list-style: none; padding: 0; margin:15px; }
ul.activities-list li p 		{ margin:0 0 0.8em 0; padding:4px 0 0 0; }
ul.activities-list li a			{ display: block; width: 98%; line-height: 2em; font-weight: bold; padding: 4px 0; margin-left: 0; padding-left: 0; color:#77b800; border: none; }
ul.activities-list li a:hover	{ color: #333; }

/* home feature list */
ul.standard-list 			{ border-top: 1px solid #E6E6E6; list-style: none; padding: 0; margin:15px 10px 15px 10px; font-size:1.1em }
ul.standard-list li 		{ border-bottom: 1px solid #E6E6E6; padding:0 0 1em 0; margin:0; }
ul.standard-list li p 		{ margin:0; padding:4px 0 0 0; }
ul.standard-list li a 		{ display: block; width: 98%; line-height: 1.5em; font-weight: bold; padding: 8px 0 4px 0; margin-left: 0; padding-left: 0; color:#77b800; border: none; }
ul.standard-list li span 	{ font-style: italic; font-weight: bold; font-family: Georgia, 'Times New Roman', Times, Serif; }
ul.standard-list li a:hover, div#footer ul.footer-list li a:hover span { color: #333; }

/* activities database lists */
h4#titleHotTopic			{ background:url(images/home/features/h4_hotTopic.jpg); height:65px; width:200px; text-indent:-9999px; clear:both; }
div#hotTopic				{ overflow:hidden; margin:0 0 1.5em 0; background:url(images/home/features/btm_hotTopic.jpg) bottom no-repeat;	}
div#hotTopic p				{ padding:0 1.5em 0 1.5em; }

/*
#################################################################################################################################
= NAVIGATION
#################################################################################################################################
*/

/* Text links */
a, a:link, a:visited 	{ color:#77b800; font-weight:bold; text-decoration: underline; }
a:focus, a:hover 		{ color:#000; } 

/* Footer Text links */
div#footer a, div#footer a:link, div#footer a:visited 	{ color:#77b800; font-weight:bold; text-decoration: underline; }
div#footer a:focus, div#footer a:hover 		{ color:#FFF; } 

div#sideBar2 a, div#sideBar2 a:visited { text-decoration:none; } /* IE6 fix */

/* 
--------------------------------- 
SECONDARY NAVIGATION IN HEADER
--------------------------------- 
*/

ul#topNav 				{ list-style: none; position:absolute; top:5px; right:16px; margin:0; padding: 0; }
ul#topNav li 			{ float: left; margin: 0 5px 0 0; padding: 0; }
ul#topNav li a 			{ display:block; text-decoration:none; padding:5px; color:#77b800; background:#fff; }
ul#topNav li a:hover 	{ background:#77b800; color:#FFF }

/* 
--------------------------------- 
TEXT RESIZER PLUGIN
--------------------------------- 
*/

li.fontResizer a { float:left; }

/*
#################################################################################################################################
= CONTENT
#################################################################################################################################
*/

/* 
--------------------------------- 
COLUMN 1 (MAIN CONTENT)
--------------------------------- 
*/

/* Tables */
table 							{ border-collapse: collapse; margin: 10px 15px 10px 10px; }
tbody tr 						{ background: #fff; }
tbody tr.altrow 				{ background: #f8f8f8;	}
tbody th, tbody td, thead th 	{ text-align: left;	border-width: 1px; border-style: solid; }
tbody th 						{ color: #77b800; background: #EFFAE6; padding: .8em 1em; border-color: #DFF4D5 #D3EFC3 #77b800 #D3EFC3; }
thead th 						{ color: #77b800; background: #EFFAE6; padding: .8em 1em; border-color: #DFF4D5 #D3EFC3 #77b800 #D3EFC3; }
tbody td 						{ border-color: #EFEFEF; padding: .7em 1em;	}	


.tableStyle 						{ border-collapse: collapse; margin: 10px 15px 10px 10px; }
.tableStyle tr 						{ background: #fff; }
.tableStyle th, .tableStyle td		{ text-align: left;	border-width: 1px; border-style: solid; }
.tableStyle th	 					{ color: #77b800; background: #EFFAE6; padding: .8em 1em; border-color: #DFF4D5 #D3EFC3 #77b800 #D3EFC3; }
.tableStyle td						{ border-color: #EFEFEF; padding: .7em 1em;	}	

/* Form elements */
form 		{ margin: 10px 15px 10px 10px;  padding: 15px 25px 15px 25px; border: 1px solid #F0F0F0; background: #f8f8f8; }
form p 		{ border-bottom: 1px solid #E6E6E6; padding: 12px 0 5px 0; margin: 0; color: #77b800; }
label 		{ font-weight: bold; color: #77b800; }
input, select, textarea { margin: 5px 0; padding: 5px; color: #6A6969; border: 1px solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font: 1.1em Verdana, Helvetica, sans-serif; cursor:pointer; }
input:focus, select:focus, textarea:focus { color: #77b800; background: #EFFAE6; }
#name, #email, #message, #website { width: 350px; }
input.button {  font: bold 12px Arial, Sans-serif;  height: 30px; margin: 0; padding: 2px 3px;  color: #fff; background: #77b800; border:1px solid; border-color: #B6DE8F #8DB836 #8DB836 #B6DE8F; cursor:pointer; }
input.button a:hover { cursor:pointer; }
.no-border { border:none; }

/* Contact Form 7 Plugin - overides stylesheet within plugin, when plugin updated padding may have to be sorted again */
div.wpcf7 { background:#F8F8F8 none repeat scroll 0 0; border:1px solid #F0F0F0; }
.wpcf7-form { padding:15px; }

/* Search box */
#pageSearch form#quick-search { position:relative; padding: 0; margin: 0; border: none; width: 163px; height: 28px; background: #F5F4F3 url(images/header-search.gif) no-repeat; z-index: 999999; }
#pageSearch form#quick-search p { margin: 0; padding: 0; }
#pageSearch form#quick-search input { border: none; background: transparent; color: #bababa; float: left; margin: 0; padding: 2px; }
#pageSearch form#quick-search .tbox { margin: 6px 10px 0 5px;  width: 113px; display: inline;	}
#pageSearch #search form#quick-search .btn { width: 25px; height: 25px; float:right;}
#pageSearch form#quick-search label { display: none; }


/* 
--------------------------------- 
SIDEBAR 1
--------------------------------- 
*/

/* Latest Pictures Gallery */
/* thumbnails */
p.thumbs			{ padding: 0 0 0 0; margin-bottom:1em; }
.thumbs img 		{ position: relative; padding: 5px; margin:0px; background: #fafafa; border: 1px solid #ddd; }
.thumbs img:hover	{ border: 1px solid #D2D2D2; background: #DDD; }
.thumbs a:hover 	{ background-color: transparent; border: none }

/* Sidebar services for block */
.sideServicesBlock { width: 200px; background: url(images/titles/h3_servicesFor_btm.png) no-repeat bottom left; list-style: none; margin-bottom:1em; padding-bottom:0.5em; }
.sideServicesBlock h4.servicesFor { width: 200px; height: 38px; background:url(images/titles/h3_servicesFor.png) no-repeat;  text-indent: -9999px; margin: 0; }

/* Sidebar Social Network block */
.sideSocialBlock { width: 200px; background: url(images/titles/h3_socialnetwork_btm.png) no-repeat bottom left; list-style: none; margin-bottom:1em; padding-bottom:0.5em; }
.sideSocialBlock h4.socialNetwork { width: 200px; height: 66px; background:url(images/titles/h3_socialnetwork.png) no-repeat;  text-indent: -9999px; margin: 0; }
p.thumbsSocial			{ padding: 0 0 0 0; margin:0 1.5em 1em 1.5em; }
.thumbsSocial img 		{ position: relative; padding: 5px; margin:0px; background: #fafafa; border: 1px solid #ddd; }
.thumbsSocial img:hover	{ border: 1px solid #D2D2D2; background: #DDD; }
.thumbsSocial a:hover 	{ background-color: transparent; border: none }

/* Social icons for Social page plugin on the contact page */
#smp-wrapper img { margin:0 0 0 5px; }

/* 
--------------------------------- 
IMAGES
--------------------------------- 
*/

img { border:solid thin #CCCCCC; padding: 3px; }

/* Main Content */
p img.float-right { float:right; margin: 0 0 1em 1em; border:solid thin #CCCCCC; padding: 3px; background: #fafafa;   }
p img.float-left { float:left; margin: 0 1em 1em 0; border:solid thin #CCCCCC; padding: 3px; background: #fafafa;  }

/* For wordpress WYSIWYG Editor */
img.alignright {float:right; margin:1em 0 1em 1em; border:solid thin #CCCCCC; padding: 3px;}
img.alignleft {float:left; margin:1em 1em 1em 0; border:solid thin #CCCCCC; padding: 3px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; border:solid thin #CCCCCC; padding: 3px;}
a img.alignright {float:right; margin:1em 0 1em 1em; border:solid thin #CCCCCC; padding: 3px;}
a img.alignleft {float:left; margin:1em 1em 1em 0; border:solid thin #CCCCCC; padding: 3px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border:solid thin #CCCCCC; padding: 3px;}

div#mainContent p.thumbs { margin: 10px 0 10px 10px; }

/* 
---------------------------------
GRAPHIC BUTTONS 
--------------------------------- 
*/

/* Contact btn */
div#btnContact 			{ position:absolute; top:129px; right:15px; width: 84px; height: 25px; text-indent: -9999px; z-index:100; }
div#btnContact a 		{ display: block; background:url(images/btns/btn_contact.png) no-repeat; width: 84px; height: 25px; }
div#btnContact a 		{ background-position: 0px 0px; }
div#btnContact a:hover 	{ background-position: 0px -25px; }

/* View more Green btn */
.btnViewMore			{ width: 88px; height: 23px; text-indent: -9999px; margin-bottom:1em; }
.btnViewMore a 			{ display: block; background:url(images/btns/btn_viewMore.png) no-repeat; width: 88px; height: 23px; }
.btnViewMore a 			{ background-position: 0px 0px; }
.btnViewMore a:hover 	{ background-position: 0px -23px; }

/* View more Orange btn */
.btnViewMoreOra				{ width: 88px; height: 23px; text-indent: -9999px; margin-bottom:1em; }
.btnViewMoreOra a 			{ display: block; background:url(images/btns/btn_viewMore_orange.png) no-repeat; width: 88px; height: 23px; }
.btnViewMoreOra a 			{ background-position: 0px 0px; }
.btnViewMoreOra a:hover 	{ background-position: 0px -23px; }

/* View more Blue btn */
.btnViewMoreBlu				{ width: 88px; height: 23px; text-indent: -9999px; margin-bottom:1em; }
.btnViewMoreBlu a 			{ display: block; background:url(images/btns/btn_viewMore_blue.png) no-repeat; width: 88px; height: 23px; }
.btnViewMoreBlu a 			{ background-position: 0px 0px; }
.btnViewMoreBlu a:hover 	{ background-position: 0px -23px; }

/* read more Green btn slider */
.btnReadMore			{ width: 88px; height: 23px; text-indent: -9999px; margin-bottom:1em; }
.btnReadMore a 			{ display: block; background:url(images/btns/btn_readMore.png) no-repeat; width: 88px; height: 23px; }
.btnReadMore a 			{ background-position: 0px -23px; }
.btnReadMore a:hover 	{ background-position: 0px 0px; }

/* Careers Calendar */
.btnCalendar a 		{ display: block; width: 41px; height: 39px; }

/* Sidebar btns */
div#btnParents 			{ width: 180px; height: 36px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnParents a 		{ display: block; background: url(images/btns/btn_parents.png) no-repeat; width: 180px; height: 36px; }
div#btnProfessionals	{ width: 180px; height: 36px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnProfessionals a 	{ display: block; background: url(images/btns/btn_professionals.png) no-repeat; width: 180px; height: 36px; }
div#btnAdults 			{ width: 180px; height: 36px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnAdults a 		{ display: block; background: url(images/btns/btn_adults.png) no-repeat; width: 180px; height: 36px; }
div#btnAdults 			{ width: 180px; height: 36px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnAdults a 		{ display: block; background: url(images/btns/btn_adults.png) no-repeat; width: 180px; height: 36px; }
div#btnEmployers 		{ width: 180px; height: 36px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnEmployers a 		{ display: block; background: url(images/btns/btn_employers.png) no-repeat; width: 180px; height: 36px; }
div#btnSitemap 			{ width: 196px; height: 36px; text-indent: -9999px; margin-bottom:10px; }
div#btnSitemap a 		{ display: block; background: url(images/btns/btn_sitemap.png) no-repeat; width: 196px; height: 36px; }
div#btnAboutUs 			{ width: 196px; height: 36px; text-indent: -9999px; margin-bottom:10px; }
div#btnAboutUs a 		{ display: block; background: url(images/btns/btn_aboutUs.png) no-repeat; width: 196px; height: 36px; }
div#btnRSS 				{ width: 196px; height: 36px; text-indent: -9999px; margin-bottom:10px; }
div#btnRSS a 			{ display: block; background: url(images/btns/btn_rss.jpg) no-repeat; width: 196px; height: 36px; }

div#btnVideo			{ width: 200px; height: 173px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnVideo a 			{ display: block; background: url(images/btns/btn_video.png) no-repeat; width: 200px; height: 173px; }
div#btnGallery			{ width: 200px; height: 173px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnGallery a 		{ display: block; background: url(images/btns/btn_gallery.png) no-repeat; width: 200px; height: 173px; }

/* Kudos btns */
div#btnKudos				{ width: 200px; height: 131px; text-indent: -9999px; margin:0 auto 0 auto; }
div#btnKudos a 				{ display: block; background: url(images/btns/Kudos-Logo.jpg) no-repeat; width: 200px; height: 131px; }
div#btnCareerscape			{ width: 200px; height: 77px; text-indent: -9999px; margin:0 auto 10px auto; }
div#btnCareerscape a 		{ display: block; background: url(images/btns/Careerscape-Logo.jpg) no-repeat; width: 200px; height: 77px; }

/* Kudos login button */
.kudosForm { background:#FFFFFF; height:136px; margin-top:0; }
.kudosButton { width: 200px; height: 136px; text-indent: -9999px; margin:0 auto 0 auto; display: block; background: url(images/btns/btn_kudos.jpg) no-repeat; border:none; }
.kudosButton { cursor:pointer; }
.careerButton { width: 200px; height: 136px; text-indent: -9999px; margin:0 auto 0 auto; display: block; background: url(images/btns/btn_careerscape.jpg) no-repeat; border:none; }
.careerButton { cursor:pointer; }
.sidemenu li.kudosPad { padding:0; background:none; margin-top:0; }

/* Vacancies button */
div#btnVacancies		{ width: 200px; height: 90px; text-indent: -9999px; margin:0 auto 1.5em auto; }
div#btnVacancies a 		{ display: block; background: url(images/btns/btn_vacancies.png) no-repeat; width: 200px; height: 90px; }

/* News and Events button */
div#btnNewsEvents			{ width: 200px; height: 90px; text-indent: -9999px; margin:0 auto 1.5em auto; }
div#btnNewsEvents a 		{ display: block; background: url(images/btns/btn_newsEvents.png) no-repeat; width: 200px; height: 90px; }

/* 
---------------------------------
WORDTUBE PLUGIN
--------------------------------- 
*/
div.wordtube { }
div.wordtube object { display: block; margin-left: auto; margin-right: auto; }

/*
#################################################################################################################################
= FOOTER
#################################################################################################################################
*/

h1#logoFooter 		{ text-indent:-9999px; height:27px; width:311px; background:url(images/logos/main_logo_footer.png) no-repeat; margin:0 0 0.4em 0; padding:0;  }
h1#logoFooter a		{ display:block; height:27px; width:311px; }

h1#titleSheffFutures 		{ text-indent:-9999px; height:27px; width:251px; background:url(images/titles/title_sheffFutures.png) no-repeat; margin:0 0 0.4em 0; padding:0;  }
h1#titleSheffFutures a		{ display:block; height:27px; width:251px; }

.footerCol1 { width:470px; float: left; display:inline; overflow:hidden; margin:0 10px 0 0; }
div#footerCol2 { width:220px; float: left; display:inline; overflow:hidden; margin:0 10px 0 10px; }
div#footerCol3 { width:220px; float: left; display:inline; overflow:hidden; margin:0 10px 0 10px; }

ul#footerContact 			{ list-style:none; margin-left:0; }
div#footerContactEmail		{ width: 327px; height: 30px; text-indent: -9999px; margin:0 0 0 0;}
div#footerContactEmail a 	{ display: block; background: url(images/btns/footer_email.png) no-repeat; width: 327px; height: 30px; }
div#footerContactTel 		{ width: 327px; height: 30px; text-indent: -9999px; margin:0 0 0 0; background: url(images/btns/footer_telephone.png) no-repeat; }

.footerBox1 { padding:0px 30px 30px 30px; }
.footerBox2 { padding:30px 30px 10px 30px; margin:0px auto; overflow:hidden; }

div#footerEnd { height: 60px; padding:3em 0 0 0; }

.footerEndLinks { text-align:right; padding-right:0; }
.footerEndInfo 	{ float:left; }

/* Footer logos thumbs */
div#footerLogosBlock { background: url(images/bg_footer2.jpg) no-repeat top center; overflow:hidden; }
	
p.footerLogos			{ padding: 0 0 0 0; margin:0 0.2em 1em 0; float:left; }
.footerLogos img 		{ position: relative; padding: 5px; margin:2px; border: 1px solid #8f8d90; }
.footerLogos img:hover	{ border: 1px solid #fff; background: #DDD; }
.footerLogos a:hover 	{ background-color: transparent; border: none }

/* Footer */
div#footer p img.float-right { float:right; margin: 0 0 1em 1em; border:solid thin #CCCCCC; padding: 3px; background: #7a7a7a;   }
div#footer p img.float-left { float:left; margin: 0 2em 0.8em 0; border:none; padding:3px; background:none;  }
/* Footer */
div#footer img { border: 1px solid #8f8d90; }

div#backTop			{ height: 47px; width:960px; text-indent:-9999px; }
div#backTop a		{ display:block; background:url(images/btns/backtotop.jpg) no-repeat; width:960px; height:47px; }

/*
#################################################################################################################################
= WORDPRESS CSS
#################################################################################################################################
*/

/* 
---------------------------------
STANDARD POST LOOP
--------------------------------- 
*/

#posts 				{ width:700px; }

.post-meta 					{ margin:0; padding:0; position:relative; }
.post-meta h3 a 			{ text-decoration:none; }
.post-meta .postCategory 	{ margin:25px 0 10px 0;  }
.postCatBg 					{  padding:10px; background: url('images/post/post_cat_bg.jpg') repeat-x bottom ; }
.post-meta .postCategory 	{ color:#EFFAE6; font-weight:bold; font-size:1em; }
.post-meta .postCategory a, .post-meta .postCategory a:visited	{ color:#FFFFFF; }
.post-meta .postCategory a:hover 	{ color:#000000; }
.postCategory .alt-font { color:#EFFAE6; }

.post-content		{ margin:0; padding:20px 12px 10px 12px; border:1px solid #FFF; border-bottom:1px solid #e8ebec; position:relative; }
.comment-count 		{ margin:0; padding:0; width:auto; height:auto; background:#f23183; position:absolute; display:block; top:-10px; left:-10px; }
.post-box			{ margin:0 0 2em 0; padding:0; background:#fdfefe url(images/post/post-box-top.gif) repeat-x top center; border:1px solid #EBEBEB; border-bottom:1px solid #cfdbe1; border-top:0; }

.post-footer 			{ background:#F8F8F8 none repeat scroll 0 0; border-top:1px solid #edefe7; margin:0; padding:15px; position:relative; }
.post-author 			{ float:right; height:auto; margin:0; padding:0; text-align:right;}
.post-author .date		{ margin: 0 10px 0 5px; padding-left: 20px; background: url('images/post/clock.gif') no-repeat 0 center;	}
.continue-reading 		{ float:left; height:auto; margin:0; padding:0 0 0 20px; background: url('images/post/page.gif') no-repeat 0 center; }
.post-footer .comments 	{ margin: 0 10px 0 5px; padding-left: 20px; background: url('images/post/comment.gif') no-repeat 0 center;  }

.postNav { margin:0 0 2em 0; }

/* 
---------------------------------
STANDARD POST PAGE
--------------------------------- 
*/

h5.post-intro { border-bottom: 1px solid #eee; padding:0 0 10px 0; margin-top:30px; color:#7A7A7A; }

div#comments 		{ background:#F8F8F8 none repeat scroll 0 0; border:1px solid #F0F0F0; margin-bottom:30px; padding:15px; }
div#mainContent h3.commentsTitle { margin:0 0 1em 0; }

div#comments ol { margin:0; padding:0 0 0 120px; list-style-image:none; list-style-position:outside; list-style-type:none; }
#comments ol li { list-style-image:none; list-style-position:outside; list-style-type:none; margin:10px 0; padding:1px 0 0; }

#comments .comment_wrap {  background:#FFFFFF none repeat scroll 0 0; border:1px solid #DCDDDD; position:relative; }
#comments .comment_author { color:#8D8D8D; font-size:10px; left:-120px; line-height:14px; position:absolute; width:100px; }
#comments .single_comment { padding:20px 20px 60px; }
#comments .comment_arrow { left:-32px; position:absolute; top:20px; }
#comments .comment_author span { display:block; font-size:0.8em; }
.comment_author p { margin:0; padding:0 0 2em 0; }

div#vacBlock 		{ background:#F8F8F8 none repeat scroll 0 0; border:1px solid #F0F0F0; margin-bottom:30px; padding:15px 15px 0 15px; }
div#vacBlock h5 	{ padding:0 }

.promote { margin-bottom:30px; }

/* h3 for Post page, Vacancies page, comments.php etc */
h3.postSubtitle { color:#7a7a7a; }

/* 
---------------------------------
ARCHIVE/CATEGORY STYLING
--------------------------------- 
*/

h2.categoryTitle { margin:0 0 1em 0; }
h5.categoryDesc { padding:0; margin-top:30px; margin-bottom:0.8em; }

.archive 						{ border-top:1px dotted #CECFD1; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 1.5em 2em 1.5em; }
.excerpt 						{ background:transparent url(images/post/arrow-bullet.gif) no-repeat scroll 0 12px; border-bottom:1px dotted #CECFD1; color:#999999; padding:12px 130px 12px 20px; position:relative; }
.excerpt strong.entry-title 	{ font-size:14px; }
.excerpt .archiveDate 			{ position:absolute; right:0; top:14px; margin-top:1.5em; }
.excerpt .archiveDateVac 		{ position:absolute; right:0; top:14px; margin-top:1.5em; }
.archiveSmall 					{ font-size:11.5px; }
.excerpt p 						{ margin:0.8em 0 0 0; padding:0; font-size:1em; }
.alt-font 						{ color:#999999; font-family:Georgia,Palatino,"Palatino Linotype",Baskerville,serif; font-style:italic; font-size:1em; }

.excerpt .comments-link 		{ position:absolute; right:0; top:14px; }
.excerpt .comments-link a, .excerpt .comments-link a:visited, .excerpt .comments-link span {  display:block; }
.excerpt .comments-link a, .excerpt .comments-link a:visited, .excerpt .comments-link span { background:transparent url('images/post/comment.gif') no-repeat scroll left center; padding:1px 0 0 20px; }


/* 
---------------------------------
SOCIABLE (POST SOCIAL BOOKMARKING)
--------------------------------- 
*/

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; }

.sociable span { display: block; }
.sociable ul { display: inline; margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }
.sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

/* 
---------------------------------
EVENTS CALENDAR
--------------------------------- 
*/

#wp-calendar			{ margin-bottom:1.5em; padding:0.2em 0.2em 0; position:relative;  }

#wp-calendar caption 	{ text-align:center; font-size:1.2em; padding:10px 20px 10px 20px; background:#EFFAE6; }
#wp-calendar #prev 		{ text-align:left; }
#wp-calendar #next 		{ text-align:right; }


#wp-calendar table 		{ width:100%; }

.ec3_eventday a 		{ color:#a00 !IMPORTANT; }
#wp-calendar table td, 
#wp-calendar table th 	{ text-align:center; color:#000; padding:0.5em; }
#wp-calendar table.nav 	{ padding:0.5em; background:#EFFAE6; }
table.nav tbody tr 		{ background:#EFFAE6; }
#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td { padding:0.3em; border:none; }
#wp-calendar table td.pad:hover { background:#FFF; }
#wp-calendar table td:hover,
#wp-calendar table #today { padding:0px; background:#77B800; color:#FFF; }
#wp-calendar table.nav td:hover { background:#EFFAE6; } 

/* The EC graphic. */
.ec3_ec 		{ display:block; float:right; border:none; width:13px; height:9px; }
.ec3_ec span 	{ display:none }
#ec3_publish 	{ visibility:hidden; }

/* Popup */
.ec3_popup 			{ margin:0 !IMPORTANT; padding:0 !IMPORTANT; border:none; position:absolute; border-collapse:collapse; filter:alpha(opacity=87); -moz-opacity:.87; opacity:.87; z-index:30000; }
.ec3_popup td 		{ padding:0; }
.ec3_popup table 	{ border:solid #999 1px; background-color:#eeb; font-size:x-small; color:black; text-align:left; }
.ec3_popup table td { padding:1.5px 3px 1.5px 3px; }
#ec3_shadow0 div 	{ width:8px; height:32px; }
#ec3_shadow0 		{ margin:0; padding:0; border:none; width:8px; background-repeat:no-repeat; background-position:bottom right; vertical-align:bottom; }
#ec3_shadow1 		{ margin:0; padding:0; border:none;	height:16px; background-repeat:repeat-x; }
#ec3_shadow2 div 	{ width:8px; height:32px; }
#ec3_shadow2 		{ margin:0; padding:0; border:none; width:8px; background-repeat:no-repeat; background-position:bottom left; vertical-align:bottom; }

/* Event list */
.ec3_list 			{ margin-left:-12px; word-spacing:-1px; letter-spacing:-0.2px; color:#800; }
.ec3_list li 		{ font-size:1em !IMPORTANT;	}
.ec3_list li:before { content:"" !IMPORTANT; }

/* Schedule */
table.ec3_schedule 		{ border-collapse:collapse; margin:0 0 1.5em 0; border:none; background:none; }
table.ec3_schedule tr	{ background:none; }
table.ec3_schedule td 	{ padding:0 0.5em 0 0; font-size: 1.2em; font-weight: bold; color:#ffa12d; border:none; background:none; }
td.ec3_start 			{ text-align:right; }
td.ec3_to    			{ text-align:center; }



.ui-datepicker { padding:0.2em 0.2em 0; width:17em; }
.ui-datepicker .ui-datepicker-header { padding:0.2em 0; position:relative; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height:1.8em; position:absolute; top:2px; width:1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block; left:50%; margin-left:-8px; margin-top:-8px; position:absolute; top:50%; }

.ui-datepicker .ui-datepicker-title { line-height:1.8em; margin:0 2.3em; text-align:center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width:100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float:right; }

.ui-datepicker table { border-collapse:collapse; font-size:0.9em; margin:0 0 0.4em; width:100%; }
.ui-datepicker th { border:0 none; font-weight:bold; padding:0.7em 0.3em; text-align:center; }
.ui-datepicker td { border:0 none; padding:1px; }
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:0.2em; text-align:right; text-decoration:none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
border-bottom:0 none;
border-left:0 none;
border-right:0 none;
margin:0.7em 0 0;
padding:0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
cursor:pointer;
float:right;
margin:0.5em 0.2em 0.4em;
overflow:visible;
padding:0.2em 0.6em 0.3em;
width:auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left;
}
.ui-datepicker.ui-datepicker-multi {
width:auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float:left;
}
.ui-datepicker-multi .ui-datepicker-group table {
margin:0 auto 0.4em;
width:95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width:50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width:33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width:25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear:left;
}
.ui-datepicker-row-break {
clear:both;
width:100%;
}
.ui-datepicker-rtl {
direction:rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
left:auto;
right:2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
left:2px;
right:auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
left:auto;
right:1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left:1px;
right:auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear:right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float:left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float:right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float:right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-left-width:1px;
border-right-width:0;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:1px;
border-right-width:0;
}
.ui-datepicker-cover {
display:block;
height:200px;
left:-4px;
position:absolute;
top:-4px;
width:200px;
z-index:-1;
}


/*
#################################################################################################################################
= MISC
#################################################################################################################################
*/

/* Spacing */
.prefix { margin-top: 1.5em;}
.suffix { margin-bottom: 1.5em;}
.lastElement { margin-bottom:0px; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }
.align-center { display: block; margin-left: auto; margin-right: auto; }

/* Standard hr */
hr { height: 0; border-style:dotted; border-width: 1px 0 0 0; border-color: #99979a;}

/* Custom Sidebar hr */
.sidebarHr 	{ width:200px; height:25px; background:url(images/hr_sidebar.jpg) no-repeat; clear:both; padding:0; margin:0; border:none; }
.footerHr	{ width:220px; height:45px; background:url(images/hr_footer.jpg) no-repeat; clear:both; padding:0; margin:0; border:none; }
.sidebarWidgetHr 	{ width:200px; height:25px; background:url(images/hr_sidebar.jpg) no-repeat; clear:both; padding:0; margin:1em 0 0 0; border:none; }

/* Form elements */
input, textarea, select { color: #303030; font: 11px Arial, Helvetica, sans-serif; }

/* icon links */
div#mainContent a[href$='.pdf'] { display:inline-block; padding-left:22px; line-height:18px; background:transparent url(images/icons/icon_pdf.png) center left no-repeat; }
div#mainContent a[href$='.doc'] { display:inline-block; padding-left:22px; line-height:18px; background:transparent url(images/icons/icon_word.png) center left no-repeat; }

/* RSS Icon links */
.rssFeed { display:inline-block; padding-left:18px; line-height:18px; background:transparent url(images/icons/icon_rss.png) center left no-repeat; }
ul.sidemenu li.rssFeedSide { background:transparent url(images/icons/icon_rss.png) no-repeat left; padding:0 0 0 20px; margin-top:10px; }

/* Google Translation in the Header */

div#google_translate_element { position:absolute; top:75px; right:18px; }