/*   
Theme Name: Leary Gates
Theme URI: http://learygates.com
Description: Custom stylesheet for LearyGates.com; child theme of Thematic.
Author: ElShaddai Edwards
Author URI: http://elshaddai-edwards.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* PRELOAD IMAGES */

#preloadImages {
position:absolute;
top:-1000px;
left:-1000px;
overflow:hidden;
} 
/* hiddenPic class added to img tag for Chrome */
.hiddenPic {
display:none;
}


/* CHANGE DEFAULTS */

a {
text-decoration:none;
}

.aside a {
color:#004B91;
}

.entry-title, .widgettitle, .entry-title a, .widgettitle a  {
color:#A72B30;
}

a:active, a:hover, .aside a:active, .aside a:hover, .entry-title a:active, .entry-title a:hover, .entry-meta a:active, .entry-meta a:hover, .entry-utility a:active, .entry-utility a:hover, #comments-list .comment-meta a:active, #comments-list .comment-meta a:hover, .comment-reply-link a:active, .comment-reply-link a:hover, .navigation a:active, .navigation a:hover {
color:#A72B30;
text-decoration:underline;
}

blockquote cite {
display:block;
width:100%;
text-align:right;
}

form, input, textarea {
font-family:verdana,arial,sans-serif;
font-size:12px;
}


/* LAYOUT STYLES */

html {
min-height:100%;
margin-bottom:1px;
}

body {
background:#ccc url(images/bg2.gif) repeat-x top left fixed;
}

#wrapper {
width:960px;
margin:0 auto;
border:2px #999 solid;
border-top:none;
background:#fff;
}

#main {
padding:20px;
padding-bottom:0;
width:920px;
background:#fff url(images/mainbg.gif) no-repeat bottom left;
clear:both;
}


#container {
width:920px;
margin-right:-320px;
background:#fff;
min-height:420px; 
}

#content {
margin:0;
padding:20px;
padding-right:40px;
width:540px;
}
.main-aside {
right:0; 
}


/* NAV BAR STYLES */

#access {
margin:0;
padding:0;
width:960px;
height:35px;
border:none;
border-top:5px solid #999;
background:#fff;
}

.menu {
margin:0;
padding:0;
width:960px;
height:35px;
background:url(images/menu-bg-r.gif) no-repeat top right;
}

.sf-menu {
float:right;
border:none;
height:35px;
color:#fff;
background:url(images/menu-bg-l.gif) no-repeat top left;
font-family:verdana,arial,sans-serif;
font-size:12px;
margin:0 40px 0 0;
padding:0 0 0 30px;
}
.sf-menu li {
background:#999;
height:30px;
}
.sf-menu a, .sf-menu a:visited, .sf-menu a:hover, .sf-menu a:active {
border:none;
color:#fff;
background:#999;
border-bottom:5px solid #999;
padding:9px 10px;
}
.sf-menu a:hover {
text-decoration:none;
border-bottom:5px solid #A72B30;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
color:#fff;
font-weight:normal;
border-bottom:5px solid #A72B30;
}
.sf-menu .current_page_item a:hover,
.sf-menu .current_page_ancestor a:hover,
.sf-menu .current_page_parent a:hover {
color:#fff;
font-weight:normal;
background:#999;
border-bottom:5px solid #A72B30;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:#999;
}

.sf-menu ul {
display:none;
}

.sf-menu li.page-item-256 a {
background:#999 url(images/Feed-24x24.png) no-repeat 5px 4px;
width:15px;
text-indent:-9000px; 
}
.sf-menu li.page-item-260 a {
background:#999 url(images/FaceBook-24x24.png) no-repeat 5px 4px;
width:15px;
text-indent:-9000px; 
}
.sf-menu li.page-item-262 a {
background:#999 url(images/LinkedIn-24x24.png) no-repeat 5px 3px;
width:15px;
text-indent:-9000px; 
}
.sf-menu li.page-item-263 a {
background:#999 url(images/Twitter-24x24.png) no-repeat 5px 4px;
width:15px;
text-indent:-9000px; 
}
.sf-menu li.page-item-257 a {
background:#999 url(images/Email-24x24.png) no-repeat 5px 2px;
width:15px;
text-indent:-9000px; 
}


/* HEADER STYLES */

#header {
background:#fff;
}

#branding {
width:960px; 
height:130px;
margin:0;
padding:0;
}
#blog-title {
background:url(images/lglogo_rev6.png) no-repeat top left;
margin:0px 0 0 17px;
display:block;
width:450px;
height:80px;
}
#blog-title a {
text-indent:-9000px;
display:block;
width:450px;
height:80px;
}

