@charset "utf-8";
/* SageInfinite.com CSS Rev 2 */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-attachment: fixed;
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #999999;
	margin: 0;
	font-size: 12px;
	background-image: url(http://www.sageinfinite.com/images/interface/bg.jpg);
}
#content {
	width: 800px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	display: block;
}
#main {
	width: 800px;
	height: 100%;
	display: block;
}

/* Global Classes */
.hide {
	visibility: hidden;
	display: none;
}
.img {
	text-decoration: none;
	border: none;
}

/* Global Divs */
#catalog {
	display: block;
	width: 250px;
}
#catalog a {
	margin-left: 10px;
}
#fbconnect {
	display: block;
	width: 300px;
	margin-bottom: 10px;
}
#fblogin {
	display: block;
	width: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#fbauthd {
	display: block;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
#fbauthd .wrap {
	display: table;
	width: 250px;
	border-spacing: 5px;
}
#fbauthd .pic {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
}
#fbauthd .text {
	display: table-cell;
	width: 230px;
	vertical-align: middle;
}
#fbfan {
	display: block;
	width: 300px;
	border-top: #666666 solid 1px;
}
#fbbox {
	display: block;
	width: 235px;
	margin-top: 10px;
	margin-left: auto;
	margin-right:auto;
}
/* Global Tags */
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
button {
	background-color: #333333;
	border: none;
	color: #990000;
	font-weight: bold;
	font-style: normal;
	border: #555555 thin solid;
}
img {
	border: 0;
}
input {
	background-color: #333333;
	color: #990000;
	font-style: italic;
	border: none;
}
input.submit {
	background-color: #333333;
	border: none;
	color: #990000;
	font-weight: bold;
	font-style: normal;
	border: #555555 thin solid;
}
input.submit:hover {
	background-color: #333333;
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
	border: #999999 thin solid;
}
textarea {
	background-color: #333333;
	color: #990000;
	border: none;
}

/* Banner */
#banner {
	width: 800px;
	height: 214px;
	display: block;
}

/* Biography */
#biotext {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}

/* Contact */
contenttext {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}

/* Home */
#featuret {
	width: 300px;
	display: block;
	text-align: center;
	margin-top: 10px;
}
#featuret-i {
	width: 250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
p.ftrackinfo {
	text-align: left;
}
#homeleft {
	width: 500px;
	display: inline-block;
	float: left;
}
#homeright {
	width: 300px;
	display: inline-block;
	float: left;
}
#na-o {
	width: 300px;
	display: block;
	margin-top: 10px;
}
#na-i {
	width: 250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 10px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#networks-o {
	width: 300px;
	display: block;
	margin-top: 10px;
}
#networks-i {
	width: 250px;
	height: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	text-align: center;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#recentp {
	width: 425px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-bottom: 10px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
p.recentp {
	padding-left: 50px;
}
#update {
	width: 425px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#update .title {
	font-size: 24px;
}
#update .story {
	margin-left: 25px;
	margin-right: 25px;
}
#update .date {
	text-align: right;
}

/* Music Page & Global */
#acomments {
	display: block;
	width: 435px;
	margin-left: 25px;
	margin-bottom: 10px;
}
#albums {
	display: block;
	width: 250px;
	padding: 5px;
	margin-left: 20px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#albums .entry {
	display: inline-block;
	width: 80px;
	margin: 0px;
}
#albums .entry:hover{
	color:#ff0000;
}
#albums .cover {
	display: block;
	width: 80px;
}
#albums .name {
	display: block;
	width: 80px;
	text-align: center;
}
#albums a {
	text-decoration: none;
	color:#990000;
	margin: 0px;
}
#albums a:hover {
	text-decoration: none;
	color: #FF0000;
}p.mupdates {
	text-align: right;
}
#singles {
	display: block;
	width: 250px;
	padding: 5px;
	margin-left: 20px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#singles .track {
	display: block;
}
#singles .trackplay {
	display: inline-block;
	width: 20px;
	height: 20px;
}
#singles .trackname {
	display: inline-block;
	width: 200px;
}
#musicupdate {
	display: block;
	width: 450px;
	margin-left: 25px;
	padding: 5px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#musicupdate .update {
	display: block;
}
#musicleft {
	display: inline-block;
	width: 250px;
	float: left;
}
#musicright {
	display: inline-block;
	width: 500px;
	float: right;
}
.entry {
	display: block;
}
.rdate {
	display: inline-block;
	width: 125px;
	text-align: left;
}
.rtitle {
	display: inline-block;
	width: 175px;
	text-align: left;
}
.rtype {
	display: inline-block;
	width: 100px;
	text-align: center;
}
#search {
	display: block;
	width: 250px;
	padding: 5px;
	margin-left: 20px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#searchbar {
	display: block;
	width: 250px;
}
#track {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#trackimg {
	width: 200px;
	display: inline-block;
	padding: 5px;
	float: left;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#trackimg img {
	width: 200px;
	height: auto;
}
#trackinfo {
	width: 475px;
	display: inline-block;
	padding: 5px;
	float: right;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#trackinfo p.title {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0px;
}
#trackinfo p {
	text-align: left;
}

