*
{
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
}
m
{
   position: relative;
   display: table;
   padding-left: 10px;
   padding-top: 4px;
   padding-bottom: 0px;
   padding-right: 10px;
   border: 1px solid black;
   height: 28px;
}

mr
{
   display: table-row;
   margin: 0px;
   padding: 0px;
}

mi
{
   display: table-cell;
   vertical-align: middle;
   margin: 0px;
   padding-left: 10px;
}



body 	
{
	font-size: 13px; color: #333333;
	background: #EEEEEE;

	width: 600px;
	margin: 10px auto 10px auto; 
	text-align: center; 
}


		#header
		{
			display: block;
			width: 600px;
			height: 75px;
			background: url(e2/headerback.png) top left repeat-x;
			background-color: #47698c;
			-webkit-border-radius: 11px;
			-moz-border-radius: 11px;
			-o-border-radius: 11px;
			border-radius: 11px;
			overflow: hidden;
			position: relative;
		}
		#logo
		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 600px;
			height: 75px;
			background: url(e2/logo600.png) top left no-repeat;
		}
		.rank
		{
			position: absolute;
			border: 0px solid green;
			right: -50px;
			top: -159px;
			height: 800px;
			width: 400px;
			-webkit-animation-duration: 10s;
		   -webkit-animation-iteration-count: infinite;
		   -webkit-animation-timing-function: linear;
		}
		.rank.A
		{
			-webkit-animation-duration: 30s;
			background: url(e2/o1.png) top left repeat;
		   -webkit-animation-name: 'elevate1';
		}
		.rank.B
		{
			-webkit-animation-duration: 15s;
			background: url(e2/o2.png) top left repeat;
		   -webkit-animation-name: 'elevate1';
		}
		.rank.C
		{
			-webkit-animation-duration: 24s;
			background: url(e2/c1.png) top left repeat;
		   -webkit-animation-name: 'elevate1';
		}
		.rank.D
		{
			-webkit-animation-duration: 18s;
			background: url(e2/c2.png) top left repeat;
		   -webkit-animation-name: 'elevate1';
		}
		.rank.E
		{
			-webkit-animation-duration: 12s;
			background: url(e2/c3.png) top left repeat;
		   -webkit-animation-name: 'elevate1';
		}
		.rank.F
		{
			-webkit-animation-duration: 6s;
			background: url(e2/c4.png) top left repeat;
		   -webkit-animation-name: 'elevate1';
		}
		@-webkit-keyframes 'elevate1'
		{
			from  { -webkit-transform: translate3d(0px, 0px, 0px); }
			to 	{ -webkit-transform: translate3d(0px, -400px, 0px); }
			
		}



#bodyContent 
{
	position: relative;
	display: block;
	font-size: 13px; color: #333333;
	background: #FFFFFF; 
	margin: 0px 0px 0px 0px; 
	padding: 25px;  
	border: 1px solid #666666;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left; 
   width: 549px;
}

#footer
{
	font-size: 11px; color: #333333;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}


/* TABLES */
table 		{border: 0px solid #000000;  }
table.s 		{border: 0px solid #000000; padding: 0px; margin: 0px; }

td
{
	font-size: 13px; color: #333333;
}

td.s
{
	vertical-align: top;
}


td.album 	{padding: 2px; }

td.bodycell
{
/*
 	background-image: url(e/bodyback.gif);
 	background-repeat: repeat;
 	background-position: 0 0px;
*/}


hr {
	border: 1px solid #666666;
}


.left {
	vertical-align: top;
	background-image: url(e/left.gif); 
	background-repeat: repeat; 
	background-position: 0 0px;
}

.right {
	vertical-align: top;
	background-image: url(e/right.gif); 
	background-repeat: repeat; 
	background-position: 0 0px;
}




/* LINKS */
a  {
	font-weight: bold; 
	color: #003399; text-decoration: none; 
	padding-left: 3px;  
	padding-right: 3px;  
	margin: 0px;
	outline: none;
}
a:visited {
	font-weight: bold; 
	color: #003399; 
	text-decoration: none;
}
a:hover  {
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #3366CC; 
	text-decoration: none;
}


a.menu  {
	font-size: 13px;
	font-weight: bold; 
	color: #003399; text-decoration: none; 
	padding-top: 2px;  
	padding-left: 5px;  
	padding-right: 5px;  
	padding-bottom: 2px;  
	margin: 0px;
	-webkit-text-size-adjust:150%;
}
a.menu:visited {
	font-weight: bold; 
	color: #003399; 
	text-decoration: none;
}
a.menu:hover  {
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #3366CC; 
	text-decoration: none;
}
a.active  {
	font-size: 13px;
	font-weight: bold; 
	color: #003399; text-decoration: none; 
	padding-top: 2px;  
	padding-left: 5px;  
	padding-right: 5px;  
	padding-bottom: 2px;  
	margin: 0px;
	border: 0px;
   	background-color: #FFAA00;
	-webkit-text-size-adjust:150%;
}
a.active:visited {
	font-weight: bold; 
	color: #003399; 
	text-decoration: none;
	border: 0px;
  	background-color: #FFAA00;
}
a.active:hover  {
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #3366CC; 
	border: 0px;
	text-decoration: none;
}
a.img  {
	color: #003399; text-decoration: none; 
  	background-color: none;
	padding-left: 0px;  
	padding-right: 0px;  
	margin: 0px;
	padding-bottom: 5px;
}
a.img:visited {
	color: #003399; 
	text-decoration: none;
  	background-color: none;
}
a.img:hover  {
	color: #FFFFFF; 
	background-color: #3366CC; 
  	background-color: none;
	text-decoration: none;
}



/* PHOTO THUMBS */

#thumb a  {
	font-weight: bold; 
	color: #003399; text-decoration: none; 
	padding-left: 0px;  
	padding-right: 0px;  
	margin: 0px;
}
#thumb a:visited {
	font-weight: bold; 
	color: #003399; 
	text-decoration: none;
}
#thumb a:hover  {
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #3366CC; 
	text-decoration: none;
}
#thumb td {
	vertical-align: middle;
}


