/* @override 
	http://ada.local/wp-content/themes/lovelace/style.css
	http://test.findingada.com/wp-content/themes/lovelace/style.css
*/

/*
Theme Name: Ada Lovelace Day Theme	
Theme URI: http://www.technophobia.com	
Description: Custom theme developed for Ada Lovelace Day
Version: 1.0
Author: Michael Wood
Author URI: http://www.technophobia.com	
*/

/*====================================================================*/
/* TechnoPhobia */
/* Created on Nov 2008 */
/* Global Screen styles */
/*====================================================================*/

/* 
--- PLEASE NOTE ---

Please check the 'General' section of this stylesheet before creating any small custom styles.
The styles you want may already be in there.

Please put any Internet Explorer specific styles/hacks/fixes in 'ie.css'.

--- CONTENTS ---

1) All
2) Body
3) Links
4) General
5) Clearfix
6) Structural

7) Header
8) Content
9) Menu
10) Side
11) Footer

12) Forms
13) Lists
14) Tables

Please keep tidy :)

*/
	
/* ------------------------------------------------------------------ */
/* =All */
/* ------------------------------------------------------------------ */

* , body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { 
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
	margin-bottom: 1px;
}
	
/* ------------------------------------------------------------------ */
/* =Body */
/* ------------------------------------------------------------------ */

body {
	background: #ccc;
	font: 0.88em georgia, serif;
	color: #676352;
}


/* ------------------------------------------------------------------ */
/* =Links */
/* ------------------------------------------------------------------ */

a:link  { color: #676352; }
a:visited  { color: #898574; }
a:focus  { color: #000000; }
a:hover  { color: #000000; }
a:active  { color: #676352; }

/*#content p a[href^="http://"] {
	background: url(images/external-link-icon.png) no-repeat right;
	padding-right: 12px;
}
*/
/*#content p a[href="http://www.technophobia.com"] {
	background: none;
	padding-right: 0px;
}*/


/* ------------------------------------------------------------------ */
/* =General */
/* ------------------------------------------------------------------ */

span.error{
	margin-top:5px !important;
  color: #f00;
  display:block;
	background: url(images/error.gif) no-repeat left;
	padding-left: 20px;
}

span.valid{
	margin-top:5px !important;
	color:#080;
	display:block;
	background: url(images/success.gif) no-repeat left;
	padding-left: 20px;
}

div.top_errors{
	height: auto;
	padding:2px;
	margin-bottom: 10px;;
}

div.top_errors h4{
	margin:0;
	padding:0 !important;
	height:20px;
	text-transform: uppercase;
	color:#f00;
	text-decoration: underline;
	font-weight: bold !important;
}


/* ------------------------------------------------------------------ */
/* =Clearfix */
/* ------------------------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
.clearfix {display: block;}

/* ------------------------------------------------------------------ */
/* =Structural */
/* ------------------------------------------------------------------ */

#container {
	width: 960px;
	margin: 0 auto;
	background: #fff url(images/header/1px-bg.png) 0px 0px repeat-x scroll;

}

.pager ul{
  list-style: none;
  padding:0px;
}

.pager ul li{
  padding-right: 3px;
  float:left;
}

.pager ul li.end{
  clear:left;
}
		
		
.list li {
	list-style-type: none;
	padding: 0.17em 0 0.35em 1.2em;
	margin-bottom:5px;
	background: url(images/side/ul-li-bg.gif) 0 0.25em  no-repeat scroll;
}
		
/* ------------------------------------------------------------------ */
/* =Header */
/* ------------------------------------------------------------------ */

#header {
	height: 221px;
	background:  url(images/header/full-bg.jpg) 0px 0px no-repeat scroll;
	position: relative; 
}
		
/* Skip link */

.skip-content { 
	display: none;
}
	
/* Logo */

#header h1 { 
	position: absolute; 
	top: 24px;
	left: 19px;
	height: 192px;
	width: 192px;
}
#header h1 a { 
	background: url(images/header/h1-bg.png) 0px 0px no-repeat scroll;
	display: block;
	height: 192px;
	width: 192px;
}
#header h1 a:hover { 
	background-position: 0px -192px ;
}
		
