@charset "UTF-8";

/* RELOADE
Created: Sat 12 Dec 2009
Author: Fredy D. Ore
Updates: Sat 2 Jan 2010


/* Main page elements, body, container holding everything centered at 960px
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
body  {
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	/* font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;	/* resets font size for ems to 62.5% */
	background-color: #42444b;
	background-image: url(/images/bg/BG.png);
}
#container {
	width: 960px;  /* using 40px less than a full 1024px width to avoid horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
body a {text-decoration: none; color: #0D6CFF;}
body a:hover {background-color: #4473da; color: #ffffff;}
h1, h2, h3 {
	line-height: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}
a img { border:none; /* this removes borders across all images */}


/* HEADER area div
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#header {background: #2062a7; padding: 0px 0px 0px 0px;background-image: url(/images/header/Header-BG.png);height: 100px;} 

/* LOGO linking back to homepage
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#logo a {width: 349px; text-align: right;float: left;height: 69px;}
#logo a:hover {background-color: transparent;}

/* SEARCH within the header area
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#search{position: relative;width: 551px;height: 45px;float: right;padding-top: 25px;}
#field  {
	float: left;                          
	color: #98bf96;                           
	height: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*background-image: url(/images/header/Header-SearchFieldBG.png);*/
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;	
	
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 12px;
	padding-top: 0px;
	background-repeat: no-repeat;
	/* background-color: #daecff; */	
}
#button {
	position: relative;
	height: 26px;
	background-image: url(/images/header/Header-SearchButtonBG.png);
	width: 32px;
	border-style: none;
	background-repeat: no-repeat;
	margin-top: 0px;
}

/* MENU area (including the new sliding doors nav)
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#menu {float: left;position: relative;width: 980px;height: 30px;}
#navigation {position: relative;bottom: 0px;left: 0;z-index: 999;list-style: none;padding-left: 0px; margin-top: 0px; top: 0px; margin-bottom: 0px;}
* html #navigation {
	bottom: 2px; /* Targets IE 5.5 only */
	bo\ttom: 0px; /* Targets IE 6.0 only */
}
#navigation li {float: left;margin-left: 2px;background: url(/images/menu/Menu-right-tab.png) no-repeat 100% 0px;font-size: 13px;}
#navigation li a {
	float: left;
	display: block;
	height: 2.4em; /* Targets IE 5.5 only */
	hei\ght: 1.7em; /* All Other Browsers */
	padding: 0.5em 1.5em 0em 1.4em;
	/* background: url(/images/menu/Menu-left-tab.png) no-repeat 0% 0px; */
	color: #ffffff;
	text-decoration: none;
	overflow: hidden;
}

/* below changes the hover image for a specific tab */
#navigation li.welcome a, #navigation li.journal a, #navigation li.thinking a, #navigation li.downloads a { background: url(/images/menu/Menu-left-tab-dark.png) no-repeat 0% 0px;}
#navigation li.music a {background: url(/images/menu/Menu-left-tab-lightest.png) no-repeat 0% 0px;}
#navigation li.about a {background: url(/images/menu/Menu-left-tab-medium.png) no-repeat 0% 0px;}

/* below positions the li's into place with additional left spacing per tab */
#navigation li.welcome {margin-left: 30px;}
#navigation li.music {margin-left: 95px;}
#navigation li.journal {margin-left: 10px;}
#navigation li.thinking {margin-left: 10px;}
#navigation li.downloads {margin-left: 95px;}
#navigation li.about {margin-left: 10px;}
#navigation li:hover, #navigation li.ieHover {background-position: 100% -300px;}
#navigation li:hover a, #navigation li.ieHover a {background-position: 0% -300px;color: #FFFFFF;}

/* below used to highlighted tab */
#navigation li.welcome {background-position: 100% -150px;}
#navigation li.welcome a {background-position: 0% -150px; color: #666666;padding-bottom: 2px;}


/* PAGELAYOUT (floated left & right columns + main content area)
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#mainContent {padding-left: 0px; padding-right: 0px;} 


/* CONTENT (Welcome HERO image)
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#welcomeheroimage {padding-top: 10px;padding-bottom: 10px;position: relative; height:312px;}
#welcomeheroimage .heroimagecaption { background: rgb(235, 243, 240); padding-bottom: 5px; padding-top: 5px; padding-right: 10px; padding-left: 15px; width: 295px; margin-left: 630px; font-size: 20px; color: white; position: absolute; top: 190px; background: rgba(0, 0, 0, 0.6); -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
.captionlocation {padding-left: 5px;}
.captiondate {text-transform: uppercase;font-size: 12px;}


/* CONTENT (Welcome panels 1,2,3)
––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Panel 1 - Intro
–––––––––––––––––––––––––*/ 
#welcomepanel1 {background-image: url(/images/welcome/welcomepanel1-BG1.jpg);font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;color: #AA7400; /* serif;color: #9C8E4D;*/ /*background-color: #fff1db;*/font-size: 13px;float: left;height: 263px;width: 255px;margin-right: 0px;margin-left: 10px;padding-top: 15px;padding-right: 25px;padding-left: 25px;border: 1px solid #e0d7b4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*-moz-border-image: url(border-image.png) 5 5 5 5 stretch;
	-webkit-border-image: url(border-image.png) 5 5 5 5 stretch;*/
	/*font-family: "Lucida Grande", Verdana, Arial, sans-serif;*/
	-moz-box-shadow: 0 2px 5px rgba(150,150,150,0.9);
	-webkit-box-shadow: 0 2px 5px rgba(150,150,150,0.9);
	position: relative;
}
.welcomepanel1scriptfont {font-size: 20px;font-family: cursive, Georgia, "Times New Roman", Times, serif, sans-serif;/* font-family: 'palatino linotype',baskerville,'times new roman',serif; */}
/*welcomepanel1 h1, #welcomepanel1 h2, #welcomepanel1 h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}*/
#welcomepanel1 .pin {left: 125px;top: -275px;z-index: 40;position: relative;}