#blog-description {
display:none; 
}


/* IMAGE SLIDER */

#imageMenuWrap {
text-align:center;
width:920px;
padding:0 20px;
margin:0;
background:#fff;
}


/* CONTENT STYLES */

.entry-title {
font-size:24px;
font-weight:normal;
padding-bottom:10px;
font-family:'century gothic', 'trebuchet ms', verdana, arial, sans-serif;
line-height:24px;
}

.entry-content img.alignright {
padding:5px;
border:0px solid #ddd;
margin:0 0 0 10px;
}
.entry-content img.alignleft {
padding:5px;
border:0px solid #ddd;
margin:0 10px 0 0;
}

/* SIDEBAR STYLES */

#primary, #secondary {
padding:0;
margin:0 20px 0 0;
border:none;
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:16px;
}

.main-aside h3 {
font-family:verdana,arial,sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
padding-bottom:10px;
}

.main-aside ul {
padding:0;
margin:0;
}

.main-aside ul ul {
list-style-type:none;
padding:0;
margin:0;
}

.main-aside ul ul li {
margin-bottom:5px;
}

#primary .widgetcontainer, #secondary .widgetcontainer {
padding:10px;
background:#f0f0f0;
margin-bottom:20px;
border:none;
} 

.aside form {
margin:0;
padding:3px;
}
.aside input {
margin:0;
}
.aside p {
margin-bottom:10px;
}

input#s {
width:270px;
font-family:verdana,arial-sans-serif;
font-size:12px;
margin:5px 0 0 0;
}


/* FOOTER STYLES */

#footer {
border:none;
background:url(images/footerbg.png) repeat-x bottom left;
font-family:verdana, arial, helvetica, sans-serif; 
font-size:12px;
margin:0;
padding:0;
}

#footer a:hover, #siteinfo a:hover span {
color:#A72B30;
}

#siteinfo {
text-align:center;
color:#fff;
margin:0;
padding:20px;
width:920px;
}

#wordpress-meta {
clear:both;
height:50px;
}
#wordpress-copyright {
float:left;
width:840px;
padding:0 20px 0 0;
text-align:left;
border-right:1px solid #ddd;
}
#wordpress-admin a {
float:right;
height:50px;
width:40px;
text-indent:-9000px;
background:url(images/admin.png) no-repeat left top;
}
#wordpress-link a {
float:right;
height:50px;
width:40px;
text-indent:-9000px;
background:url(images/wordpress.png) no-repeat right top;
}


/* SUBSIDIARY LAYOUT */
#subsidiary {
display:none;
}

body.home #subsidiary {
display:block;
color:#000;
width:920px;
padding:0;
margin:0 20px;
background:#ddd;
}

body.home #first{
width:600px;
margin:0;
padding:20px;
padding-right:0;
}

body.home #second{
width:260px;
margin:0;
padding:20px;
}

body.home #third {
display:none;
}

body.home #subsidiary h3 {
font-style:normal;
font-weight:bold;
}
body.home .sub-aside ul ul {
list-style-type:none; 
margin:0;
}
body.home .sub-aside ul ul li {
padding-top:10px;
}


li.recent_with_excerpt ul li {
float:left;
width:270px;
margin-right:30px;
}
li.recent_with_excerpt a {
}
img.imgtfe {
float:left;
padding:2px;
border:1px solid #bbb;
margin:5px 10px 10px 0;
}

body.home #subsidiary blockquote {
margin:0;
font-style:normal;
}
body.home #subsidiary blockquote ul {
list-style-type:disc; 
margin-left:20px;
margin-bottom:10px;
}
body.home #subsidiary blockquote ul li {
padding-top:0;
}

#second.aside ul ul li {
padding-bottom:10px;
border-bottom:1px dashed #bbb;
}
#twitter-link {
float:right;
display:block;
height:40px;
margin-top:10px;
background:url('http://www.boldpath.org/images/twitter_icon.png') no-repeat top left;
padding-left:40px;
}

/* HOME PAGE LAYOUT */

body.home #container {
background:#fff url(images/standing.jpg) no-repeat top right;
margin-bottom:20px;
}
body.home #main {
padding-bottom:0;
}


/* FEATURE TEMPLATE LAYOUT */

body.page-template-feature-php #content {
float:left;

padding-left:40px;
width:520px;
}

#feature-side {
width:300px;
float:right;
font-family:verdana,arial,sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
font-style:normal;
margin:0;
}

#feature-side .logo {
width:250px;
margin:30px auto;
padding:0 0 30px 0;
text-align:center;
border-bottom:1px solid #bbb;
}

