body {
	font-family: Verdana, sans-serif;
	margin: 0;
   background-color: #F5EFE0;
   font-size: 1.3em;
}

@charset "UTF-8";
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:5px; }

#userDialog {
   font-size: 0.5em;
}

#header {
   background: url(../images/header.jpg);
   width: 1100px;
   height: 200px;
   border-left: 6px solid #EADFBF;
   border-right: 6px solid #EADFBF;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
}

#menutop {
     position: absolute;
     width: 1100px;
     height: 25px;
     bottom: -5px;     
     z-index: 100;
}

#mh3logo {
   position: absolute;
   right: 40px;
   top: 10px;
}

#rotrlogo img {
   border:0;
}

#headerBack {
   background-color: #EADFBF;
   margin: 0 auto;
   height: 206px;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

/* The menu headers */

.topMenu {
	width:200px;
	height:150px;
	margin:60px auto;
	overflow:visible;
   position: absolute;
   top: 137px;	
   cursor: pointer;
}
 
.menu-pull {
   width: 100px;
   height: 30px;
   background: url(../images/pull-top.png);
   border: 0;
   position: absolute;
   top: -30px;   
   left: 48px;
   text-align: center;
}

.topMenuBox {
	position:relative;	
	width:200px;
	height:150px;
	float:left;
   font-size: 18px;
   font-weight: bold;
   color: red;
   
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* The share box */

#share{
	/* The share box container */
	width:290px;
	height:180px;
	margin:60px auto;
	overflow:visible;
   position: absolute;
   top: 137px;	
   left: 798px;
}

.share-pull {
   width: 100px;
   height: 30px;
   background: url(../images/pull-top.png);
   border: 0;
   position: absolute;
   top: -30px;
   left: 95px;
   text-align: center;
}

#stage{
	/* This is where the animation takes place */
	position:relative;
	background: url(../images/shareback.png);
	width:290px;
	height:180px;
	float:left;
}

.btn{
	/* This class is assigned to every share button */
	background-color:white;
	height:90px;
	left:0;
	top:0;
	width:60px;
	position:relative;
	margin:20px 0 0 10px;
	float:left;
}

.bcontent{
	/* Positioned inside the .btn container */
	position:absolute;
	top:auto;
	bottom:20px;
	left:0;
}

/* Individual rules for every share button */

.digg{	background:url(img/digg_reflection.png) no-repeat -4px bottom;}
.reddit{	background:url(img/reddit_reflection.png) no-repeat -4px bottom;}
.facebook{	background:url(img/facebook_reflection.png) no-repeat bottom center;}
.tweetmeme{	background:url(img/twit_reflection.png) no-repeat -5px bottom;}
.dzone{	background:url(img/dzone_reflection.png) no-repeat -7px bottom;}

.thanksto{
	position:absolute;
	bottom:2px;
	right:110px;
	font-size:10px;
}

.thanksto a,.thanksto a:visited{
	color:#BBB;
}

/* Customizing the facebook share button */

span.fb_share_no_count {
	display:block;
}

span.fb_share_count_top.fb_share_no_count {
	line-height:54px;
}

span.fb_share_count_nub_top.fb_share_no_count{
	display:none;
}

span.fb_share_no_count span.fb_share_count_inner {
	background:#3B5998 url(http://static.fbshare.me/f_only.png) no-repeat scroll 20px 5px;
	display:block;
}

/* for the notes and photos */
.winner {
   background: url(/images/winner.png) no-repeat top left;
   position: absolute; 
   top: -10px;
   right: -10px;
   width: 60px;
   height: 60px;
}

.newItem {
   background: url(/images/new.png) no-repeat top left;
   position: absolute; 
   top: -10px;
   right: -10px;
   width: 60px;
   height: 60px;
}

.hotItem {
   background: url(/images/hot.png) no-repeat top left;
   position: absolute; 
   top: -10px;
   right: -10px;
   width: 60px;
   height: 60px;
}