.body {
  padding: 0px;
  margin: 0px;
}	
img{
  border: none;
}
img a{
 text-decoration: none;
}
a {
  text-decoration:none;
  outline: none;
}
.nav{
        padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
        margin: 0px;
      }
.nav ul{
        margin: 0px;
        padding: 0px;
        list-style: none;
        list-style-type: none;
        display: inline;
      }
ul.nav{
        display: table;
      }
ul.nav>li{
        display: table-cell;
        position: relative;
        padding: 0px;
      }
ul.nav li>ul{
        display: none;
        position: absolute;
      }
ul.nav li:hover>ul{
        display: block;
        width: 120px;
      }
.nav ul li a{
        display: block;
        background-color: #7f0c0a;
        font-size: 85%;
      }
.nav ul li a:hover{
        font-size: 100%;
      }
.mainDiv {
  padding: 5px 5px 5px 5px;
  background-color: black;
}
.innerMain {
  border: 1px solid #7f0c0a;
  width: 1024px;
  margin: auto;
}
.topDiv {
  background-image: url(http://cdn.dipity.com/static/images/games/gradient-black.png.v7589.png);
        background-repeat: repeat-x;	    
  padding-left: 18px;
  padding-right: 18px;
  padding-top:2px;	 
  font-family: Courier;
  color: white;
}
.clear {
  height: 0;
  font-size: 1px;
  margin: 0;
  padding: 0;
  line-height: 0;
  clear: both;
}
#leftPane{
  padding-top: 0px;
  padding-bottom: 0px;
  float: left;
  font-size: 200%;
  width: 40%;
  background-color: transparent;
}
#leftPane a.lightview{
  text-decoration: none;
  padding: 0px;
}
#rightPane{
  text-align: right;
  float: right;
  font-weight: 100;
  font-size: 100%;
  padding-top: 15px;
}
#rightPane a{
  color: white;
    text-decoration: none;
  }
#logIn{
  float:right;
  padding-top: 11px;
}
#signUp{
  float: left;
}	
.red {
  background-image: url(http://cdn.dipity.com/static/images/games/gradient-red.png.v7589.png);
        background-repeat: repeat-x;
        font-family: Courier;
  color: white;
  font-weight: lighter;
}
.red a{
  text-decoration: none;
  color:white;
  padding: 4px 15px 3px 15px;
}
.red a:hover {
  text-decoration: none;
  color: white;
  background-color: #7f0c0a;
}
#leftRedPane {
  float: left;
}
.tabSpanRegular {
  color: white;
  text-decoration: none;
  font-weight: lighter;
  padding: 4px;
}		
#rightRedPane {
  float: right;
  padding: 3px 15px 3px 0px;
}
.blue {
  background-color: black;
  font-family: Courier;
  color: white;
  font-weight: lighter;
}
#leftBluePane {
  float: left;
  width: 294px;
  margin: 1px;
}
#leftBluePane a{
  text-decoration: underline;
  color: red;
}
#rightBluePane {
  float:right;
}
#create {
  background-image:url(http://cdn.dipity.com/static/images/games/gradient-blue.png.v7589.png);
  background-repeat: repeat-x;
  text-align: center;
  padding: 5px;
}
#learnMore{
  color: red;
}
#createText{
  padding: 5px;
  font-size:70%;
  font-family: verdana;
  font-weight: lighter;
}
#createButton{
  text-align: right;
  padding-right: 10px;
}
#timeline{
  float:left;
  color: white;
}
.game {
  background-repeat:no-repeat;
  border: 5px groove black;
  width: 710px;
  height: 364px;
  display: none;
}
#game1 {
  background-image:url(http://cdn.dipity.com/static/images/games/final-fantasy.jpg.v7589.jpg);
  display: block;
}
#game2 {
  background-image:url(http://cdn.dipity.com/static/images/games/mariokart.jpg.v7589.jpg);
}
#game3 {
  background-image:url(http://cdn.dipity.com/static/images/games/site_AssassinsCreed2.jpg.v7589.jpg);
}
#game4 {
  background-image:url(http://cdn.dipity.com/static/images/games/teenage-mutant-ninja-turtles-1.jpg.v7589.jpg);
}
#rightPaneGame{
  background-image:url(http://cdn.dipity.com/static/images/games/TransparentGradient.png.v7589.png);
  float: right;
  width: 35%;
  height: 344px;
    padding: 10px;
    text-align: center;
    font-family: verdana;
    font-size: 85%;
    font-weight:lighter;
}
#rightPaneGameText{
        }