#badge
{
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#badge a  {
	font-weight: bold; 
	color: #003399; text-decoration: none; 
	background-color: none;
	padding-left: 0px;  
	padding-right: 0px;  
	margin: 0px;
}
#badge a:visited {
	font-weight: bold; 
	color: #003399; 
	background-color: none;
	text-decoration: none;
}
#badge a:hover  {
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #3366CC; 
	background-color: none;
	text-decoration: none;
}
#badge td {
	vertical-align: middle;
}



ul.bullet
{
	list-style-type: none; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}
li.bullet
{
	list-style-image: url(e/bullet.gif);
	list-style-position: outside;
	padding-left: 0px; 
	margin: 0px 0px 0px 30px; 
}



/* MENU DIV */


#navMenu {
	display: block;
   position: relative;
   width: auto;
   border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
   padding: 0px 0px 0px 0px;
   text-align: center;
   margin-top: 10px;
   margin-left: 0px;	
   margin-right: 0px;
	margin-bottom: 10px;
   font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#navMenu ul {
	list-style: none;
   height: auto; width: auto;
   left: 0px; top: 0px;
   margin: 0px; padding: 0px;
   display: inline; white-space: nowrap;
   clear: both;
}
		
#navMenu li {
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
   display: inline;
   list-style: none; white-space: nowrap;
}

#navMenu li.separator {
	border-left: 1px solid gray;
	padding-left: 1px;
	padding-right: 2px;
}

#navMenu li a {
	display: inline;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	color: #003399;
	text-decoration: none;
   width: auto; height: auto;
}

#navMenu li a.active {
	display: inline;
	margin: 0px;
	background-color: #FFAA00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #003399;
	text-decoration: none;
   width: auto; height: auto;
}


#navMenu li a:hover {
	background-color: #3366CC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #FFFFFF;
}

#navMenu li a:hover.active {
	background-color: #3366CC;
	color: #FFFFFF;
}

#twitter_div
{
	display: block;
	position:absolute;
	top:145px;
	left:60px;
	width:245px;
	height:103px;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 0px 1px 3px black;
	border: 0px solid white;
	cursor: default;
}
#twitter_update_list
{
	border: 0px solid white;
	text-align: left;
	height: 75px;
	max-height: 75px;
	width: 245px;
	max-width: 245px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#twitter_update_list li
{
	list-style: none;
}
#twitter_update_list li span
{
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	user-select: text !important;
}

#twitter_div a,
#twitter_div a:hover
{
	color: #FFFFFF;
	background: none;
	text-decoration: underline;
	padding: 0px;
	cursor: pointer;
}
#twitter_link
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 9px;
	color: #000099;
	text-shadow: none;
}
#twitter_link a
{
	color: #000099;
	text-shadow: none;
}

/* HEADINGS */
p			{font-size: 13px; color: #333333; font-weight: normal; margin: 0px 0px 10px 0px;}


h1			{font-size: 17px; color: #333333; font-weight: bold; margin: 5px 0px 5px 0px;}
h2			{font-size: 15px; color: #333333; font-weight: bold; margin: 5px 0px 5px 0px;}
h3			{font-size: 14px; font-weight: bold; margin: 5px 0px 5px 0px;}
h4			{font-size: 14px; font-weight: normal; margin: 0px 0px 0px 0px;}
h5			{font-size: 13px; font-weight: normal; margin: 0px 0px 0px 0px;}



/*
::-moz-selection
{
	background-color: orange;
}
::selection
{
	background-color: #FFAA00;
}
*/



	#shaycBadge>span
	{
		display: block;
		padding: 0px; margin: 0px; 
		width: 88px; height: 29px; 
		border: none;
		background:url("http://shayc.bracketnet.com/badges/shayc.png") top left;
	}
	#shaycBadge>span:hover
	{
		background:url("http://shayc.bracketnet.com/badges/shayc.png") bottom left;
	}
	#shaycBadge>span:active
	{
		background:url("http://shayc.bracketnet.com/badges/shayc.png") top left;
	}