#feature-side .logo-image {
}

#feature-side .logo-label {
padding-top:10px;
}

#feature-side .logo-last {
border:none;
}

.simplePullQuote {
float:right;
width:250px;
padding:30px 10px 20px 10px;
background:url(images/quote.png) no-repeat 10px 20px;
text-indent:30px;
font-family:"trebuchet ms",georgia,serif;
font-size:18px;
font-style:italic;
color:#A72B30;
border-top:3px double #000;
border-bottom:3px double #000;
margin:20px;
margin-right:0;
}

.simplePullQuote cite {
display:block;
font-family:verdana,arial,sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
font-style:normal;
text-align:right;
color:#000;
padding-top:10px;
}


/* ABOUT PAGE */

body.slug-about #content {
padding-left:20px;
width:540px;
}

#about-quotes {
padding:0;
}

#about-quotes h2 {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
font-style:normal;
color:#A72B30;
padding:0 0 20px 0;
}

#about-quotes ul {
padding:0;
}
#about-quotes li {
padding-bottom:40px;
}
.about-quote {
padding-top:10px;
background:url(images/quote.png) no-repeat top left;
text-indent:30px;
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
font-style:normal;
color:000;
}
.about-quote-author {
display:block;
font-family:verdana,arial,sans-serif;
font-size:11px;
line-height:14px;
font-weight:bold;
font-style:normal;
text-align:right;
color:#333;
padding-top:10px;
padding-right:20px;
}

.about-quote-source {
display:inline;
font-family:verdana,arial,sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#000;
}

#more-quotes {
float:right;
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:14px;
font-weight:bold;
font-style:normal;
padding-bottom:20px;
padding-right:20px;
}

/* CONTACT PAGE */

body.slug-contact #content {
padding-left:20px;
width:540px;
}

body.slug-contact .entry-title {
background:url(images/about560.jpg) no-repeat 0px 40px;
height:240px;
}

form.wpcf7-form {
font-weight:bold;
}

form.wpcf7-form input, form-wpcf7-form textarea {
font-weight:normal;
}

span.your-subject input {
width:500px;
}

span.your-message textarea {
width:500px;
}


/* TABBER */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberWrap {
width:300px;
margin:0 20px 0 0;
padding:0;
float:right;
}
.tabberlive {
width:300px;
padding:0px;
margin:0 0 20px 0;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 4px 0;
 border:none;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 4px 10px;
 margin-left: 5px;
 border: none;
 background: #ddd;
color:#A72B30;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #ccc;
 border:none;
}

ul.tabbernav li.tabberactive a
{
 background-color: #eee;
 border:none;
color:#A72B30;
}

ul.tabbernav li.tabberactive a:hover
{
 background-color: #eee;

 border:none;
color:#A72B30;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
 border:none;
 background:#eee;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

.tabberlive .tabbertab ul {
list-style-type:none;
margin:0;
padding:0;
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:normal;
font-style:normal;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#tabber-popularposts {
line-height:16px;
}
#tabber-popularposts li {
padding-bottom:10px;
}


#tabber-recentcomments {
line-height:15px;
}
#tabber-recentcomments li {
display:block;
clear:both;
padding-bottom:20px;
}
#tabber-recentcomments img.kjgrcGravatar {
padding:2px;
border:1px solid #ddd;
margin:0 10px 20px 0;
float:left;
clear:both;
}
#tabber-futureevents, #tabber-recenttalks {
padding:15px;
}
#tabber-futureevents li {
padding-bottom:20px;
}
#tabber-futureevents .event-desc {
padding-left:20px;
font-size:11px;
display:block;
}

#tabber-recenttalks li {
display:block;
padding-bottom:10px;
clear:both;
}

#tabber-recenttalks li p {
margin-bottom:0;
padding-left:20px;
}



/* BLOG POST STYLES */

.entry-utility {
clear:both;
}

#comments-disclaimer {
border:1px solid #ddd;
background:#eee;
padding:10px;
margin-top:20px;
}

#text-3 h3 {
background:url(images/Email-24x24.png) no-repeat top left;
padding-left:30px;
}
li#search h3 {
background:url(images/Search-24x24.png) no-repeat top left;
padding-left:30px;
}

.better-excerpt {
margin-bottom:20px;
}

.better-excerpt a {
display:block;
width:270px;
clear:both;
padding-top:20px;
}

#social-sharing {
clear:both;
padding:20px 0;
margin:0;
}

#star-rating {
float:left;
width:300px;
}
#tweetmeme {
float:left;
width:100px;
text-align:center;
}
#addthis {
width:140px;
}