#timelineText{
  padding-top: 70px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right:30px;
}
#timelineButton{
  padding: 20px;
}
#timelineScroll{
  border-bottom: 5px groove #1c1c1c; 
  padding: 9px;
  text-align: center;
  margin: auto;
}
#whatAdvertisement{
  width: 300px;
  float: right;
  background-color: #242424;
  border-left: 3px solid #242424;
}
#what{
  width: 300px;
}
#whatDipity{
  background-image:url(http://cdn.dipity.com/static/images/games/gradient-blue.png.v7589.png);
  background-repeat: repeat-x;
  text-align: left;
  padding: 5px;
  font-family: Courier;
  color: white;
  font-weight: lighter;
}
#advertisementBottomRight{
  border-bottom: 3px solid #242424;
}
ol{
  font-family: verdana;
  color: white;
  font-size:70%;
  font-weight: lighter;
}
.listPadding{
  padding-top:20px;
  padding-bottom:20px;
}
#tutorialButton{
  text-align: center;
  padding: 10px;
}
#advertisementBottom{
  text-align: center;
}
#bold{
  font-weight: 600;
}
#mostPopular{
  float:left;
  width:720px;
  border-top:5px groove #1c1c1c;
}
#black{
  background-image:url(http://cdn.dipity.com/static/images/games/gradient-black-small.png.v7589.png);
  background-repeat: repeat-x;
  text-align:left;
  padding: 5px;
  font-family: Courier;
  color: white;
  font-weight: lighter;
}
#popularThumbnail{
  color: white;
  padding-top: 25px;
  padding-bottom:15px;
  text-align: center;
  font-family: verdana;
  font-weight: lighter;
  font-size: 70%;
}
#popularThumbnail a{
  text-decoration: none;
  color: white;
}
#popularThumbnail a:hover{
  text-decoration: underline;
  color: white;
}
#thumbnail{
  text-decoration: underline;
}
#thumbnailStyle{
  float: left;
  width: 25%;
}
#two{
  float: left;
  width: 25%;
}
#three{
  float:left;
  width: 25%;
}
#four{
  float: left;
  width: 25%;
}
#bottomDiv{
  background-image:url(http://cdn.dipity.com/static/images/games/gradient-black-lower.png.v7589.png);
  background-repeat: repeat-x;
  border-top: 1px solid #7f0c0a;
  iolor: white;
  margin: auto;
  text-align: center;
}
#bottomDiv a{
  text-decoration: none;
  color: white;
}
#bottomDiv a:hover{
  text-decoration: underline;
  color: white;
}
.botTable{
  padding-top: 5px;
  margin: auto;
}
.bottomTab{
  font-family: Courier;
  color: white;
  padding-left: 5px;
  padding-right:5px;
  font-size: 80%;
  margin:auto;
    }
