@charset "UTF-8";


body {
	font: 15px "Lucida Console", Monaco, monospace;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	background: #020510 url(angel-sound-interstellar.jpg) no-repeat;
}

body.home {
	font: 100% "Lucida Console", Monaco, monospace;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	background: #020510 url(klf-maple-tree.jpg) no-repeat;
}
	

body.chroma {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	background: #020510 url(chroma-hoop.jpg) no-repeat;
}

body.another {
	font: 100% "Lucida Console", Monaco, monospace;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	background: #020510 url(another-flare.jpg) no-repeat;
}

#container {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	padding: 20px;
	}

#header {
	height: 111px;
}

h1 {
	margin: 0;
	padding: 33px 0 0 0;
	letter-spacing: .2em;
}


#header h1 {
	font-size: 133%;
	font-weight: lighter;
	float: right;
}


#menu {
   white-space : nowrap;
   float : left;
   color : White;
   width : 100%;
   border-style : solid;
   border-color : #96F;
   border-width : 1px 0 1px 0;
}
#menu ul{
   padding : 0;
   margin : 0;
   float : right;
}
#menu ul li{
   display : inline;
}
#menu ul li a{
   padding-left: 1em;
   padding-right: 1em;
   line-height: 1.7em;
   color : #96F;
   text-decoration : none;
   float : left;
   border-right-color : #96F;
   border-right-style : solid;
   border-right-width : 1px;
}

#menu ul li a:hover{
   color: #FFF;
} 

#menu ul li a.current{
   color: #FFF;
}

#index-top {
	float: left;
	width: 1024px;
}

#index-right {
	float: right;
	width: 500px;
	padding: 2em;
	text-align: right;
	border: 1px solid #96F;
}

#index-middle {
	width: 450px;
	float: left;
}

#index-middle li {
	list-style-image: url(infinity.png);
}

#index-low {
	float: left;
	width: 1024px;
	line-height: 1.5em;
	color: #FFF;
}

#index-below {
	float: right;
	width: 633px;
	line-height: 1.5em;
	color: #96F;
	text-align: right;
}

#valentine {
	padding: 20px;
	width: 580px;
	margin: 0 auto;
}

#valentine .flash-player {
	padding: 20px;
	border: 1px solid #96F;
	width: 540px;
}



/*gallery*/

#gallery {
	text-align: center;
	margin: 0;
	padding: 0;
}

.painting {
	padding: 20px;
	margin: 20px;
}

.paint-title {
	text-align: left;
	padding-top: 20px;
	letter-spacing: 3px;
	color: #CCC;
}

.painting .paint-text {
	font-style: normal;
	text-align: left;
	width: 600px;
	float: left;
	padding: 0 20px 20px 20px;
}

.painting .paint-image {
	padding: 0 20 20px;
	float: right;
	width: 200px;
}


/* gallery ends */



#testimonials-left {
	width: 460px;
	float:left;
	padding: 20px;
	text-align: justify;
}

#testimonials-right {
	width: 460px;
	float: right;
	padding: 20px;
	text-align: justify;
}

#mainContent {
	padding: 20px;
	text-align: left;
	width: 800px;
	float: left;
}

#mainContent p {
	font-family: Arial, Helvetica, sans-serif;
}

#power-wheel {
	margin: 0 350px;
	padding-top: 4em;
}


.elixir {
	padding-bottom: 20px;
}

.elixir h2 {
	font-weight: lighter;
	color: #96f;
}

.elixir p {
	font-family: Arial, Helvetica, sans-serif;
}

.subtitle {
	font-style:italic;
	color: #CCC;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

.written {
	font-style:italic;
	color: #FFF;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

.helvetica {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.description {
	font-style:italic;
	color: #CCC;
	letter-spacing: 1px;
}

#home-left {
	width: 600px;
	float:left;
	padding: 20px;
	text-align: justify;
}

#home-left p, #home-right p {
	font-family: Arial, Helvetica, sans-serif;
}

#home-left h2 {
	font-size: 130%;
	letter-spacing: .2em;
	font-weight: lighter;
	color: #96F;
}

#home-right {
	width: 300px;
	float: right;
	padding: 20px 0 0 40px;
	text-align: justify;
}

#home-right h2 {
	font-size: 130%;
	letter-spacing: .2em;
	font-weight: lighter;
	text-align: right;
	color: #96F;
}
	
.painting {
	padding-bottom: 4em;
}


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	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;
}

/* HIDDEN PLANET STYLES */

.get {
	text-transform:uppercase;
	color:#F0C;
	text-align:right;
}

.tag {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #CCC;
	text-transform:none;
	font-weight:lighter;
}

.planet-name {
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:lighter;
	color: #96F;
}

.planet-description {
	font-family:Arial, Helvetica, sans-serif;
}

.hidden-planets {
	padding-bottom: 20px;
}

.planet-description {
	letter-spacing: .5px;
	font-weight:lighter;
}