/*   
Theme Name: tsi2
Theme URI: 
Description: TraumaticStressInstitute.org
Author: Bill Kracke
Author URI: http://billkracke.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');


/* Global Values */
body {
	background: #f0f2b3 url('i/body_bg.jpg') top left repeat-x;
	color: #666;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	}
	
a, a:link, a:visited {
    color: #e98610;
    padding-bottom:2px;
}
    a:hover, a:focus {
        color: #d97600;
    }

h2, h3, h4, h5, h6 {
clear:none;}
	
#wrapper {
	width:1098px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#header {
    padding:0;
    margin:0;
    position:relative;
    background: transparent url('i/header-bg.jpg') top center no-repeat;
    height:230px;
	}

#branding {
    margin:0;
    padding:0;
	}
	
	#blog-title {
        position:absolute;
        top: 11px;
        left: 92px;
		}
        #blog-title a {
            display:block;
            overflow:visible;
            background: transparent url('i/tsi_logo.gif') top left no-repeat;
            height:67px;
            width:302px;
            text-indent:-9999px;
        }
    #blog-description {
        position: absolute;
        top:144px;
        left:114px;
        color: #e98610;
		 font-weight:normal;
        font-style:normal;
        font-size:18px;
        line-height:24px;
        width:560px;
    }

/*	 .home #blog-description,
	 .blog #blog-description {
		 font-weight:normal;
        font-style:normal;
        font-size:18px;
        line-height:24px;
		  width:560px;
	 } */
#access {
	position:absolute;
	border: 0;
    top: 100px;
    height:23px;
    left:92px;
	 width:754px;
}

/* MENU */
.menu {
        width:754px;
    }

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
    width:auto;
    background-color: #f0f2b3;
}

.sf-menu ul ul {
    position:static;
    top: 0;
    width:auto;
    }
.sf-menu ul li {
	width:			100%;
    white-space: nowrap;
    clear:both;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
    font-size: 14px;
    margin-right:1px;
    
}
.sf-menu a  {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			24px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {

}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* MENU SKIN */
/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:0;
	float:left;
    position:relative;
    left:22px;
	 display:inline;
}
.sf-menu a, .sf-menu a:visited{
    text-decoration:none;
    border: 0;
    color:#fff;
    background-color: #4f9102;
    padding: 5px 0;
    width:110px;
    text-align:center;
    text-transform: uppercase;
    letter-spacing:1px;
    font-weight:bold;
}

/* .sf-menu a[title=Home], .sf-menu a[title=Home]:visited, .sf-menu a[title=Home]:hover  */
.sf-menu a[title=Home], .sf-menu a[title=Home]:visited, .sf-menu a[title=Home]:hover {
width: 16px;
padding: 5px;
text-indent: -200px;
background: #4f9102 url('i/home.png') 5px 3px no-repeat;
background-position: 5px 3px;
overflow:hidden;
}
.sf-menu ul a, .sf-menu ul a:visited {
	display:		block;
	position:		relative;
    border: 0;
    color:#666;
    background-color: #f0f2b3;
    text-align:left;
    text-transform: none;
    letter-spacing:1px;
    font-weight:normal;
    min-width:186px;
    width:100%;
    font-size:11px;
    padding: 5px 0 7px 22px;
    border-bottom: 1px solid #fff;
}

.sf-menu ul ul li.page_item a {
    text-indent:22px;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
}

.sf-menu li {
	    background-color: #f0f2b3;
}
.sf-menu li li {
	    background-color: #f0f2b3;
}
.sf-menu li li li {
	    background-color: #f0f2b3;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: inherit;
    color:#fff;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:0;
    border-bottom:0;
}
.sf-menu ul ul {
    margin-top:0;
}

.menu .sf-menu li a:hover, .menu .sf-menu li a:focus {
    color: #FFf;
    background-color: #360;
}

				
#main {
   margin: 0 auto;
	padding:22px 22px 22px;
	width:914px;
    background-color:#fff;
}
	

#container {
    padding:0 0 0 22px;
    width: 710px;
	}
