/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Helvetica Neue, Helvetica, Futura, Verdana, sans-serif;
	background: #99ccff url("http://feelmystic.com/c/i/hills.jpg") bottom left repeat-x;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

#menu a:link { text-decoration: underline; color: #eee; }
#menu a:active { text-decoration: none; color: #9cf; }
#menu a:visited { text-decoration:; color: #bbb; }
#menu a:hover { text-decoration: underline; color: #fff; }

a:link { text-decoration: underline; color: #333; }
a:active { text-decoration: none; color: #333; }
a:visited { text-decoration: ; color: #333; }
a:hover { text-decoration: underline; color: #333; }

.active  {
	 background-color: black;
}

a img { }

#menu {
    width: 18%;
    position: fixed;
    bottom: 75px;
    top: 0;
    left: 0;
	color: #eee;
	background-color: transparent;
/*	background: white url("/tsco/i/nav.gif") top right repeat-y; */
	overflow-x: hidden;
	overflow-y: auto;
    behavior: url("iepngfix.htc");
    background: url("http://feelmystic.com/c/i/tr.png");
    margin: 4% 2% 0 2%; 
}

#menu ul {
	list-style: none;
	margin: 0 0 1px 0;
	padding: 0;
}

#menu li, #menu li.active {
	color: #eee;
	padding: 2px 6px 2px 6px;
	margin-left: 3px;
	display: block;
	line-height: 1.5em;
}

#menu ul li.section-title:after {
	content: ": ";
}

#menu ul li.section-title { 
	background-color: transparent;
	color: #666;
	text-align: left;
	margin: 0 6px 0 0;
	padding: 0;
}

#cont {
	height: 0px;
	background-color: black;
	padding: 0 10px;
}

.ti {
	display: inline;
	color: white;
	position: absolute;
	bottom: 6px;
	right: 8px;
}

.cp {
	display: inline;
	color: white;
	position: absolute;
	bottom: 6px;
	left: 8px;
}
.cp a {	color: white; }

#content {
    width: 72%;
    position: fixed;
    bottom: 75px;
    top:  0;
    left: 22%;
	color: #FFF;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
    behavior: url("iepngfix.htc");
    background: url("http://feelmystic.com/c/i/tr.png");
    margin: 4% 4% 0 2%; 
}

#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
	
#content {display: inline-block; } 

/* Hides from IE Mac \*/
* html #content { height: 1%; }
#content { display:block; }
/* End Hack */



.container {
    padding: 12px;
}


#content p { background-color: black; color: #eee; text-align: left; line-height: 1.5em; text-align: justify; width: 400px; padding: 6px 9px; margin-bottom: 8px; }

h1 { font-size: 48px; }
h2 { font: 32px Futura, sans-serif; color: #ddd; margin-bottom: 12px;
	text-transform: uppercase;
}
h3 { font: 250% Futura, sans-serif; padding: 0; margin: 0 0 0.5em 0; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p { margin: 0 0 0.5em 0; padding: 0; background-color: white; display: inline; }
#img-container p.nav { display: block; width: 326px; background-color: transparent; }
#img-container img { border: 9px solid black; }

a.thickbox img {
	 background-color: black; /** GIF Transparency Bug **/
}

a.mainimg { border: none; }
a.mainimg img { border: 8px solid #fff; margin: 0 6px 9px 0; }

.youtube {
	float: left;
	padding: 0 12px 16px 0;
	line-height: 1.5em;
	color: #333;
}

#once { clear: left; }