#header h2 { 
	position: absolute; 
	top: 128px;
	left: 739px;
	width: 221px;
	height: 93px;
}
#header h2 a { 
	background: url(images/header/h2-bg.png) 0px 0px no-repeat scroll;
	display: block;
	width: 221px;
	height: 93px;
}
#header h2 a:hover { 
	background-position: 0px -93px ;
}
#header * a span.aural-only { 
	display: none;
}

#header p.account_options{
	height:18px;
	text-align:right;
	font-size:11px;
}

#header span, #header p { 
	text-align: right; 
	padding-right: 1em;
	line-height: 22px; 
	font-size:0.71em;
	color: #c4cdb7;
}

#header p a{
	color: #c4cdb7;
}
#header p span.quote {
	font-weight: bold;
}
#header form  {
	display: block;
	float: right;
	padding-top: 0.825em;
	}
#header form input.text {
	display: block;
	float: left; 
	width: 168px;
	line-height: 14px;
	padding: 5px 4px;
	margin:1px 0.5em 0 0;
	border: 1px solid #3d3334; 
	background: url(images/header/form-bg.jpg) 50% 50% repeat scroll;
	}
#header form .submit {
	display: block;
	float: left; 
	background: transparent;
	border-width: 0px;
	width: 46px;
	height: 31px;
	background: url(images/header/form-submit.gif) 50% 50% repeat scroll;
	cursor: pointer;
	}
#header form .submit span {
	display: none;
	}
	
#header form p { 
	text-align: left; 
	padding-right: 0;
	line-height: auto ; 
	font-size:1em;
	width: 250px; 
}

#header form span.text { 
	display: none;
	}
/* Primary Navigation */

/* ------------------------------------------------------------------ */
/* =Menu */
/* ------------------------------------------------------------------ */

#menu  {
  max-height: 62px;
  background: #fff url(images/menu/bg.png) 0px -1px repeat-x scroll;
  color: #676352 ;
}

#menu ul  {
  min-height: 62px;
  overflow: hidden;
  list-style-type: none;
  padding: 21px 0 0 15px;
  
}
#menu ul li  {
  float: left; 
  list-style-type: none;
  height: 41px;
  width: 155px ;
  display: block;
}
#menu ul li a {
  background: url(images/menu/tab-bg.png) 7px 0 no-repeat scroll;
  padding-top: 0.5em;
  font-size: 1.35em;
  font-variant: small-caps;
  text-decoration: none;
  text-align: center; 
  color: #fff; 
  height: 41px;
  width: 155px ;
  display: block;
  float: left; 
}
#menu ul li a:hover {
  background-position: 7px -50px ;
  color: #676352; 
}
#menu ul li a.on {
  color: #676352;
  background: url(images/menu/tab-bg.png) 7px -50px no-repeat scroll;
}
/* ------------------------------------------------------------------ */
/* =Content */
/* ------------------------------------------------------------------ */

#content { 
	overflow: hidden;
	margin-top: 2px;
}
#content h3  { 
	font-size: 1.80em;
	letter-spacing: -0.025em;
	font-weight: bold;
	line-height: 1.25em;
	color: #000;
}
#content p  { 
	padding: 0 0 1em;
	line-height: 1.25em;
}
#content p.byline  { 
	color: #ccc;
	padding: 0px 0px 0.5em;
	margin-top: -0.2em;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: bold;
}

#content .posts {
	width: 620px; 
	float: left; 
	margin-top: 25px;
	margin-left: 15px;
}

#content .posts.fullwidth {
  width: 930px;
  margin: 15px;
	margin-top: 25px;
}


#content .posts .post {
	padding: 0px 25px 25px; 
}
#content .posts .post.sub-post {
	padding: 0px 0px 25px; 
	float: left; 
	width: 41%;
}
#content .posts .post.sub-post.clear-left {
	padding: 0px 25px 25px ; 
	float: left; 
	clear: left;
}

#content .lead {
  background: url(images/lead/bg.jpg) 0 0 scroll repeat-y ;
  width: 620px; 
  float: left; 
  margin-bottom: 0px;
}

#content .lead .widgets {
  background: url(images/lead/bg_bottom.jpg) 0 100% scroll no-repeat ;
}

#content .lead .widgets .pledge-form {
  background: url(images/lead/bg_top.jpg) 0 0  scroll no-repeat ;
  min-height: 480px;
  color: #000;
  padding-bottom: 45px;
}