#content {
	margin:0;
	padding:0 22px 0 0;
	width:auto;
	}

	.col50 {
		width:322px;
		float:left;
		margin-left: 44px;
		display:inline;
		}
		
		#content div.left {margin:0;}
		
    .post {
    }
	.home #content div.sticky {
		margin:0 0 33px;
		border:0;
		padding:0;
	}
    .entry-title {
        font-size:16px;
        border-bottom: 1px solid #ccc;
        position:relative;
        line-height:22px;
        font-weight:normal;
		  padding:0 0 5px;
	     text-align:center;
		 margin-bottom:5px;
		 height:auto;
      }
        h1.entry-title {
            font-size:24px;
            border-bottom: 1px solid #ccc;
            line-height:30px;
            font-weight:normal;
				 text-align:center;
            color: #e98610;
            height:auto;
            position: static;
				margin:22px 0;
				}
        .entry-title a {
            position:relative;
            text-align:center;
            color: #e98610;
				display:block;
				bottom:0;
				width:100%;
				
				}
blockquote p{       color: #e98610;
		 font-weight:normal;
        font-style:normal;
        font-size:18px;
        line-height:24px;}

#main #content .entry-title,
	#main #content .entry-title a {
		}
	.entry-content {
        padding:11px 0 0;
		}
	.entry-meta {
		}
		
#primary {
    border: 0;
    padding: 0;
    margin: 0;
	}

    .main-aside {
        right:0;
        width: 160px;
    }
    .aside {
        font-size: 11px;
        line-height: 13px;
        margin:0;
    }
	ul.xoxo {
		margin:0;
		padding:0;
		}
    .aside ul ul {
        margin:0;
    }
    .aside li {
        position:relative;
    }
        .aside ul ul li {
            padding: 15px 0;
        }

    .widgetcontainer {
        background-color: #f7f8d4;
        border: 1px solid #ccc;
        margin:0 0 22px 0;
    }
    .widgetcontainer .widgettitle {
        font-family: Garamond, Baskerville, "Hoefler Text", "Times New Roman", serif;
        font-size:14px;
        line-height: 14px;
        padding: 4px 0;
        text-align:center;
        background-color:#e98610;
        color:#fff;
        margin:20px 0;
        font-style:normal;
        text-transform:uppercase;
        font-weight: 900;
    }
    	.widgetcontainer ul {
            margin: 25px 10px 20px;
				padding:0;
            list-style:none;
         }
            .widgetcontainer ul li {
                list-style: none;
                margin:0 10px;
                padding:10px 0;
                border-top: 1px solid #ccc;
            }
            .widgetcontainer ul li:first-child {
                border-top:0px;
                padding-top: 0;
            }
		.widgetcontainer ul li a{
    	}
		.widgetcontainer ul li a:hover{
			}
			.eventsListWidget  div{margin: 0 11px 11px;}
			.eventsListWidget h3.widgettitle {margin-bottom: 10px;}
				.event .event-title {display:block;margin-bottom:5px;font-weight:bold;font-size:110%;}
				
	#secondary .widgetcontainer h3 {
        background-color: #4f9102;
    }
	 #secondary .widgetcontainer {
		text-align:center;}
input.button, .submit input {
			text-transform:uppercase;
			font-family: Arial, sans-serif;
			font-size: 10px;
			color:#333;
			padding: 3px 5px;
			}
		

#footer {
    margin: 0 auto;
	padding:22px;
	width:914px;
    background-color:#fff;
    text-align:center;
    border:0;
}
    #footer .klingberg {
        position:relative;
        top:20px;
    }
    #footer .tagline {
        font-size:11px;
        position:relative;
        top:-10px;
        margin-bottom:5px;
    }
    #footer .footer_menu {
        margin:0;
        padding:0;
    }
    #footer .footer_menu li {
        display:inline;
        list-style:none;
        border-left: 1px solid #ccc;
        padding: 0 5px;
    }
    #footer .footer_menu li:first-child {
        border-left:0;
    }
/* HIDING STUFF */
.entry-meta 
{ display:none;}

#primary .xoxo li:first-child h3
{display:none;}
	/* fix the margins */
	#primary .xoxo li:first-child {padding-top:10px;}

/* REFACTOR THIS MESS */
.first.column .post {
    margin-right:22px;
}
.last.column .post {
    margin-left:22px;
}

.butterfly {
    position:absolute;
    top:9px;
    left:-13px;
}

.wpsb_opt_in {
    text-align:center;
}

    .wpsb_form_label, .wpsb_opt_in h6{
        display:none;
     }
.wpsb_form_label:first-child {
    display:block;
}

.home #nav-below {
    display:none;
}

/* CALENDAR STYLES */
/* @override 
	http://wp.local/content/plugins/the-events-calendar/resources/events.css?ver=2.9.1
*/

