/*
Theme Name: Left Foot Forward
Theme URI: 
Description: 
Version: 1.0
Author: Julian Bowditch
Author URI: 
Tags: 

	Left Foot Forward v1.0

 */

/* CSS CHANGES DECEMBER 2011 */
#dsq-reply h3 {
 color: #D60018;
}

#dsq-content h3 {
 color: #D60018;
}

.dsq-trackback-date {
 color: #D60018;
}

div.printfriendly.alignright a img {
 margin:0 0 0 5px;
 background-image:none;
 padding:0;
}

div.execphpwidget div.printfriendly {
 display:none;
}

html
{
	min-height: 100%;
	margin-bottom: 0;
	overflow: 0;
}

body
{
	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-align: center;
	background: #190423 url('/images/layout/background-gradient3.jpg') repeat-y;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

/* THE PADDING-TOP SETTING CAN BE USED TO CHANGE THE GAP AT THE TOP BEFORE LFF LOGO. ORIGINALLY 18px -LD */
#transparency
{
	background: #190423 url('/images/layout/transparency.png') center top;
	background-repeat: no-repeat;
	padding-top: 0px;
	overflow: auto;
}

#main
{
	max-width: 1008px;
	width: expression(document.body.clientWidth > 1008? "1008px": "auto" );
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

/* Wrappers
--------------------------------------------- */

#columns
{
	color: #000;
	background-color: #FFF;
	margin-top: 25px;
	line-height: 1.5em;
	padding: 0 318px 0 0;
}

/* these two wrappers 
float the layers for content 
and sidebars  */

#outer-wrapper
{
	width: 100%;
	height: auto;
}

#float-wrapper
{
	float: left;
	width: 100%;
}

/* MARGIN-TOP WAS ORIGINALLY 26px - LD */

/* Header
--------------------------------------------- */

#header
{
	background: url('/images/layout/banner3.png') top left;
	background-repeat: no-repeat;
	font-family: Georgia, serif;
	font-size: 24px;
	color: #FFF;
	height: 190px;
	margin-left: -1258px;
	margin-top: 0px;
	margin-bottom: -34px;
}

#logo
{
	float: left;
	margin-left: -1310px;
	height: 157px;
	width: 3210px;
}

#homelink
{
	height: 157px;
	width: 2000px;
	float: left;
}

/* Left
--------------------------------------------- */

#left
{
	float: left;
	margin-left: 0;
	z-index: 10;
	position: relative;
	width: 0;
	overflow: hidden;
	font-size: 12px;
	border: 1px solid #F0F;
}

.left-content
{
	background-repeat: repeat-x;
	margin: 0 53px 0 0;
}

/* Category box on index
--------------------------------------------- */

#cat-box {
	width: 684px;
	height: 80px;
	float: left;
	padding: 0 10px 10px 0;
	background: url('http://www.leftfootforward.org/images/layout/cat-box-bg.png') no-repeat;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#cat-box a {
	display: block;
	float: left;
	width: 161px;
	height: 30px;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .70);
	-webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, .70);
	-moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, .70);
	font-size: 12px;
	text-decoration: none;
	line-height: 12px;
	font-weight: bold;
}

#cat-box a:hover {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .70);
	-webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, .70);
	-moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, .70);
}

#cat-box a.se {
	background: #C42C41;
}
#cat-box a.ps {
	background: #294C89;
}
#cat-box a.gs {
	background: #C7C53E;
}
#cat-box a.sj {
	background: #9B6EBD;
}
#cat-box a.mfp {
	background: #9B9841;
}
#cat-box a.cp {
	background: #E25F71;
}
#cat-box a.mi {
	background: #5E367C;
}
#cat-box a.bwa {
	background: #314567;
}