#content .lead .widgets .pledge-form.profile {
  min-height: 120px;
  padding-bottom: 60px;;
}

#content .lead .widgets .pledge-form .pledge-now {
  padding: 0 80px;
}
#content .lead .widgets li.pledge-form {
  list-style-type: none;
}
#content .lead .widgets .pledge-form h3 {
  display: none;
}
#content .lead .widgets .pledge-form h4  {
  padding: 60px 0 1em;
  font-weight: 500;
}
#content .lead .widgets .pledge-form h4 strong {
  font-size: 2em;
  font-variant: small-caps;
  font-weight: light;
}
#content .lead .widgets .pledge-form h4 em {
  font-style: normal;
}
#content .lead .widgets .pledge-form .pledge-now p  {
  padding-bottom:1em;
}
#content .lead .widgets .pledge-form .pledge-now p span {
  display: inline;
}
#content .lead .widgets .pledge-form .pledge-now p.form-item  {
  padding-bottom: 4px;
}
#content .lead .widgets .pledge-form .pledge-now p.form-item label {
  display: block;
  width: 40%;
  float: left;
  margin-top: 2px;
  text-align: right;
}
#content .lead .widgets .pledge-form .pledge-now p.form-item input.text,
#content .lead .widgets .pledge-form .pledge-now p.form-item select {
  display: block;
  width: 168px;
  line-height: 14px;
  padding: 4px ;
  margin: 0 auto;
  border: 1px solid #3d3334; 
  background: url(images/header/form-bg.jpg) 50% 50% repeat scroll;
}

#content .lead .widgets .pledge-form .pledge-now p.form-item select {
	background: transparent url(images/header/form-bg.jpg) 50% 50% repeat scroll;
	padding:4px;
  width:178px;
  font-size: 12px;
	/* FIXME: this fixes a bug in google chrome, may not be the best way*/
	-webkit-appearance: none;
}

#content .lead .widgets .pledge-form .pledge-now p.form-item span.error,
#content .lead .widgets .pledge-form .pledge-now p.form-item span.valid{
  margin-left: 50%;
  text-transform:lowercase;
}

#content .lead .widgets .pledge-form .pledge-now p.form-item-checkbox  {
  overflow: hidden;
  padding: 0 0 1em 7.5%; 
}
#content .lead .widgets .pledge-form .pledge-now p.form-item-checkbox input {
  float: left;
  margin-top: 0.15em;
}
#content .lead .widgets .pledge-form .pledge-now p.form-item-checkbox label {
  width: 90%;
  margin-left: 0.5em;
  float: left;
  text-align: left;
}
#content .lead .widgets .pledge-form .pledge-now p.form-item-checkbox label strong  {
  font-weight: 500;
  font-variant: small-caps;
}
#content .lead .widgets .pledge-form .pledge-now p.form-item-button .submit  {
  background: url(images/side/button-bg.png) 50% 50% no-repeat scroll;
  font-size: 1em;
  font-variant: small-caps;
  font-weight: bold;
  font-family: georgia, serif;
  color: #fff;
  text-align: center;
  width: 185px;
  line-height: 26px;
  height: 26px;
  border-width: 0px;
  position: relative;
  left: 50%;
  cursor: pointer;
}



#content div.sociable {
	float:right;
	margin-right:25px;
}


/* Rename these classes to link in with Wordpress generated code */
.image-left {
	float: left;
}

.image-right {
	float: right;
}



/* ------------------------------------------------------------------ */
/* =Side */
/* ------------------------------------------------------------------ */

#content .side {
	width: 260px; 
	margin-right: 25px;
	margin-top: 25px;
	float: right; 
}
#content .side .widgets ,
#content .side .widgets li {
	list-style-type: none;
}
#content .side .widgets li {
	padding-bottom: 15px;
}

#content .side h3  { 
	background: url(images/side/h3-bg.gif) 50% 100%  scroll no-repeat ;
	font-size: 1.80em;
	letter-spacing: -0.025em;
	font-variant: small-caps;
	font-weight: normal;
	line-height: 1.25em;
	padding: 25px 0 0.5em ;
	color: #676352; 
	text-align: center;
}
#content .side .widgets ul li {
	padding: 0 0 0.35em 1.2em ;
	background: url(images/side/ul-li-bg.gif) 0 0.25em  no-repeat scroll
}
#content .side .widgets .pledge-counter  {
	text-align: center;
	letter-spacing: -0.025em;
	font-variant: small-caps;
	font-weight: normal;
	line-height: 1.25em;
	}
