html {
	padding: 0;
	margin: 0;
}

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#framecontentLeft, #framecontentRight{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 112px; /*Width of left frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: #2c2c2c url(../images/sidebar_bkg_l.gif) repeat;
	color: white;
	z-index: 1000;
}

#framecontentRight{
	left: auto;
	right: 0; 
	width: 112px; /*Width of right frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: #2c2c2c url(../images/sidebar_bkg_r.gif) repeat;
	color: white;
}

#maincontent{
	position: fixed; 
	top: 0;
	left: 112px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 112px; /*Set right value to WidthOfRightFrameDiv*/
	bottom: 0;
	overflow: auto;
	background: #2c2c2c url(../images/patternbg.png) repeat;
}

#braincont {
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 800px;
	height: 516px;
}

#recenttracks {
	position: absolute;
	width: 175px;
	color: white;
	font-size: .8em;
	margin-left: 12px;
	top: 544px;
	display: block;
	text-align: left;
}

#totw {
	width: 180px;
	position: relative;
	left: 612px;
	margin-top: -100px;
	color: white;
	padding-top: 8px;
	text-align: center;
}

.lfm a {
	color: #0000ff;
}

.innertube{
	margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
	padding: 0 112px 0 112px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

.paddize {
	padding: 5px;
	padding-left: 10px;
}

img {
	border: none;
}

#headerpane {
	position: fixed;
	left: 112px;
	height: 50px;
	width: 100%;
	z-index: 0;
	background: url(../images/header_bkg.png);
	background-repeat: repeat-x;
}

#homeheaderpane {
	position: fixed;
	z-index: 500;
	height: 40px;
	width: 100%;
	background-color: #3e3e3e;
	border-bottom: 1px solid #4e4e4e;
}

#header {
	width: 800px;
}

#hhp_1 {
	display: block;
	width: 500px;
	position: fixed;
	top: 5px;
	left: 112px;
}

#hhp_2 {
	position: fixed;
	right: 112px;
	top: 5px;
}

#homeheaderpane a, a img  {
	text-decoration: none;
	border: none;
}

#maincontent .innertube img {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#maincontent .innertube {
	margin-top: 60px;
}

#footer {
	margin: 0 auto;
	text-align: center;
}

#footer.hpfooter {
	margin-top: 40px;
}

#footer img {
	display: block;
}

.floatright {
	float: right;
	margin-left: 1em;
	margin-right: 5em;
	border: 1px solid #000;
}

.contentpane {
	padding: 20px;
	background-color: #ddd;
	border: 1px solid black;
}

.indblk {
	margin-left: 2em;
}

h2 {
	margin-top: 0px;
	border-bottom: 1px dotted #000;
	color: #2d3c70;
}

h3 {
	display: inline;
	width: 100%;
	border-bottom: 1px dashed gray;
}

p {
	font-size: .8em;
}

li {
	font-size: .8em;
}

a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #000;
	color: #2d3c70;
}

a:hover, a:active {
	color: #2e42ff;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

.nav {
	color: gray;
}

.nav a:link, .nav a:visited {
	color: #465aa0;
	border-bottom: 1px dotted gray;
}

.nav a:hover, .nav a:active {
	color: #2e42ff;
	border-bottom: 1px solid gray;
}

#quote p {
	font-size: .8em;
	font-style: italic;
}

#hp_headline {
	margin-top: -7px;
	margin-bottom: 7px;
	background: url(../images/hp_headline_bkg.png) no-repeat;
	width: 800px;
	height: 35px;
}

#hp_headline p {
	padding-top: 6px;
	padding-left: 15px;
	text-align: left;
	color: #cccccc;
}

#hp_headline a{
	color: #2e42ff;
}

table.gallery {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: .9em;
}

#brain {
	width: 800px;
	height: 416px;
	background: url(../images/brain.gif) no-repeat;
	margin: 10px auto; 
	padding: 0;
	position: relative;
}

#brain li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#brain a {display: block; text-indent: -9999px; text-decoration: none; border: none;}

#br_aca {left: 236px; top: 12px; width: 165px; height: 201px;}
#br_mus {left: 401px; top: 9px; width: 166px; height: 205px;}
#br_pro {left: 239px; top: 213px; width: 163px; height: 192px;}
#br_pic {left: 401px; top: 213px; width: 165px; height: 192px;}
#br_adam {left: 8px; top: 295px; width: 275px; height: 111px;}

#br_aca a {height: 201px;}
#br_mus a {height: 205px;}
#br_pro a {height: 192px;}
#br_pic a {height: 192px;}
#br_adam a {height: 111px;}

#br_aca a:hover {background: url(../images/brain.gif) -236px -428px no-repeat;}
#br_mus a:hover {background: url(../images/brain.gif) -401px -841px no-repeat;}
#br_pro a:hover {background: url(../images/brain.gif) -239px -1461px no-repeat;}
#br_pic a:hover {background: url(../images/brain.gif) -401px -1877px no-repeat;}
#br_adam a:hover {background: url(../images/brain.gif) -8px -2375px no-repeat;}

#hpboxes {
	margin-top: -5px;
	width: 800px;
	height: 100px;
	background: url(../images/hpboxes.png) no-repeat;
	color: white;
	font-size: .9em;
	position: relative;
}

#hpboxes li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#hpboxes a {display: block; text-indent: -9999px; text-decoration: none; border: none;}

#hp_links {left: 203px; top: 3px; width: 182px; height: 90px;}
#hp_blog {left: 406px; top: 3px; width: 183px; height: 91px;}

#hp_links a {height: 90px;}
#hp_blog a {height: 91px;}

#hp_links a:hover {background: url(../images/hpboxes.png) -203px -103px no-repeat;}
#hp_blog a:hover {background: url(../images/hpboxes.png) -406px -203px no-repeat;}


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}