#cat-box a.se:hover {
	background: #D66C7A;
}
#cat-box a.ps:hover {
	background: #6A82AD;
}
#cat-box a.gs:hover {
	background: #D8D778;
}
#cat-box a.sj:hover {
	background: #B99AD1;
}
#cat-box a.mfp:hover {
	background: #B9B77A;
}
#cat-box a.cp:hover {
	background: #EB8F9C;
}
#cat-box a.mi:hover {
	background: #8F73A4;
}
#cat-box a.bwa:hover {
	background: #6F7D95;
}


/* Middle
--------------------------------------------- */

#middle
{
	float: right;
	width: 100%;
	margin: 0;
}

#middle-content { margin: 0 318px 0 0; }

.pagetitle
{
	color: #FFF;
	font-family: Georgia;
	font-size: 20px;
	font-weight: 400;
}

.tagpagetitle
{
	color: #000;
	font-family: Georgia;
	font-size: 20px;
	font-weight: 400;
}

/* middle - menu
--------------------------------------------- */

#top-menu
{
	color: #FFF;
	float: right;
	height: 25px;
	margin: 4px 7px 13px 0;
}

#top-menu a
{
	color: #FFF;
	text-decoration: none;
}

#top-menu a:hover,#top-menu a.menu-active:hover
{
	color: #FFF;
	text-decoration: underline;
}

#top-menu a.menu-active { color: #d5031c; }

/* middle boxes
--------------------------------------------- */

.middlebox
{
	width: 100%;
	margin-bottom: 0;
	float: left;
}

.middlebox-top
{
	height: 30px;
	color: #FFF;
	float: left;
	width: 684px;
}

.middlebox-title
{
	float: left;
	display: block;
	height: 30px;
	padding: 0;
	color: #FFF;
		font-size: 110%;
	font-weight: 500;
	padding: 0 0 0 10px;
	line-height: 30px;
}

.middlebox-title a, .middlebox-title a:visited {
	color: #FFF;
	text-decoration: none;
}

.middlebox-title a:hover, .middlebox-title a:active {
	text-decoration: underline;
}

.middlebox-publishdetails
{
	float: right;
	display: block;
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: italic;
	padding: 8px 15px 0 0;
}