#bottomText{
  font-family: Courier;
  color: #ce0202;
  font-size: 80%;
  padding-top: 15px;
  padding-bottom: 5px; 
}
/*Deatils Page*/
#rightBlueCreatePane{
  background-color: white;
  color: white;
  text-align: left;
  font-family: Courier;
  width: 298px;
  border-bottom: 3px solid #242424;
}
#advertisementRightTop{
  text-align: center;
}
#shareTimeline{
  background-color: white;
  margin-bottom: 3px;
}
#shareTimelineContent{
  color: white;
  font-size: 80%;
  font-family: courier;
}
#shareTimelineContent a{
  color: white;
  text-decoration: none;
}
#shareTimelineContentLeft{
  float: left;
}
#shareTimelineContentRight{
  float: right;
}
#shareLink{
  color: black;
  padding-left: 30px;
  text-align: right;
}
#shareLink a{
  color: black;
  text-decoration: none;
}
#advertisementTop{
  padding-top: 5px;
  text-align: center;
}
#advertisementRightBottom{
  padding-top: 0px;
  text-align: center;
  border-bottom: 3px solid #242424;
}
#rightDiv{
  float:right;
  width: 300px;
  text-align: center;
  color: white;
  font-family: Courier;
  font-weight; lighter;
  border-left: 3px solid #242424;
  background-color: #242424;
}

#whatDetail{
}
#whatDipityDetail{
  background-image:url(http://cdn.dipity.com/static/images/games/gradient-blue.png.v7589.png);
  background-repeat: repeat-x;
  padding: 5px;
  text-align: left;
  width: 288px;
}
#dipityTextDetail{
  padding-top: 5px;
}
#mostPopularDetail{
  width:715px;
}

/*Detail css ends*/

# Stuff for Modal Dialogs
.modal_dialog {
  position:relative;
}
.modal_dialog.bubble,
.modal_dialog.standard,
.modal_dialog.standard_with_header {
}
.modal_dialog_shade {
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background:#000;
  display:none;
  z-index:10000001;
}
.modal_dialog_close {
  display:block;
  position:absolute;
  overflow:hidden;
  cursor:pointer;
  top:9px;
  right:9px;
  width:19px;
  height:0px;
  padding-top:19px;
  border:none;
  background-image:url(http://cdn.dipity.com/static/images/skins/mono/popup_close_19.png.v6787.png);
}
* html .modal_dialog_close {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.dipity.com/static/images/skins/mono/popup_close_19.png.v6787.png', sizingMethod='crop');
  background:transparent;
}
.modal_dialog_close:hover {
  background-position: -19px 0px;
}
.modal_dialog_close.bubble {
  top: -3px;
  right: 4px;
  width: 12px;
  height: 0px;
  padding-top: 12px;
  background: url(http://cdn.dipity.com/static/images/popup_close_12.png.v2242.png);
}
.modal_dialog_close.bubble:hover {
  background-position: -12px 0px;
}
.modal_dialog_user_div.bubble {
  width: 55px;
  height: 26px;
  position: absolute;
  left: 12px;
}
.modal_dialog_user_div.bubble.tooth_up {
  background: transparent url('http://cdn.dipity.com/static/images/popup_bubble_tooth_up.png.v5941.png') no-repeat;
  top: -25px;
}
.modal_dialog_user_div.bubble.tooth_down {
  background: transparent url('http://cdn.dipity.com/static/images/popup_bubble_tooth_down.png.v4928.png') no-repeat;
  bottom: -25px;
}
.modal_dialog_anchor {
  display:block;
  width:0;
  height:0;
  margin:0;
  padding:0;
  z-index:10000002;
  position:absolute;
  left:50%;
  top:10px;
}
.modal_dialog_anchor_anchored {
  top: 0px;
  left: 0px;
}
.modal_dialog_container {
  display:none;
  position:absolute;
  z-index:10000003;
}
.modal_dialog_content_title {
  font-size:18px;
  color:#FFF;
  border-bottom:2px solid #CCC;
  padding-bottom:3px;
  margin-bottom:8px;
}
.sharebutton {
  float:right;
  width:45px; 
  height:45px; 
  overflow:none; 
  margin-right:5px;
  background:url('http://cdn.dipity.com/static/images/2.0/share.png.v7536.png');
}
.twitterimg { background-position:0px 0px; }
.fbimg { background-position:-45px 0px; }
.diggimg { background-position:-90px 0px; }
.myspaceimg { background-position:-135px 0px; }
.stumbleimg { background-position:-180px 0px; }

/* comments */
.more_comments_bubble {
  background-image:url("http://cdn.dipity.com/static/images/2.0/comments_bubble.png.v7388.png");
  width:255px; 
  height:33px;
}

.more_comments_bubble b {
  position:relative;
  top:4px;
  left:10px;
}

.comment_box {
  padding:3px; width:100%;
}

.comment_box .user_img {
  float:left; 
  margin:6px; 
  border:1px solid #AAA; 
  width:24px; 
  height:24px; 
}

.comment_box .comment_data {
  padding-top:6px; 
  padding-bottom:2px; 
  margin-left:40px; 
  margin-right:20px;
}

/* map view */
#map #event_col {
  padding:8px;
}
#map #event_col ul#event_list {
  margin:0; padding:0;
}
#map #event_col ul#event_list li {
  padding:4px;
}
#map #event_col ul#event_list li:hover {
  background:#EEE;
}
#map #event_col ul#event_list li.highlighted {
  background:#E8E3D3;
}
#map #event_col ul#event_list li a:hover {
  text-decoration:none;
}
#map #event_col ul#event_list li .title {
  font-size:12px;
  color:#333;
  margin-left:16px;
}


