/*  
Theme Name: A TMI Elemental Crossbar Theme
Theme URI: http://prothemedesign.com/
Description: A WordPress Theme Framework
Version: 1.2
Author: Ben Gillbanks
Author URI: http://www.binarymoon.co.uk/
*/


/* ---------- @ Bells and Whistles -----------*/

	
	a#testbutton, a#testbutton:visited {
display:block;
background: url(http://darrenhoyt.com/imagedump/simple_button.png) repeat-x;
width: 200px;
padding:10px 0;
text-align:center;
border:1px solid #608925;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
font-weight:bold;
text-transform:uppercase;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#FFF;
text-decoration: none;
opacity:.85;
}

a#testbutton:hover {
border-color:#49671d;
}

a#testbutton:active {
background-position:  0 -200px;
padding:11px 0 9px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}


/* --------  Facilitators Hacks for Images to Sit right in list of Facilitators ----------- */

.facilitatorpictures img { margin:0 0 0em;}


#mugshots	{padding-left:20px;}
.mugshot:hover	{border:2px solid #9977ff;}
.mugshot	{display:inline;
		border:2px solid #39254B;
		float:left;
		margin: 2px;
		padding-bottom: 1px;
		background-color:#261429;
		width:124px;
		height:184px;}
.mugshot a:link	{color:#9977aa;}
.mugshot a:visited	{color:#9977aa;}
.mugshot a:hover	{color:#9977ff;}
.mugshot img {display:block; border:1px solid 9977ff; margin:auto; margin-top:10px;}
.mugshot .title {display:block; text-align:center;}


/* Program-list
-------------------------------------------------------------- */
.program
{padding:10px;margin-top:10px;margin-bottom:10px; background-color:#ddd;border:1px solid #ccc;}
.tmi-program-info
{padding:10px;margin:10px;background-color:#eee;border:1px solid #ddd;}

.tmi-program-info img {padding-right:6px;margin-bottom:6px;min-height:160px;}


/* Link To TMI
--------------------------------------------------------------- */
#link-to-us input, textarea {
background:#EEEEEE none repeat scroll 0 0;
border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA;
border-style:solid;
border-width:1px;
color:#444444;
font-size:1em;
margin-bottom:10px;
margin-top:10px;
}

#link-to-us {
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;
background:#261429 none repeat scroll 0 0;
border:1px solid #442A51;
color:#9977AA;
float:left;
font-family:optima;
font-size:13px;
font-weight:lighter;
margin-bottom:10px;
margin-right:7px;
margin-top:10px;
padding:10px;
}


/*Rollover Buttons Crossbar*/

span.img-rollover-tour-tmi{ width: 246px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-tour-tmi a:hover{ top: -125px; position: relative;}

span.img-rollover-about-tmi-programs{ width: 188px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-about-tmi-programs a:hover{ top: -125px; position: relative;}

span.img-rollover-about-area{ width: 314px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-about-area a:hover{ top: -125px; position: relative;}

span.img-rollover-graduate-groups{ width: 176px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-graduate-groups a:hover{ top: -125px; position: relative;}
                                                                                 
                             

/* Image Rollover  */	
span.img-rollover-register{ width: 192px; height: 66px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-register a:hover{ top: -66px; position: relative;}

span.img-rollover-calendar{ width: 104px; height: 66px; overflow: hidden; display: block; position: relative; }
span.img-rollover-calendar a:hover{ top: -66px; position: relative;}

span.img-rollover-outreach-map { width: 278px; height: 130px; overflow: hidden; display: block; position: relative; }
span.img-rollover-outreach-map a:hover{ top: -130px; position: relative;}




/*Rollover Buttons*/
span.img-rollover-homeToolsBegin { width: 224px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin:3px;top:13px;}
span.img-rollover-homeToolsBegin a:hover{ top: -50px; position: relative;}

span.img-rollover-homeTools{ width: 224px; height: 20px; overflow: hidden; display: block; position: relative; float:left;margin:3px;}
span.img-rollover-homeTools a:hover{ top: -20px; position: relative;}

span.img-rollover-elsewhere { width: 50px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin:3px;}
span.img-rollover-elsewhere a:hover{ top: -50px; position: relative;}

span.img-rollover-support-tmi { width: 130px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin:3px;top:13px;}
span.img-rollover-support-tmi a:hover{ top: -100px; position: relative;}

span.img-rollover-join-community{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-join-community a:hover{ top: -50px; position: relative;}

span.img-rollover-join-discussion{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:right; margin-bottom:15px;}
span.img-rollover-join-discussion a:hover{ top: -50px; position: relative;}


span.img-rollover-come-to-program{ width: 200px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-come-to-program a:hover{ top: -50px; position: relative;}

span.img-rollover-shop-bookstore{ width: 250px; height: 50px; overflow: hidden; display: block; position: relative; float:right; padding-right:10px; margin-bottom:10px; }
span.img-rollover-shop-bookstore a:hover{ top: -50px; position: relative;}

span.img-rollover-register{ width: 192px; height: 66px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-register a:hover{ top: -66px; position: relative;}

span.img-rollover-calendar{ width: 104px; height: 66px; overflow: hidden; display: block; position: relative; }
span.img-rollover-calendar a:hover{ top: -66px; position: relative;}

span.img-rollover-email{ width: 22px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-email a:hover{ top: -16px; position: relative;}

span.img-rollover-facebook{ width: 17px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-facebook a:hover{ top: -16px; position: relative;}

span.img-rollover-youtube{ width: 24px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-youtube a:hover{ top: -16px; position: relative;}

span.img-rollover-twitter{ width: 15px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-twitter a:hover{ top: -16px; position: relative;}

span.img-rollover-directory{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-tag-cloud{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-tag-cloud a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-all-posts{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-all-posts a:hover{ top: -47px; position: relative;}

span.img-rollover-program-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-program-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-outreach-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-outreach-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-home-study { width: 120px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-home-study a:hover{ top: -50px; position: relative;}


/* Social Buttons used in the Community Corssbar  */

span.img-rollover-social-river{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-river a:hover{ top: -100px; position: relative;}

span.img-rollover-social-wire{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-wire a:hover{ top: -100px; position: relative;}

span.img-rollover-social-people{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-people a:hover{ top: -100px; position: relative;}

span.img-rollover-social-blogs{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-blogs a:hover{ top: -100px; position: relative;}

span.img-rollover-social-groups{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-groups a:hover{ top: -100px; position: relative;}

span.img-rollover-social-files{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-files a:hover{ top: -100px; position: relative;}

span.img-rollover-social-pages{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-pages a:hover{ top: -100px; position: relative;}

span.img-rollover-social-bookmarks{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-bookmarks a:hover{ top: -100px; position: relative;}

span.img-rollover-social-wire_post{ width: 175px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-wire_post a:hover{ top: -50px; position: relative;}




/* ---------- Hacks -----------*/


.HomeCrossbarInfo {margin-left:20px;margin-right:20px;display:absolute;}

ul.MenuBarHorizontal {
cursor:default;
font-family:'Trebuchet MS','Verdana','Tahoma','Arial',sans-serif;
font-size:100%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
line-height:1.1em;
list-style-type:none;
margin-top:-40px !important;
margin-left:20px !important;
padding:0;
width:auto;
}






ul.MenuBarHorizontal ul li {}


ul.MenuBarHorizontal li {
cursor:pointer;
float:left;
font-size:100%;
list-style-type:none;
margin:0 1px 0 0;
padding-left:0px !important;
position:relative;
text-align:left;
width:8.5em;
font-size:1em;
}




ul.MenuBarHorizontal ul li a:hover {
-moz-border-radius:0px 0px 0px 0px !important;
border-bottom:0 none !important;
color:#FFFFFF !important;
cursor:pointer !important;
display:block !important;
list-style-type:none !important;
padding:4px;
text-decoration:none !important;
font-size:0.9em;
}


/*Hack for Sidebar */

.widget {line-height:20px;}