.category-events #tec-content {
	background:#fff;
	width:670px;
	padding:1px 35px;
	margin-left:10px;
}
#tec-events-calendar-header {
	position:relative;
	margin-bottom:18px;
}
.tec-calendar-buttons {
	position:absolute;
	right:0;
	top:6px;
}
h2.tec-cal-title {
	float:left;
	padding-right:15px;
	display:none;
	
}
.tec-calendar-buttons a, .tec-calendar-buttons a:visited {
	background:#999;
	border-radius:3px;
	color:#fff;
	display:inline;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:27px;
	line-height:24px;
	margin:21px 0 24px 10px;
	padding: 0 10px;
	text-align:center;
	text-transform:uppercase;
	width:auto;
		-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
}
.upcoming a.tec-button-on, .grid a.tec-button-on, .upcoming a.tec-button-on:visited, .grid a.tec-button-on:visited  {
	background:#4f9102;
	
}
.upcoming a.tec-button-off, .grid a.tec-button-off, .upcoming a.tec-button-off:visited, .grid a.tec-button-off:visited {
	background:#999999;
}
#tec-nav-above {
	margin:5px 0 0;
}

.category-events #tec-nav-below {
	margin:21px 0;
}
select.tec-events-dropdown {
	width:auto;
	font-size:11px;
	margin:33px 9px 0 0;
}
.category-events .post {
	padding:0 0 12px 10px;
	overflow:hidden;
	margin-bottom:0;
}
.category-events .upcoming .entry-title {
	font-size:15px;
	margin:15px 0 6px;
}
.category-events .entry-title a, .entry-title, .tec-event-meta-desc, .tec-event-day {
	color:#E98610;
	font-weight:bold;
}
.category-events .post .alt {
	background:#f9f9f9;
	border-width:0;
}
table.tec-calendar {
	margin:18px 0 12px;
	clear:both;
	font-size:12px;
	border-collapse:collapse;
	border:1px solid #aaa;
}
.tec-calendar .daynum {
	background-color: #eee;
	color:#333;
	font-size:10px;
	padding:3px 9px;
}
.tec-calendar td.tec-present .daynum {
	background-color: #4f9102;
	color: #fff;
}
.tec-calendar td.tec-past .daynum {
	color: #aaa;
}
.tec-calendar th {
	width: 250px;
	height: 10px;
	background: #999 url(images/grid-th-bg.png) repeat-x;
	color: #fff;
	padding:4px 0;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
	text-align:center;
}
.tec-calendar td {
	height: 100px;
	width:14.28%;
	color: #114B7D;
	vertical-align: top;
	border:1px solid #aaa;
	padding:0;
}

.tec-calendar td .tec-event {
	padding:6px 9px;
	line-height:1.2;
}
.tec-calendar td a {
	font-size:91.7%;
}
.tec-calendar hr {
	border:0 none !important;
	display:block;
	height:1px;
	background-color:#D4DBCC;
	margin:0 9px;
}
.tec-calendar .tec-event {
	position:relative;
}
.tec-calendar .tec-tooltip {
	border:1px solid #666;
	position:absolute;
	z-index:1001;
	bottom:30px;
	left:3px;
	width:320px;
	background-color:#f9f9f9;
	color:#333;
	line-height:1.4;
}
.tec-tooltip .tec-arrow {
	width:19px;
	height:11px;
	display:block;
	background:url(images/tooltip-arrow.png) no-repeat 0 bottom;
	position:absolute;
	bottom:-11px;
	left:20px;
}
.tec-calendar .tec-right .tec-tooltip {
	left:auto;
	right:3px;
}
.tec-right .tec-tooltip .tec-arrow {
	left:auto;
	right:30px;
}
.tec-tooltip .tec-event-title {
	margin:0;
	color:#fff;
	background-color:#4f9102;
	font-size:12px;
	padding:0 6px;
	height:24px;
	line-height:24px;
}
.tec-tooltip .tec-event-body {
	font-size:11px;
	padding:3px 6px 6px;
}
.tec-tooltip .tec-event-date {
	font-style:italic;
	margin:3px 0;
}
#tec-content {
	font-size: 1.2em;
	display:inline;
}

