/*
Theme Name: Digital Leap
Theme URI: www.digitalleap.co.uk
Description: The WordPress theme for the Digital Leap website
Author: The Good Agency
Author URI: http://www.thegoodagency.co.uk
*/

/* NOTE
	This is the WEB stylesheet for the 
	"DIGITAL LEAP" website
	
========================================================================*/


/* ========= BROWSER RESET STYLES ========= */

/* BODY STYLES */
body {margin:0; padding:0; color:#000; text-align:center !important; font:62.5%/1 "Trebuchet MS",Helvetica,sans-serif; background:#FFF url(/wp-content/themes/digitalLeap/images/bgTileMain.gif) center top no-repeat;}
img, form {border:0; margin:0; vertical-align:top;}
p {padding:0; margin:0 0 15px 0; font-size:1.4em; line-height:1.3em;}
abbr {border:none;}

/* CLEARFIX */
div:after {content:""; display:block; height:0; clear:both; visibility:hidden;}

/* HIDDEN TEXT */
.hidden {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;}


/* ========= CONTAINERS ========= */

#wrapper {width:972px; text-align:left; margin:0 auto 26px; font-size:1em; line-height:1.2em;}
#wrapperBottom {background:#FFF url(/wp-content/themes/digitalLeap/images/bgMainBottom.gif) left bottom no-repeat; height:14px; width:972px;}
#header {overflow:hidden;}
#content {padding-top:22px;}
#column1 {float:left; width:492px; margin-left:20px; padding-left:7px; display:inline;}
#column2 {float:left; width:225px; margin-left:17px; display:inline;}
#column3 {float:left; width:181px; margin-left:14px; display:inline;}
#columnFull {width:735px; float:left; display:inline; margin-left:20px; margin-left:20px; padding-left:7px;}
#footer {margin:25px 5px 0; border-top:solid 5px #163D80; clear:both;}


/* ========= STYLES USED ACROSS ALL PAGES ========= */

/* HEADINGS */
h1, h2 {font-size:3.5em; color:#93C9E5; font-weight:bold; line-height:1em; margin:0 0 18px 0;}
h2 {margin-top:18px;}
h3, h4, h5, h6 {margin:0; padding:0; font-size:1.4em; margin:0 0 5px;}

/* LINKS */
/* standard links */
a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}

/* style specific links */
a.pinkLink {color:#FFF; text-decoration:none; background:#F76080; padding:3px 11px;}
a.pinkLink:hover {background:#FFF; color:#F76080;}
#column2 .pinkLink,
#column3 .pinkLink {display:block;}
h2 a {text-decoration:none; font-size:0.4em;}
h3 a {text-decoration:none;}
h2 a:hover, h3 a:hover {text-decoration:underline;}

/* LISTS */
dl, dd {margin:0; padding:0;}
ul {margin:0 0 0 15px; padding:0;}
ol {margin:0 0 15px 22px; padding-left:0;}
ol li {margin:0;}
#content li {font-size:1.4em; line-height:1.3em;}
#content li p {font-size:1em;}

/* STANDARD FORMS */
fieldset {border:0; margin:0; padding:0;}
label {font-size:14px; line-height:1.3em;}
select, textarea {font:1.1em "Arial",Verdana,Arial,Helvetica,sans-serif; border:solid 1px #FFF; color:#FFF; background:#363636;}
select {height:1.8em;}
input {font:12px "Arial",Verdana,Arial,Helvetica,sans-serif; padding:2px 3px 0 3px; height:1.8em;}
input[type=text], input[type=checkbox], input[type=password] {border:solid 2px #92C9E4; color:#000; background:#FFF; height:1.8em;}
.formButton {background:#ffC000; border:solid 2px #FFE671; padding:2px 4px; height:2.3em; cursor:pointer;}
* html input {border:solid 2px #92C9E4; color:#000; background:#FFF; padding:2px 3px 0 3px;}
* html input.inputCheckBox {border:none;}


/* ========= IMAGES ========= */

/* IMAGE FLOATS */
.imageLeftAligned {float:left; margin:0 15px 10px 0;}
.imageRightAligned {float:right;}

/* IMAGE REPLACEMENT */
.replace, .replaceSubmit {position:relative; overflow:hidden; display:block;}
.replace em, .replaceSubmit em {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}


/*========================================================================
	HEADER, TOP NAVIGATION & FOOTER
=========================================================================*/

/* SKIP NAVIGATION LINK */
.skipNavigationLink {margin:0; padding:0; text-align:center; font-size:1.2em;}
.skipNavigationLink a, 
.skipNavigationLink a:hover,
.skipNavigationLink a:visited  {position:absolute; display:block; padding:4px; border:0; background:#FFF; color:#8A951D; left:0px; top:-500px; overflow:hidden;}
.skipNavigationLink a:active,
.skipNavigationLink a:focus {right:0; top:0; z-index:10;}


/* ========= HEADER ========= */

#header {overflow:visible;}

/* LOGOS */
#mainLogo {float:left; margin:16px 0 22px -9px; display:inline;}
#date {float:right; margin:0 -10px 0 0; width:403px; height:154px; display:inline;}
#date em {background:url(/wp-content/themes/digitalLeap/images/headerFundraisingSocialNetworking.gif) no-repeat;}

/* TOP NAVIGATION */
ul#topNavigation {clear:both; margin:0 5px 0; display:inline; background:#163D80; float:left; width:962px; list-style:none;}
ul#topNavigation li {float:left; margin-left:34px; display:inline;}
ul#topNavigation li a {display:block; padding:14px 0 16px; color:#FFF; font-size:2.2em; text-decoration:none;}
ul#topNavigation li a:hover {text-decoration:none; color:#F76080; background:url(/wp-content/themes/digitalLeap/images/topNavSelectedArrow.gif) bottom center no-repeat;}
ul#topNavigation li a strong {margin:-14px 0 -16px; padding:14px 0 16px; display:block; color:#F76080; background:url(/wp-content/themes/digitalLeap/images/topNavSelectedArrow.gif) bottom center no-repeat;}


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

#footer h3 {float:left; margin:16px 0 0 25px; width:171px; height:56px; display:inline;}
#footer h3 em {background:url(/wp-content/themes/digitalLeap/images/footerConferenceSponsors.gif) no-repeat;}
#footer ul {list-style:none; margin:16px 0 7px; overflow:hidden;}
#footer ul li {float:left; margin-left:38px; height:56px; display:inline;}
#footer ul li img {vertical-align:middle;}


/*========================================================================
	CONTENT AREA
=========================================================================*/


/* ========= COLUMN 1 ========= */

/* PROMO BOX */
.promoBox {background:#163D80 url(/wp-content/themes/digitalLeap/images/promoBoxTop.gif) no-repeat; padding:30px 20px 0 28px; margin-left:-7px; color:#FFF; font-size:1.3em;}
.promoBoxBottom {background:url(/wp-content/themes/digitalLeap/images/promoBoxBottom.gif) bottom no-repeat; width:499px; height:9px; margin:17px -20px 0 -28px;}
.promoBox h2 {margin:0 0 4px; color:#FFF; font-size:2em;}
.promoBox a {color:#FFF; text-decoration:underline;}
.promoBox a:hover {text-decoration:none;}
.registerButton {background:url(/wp-content/themes/digitalLeap/images/promoBoxButtonTop.gif) no-repeat; padding:7px 0 0; color:#163D80;}
.promoBox .registerButton {font-size:1.8em;}
.registerButton a {display:block; padding:0 0 9px 24px; color:#163D80; text-decoration:none; font-weight:normal; font-size:1em; background:url(/wp-content/themes/digitalLeap/images/promoBoxButtonBottom.gif) left bottom no-repeat;}
.registerButton a:hover {color:#F76080; text-decoration:none;}


/* ========= COLUMN 2 ========= */

/* TWITTER FEED */
#twitterFeed h3 {width:225px; height:33px; position:relative; z-index:2;}
#twitterFeed h3 em {background:url(/wp-content/themes/digitalLeap/images/logoTwitter.gif) no-repeat;}
#twitterFeed .listContent {position:relative; top:-23px; z-index:1; list-style:none; margin:0; width:225px; overflow:hidden;}
#twitterFeed .listContent p.twitter-message {padding:17px 0 0; margin:17px 0 0; background:url(/wp-content/themes/digitalLeap/images/iconDottedLine.gif) left top repeat-x;}
#twitterFeed .twitter-timestamp {font-weight:bold; text-decoration:none;}
#twitterFeed a:hover .twitter-timestamp {text-decoration:underline;}

/* VIMEO FEED */
#vimeoFeed h3 {width:148px; height:42px; margin:30px 0 12px;}
#vimeoFeed h3 em {background:url(/wp-content/themes/digitalLeap/images/logoVimeo.gif) no-repeat;}
#vimeoFeed .pinkLink {margin-top:1px;}


/* ========= COLUMN 3 ========= */

/* SIGN UP */
#signUp {background:#163D80; width:169px; padding:9px 0 9px 12px; overflow:hidden; float:left;}
#signUp h3 {color:#FFFFFF; font-weight:normal;}
#signUp label {display:block; color:#FFF; margin-bottom:7px; font-weight:normal;}
#signUp p {margin:0; padding:0;}
#signUp input {float:left;}
#signUp #contactsubmit {background:#ffC000; border:solid 2px #FFE671; padding:2px 4px; height:2.3em; cursor:pointer;}
#signUp #email {width:115px; margin-right:2px;}
#signUp .required {color:#F76080; font-size:1.3em;}

/* FLICKR FEED */
#flickrFeed h3 {width:129px; height:35px; margin-top:26px; float:left;}
#flickrFeed h3 em {background:url(/wp-content/themes/digitalLeap/images/logoFlickr.gif) no-repeat;}
#flickrFeed #flickr_badge_uber_wrapper {margin:0 -10px 12px 0; display:inline; float:left;}
#flickrFeed .flickr_badge_image {float:left; margin:7px 7px 0 0;}
.flickr_badge_image img {border:solid 1px #92C9E4 !important; height:54px; width:54px;}
#flickrFeed .pinkLink {clear:both; float:left; width:160px;}

/* FACEBOOK */
#facebook h3 {width:181px; height:68px; margin:27px 0 0;}
#facebook h3 em {background:url(/wp-content/themes/digitalLeap/images/facebookHeading.gif) no-repeat;}
#facebook p {background:#EDEFF4; padding:11px; margin:0;}
#facebook p a {text-decoration:none; color:#3b5997; display:block; padding-left:25px; background:url(/wp-content/themes/digitalLeap/images/facebookBecomeAFan.gif) 0 1px no-repeat;}
#facebook p a:hover {text-decoration:underline;}


/* ========= PAGE SPECIFIC STYLES ========= */

/* PROGRAMME */
#programme table {margin-top:30px;}
#programme td,
#programme th {font-size:1.4em; line-height:1.3em; vertical-align:top; padding:15px; border-right:solid 1px #93C9E5; border-bottom:solid 1px #93C9E5;}
#programme td.column1,
#programme th.column1 {white-space:nowrap; background:#93C9E5; border-bottom:solid 1px #FFF;}
#programme th {border-top:solid 1px #93C9E5; background:#E6E6E6;}
#programme table p {font-size:1em;}

/* SPEAKERS */
#speakers h2 {clear:both; margin-top:40px; padding-top:20px; background:url(/wp-content/themes/digitalLeap/images/iconDottedLine.gif) left top repeat-x;}
#speakers h3 {font-size:2em; margin-bottom:10px;}
#speakers h4 {line-height:1.3em;}
#speakers blockquote {margin:0 0 15px;}
#speakers #columnFull p,
#speakers #columnFull h3,
#speakers #columnFull h4 {margin-left:130px;}
#speakers #columnFull p.imageLeftAligned,
#speakers #columnFull p.noLeftMargin {margin-left:0;}

/* REGISTER */
#register .registerButton {line-height:2em; background:url(/wp-content/themes/digitalLeap/images/buttonClickHereToRegisterWhiteBgTop.gif) no-repeat;}
#register .registerButton a {font-size:1.6em; background:url(/wp-content/themes/digitalLeap/images/buttonClickHereToRegisterWhiteBgBottom.gif) left bottom no-repeat;}

/* BLOG */
#blog h2 {margin-bottom:0;}
ul#blogList {list-style:none; margin:0;}
ul#blogList li {background:url(/wp-content/themes/digitalLeap/images/iconDottedLine.gif) left top repeat-x;}

/* VENUE */
#venue h2 {margin:0; padding:0; font-size:1.4em; color:#000; margin:25px 0 0; line-height:1.3em;}
#venue #map {border:1px solid #979797; height:350px; width:425px;}