middlebox-publishdetails a { color: #000; }
middlebox-publishdetails a:hover { color: #666; }

.middlebox-middle
{
	background-color: #FFF;
	color: #5E5D5D;
	border-right: 6px solid #000;
	overflow: auto;
	clear: left;
	padding: 0 20px 20px;
}

.whole-post a { color: #D60018; }

.middlebox-middle img
{
	float: right;
	padding-bottom: 20px;
	text-align: right;
	vertical-align: text-top;
	background: url(/images/layout/storyimage-bg.gif) bottom center no-repeat;
	overflow: visible;
	margin: 0 29px 20px 20px;
}


.middlebox-middle img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.middlebox-middle img.alignright {
	padding: 4px 4px 20px 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.middlebox-middle img.alignleft {
	padding: 4px 4px 14px 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.middlebox-middle .alignright {
	float: right;
	}

.middlebox-middle .alignleft {
	float: left;
	}

.middlebox-middle h2 { color: #000; }
.middlebox-middle ul { padding-left: 15px; }

.middlebox-bottom
{
	background: url(/images/layout/middlebox-footer.gif);
	height: 7px;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.middlebox-image-underline
{
	float: right;
	vertical-align: text-bottom;
}

a.read-more-link:hover { cursor: pointer; }

.middlebox-middle img.read-more
{
	float: none;
	border-bottom: 0;
	text-align: left;
	width: auto;
	height: auto;
	vertical-align: inherit;
	background: none;
	margin: 10px 0 0;
}



.mpu-box {
	width: 300px;
	margin: 0 auto;
	padding: 0 6px 15px 0;
}




/* Search results
--------------------------------------------- */

.search-result { margin-top: 20px; }

p.postmetadata a
{
	color: #5E5D5D;
	font-size: 11px;
}

.posttitlestyle3
{
	background: #C42C41;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle4
{
	background: #294C89;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle5
{
	background: #C7C53E;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle6
{
	background: #9B9841;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle7
{
	background: #9B6EBD;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle8
{
	background: #E25F71;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle9
{
	background: #5E367C;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle10
{
	background: #314567;
	background-repeat: no-repeat;
	height: 30px;
}

.posttitlestyle276
{
	background: url('/images/layout/header-default.gif') top right;
	background-repeat: no-repeat;
	height: 30px;
}

/* Pagination 
--------------------------------------------- */

#pagination
{
	clear: both;
	display: block;
	float: left;
	margin-top: 4px;
	margin-bottom: 25px;
}

/* Post tools
--------------------------------------------- */

.share
{
	clear: both;
	position: relative;
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: italic;
	float: right;
	color: #461d58;
	margin-top: 10px;
	height: 45px;
}

.share a
{
	text-decoration: none;
	color: #461d58;
}

.share a:hover { color: #461d58; }
.share-separator { margin: 0 2px; }

/* Share popup 
--------------------------------------------- */

#overlay,.overlay
{
	position: relative;
	z-index: 100;
}

.popshare
{
	width: 104px;
	line-height: 0;
	background: #FFF url(/images/backgrounds/share-bubble.gif);
	background-repeat: no-repeat;
	font-family: 'futura lt';
	font-style: normal;
	color: #000007;
	padding: 8px 4px;
}

.popshare a,.popshare a:visited { color: #000007; }

.overlay img
{
	background: transparent;
	float: none;
	height: auto;
	overflow: auto;
	padding-bottom: 0;
	text-align: inherit;
	vertical-align: inherit;
	width: auto;
	margin: 3px 2px -3px 0;
}

/* Right column / sidebar
--------------------------------------------- */

	#right
{
	float: right;
	margin-left: -318px;
	z-index: 11;
	position: relative;
	width: 318px;	
	color: #484848;
	font-size: 12px;
}

.right-content { margin-left: 14px; }

#search
{
	height: 42px;
	width: 318px;
	background-repeat: no-repeat;
	margin: 0;
}

.sitesearch,.sitesearchGO
{
	text-align: left;
	float: left;
	border: 0;
	margin: 0;
}

.sitesearch
{
	margin-left: 1px;
	width: 261px;
	height: 20px;
	background-color: #F5F5F5;
	color: #c2b4b4;
	font-weight: 700;
	font-size: 14px;
	font-family: Myriad Pro, Arial Narrow;
	padding: 4px 0 0 3px;
}

.sitesearchtype { color: #261919; }

.sitesearchGO
{
	width: 30px;
	background: url('/images/buttons/searchGO.gif');
	background-repeat: no-repeat;
	height: 24px;
}

#actions
{
	background: url('/images/buttons/button-bg.gif');
	background-repeat: no-repeat;
	width: 246px;
	height: 46px;
	clear: both;
	margin-bottom: 13px;
	font-size: 0;
	margin: 0 0 0 29px;
}

img.actIcon
{
	margin-top: 14px;
	padding-left: 5px;
}

.actDonate { margin-left: 3px; }
.actEmail { margin-left: -5px; }
.actRss { margin-left: -4px; }

/* Right boxes
--------------------------------------------- */

.rightbox
{
	width: 300px;
	margin-bottom: 9px;
}

.rightbox a
{
	color: #484848;
	text-decoration: none;
}

.rightbox-top
{
	height: 9px;
	width: 300px;
	background: url(/images/layout/rightbox-top.gif) left no-repeat;
}

.rightbox-middle
{
	width: 295px;
	background-color: #FFF;
	border-right: 5px solid #000;
}

.rightbox-middle ul {
	margin: 0;
	padding: 0;
}

.rightbox-middle ul li {
	padding: 0 0 10px 0;
}

ul li.top-story,ul#top-stories li
{
	margin-top: 4px;
	padding-left: 11px;
	background: url(/images/icons/top-story-bullet.gif) top left;
	background-repeat: no-repeat;
}

ul#interesting-links li
{
	margin-top: 4px;
	padding-left: 15px;
	background: url(/images/icons/interesting-bullet.gif) left center;
	background-repeat: no-repeat;
}

.rightbox-middle-content
{
	padding-bottom: 10px;
	line-height: 16px;
	overflow: hidden;
	margin: 0 7px;
}

.rightbox-middle-content-wide
{
	line-height: 16px;
	overflow: hidden;
	margin: 0 5px 0 7px;
}

.right-title
{
	height: 30px;
	display: block;
	border-bottom: 1px dashed #d5031c;
	font-family: Arial Narrow;
	font-weight: 700;
	color: #d5031c;
	font-size: 21px;
	margin: 0 7px 15px;
}

.right-title-img
{
	display: block;
	padding-top: 6px;
}

.rightbox-bottom
{
	margin-bottom: 14px;
	height: 16px;
	width: 300px;
	background: url(/images/layout/rightbox-bottom.gif) left no-repeat;
}

.fighting
{
	display: block;
	width: 50%;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: -1px;
}

.fighting-link
{
	position: relative;
	top: 8px;
}

.fighting img
{
	vertical-align: top;
	float: left;
	margin: 0 5px 8px 0;
}

/* Twitter feeds
------------------------------------------------ */

.rightbox-bottom-twitter
{
	margin-bottom: 14px;
	height: 18px;
	width: 300px;
	background: url(/images/layout/rightbox-bottom-twitter.gif);
	background-repeat: no-repeat;
}

.twitter-box
{
	background: #FFF url(/images/icons/twitter.jpg) top right;
	background-repeat: no-repeat;
}

a.twitter-link { margin-top: 10px; }

.rightbox-middle ul#tweets li
{
	border-bottom: 1px dashed #d5031c;
	padding: 4px 0;
}

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

#footer
{
	width: 100%;
	height: 82px;
}

#footer-content
{
	max-width: 950px;
	width: expression(document.body.clientWidth > 950? "950px": "auto" );
	text-align: left;
	color: #FFF;
	font-size: 11px;
	margin: 0 auto;
	padding: 25px 0 0;
}

#footer-details
{
	float: left;
	display: inline;
	margin: 5px 0 0 22px;
}

.sqe a
{
	color: #FF3B2A;
	text-decoration: none;
}

a.author
{
	color: #FFF;
	border-bottom: 2px solid #F0F0F0;
	text-decoration: none;
}

a.author:hover
{
	text-decoration: none;
	border-bottom: none;
}

/* Comments
--------------------------------------------- */

#commentform textarea
{
	border: 1px solid #5E5D5D;
	width: 100%;
	padding: 2px;
}

#commentform input
{
	width: 170px;
	border: 1px solid #5E5D5D;
	color: #5E5D5D;
	margin: 5px 5px 1px 0;
	padding: 2px;
}

#commentform { margin: 5px 10px 0 0; }

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

#commentform #submit
{
	float: right;
	margin: 0 0 5px auto;
}

ol.commentlist
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.commentlist li ul li { font-size: 1em; }

.commentlist li
{
	font-weight: 700;
	margin-top: 20px;
}

.middlebox-middle img.avatar
{
	float: right;
	border: 1px solid #eee;
	background: #fff;
	width: 32px;
	height: 32px;
	padding: 2px;
}

.commentlist cite,.commentlist cite a
{
	font-weight: 700;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p
{
	font-weight: 400;
	line-height: 1.5em;
	text-transform: none;
}

.commentmetadata { font-weight: 400; }

/* Related posts
--------------------------------------------- */

#related-posts
{
	font-size: 11px;
	margin-top: 30px;
}

/* Subscription form
--------------------------------------------- */

#mc-embedded-subscribe-form fieldset
{
	background: #FFC;
	margin: 0 0 10px;
}

#mc-embedded-subscribe-form legend
{
	font-weight: 700;
	font-size: 18px;
}

#mc-embedded-subscribe-form label { font-weight: 700; }
#mc-embedded-subscribe-form input { width: 90%; }

input
{
	border: 1px solid #CCC;
	margin: 0;
	padding: 4px;
}

p { margin-bottom: 0; }

h1
{
	clear: both;
	color: #261919;
	font-family: Georgia;
	font-size: 30px;
	font-weight: 400;
}

h3
{
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 5px;
	color: #000;
	padding: 0;
}

.right { float: right; }
.clear { clear: both; }

.text-bottom
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 215px;
}

.inlineIcon { margin-bottom: -4px; }
.show { display: inline; }
.block { display: block; }
.text-top { vertical-align: text-top; }

.padleft
{
	margin-left: 3px;
	margin-right: -3px;
}

.purple { color: #311349; }
.whole-post,.none { display: none; }

.middlebox-middle a,.twitter-box a,a
{
	color: #D60018;
	text-decoration: underline;
}

.middlebox-middle a:hover,.twitter-box a:hover,a:hover { text-decoration: none; }

.middlebox-middle h1 a,h1 a
{
	color: #261919;
	text-decoration: none;
}

.middlebox-middle h1 a:hover,h1 a:hover
{
	color: #261919;
	text-decoration: underline;
}

.posttitlestyle1,.posttitlestyleDefault
{
	background: url('/images/layout/header-default.gif') top right;
	background-repeat: no-repeat;
	height: 30px;
}

#actions a,h2,.error { color: #FFF; }
.rightbox a:hover,.sqe a:hover { text-decoration: underline; }
.rightbox-middle ul,#related-posts ul { list-style-type: none; }
.footer-logo,.left { float: left; }

.copyright,.sqe
{
	float: left;
	color: #FFF;
	clear: right;
}

form,img
{
	border: 0;
	margin: 0;
	padding: 0;
}

ul,li
{
	margin: 0;
	padding: 0;
}

h2.widgettitle
{
	border-bottom: 1px dashed #D60018;
	color: #D60018;
	font-family: 'arial narrow';
	margin: 5px 0;
	padding-bottom: 7px;
	font-size: 20px;
}

/* Authors
--------------------------------------------- */

ul#author_posts
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

ul#author_posts li { margin: 0 0 5px 0; }

ul#author_posts li a
{
	display: block;
	background: #EEE;
	text-decoration: none;
	color: #000;
	padding: 5px;
}

ul#author_posts li a:hover { background: #FFF; }
ul#author_posts li a:active { top: 1; }

.author_link a
{
	font-style: normal;
	color: #EFEFEE;
	font-weight: bold;
}


#facebookbox
{
	padding: 5px;
	margin: 0 0 0 0;
}

#facebookbox a, #facebookbox a:visited
{
	text-decoration: none;
	color: #BBB;
}

#facebookbox a:hover, #facebookbox a:active
{
	text-decoration: underline;
	color: #BBB;
}

.fan_box a, .fan_box a:visited{
  text-decoration: none;
  color: #461D58;
}

.fan_box a:hover, .fan_box a:active{
  text-decoration: underline;
  color: #461D58;
}
.fan_box .full_widget{
  height: 265px;
  border: 0 !important;
  background: none !important;
  position: relative;
}
.fan_box .connect_top{
  background: none !important;
  padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block{
  display: none;
}
.fan_box .connect_action{
  padding: 0 !important;
}
.fan_box .connections{
  padding: 0 !important;
  border: 0 !important;
}
span.total{
}
.fan_box .connections .connections_grid {
  padding-top: 10px !important;
}
.fan_box .connections_grid .grid_item{
  padding: 0 10px 10px 0 !important;
}
.fan_box .connections_grid .grid_item .name{
  padding-top: 1px !important;
}
.fan_box .connect_widget{
position: absolute;
bottom: 0;
right: 10px;
margin: 0 !important;
}
.fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
}
.fan_box .connect_widget td.connect_widget_vertical_center {
padding: 0 !important;
}

.rssButton, .twitterButton, .facebookButton, .emailButton, .donateButton {
	margin: 5px 11px 0 10px;
}