/* LIST VIEW */
.listview_event {
  padding:8px;
  background:#fff;
  cursor:pointer;
  color:#000;
}
.listview_event .listview_text.withimg {
  margin-left:72px;
}
.listview_event.even {
  background:#dcdcdc;
}

/* STUFF FOR GRIDS */
.photoset .title,
.grid .title {
  text-align:center; 
  padding-bottom:5px;
}

.grid .gridicon {
  float:left; 
  margin:2px;
  width:24px; 
  height:24px;
  line-height:12px;
  overflow:hidden;
  border:2px solid #DCDCDC;
}

.photoset .gridicon {
  float:left; 
  margin:2px;
  height:75px;
  width:75px;
  line-height:12px;
  overflow:visible;
  border:3px solid #2754A6;
}

.grid .gridicon a {
  text-decoration:none;
}

.photoset .gridicon img {
  border:0px; 
}

.grid .gridicon a .img {
  width:24px;
  height:24px;
  border:none;
}

.searchbox a .gridicon .img {
  width:24px;
  height:24px;
  border:none;
}

.photoset .gridicon .popup,
.grid .gridicon a .popup {
  display:none;
  position:absolute;
  width:0px;
  height:0px;
  overflow:visible;
  z-index:1000001;
}

.grid .gridicon a:hover .popup {
  display:block;
}

.photoset .gridicon .popup .box, 
.grid .gridicon .popup .box {
  margin-top:-30px;
  margin-left:-1px;
  width:180px;
  border:1px solid #AAA;
  padding:2px 4px;
  background:white;
  text-decoration:none;
  overflow:hidden;
  color:#333;
  white-space:nowrap;
  position:absolute;
}


/* STYLED BUTTONS */
/* styled_button basic definition */
.styled_button {
  position:relative;
  white-space:nowrap;
  height:22px;
  line-height:22px;
  display:block;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  padding:0px 0px 0px 16px;
  margin-right:24px;
  font-size:13px;
  float:left;
  position:relative;
}
.styled_button .rightedge {
  position:absolute;
  width:16px;
  right:-16px;
  top:0px;
  height:22px;
}
a.styled_button {
  background-position:0px -22px;
}
a.styled_button:hover {
  background-position:0px -44px;
  text-decoration:none;
}
a.styled_button:active {
  text-decoration:none;
}
div.styled_button {
  background-position:0px -88px;
}
a.styled_button .rightedge {
  background-position:-496px -22px;
}
div.styled_button .rightedge {
  background-position:-496px -88px;
}
a.styled_button:hover .rightedge {
  background-position:-496px -44px;  
}
.styled_button img.icon {
  text-decoration:none;
  border:none;
  margin-right:8px; 
}