/* Panel 2 - Journal, Thinking, Links
–––––––––––––––––––––––––*/ 
#welcomepanel2 {
	background-position: 0 bottom;
	background-repeat: repeat-x;
	float: left;
	font-size: 13px;
	height: 278px;
	width: 305px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	/*-moz-border-image: url(border-image.png) 5 5 5 5 stretch;
	-webkit-border-image: url(border-image.png) 5 5 5 5 stretch;*/
	/*font-family: "Lucida Grande", Verdana, Arial, sans-serif;*/
	border: 0px solid #e9e9e9;
	position: relative;
}

.panel2categories {text-transform: capitalize;color: #9ab3b5;}

#panel2content{border-left-width: 1px; border-bottom-width: 0px;border-right-width: 1px;border-top-width: 1px; background-position: 0 0px; background-repeat: repeat-x; background-image: url(/images/welcome/welcomepanel2-BG2.png); padding-top: 10px; padding-right: 10px; padding-left: 10px; height: 238px; border-top-color: #b2cbc8; border-top-style: solid; border-right-color: #a6bfbc; border-right-style: solid; border-bottom-color: #627375; border-bottom-style: solid; border-left-color: #a6bfbc; border-left-style: solid;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 3px 3px rgba(150,150,150,0.5);
	-webkit-box-shadow: 0px 3px 3px rgba(150,150,150,0.5);
	position: relative;
}
.panel2bottomlinks {text-align: center; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-color: white; border-left-color: white; border-bottom-color: #c5ffcf; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-top-color: #8ea18d; border-top-width: 0px; border-top-style: solid; padding-bottom: 0px; color: #ffffff; padding-top: 5px; padding-right: 0px; padding-left: 0px; background-color: #778a8c; height: 27px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	position: relative;	
}
.p2botlinksleft {border-right-color: #dbdbdb; margin-bottom:5px; margin-top: 8px; padding-top: 5px;padding-right: 7px;padding-bottom: 6px;padding-left: 7px;color: white;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;	
}
.p2botlinkscenter {border-right-color: #dbdbdb; margin-left:0px; margin-top: 5px; padding-top: 5px;padding-right: 7px;padding-bottom: 6px;padding-left: 7px;color: white;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

.p2botlinksright {border-right-color: #dbdbdb; margin-left:0px; margin-top: 5px; padding-top: 5px;padding-right: 7px;padding-bottom: 6px;padding-left: 7px;color: white;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

.panel2bottomlinks a:hover {color: #ffffff;}
.panel2comments {margin-top: 7px;color: #b6b6b6;font-size: 11px;font-family: Helvetica, Verdana, Arial, sans-serif;}
.panel2comments a {color: #d7d7d7;}
.panel2readmore, .panel2readmore:visited {padding: 5px 8px 5px 8px; text-decoration: none; font-size: 13px; background-color: #ffffff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	position: relative;
	cursor: pointer;
}
.panel2readmore:hover {padding: 5px 8px 5px 8px; color: #ffffff; text-decoration: none; font-size: 13px; background-color: #4473da;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	position: relative;
	cursor: pointer;
}


/* Panel 3 - Twitter panel
–––––––––––––––––––––––––*/ 
#welcomepanel3 {
	background-position: 0 bottom;
	background-repeat: repeat-x;
	background-image: url(/images/welcome/welcomepanel3-BG1.png);
	border-left-color: #dadada;
	border-bottom-color: #dadada;
	border-right-color: #dadada;
	border-top-color: #dadada;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-width: 1px;
	font-size: 13px;
	float: right;
	height: 278px;
	width: 305px;
	margin-right: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*-moz-border-image: url(border-image.png) 5 5 5 5 stretch;
	-webkit-border-image: url(border-image.png) 5 5 5 5 stretch;*/
	/*font-family: "Lucida Grande", Verdana, Arial, sans-serif;*/

	-moz-box-shadow: 0 1px 3px rgba(150,150,150,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(150,150,150,0.2);
	position: relative;
}

#welcomepanel3 h3 {
	font-size: 25px;
}



/* CONTENT (Sitemap & RSS feeds)
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#sitemaprsspanel {
	/*background-position: 0 bottom;
	background-repeat: repeat-x;
	background-image: url(/images/welcome/welcomepanel1-BG1.png);*/
	border-left-width: 0px;
    border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;                                                         
	border-color: #f6f6f6;
	border-style: dashed;
	font-size: 13px;
	float: right;
	height: 200px;
	width: 940px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;	
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 18px;
	margin-bottom: 10px;	
	/*-moz-border-image: url(border-image.png) 5 5 5 5 stretch;
	-webkit-border-image: url(border-image.png) 5 5 5 5 stretch;*/
	/*font-family: "Lucida Grande", Verdana, Arial, sans-serif;*/
}

#sitemaptitle { color: #bd5746; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 10px; margin-left: 15px;} /* Explore the website text */
#sitemapmenu {margin-top: 0px; float: left; height: 180px; width: 700px; /* border: 1px; border-color: #e9e9e9; border-style: solid;*/}

.sitemapmusic { border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 1px; height: 130px; margin-top: 10px; padding-bottom: 10px; padding-top: 5px; padding-right: 10px; padding-left: 12px; background-color: #fcfcfc; margin-left: 10px; float: left; width: 155px; border-color: #ffffff; border-style: solid;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
    color: #cccccc;
}
.sitemapjournal { color: #cccccc; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 1px; height: 130px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; background-color: #fcfcfc; margin-top: 10px; float: left; width: 78px; border-color: #ffffff; border-style: solid;}
.sitemapthinking { color: #cccccc; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 1px; height: 130px; padding-right: 5px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; background-color: #fcfcfc; margin-top: 10px; float: left; width: 135px; border-color: #ffffff; border-style: solid;}
.sitemapdownloads { color: #cccccc; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 1px; height: 130px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; background-color: #fcfcfc; margin-top: 10px; float: left; width: 90px; border-color: #ffffff; border-style: solid;}
.sitemapabout { border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 1px; height: 130px; padding-right: 12px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; background-color: #fcfcfc; margin-top: 10px; float: left; width: 90px; border-color: #ffffff; border-style: solid;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
    color: #cccccc;
}
#sitemaprss {margin-top:10px; float: right; height: 180px; width: 200px; /*border: 1px; border-color: #e9e9e9; border-style: solid;*/}

.sitemapmusic h3, .sitemapjournal h3,.sitemapthinking h3,.sitemapdownloads h3,.sitemapabout h3 { color: #8a5521; padding-bottom: 6px; border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; border-bottom-style: solid; border-bottom-color: #dfdfdf; border-bottom-width: 1px; padding-top: 0px; }
.sitemapmusic h3 a, .sitemapjournal h3 a,.sitemapthinking h3 a,.sitemapdownloads h3 a,.sitemapabout h3 a { color: #8a5521; /*font-family: "Lucida Grande", Verdana, Arial, sans-serif;*/}
.sitemapmusic h3 a:hover, .sitemapjournal h3 a:hover,.sitemapthinking h3 a:hover,.sitemapdownloads h3 a:hover,.sitemapabout h3 a:hover {color: #ffffff;}

.sitemapmusic a,.sitemapjournal a,.sitemapthinking a,.sitemapdownloads a,.sitemapabout a {
	color: #0D6CFF;
}

.sitemapmusic:hover,.sitemapjournal:hover,.sitemapthinking:hover,.sitemapdownloads:hover,.sitemapabout:hover{
	background:#ebffc8;
	border-color: #fdf3d2; 
	-moz-box-shadow: 0px 1px 10px rgba(150,150,150,0.9);
	-webkit-box-shadow: 0px 1px 10px rgba(150,150,150,0.9);
	position: relative;
	
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;	
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}


.sitemapbuybutton, .sitemapbuybutton:visited {
	margin-top: 15px;
	padding: 3px 3px 3px 5px; 
	color: #0D6CFF; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	position: relative;
	/*cursor: pointer;*/
	font-size: 9px;
	background-color: #ffffff;
 }
.sitemapbuybutton:hover {
	color: #ffffff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	position: relative;
	/*cursor: pointer;*/
	background-color: #4473da;
 }
 .sitemapstorebutton, .sitemapstorebutton:visited {
	margin-top: 15px;
	padding: 3px 3px 3px 5px; 
	color: #0D6CFF; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(150,150,150,0.5);
	position: relative;
	/*cursor: pointer;*/
	font-size: 9px;
	background-color: #ffffff;
	margin-left: 0px;
 }
.sitemapstorebutton:hover {
	color: #ffffff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	position: relative;
	/*cursor: pointer;*/
	background-color: #4473da;
 }
 
 


/* FOOTER
––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#footer { /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;                                                                                              
	padding-left: 12px;                                                                                                
	padding-bottom: 7px;                                                                                                
	padding-right: 10px;                                                                                                
	padding-top: 7px;                                                                                                
	background:#d6e3db;
	/*color: #939393;*/
	color: #7c827b;
	font-size: 0.7em;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.poweredmtlogo a {
	text-decoration: none;
	color: #6d9a4f;
	float: right;
}
.poweredmtlogo a:hover {
	background-color: #6dafff;
	color: #ffffff;
	float: right;
	
}