@charset "UTF-8";
/* CSS Document */

html, body, p, li, ul, blockquote, ol, dl, div, h1, h2, h3, h4, h5, h6, form, fieldset, input, img {
	margin: 0px;
	padding: 0px;
}

/*hide focus lines */

:focus { -moz-outline-style: none; }

body {
	background-color: #000000;
	background-image: url(../images/site/game_background.jpg);
	background-repeat: repeat-y;
	background-position: left top;

}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 65%;
	margin: 0px;
	padding: 0px;
}
p, li, td {
	line-height: 1.3;
	font-size: 1.2em;
	margin: 0px;
}
a:link {
	color: #ff3300;
	text-decoration: none;
}
a:visited {
	color: #cc3300;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

input.textField {
background-color: white;
}

input.textField:focus {
background-color: #FFFF66;
}

/* Header */

#header {
	width: 181px;
	background-image:url(../images/site/game_sidebar.gif);
	background-color: #F5F1EB;
	margin-top: 5px;
}

#header h1 {
text-indent: -9999px;
}
#header h1 a {
display: block;
	background-image: url(../images/site/game_header_fret.jpg);
	height: 114px;
	width: 181px;
}

body.fun #header h1 a {
 background-image: url(../images/site/game_header_fun.jpg);
}


body.theory #header h1 a {
background-image: url(../images/site/game_header_theory.jpg);
}

body.tools #header h1 a {
background-image: url(../images/site/game_header_tools.jpg);
}

body.rhythm #header h1 a {
background-image:url(../images/site/game_header_rhythm.jpg);
}

#header #navigation {
top: 114px;	
}
/* Sidebar and Content Layout*/



#sidebar {
	width: 181px;
	overflow: hidden;
	background-color: #F5F1EB;
	background-image: url(../images/site/game_sidebar.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


/*Sidebar Indent*/
#sidebar, #header, #footer {
margin-left: 25px;
}

#content {
position:absolute;
top: 5px;
left: 240px;
width: 600px;
}


#review {
	float: right;
}

#review a, #resize a  {
	color: #AAAAAA;
}
#resize {
	float: left;
		height: 25px;

}

#game {
	clear: both;
	padding-top: 3px;
}
a img {
border: 0;
}

#footer {
	width: 181px;
	height: 10px;
	overflow:hidden;
	text-indent: -9999px;
	background-image:url(../images/site/game_sidebar_bot.gif);
	background-position:bottom center;
}






.ggSideBar .tab {
	background-repeat: no-repeat;
	background-position: 3px 0;
	height: 28px;
	text-indent: -9999px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	margin-top: 1px;
	margin-bottom: 1px;	
}

.ggSideBar .member {
		background-image: url(../images/site/member_nav.gif);


}
.ggSideBar .cool {
	
	background-image: url(../images/site/cool_nav.gif);

}

.ggSideBar .blog {
	
	background-image: url(../images/site/blog_nav.gif);
	

}

.ggSideBar .games {
background-image: url(../images/site/games_nav.gif);
}

.ggSideBar .tools {
background-image: url(../images/site/tools_nav.gif);
}


.ggSideBar .open {

}

.ggSideBar .closed {

}

.ggSideBar .hover, .ggSideBar .focused {
background-position: 3px -50px;

}
#sidebar li, #header li {
padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 15px;
	list-style: none;
}
#sidebar li span {
	font-size: 0.75em;
	color: #666666;
	display: block;
	padding-top: 0.5em;
}
li#search_area {
	margin-bottom: .65em;
}
li#search_area #searchSubmit {
	position: relative;
	top: 5px;
	left: 3px;
}
li#user_area {
	margin-top: 0.5em;
}
li#user_area  #logInSubmit {
	position: relative;
	left: 5px;
}
.logLabel {
	font-size: 0.75em;
	line-height: 3;
}
ul#promotion li {
	float: left;
	padding-right: 1em;
	padding-top: 1em;
	list-style: none;
}

#shareThis {
font-size: 1.15em;
	padding-left: 5px;
	padding-top: 0.35em;
	padding-bottom: 0.5em;
	width: 200px;
	overflow: visible;
}

.st_fblike_hcount {
	position: relative;
	top: -4px;
}