/* standard (blue) button */
.styled_button_standard,
.styled_button_standard .rightedge {
  background-image:url(http://cdn.dipity.com/static/images/skins/mono/popup_button_dark.png.v6776.png);
  color:#FFF;
}

/* green for premium */
.styled_button_gold,
.styled_button_gold .rightedge {
  background-image:url(http://cdn.dipity.com/static/images/2.0/popup_button_gold.png.v7356.png);
  color:#000;
}


/* green for signup */
.styled_button_green,
.styled_button_green .rightedge {
  background-image:url(http://cdn.dipity.com/static/images/2.0/popup_button_green.png.v7334.png);
  color:#FFF;
}

/* grey buttons */
.styled_button_grey,
.styled_button_grey .rightedge {
  background-image:url(http://cdn.dipity.com/static/images/2.0/popup_button_grey.png.v7424.png);
  color:#222;
}

/* grey buttons */
.styled_button_grey_fixed {
  background-image:url(http://cdn.dipity.com/static/images/2.0/popup_button_grey_fixed_width.png.v7424.png);
  width:92px;
  color:#222;
  font-size:12px;
}

a.styled_button_big {
  background-position:0px -38px;
  line-height:35px;
}
a.styled_button_big:hover {
  background-position:0px -77px;
}
a.styled_button_big .rightedge {
  background-position:-173px -38px;
}
a.styled_button_big:hover .rightedge {
  background-position:-173px -77px;
}

.styled_button_greenbig,
.styled_button_greenbig .rightedge {
  background-image:url(http://cdn.dipity.com/static/images/2.0/popup_button_green_big.png.v7406.png);
  color:#FFF;
  height:38px;
  font-size:24px;
}
.styled_button_ltbluebig,
.styled_button_ltbluebig .rightedge {
  background-image:url(http://cdn.dipity.com/static/images/2.0/popup_button_ltblue_big.png.v7406.png);
  color:#666;
  height:38px;
  font-size:24px;
}




/* cancel (grey) button */
.ajaxform .styled_button_standard {
  margin-right:42px;
}
.ajaxform #ev_form_submit_more.styled_button_standard {
  margin-right:24px;
}
.styled_button_cancel,
.styled_button_cancel .rightedge {
  background-image:url("http://cdn.dipity.com/static/images/2.0/cancel_button.png.v6116.png");
  color:#666;
}
a.styled_button_cancel:hover {
  color:#777 !important;
}

/* red button */
.styled_button_red,
.styled_button_red .rightedge {
  background-image:url("http://cdn.dipity.com/static/images/2.0/popup_button_red.png.v6117.png");
  color:#bb3400;
}
a.styled_button_red:hover,
a.styled_button_red {
  color:#bb3400 !important;
}

/* overrides for styled_button class for styled_button_filter */
.styled_button_filter,
.styled_button_filter .rightedge {
  background:url("http://cdn.dipity.com/static/images/2.0/filter_button.png.v5253.png");
}
.styled_button_filter {
  height:20px;
  line-height:20px;
  padding:0px 0px 0px 12px;
  font-size:12px;
}
.styled_button_filter .rightedge {
  position:absolute;
  width:12px;
  right:-12px;
  height:20px;
}
div.styled_button_filter {
  background-position:0px -80px;
  cursor:pointer;
  color:#FFF;
}
a.styled_button_filter {
  background-position:0px -20px;
  color:#3c5f91;
}
a.styled_button_filter:hover {
  background-position:0px -40px;
  text-decoration:none;
  color:#4a74b1 !important;
}
a.styled_button_filter .rightedge {
  background-position:-500px -20px;
}
div.styled_button_filter .rightedge {
  background-position:-500px -80px;
}
a.styled_button_filter:hover .rightedge {
  background-position:-500px -40px;  
}