/* Music - Album */
#tracklist {
	display: block;
	width: 435px;
	margin-left: 25px;
	margin-bottom: 10px;
}
.track {
	display: block;
	width: 435px;
}
.trackplay {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.tracknumber {
	display: inline-block;
	width: 20px;
}
.trackname {
	display: inline-block;
	width: 305px;
}
.trackcomments {
	display: inline-block;
	width: 80px;
}

/* Music - Track */

/* Navigation */
a.home {
	width: 100px;
	height: 50px;
	background-image: url(http://www.sageinfinite.com/images/interface/home.png);
	display: inline-block;
	text-decoration: none;
}
a.home:hover {
	background-image: url(http://www.sageinfinite.com/images/interface/home-s.png);
}
a.bio {
	width: 75px;
	height: 50px;
	background-image: url(http://www.sageinfinite.com/images/interface/bio.png);
	display: inline-block;
	text-decoration: none;
}
a.bio:hover {
	background-image: url(http://www.sageinfinite.com/images/interface/bio-s.png);
}
a.music {
	width: 100px;
	height: 50px;
	background-image: url(http://www.sageinfinite.com/images/interface/music.png);
	display: inline-block;
	text-decoration: none;
}
a.music:hover {
	background-image: url(http://www.sageinfinite.com/images/interface/music-2.png);
}
a.contact {
	width: 160px;
	height: 50px;
	background-image: url(http://www.sageinfinite.com/images/interface/contact.png);
	display: inline-block;
	text-decoration: none;
}
a.contact:hover {
	background-image: url(http://www.sageinfinite.com/images/interface/contact-s.png);
}
a.gallery {
	width: 140px;
	height: 50px;
	background-image: url(http://www.sageinfinite.com/images/interface/gallery.png);
	display: inline-block;
	text-decoration: none;
}
a.gallery:hover {
	background-image: url(http://www.sageinfinite.com/images/interface/gallery-s.png);
}
#nav {
	width: 800px;
	height: 101px;
	display: block;
	background-image: url(http://www.sageinfinite.com/images/interface/navback.png);
}
#navmenu {
	height: 50px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 25px;
	text-align: center;
}
#navmenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#navmenu ul {
	margin: 0;
	padding: 0;
}
/* Gallery */
.galjump {
	margin-left: 25px;
	padding: 5px;
	clear: both;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#imagegal {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	list-style: none;
	padding: 0;
}
#imagegal li {
	width: 125px;
	height: 125px;
	display: block;
	text-align: center;
	float: left;
	padding: 1em 0 1em 1.75em;
}
#imagegal li a img {
	border: 1px solid #333;
	padding:.1em;
	opacity: .80;
}
#imagegal li a img {
	border: 1px solid #333;
	opacity: 1;
}
#imagegal li a img:hover {
	border-color: #ccc;
	padding:.1em;
}
#galleryleft {
	display: inline-block;
	width: 495px;
	float: left;
}
#galleryright {
	display: inline-block;
	width: 300px;
	float: left;
}
#fvideo {
	display: block;
	width: 425px;
	margin: 25px auto 25px auto;
}
#gimagewrap {
	display: block;
	width: 275px;
	margin-left: auto;
	margin-right: auto;
}
#gimage {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	list-style: none;
	padding: 0;
}
#gimage li {
	width: 125px;
	height: 125px;
	display: block;
	text-align: center;
	float: left;
	padding: 1em 0 .5em 1.75em;
}
#gimage li a img {
	border: 1px solid #333;
	padding:.1em;
	opacity: .80;
}
#gimage li a img {
	border: 1px solid #333;
	opacity: 1;
}
#gimage li a img:hover {
	border-color: #ccc;
	padding:.1em;
}
	
/* Updates */
#updates2 {
	width: 700px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#updates2 .title {
	font-size: 36px;
}
#updates2 .date {
	text-align: left;
	font-size: 18px;
}
/* Footer */
#bo {
	width: 800px;
	display: block;
	margin-top: 25px;
	clear: left;
}
#footer {
	width: 700px;
	display: block;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	background-image: url(http://www.sageinfinite.com/images/interface/conbg.png);
}
#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	text-decoration: underline;
}
#footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	text-decoration: underline;
}