#content .side .widgets .pledge-counter h3 {
	display: none;
}
#content .side .widgets .pledge-counter p {
	font-size: 1.5em;
	background: url(images/side/h3-bg.gif) 50% 50%  scroll no-repeat ;
	margin:0;
	padding:0;
	}
#content .side .widgets .pledge-counter span {
	display: block;
	font-size: 1.75em;
	padding-bottom: 0.15em;
}

#content .side .widgets .pledge-form {
	padding-top: 10px;
	background: url(images/side/hr-1.png) 50% 0%  scroll no-repeat ;
	text-align: center;
}
#content .side .widgets .pledge-form .pledge-now {
	padding-bottom: 40px;
	background: url(images/side/hr-2.png) 50% 100%  scroll no-repeat ;
}
#content .side .widgets .pledge-form h3 {
	background: transparent;
	padding-bottom: 0.25em;
}
#content .side .widgets .pledge-form h4  {
	display: none;
}
#content .side .widgets .pledge-form .pledge-now p span {
	display: none;
}
#content .side .widgets .pledge-form .pledge-now p.form-item label {
	display: block;
}
#content .side .widgets .pledge-form .pledge-now p.form-item input.text {
	display: block;
	width: 168px;
	line-height: 14px;
	padding: 4px ;
	margin: 0 auto;
	border: 1px solid #3d3334; 
	background: url(images/header/form-bg.jpg) 50% 50% repeat scroll;
}
#content .side .widgets .pledge-form .pledge-now p.form-item-checkbox  {
	overflow: hidden;
	padding: 0 0 1em 7.5%; 
}
#content .side .widgets .pledge-form .pledge-now p.form-item-checkbox input {
	float: left;
	width: 10%;
	margin-top: 0.15em;
}
#content .side .widgets .pledge-form .pledge-now p.form-item-checkbox label {
	width: 90%;
	float: left;
	text-align: left;
}
#content .side .widgets .pledge-form .pledge-now p.form-item-checkbox label strong  {
	font-weight: 500;
	font-variant: small-caps;
}
#content .side .widgets .pledge-form .pledge-now p.form-item-button .submit  {
	background: url(images/side/button-bg.png) 50% 50% no-repeat scroll;
	font-size: 1em;
	font-variant: small-caps;
	font-weight: bold;
	font-family: georgia, serif;
	color: #fff;
	text-align: center;
	width: 185px;
	line-height: 26px;
	height: 26px;
	border-width: 0px;
}

/* ------------------------------------------------------------------ */
/* =Footer */
/* ------------------------------------------------------------------ */

#footer {
	min-height: 145px;
	background: #333 url(images/footer/bg.jpg) 0px 30px repeat scroll;
	color: #fff ;
	clear: both;
}
#footer a:link  { color: #fff; }
#footer a:visited  { color: #ccc; }
#footer a:focus  { color: #ff0; }
#footer a:hover  { color: #ff0; }
#footer a:active  { color: #fff; }
#footer .menu  {
	padding-top: 36px;
	padding-bottom: 2.75em;
	background: url(images/footer/hr.png) 0px 0px no-repeat scroll;
}
#footer p  {
	margin: 0 1em 0.1em; 
}
#footer .meta  {
	padding-bottom: 0.25em; 
}
#footer ul  {
	overflow: hidden;
	list-style-type: none;
	padding-left: 1em; 
}
#footer ul li  {
	float: left; 
	list-style-type: none;
	margin: 0.25em 0.5em 0 0; 
	padding: 0 0.5em 0.25em 0; 
	border-right: 1px solid #fff ;
	line-height: 0.8em;
}
#footer ul li.last-child ,
#footer ul li:last-child  {
	border-right: 0px solid #fff ;
}

/* ------------------------------------------------------------------ */
/* =Forms */
/* ------------------------------------------------------------------ */

/* Fieldsets */



/* Legends */


	
/* Structural */



/* Labels */


/* Form elements */

	
		


/* ------------------------------------------------------------------ */
/* =Lists */
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
/* =Tables */
/* ------------------------------------------------------------------ */