/*
THEME NAME: Team Leadership Take 03
THEME URI: TolalLeadership.Org
DESCRIPTION: 
VERSION: 3.0
AUTHOR: 
AUTHOR URI:
*/

@import url('css/reset.css');
@import url('css/typography.css');

/* Wrapper and Body */
body { text-align: center; font-family: arial; font-size: 63.5%; background: #eaeaea; }
div#wrapper { position: relative; text-align: left; width: 960px; margin: 0 auto; background: url('images/head.gif') top left repeat-x #fff; }

div.feature div.page {width: 650px; float: left; margin-top: 20px; }
div.feature div.sidebar { float: right; width: 240px; }

body.page div.inside div#content { float: right; width: 610px; margin-right: 40px; }
div.inside div.sidebar { float: left; width: 250px; }

/* BANNER Header */
div#header { height: 200px; position: relative; }
div#header h1 { position: absolute; height: 68px; width: 217px; text-indent: -999em; display: block; background: url('images/logo.gif') top left no-repeat; top: 55px; left: 5px; } 
div#header h1 a { display: block; height: 68px; width: 217px; }
div#blog-description { display: none; }

/* Extras */
div.skip-link, div.navigation { display: none; }
body div#content div.page span.edit-link { display: block; clear: both; font-size: 1.2em; }

/* TOP NAV Menu */
div#access { position: absolute; top: 20px; }
div#access ul { float: left; margin: 0; }
div#access ul li { display: inline; margin-right: -7px; }
div#access ul li a { color: white; text-decoration: none; font-size: 1em; text-transform: uppercase; padding: 7px 12px 7px 12px; border-right: 1px solid #b46e1e; margin-right: 10px; }
div#access ul li a:hover, li.current_page_item a { text-decoration: underline; background: url('images/menu.gif') top left; }

/* Content */
body.page div#content { float: none; margin: 0 20px 0 20px; width: 916px; min-height: 600px; }
div#content div.box { width: 240px; float: left; margin: 20px 50px 0 20px; }
div#content div.box ul li { margin-left: 0; }
div#content div.last { margin-right: 0; }
div#content h2 { color: #3f4487; /* margin-bottom: 20px;  removed for typography border cssbox*/ }
div#content p { line-height: 1.2em; }

/* TLTV */
div#contentVidPlayer { float: none; margin: -40px 0 0 0; width: 940px; }
#showRow { width: 960px; margin: -20px auto; display:inline; }
#showLeft { width: 420px; float: left; display:inline; text-align: left; padding: 5px 10px; margin: 5px; background: #eeeeee; min-height: 290px; }
#showRight { width: 420px; float: right; display:inline; text-align: left; padding: 5px 10px; margin: 5px; background: #eeeeee; min-height: 290px;}
#showcol {width: 280px; float: left; text-align: left; padding: 5px 10px; margin: 5px; background: #eeeeee; min-height: 140px;}


/* Content 2-column*/
div#floatLeft { float: left; display: inline; width: 300px; border: 1px solid; }

/*HOME - WELCOME LAYOUT */
div#homeContent { float: left; width: 710px; margin: 0 0 20px 15px; }
div#contentRow { width:702; margin: 0; }
div#book { width: 336px; display: inline; }
div#hbr { width: 336px; display: inline; }
.homeTable {margin: 0;}
.homeTable img {float: left; border: none;}
.homeTable h2 {margin: 15px 0 15px 0;}
#homeblurb {margin: 0; padding:0; float:left; vertical-align: text-top;}
.homeTable a {color: #0077c0; text-decoration: underline;}
.homeTable a:hover {color: #2b2e61; text-decoration: underline;}
.homeTable p {color: #3f4487; vertical-align: text-top; font-size:1.3em; line-height: 1.3em; }
div#homeSidebar {width: 214px; display: inline; float:right; background: url('images/home_rightColumn.png') top left repeat-y; margin-right: 20px; min-height: 1050px;}
div#homeSidebar p {font-size: 1.2em; color: #000; line-height: 1.5em; padding: 0px 15px;}
div#homeSidebar h2  {padding: 15px 15px 0 15px; line-height: 0.5em; font-weight: bold;}
div#homeSidebar a {color: #2b2e61; text-decoration: none;}
div#homeSidebar a:hover {color: #2b2e61; text-decoration: underline;}
div#homeSidebar a:visited { color: #2b2e61; text-decoration: none;}

/* Blog Page */
div#content { float: right; width: 600px; margin: 0 30px 0 0; }
div#content img { float: left; padding: 0 10px 10px 5px; margin: 0;}
div#content .imgHeader { float: left; padding: 0; margin: -10px 0 0 0;}
div#content .imgRight {float: right !important; margin: 5px 10px 5px 10px;}
div.post { width: 600px; float: right; color: #464646; font-size: 1em; margin-right: 40px; margin-bottom: 30px; }
div.post h3.entry-title a { font-size: .8em; color: #336699; text-decoration: none; font-weight: bold; }
body.single div#content div.post h3.entry-title { font-size: 1em; color: #336699; font-weight: bold; margin-bottom: 20px; }
div.post a { color: #0066cc; text-decoration: underline; }
div.post div.entry-date, div.post div.entry-meta { margin: 6px 0 0 0; font-size: 1.2em; }
div.post div.entry-meta { background: url('images/dash.gif') top left no-repeat; padding-top: 10px; color: #0077c0; font-weight: bold; line-height: 1.4em; }
.date-meta { margin: -5px 0 26px 0; font-size: 1.2em; color:#555; }

/* Blog Description */
blockquote.blogProfile { background-color: #efefef; width: 214px; float: left; font-size: 1em; margin-left: 10px; }
h5.blogProfile { color: #555; font-size: 1.4em; font-weight: bold; margin: 8px 5px 10px 5px; }
h5.blogResource { color: #555; font-size: 1.5em; font-weight: bold; }
p.blogProfile {padding: 0 5px; line-height: 1.2em;}
p.blogProfile img {vertical-align: middle;}
img.blogProfile {float: right !important; padding: 0; margin:0;}


/* video players */

div#videoRight {float: right; background-color: #efefef; margin: 0 0 0 10px;}
div#videoRight p {margin: 0 0 5 0; text-align: center;}

/* Comments */
div#comments { float: left; }
div#comments-typography li {background: url('images/dash.gif') top left no-repeat; margin: 0 0 30px 0; padding: 10px 0 0 0;}
div#comments-typography p { font-size: 1em; line-height: 1.2em; margin: 0 0 1em 0; }
.comment-meta { margin: 0 0 10px 0; font-size: .9em; color:#555; }
div.formcontainer h6 {margin: 10px 0 0 0;}

/* Sidebar General */
div.sidebar { width: 214px; float: left; font-size: .9em; margin-left: 10px; }
div.sidebar h3 { margin-top: 0; color: #ff9933; font-size: 1.3em; text-transform: uppercase; font-weight: bold; border-bottom: 6px solid #eaeaea; padding-bottom: 6px; margin-bottom: 6px; padding-left: 12px; }
div.sidebar ul { margin-left: 0; color: #ff9933; list-style:none; }
div.sidebar li a { font-size: 1.3em; color: #0077c0; text-decoration: none; font-weight: bold; }
div.sidebar ul li ul li { font-size: .8em; list-style: none; margin-left: 24px; line-height: 1.4em; }
div.sidebar ul li ul { margin-bottom: 0; }

/* Nav Sidebars FOR TEMPLATE PAGES */
div.sidebarPages { width: 214px; float: left; font-size: .9em; margin-left: 10px; }
div.sidebarPages h3 { color: #ff9933; font-family: Arial; font-size: 1.5em; text-transform: uppercase; font-weight: bold; background: url('images/navBorder.gif') repeat-x left bottom; padding-bottom: 6px; margin-bottom: 6px; padding-left: 0; }
div.sidebarPages ul { margin-left: 0; color: #ff9933; list-style:none; background: url('images/navBorder.gif') repeat-x left top;}
div.sidebarPages li a { font-size: 1.6em; line-height: 2em; display: block; color: #0077c0; text-decoration: none; font-weight: normal; background: url('images/navBorder.gif') repeat-x left bottom; padding: 3px 0 3px 0; }
div.sidebarPages li a:active {font-weight: bold; list-style: none;}
div.sidebarPages li a:hover {font-weight: bold; list-style: none;}

/* Nav Sidebars FOR BLOG PAGES */
div.sidebarPages-blog { width: 214px; float: left; font-size: .9em; margin-left: 10px; }
div.sidebarPages-blog h3 { color: #ff9933; font-family: Arial; font-size: 1.5em; text-transform: uppercase; font-weight: bold; background: url('images/navBorder.gif') repeat-x left bottom; padding-bottom: 6px; margin-bottom: 6px; padding-left: 0; }
div.sidebarPages-blog ul { margin-left: 0; color: #ff9933; list-style:none; background: url('images/navBorder.gif') repeat-x left top;}
div.sidebarPages-blog li a { font-size: 1.6em; line-height: 1.5em; display: block; color: #0077c0; text-decoration: none; font-weight: normal; background: url('images/navBorder.gif') repeat-x left bottom; padding: 3px 0 3px 0; }
div.sidebarPages-blog li a:active {font-weight: bold; list-style: none;}
div.sidebarPages-blog li a:hover {font-weight: bold; list-style: none;}

/* Dates and Calendars */
.datewrapper {min-height: 75px;}
.date1 { width:60px; height:70px; background:url(images/date1bg.gif) no-repeat; color:#fff; font-weight:700; float: left; margin: 0 10px 0 0;}
.date1 .month { width:100%; text-align:center; position:relative; top:12px; }
.date1 .day{ width:100%; text-align:center; position:relative; top:12px; font-size:28px; }
.dateDescription {display: inline; }

/* Entries */
/* Page Headers Text */
body div#content h2.entry-title { font-weight: normal; font-family: Dax-Regular, Arial, Verdana, Helvetica, sans-serif; position: absolute; font-size: 5em; color: white; top: 100px; left: 300px; line-height: normal; }
body div#homeContent h2.entry-title { font-weight: normal; font-family: Dax-Regular, Helvetica, Verdana, Arial, sans-serif; position: absolute; font-size: 5em; color: white; top: 100px; left: 300px; line-height: normal; }
/* Page Headers Images */
body div#content .entry-head { position: absolute; color: white; top: 95px; left: 305px; line-height: normal; }
body div#homeContent .entry-head { position: absolute; color: white; top: 95px; left: 305px; line-height: normal; }
body div#content .entry-head-blog { position: absolute; color: white; top: 105px; left: 305px; line-height: normal; }
body div#contentVidPlayer .entry-head { position: absolute; color: white; top: 95px; left: 305px; line-height: normal; }

/* End Page Headers */

body div#content div.post h2.entry-title { position: relative; top: 0; left: 0; font-size: 1.6em; line-height: normal; }
body div#content a {color: #0077c0; text-decoration: underline;}
body div#content a:hover {color: #2b2e61; text-decoration: underline;}

/* Footer */
div#footer { clear: both; font-size: 1.1em; text-align: center; width: 960px; color: #666; padding-top: 20px; padding-bottom: 20px; }

/* Fixes -- Jim Pietrangelo -- webcampone.com */

/* This lets Safari display css boxes properly */

div.cssboxRight_head h2 + p,
div.cssboxLeft_head h2 + p {
	display: none;
}

div.cssboxRight > p,
div.cssboxLeft > p {
	display: none;
}