.tftd {
padding:30px 10px 20px 10px;
background:url(images/quote.png) no-repeat 10px 20px;
text-indent:30px;
font-family:"trebuchet ms",georgia,serif;
font-size:18px;
font-style:italic;
color:#A72B30;
border-top:3px double #000;
border-bottom:3px double #000;
margin:20px 30px;
margin-top:none;
}

.tftd cite {
display:block;
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:14px;
font-weight:normal;
font-style:normal;
text-align:right;
color:#000;
padding-top:10px;
}

.post-listing .tftd {
margin:0 10px 20px 10px;
font-size:14px;
padding:20px 10px 10px 10px;
background:url(images/quote.png) no-repeat 0 10px;
text-indent:20px;

}

table.presentation, table.presentation tr, table.presentation th, table.presentation td {
border:medium none;
}

td {
vertical-align:top;
}

#primary .section-widget-tabbed, #secondary .section-widget-tabbed {
padding:0;
background:none;
}
#secondary .section-widget-tabbed {
margin-top:30px;
}
ul.ui-tabs-nav {
border:none;
font-family:Verdana,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:4px 0;
}

ul.ui-tabs-nav li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

ul.ui-tabs-nav li a
{
 padding: 2px 10px;
 margin-left: 5px;
 border: none;
 background: #ddd;
color:#A72B30;
 text-decoration: none;
}

ul.ui-tabs-nav li a:link { color: #000; }
ul.ui-tabs-nav li a:visited { color: #000; }

ul.ui-tabs-nav li a:hover
{
 color: #000;
 background: #ccc;
 border:none;
text-decoration:none;
}

ul.ui-tabs-nav li.ui-state-active a
{
 background-color: #eee;
 border:none;
color:#A72B30;
}

ul.tabbernav li.ui-state-active a:hover
{
text-decoration:none;
 background-color: #eee;
 border:none;
color:#A72B30;
}

.ui-tabs-hide {
 display:none;
}

.ui-tabs-panel {
 padding:10px;
 border:none;
 background:#eee;
}

#show-recent-comments li {
margin-bottom:10px;
}
#newtagcloud {
line-height:18px;
width:280px;
}
.event-desc {
padding-left:20px;
font-size:11px;
display:block;
}

.kjgrcGravatar {
float:left;
padding:1px;
border:1px solid #666;
margin-top:4px;
}
.comment-text {
margin-left:60px;
}

body.page #primary {
display:none;
}

#secondary .widgetcontainer {
background:none;
}



#recent-content {
clear:both;
display:block;
color:#000;
width:916px;
border:2px solid #999;
padding:0;
margin:0;
background:#ddd;
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:18px;
float:left;
}
 
#recent-posts {
width:596px;
margin:0;
padding:20px;
padding-right:0;
float:left;
}
#recent-content h3 {
font-style:normal;
font-weight:bold;
clear:none;
color:#A72B30;
font-size:14px;
}
.post-listing {
width:270px;
float:left;
padding-top:20px;
margin-right:28px;
}
.post-listing .entry-content {
padding-top:10px;
}
.post-listing .entry-content img {
float:left;
margin:5px 15px 10px 0;
padding:1px;
border:1px solid #666;
}
.post-text {
}
.excerpt-title a {
font-weight:normal;
font-size:12px;
clear:none;
}
#recent-tweets {
width:260px;
margin:0;
padding:20px;
float:right;
}
#recent-tweets h3 {
clear:none;
}
#twitter_div {
padding-top:20px;
}
#recent-content ul {
list-style-type:none; 
margin:0;
}

#recent-tweets ul li {
padding-bottom:10px;
border-bottom:1px dashed #bbb;
margin-bottom:10px;
}
#twitter-link {
float:right;
display:block;
height:40px;
margin-top:10px;
background:url('http://www.boldpath.org/images/twitter_icon.png') no-repeat top left;
padding-left:40px;
}
p.read-more {
float:right;
}
p.solo-subscribe-to-comments {
font-family:Arial,sans-serif;
font-size:15px;
font-weight:bold;
line-height:36px;
padding:0;
color:#000;
text-transform:capitalize;
}
p.solo-subscribe-to-comments label {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:normal;
}
#comments {
padding-top:0;
}

.entry-content ul li {
padding-bottom:20px;
}
.entry-content ul ul {
padding-top:20px;
}

.mousetype {
font-size:12px;
line-height:18px;
font-style:italic;
color:#333;
margin-left:30px;
}

#show-yarrp {
font-family:verdana,arial,sans-serif;
font-size:12px;
line-height:18px;
padding:20px;
border:1px solid #bbb;
margin:20px 0;
}