.tec-event .post {
	position:relative;
}
#tec-event-meta {
	border-width:1px 0;
	border-style:solid;
	border-color:#aaa;
	margin: 18px 0 12px;
	padding: 12px 0 2px;
	overflow:hidden;
	clear:both;
	font-size: 12px;
}
#tec-event-meta .column {
	float:left;
	width:45%;
	padding:0 4% 0 0;
	text-align:left;
	margin:0;
	display:inline;
}
#tec-event-meta dt {
	float:left;
	clear:left;
	font-weight:bold;
	width:70px;
	display:inline;
}
#tec-event-meta dd {
	padding:0;
	margin-left:70px;
	margin-bottom: 10px;
}
#tec-event-meta .gmap, .tec-event-meta-desc .gmap {
	color:#fff;
	font-size:9px;
	background:#3D6294;
	padding:1px 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
span.back {
	margin:12px 0 0;
}
#tec-events-loop {
	font-size:13px;
	clear:both;
}
.tec-events .tec-event-entry {
	padding:0 5px 0 0;
}
.tec-events .tec-event-list-meta {
	font-size:12px;
	margin-bottom:20px;
}
.tec-event-list-meta table {
	border-collapse:collapse;
	border:1px solid #ccc;
	background-color: #F7F8D4;
}
.tec-event-list-meta td {
	vertical-align:top;
	padding-bottom:4px;
	text-align:left;
}
.tec-event-meta-desc {
	font-weight:bold;
	padding-right:0;
	width:34px;
	text-align:right;
}
.tec-event-meta-value {
	text-align:left;
	padding-left:5px;
	}

h3.tec-details {
	font-weight:bold;
	color: #666;
	font-size: 11px;
	text-transform:uppercase;
	}
h4.tec-event-day {
	font-weight:bold;
	font-size:18px;
	margin:12px 0 -3px;
	clear:both;
}
h4.tec-event-day + .post .entry-title {
	margin-top:22px;
}


#eventbrite-embed {
	width:100%;
	min-height:225px;
	margin:24px 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom:1; /* For IE */
}

.event-day {
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

/* Styandard Images */
/* -------------------------------------------------------------- 
   
   Default styles for Images
  
-------------------------------------------------------------- */   

#content img {
    margin: 5px 11px;
	 border:1px solid #ccc;
}
.alignleft,
#content img.alignleft {
    float: left;
    margin-left:0;
	 display:inline;
}
.alignright,
#content img.alignright {
    display: block;
    float: right;
    margin-right:0;
	 display:inline;
}
.aligncenter,
#content img.aligncenter {
    margin-left:auto;
    margin-right:auto;
    display: block;
    clear: both;
}

.center {text-align:center;}
.wp-caption {
    text-align: center;
    margin-bottom:18px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
    max-height:12px;
    margin:0 !important;
}


.link-list {
	width:33%;
	float:right;
	border: 1px solid #999;
	background-color: #f7f8d4;
	padding: 11px;
	margin: 0 0 11px 11px;
	position:relative;
	display:inline;
	}
	.link-list ul {
		margin-left:22px;
		}
	.link-list ul a {
		font-weight:bold;
		color:#4f9102;
		}
	.link-list h2 {
		  font-size:16px;
        border-bottom: 1px solid #ccc;
        position:relative;
        line-height:22px;
        font-weight:normal;
		  padding:0 0 5px;
	     text-align:center;
		 margin-bottom:5px;
		}
	
	.resource {
		margin-bottom: 22px;
		}
	.resources h2 {
		clear:none;

		}
	.resources .entry-title {
		text-align:left;
		float:none;
		width:auto;
				width:60%;
				height:26px;}
	
	.resources .entry-title a {
		color: #E98610;
		display: inline;
		margin: 0;
		position: relative;
		text-align: left;
}
.resource-file {
	padding-left: 20px;
	background: url('i/page_go.png') top left no-repeat;
	}
	
	.resource-file[href$='.pdf'], a[href$='.pdf'] {
	padding-left: 20px;
	background: url('i/page_white_acrobat.png') top left no-repeat;
	}
	.resource-file[href$='.doc'], .resource-file[href$='.docx'], a[href$='.doc'], a[href$='.docx'] {
	padding-left: 20px;
	background: url('i/page_white_word.png') top left no-repeat;
	}

.category h1 {
		font-size:14px;
        position:relative;
        line-height:22px;
		text-align:center;
		margin-bottom:15px;
		color:#aa8;
		text-transform:uppercase;
		background-color: #f7f8d4;
		font-weight:bold;
		letter-spacing: 2px;
		border: 1px solid #ddb;
	}