html, body {
  min-height: 100%;
}
body {
  background-image: -moz-radial-gradient(center 50px 45deg, circle closest-corner, #333 0%, black 80%, black 100%);
  background-image: -webkit-gradient(radial, center 50, 0, center 50, 600, from(#333), to(#000), color-stop(0%, #555));
  background-color: #222;
  color: white;
  font: 0.9em Arial,Helvetica,sans-serif;
}

#wrap {
  width: 800px;
  margin: auto;
}

a {
  color: #FF8030;
}

a img {
border: none;
}

ul#menu {
  width: 100%;
  height: 40px;
  background: #333;
  background-image: -moz-linear-gradient(top, #333, #555);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#333333', EndColorStr='#555555', GradientType=0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px black; 
  -moz-box-shadow: 0px 0px 10px black;
  -webkit-box-shadow:0px 0px 10px black; 
  padding:0px;
}

ul#menu li {
  float: left;
  list-style-type: none;
  width: 157px;
  text-align: center;
  padding-top: 11px;
  height: 30px;
  border-left: 1px transparent solid; 
  border-right: 1px black solid;
}

ul#menu li:hover {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}

ul#menu li:last-child {
  border-right: 1px transparent solid;
}

ul#menu li:first-child {
  border-left: 1px transparent solid;
}


ul#menu li a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  text-shadow: 1px 1px 2px black;
}

.gamelist img {
  -moz-box-shadow: 0px 0px 20px #555;
  -webkit-box-shadow: 0px 0px 20px #555;
  box-shadow: 0px 0px 20px #555;
}

.gamelist li {
float:left;
height:150px;
list-style-type:none;
margin:15px;
text-align:center;
width:110px;
}

.gamelist li a {
  text-decoration: none;
  color:#FF8030;
  text-shadow: 1px 1px 2px #000;
}


.discussion {
	padding: 0;
}
.discussion li { 
	padding: 8px;
	border: 1px solid #333;
	list-style-type: none;
	margin-bottom: 10px;
}
.discussion li hr { 
	border: 1px dotted #333;
}

input, select, textarea {
  margin-left: 2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 15px;
  background: black;
  background: -moz-linear-gradient(center top , #000, #555 1px, #000 25px) repeat scroll 0 0 transparent;
  -moz-box-shadow: 0px 0px 20px #555;
  -webkit-box-shadow: 0px 0px 20px #555;
  box-shadow: 0px 0px 20px #555;
  color: white;
}
textarea {
	width :20em;
	height: 10em;
}
label {
	display: block;
}

fieldset, pre {
	border: 1px solid #333;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 5px;
}

.gamedetails th {
	text-align: left;
	vertical-align: top;
}
.gamedetails {
	width:400px;
	float: left;
}

.gamedetails h2 {
margin-top: 0;
}

#share-icons {
  width: 300px;
}

#right-pane {
  width: 300px;
  float: right;
  padding-top: 8px;
}


.share-twitter, .share-facebook, .share-delicious, .share-digg{
  background: #5F78AB;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 2px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size:11px  
}

.share-delicious {
  background: #3274D0;  
}

.share-digg {
  background: #FFFBE0; 
	color: #675D1C;
}


.share-twitter {
  background: #95cd3c;  
}


.ppy-outer {
    display:                none;
}
.ppy-active .ppy-outer {
    display:                block;
}
.ppy-stage {
    background-repeat:      no-repeat !important;
    background-position:    center center !important;
    position:               relative;
}

.ppy-placeholder {
    position:               relative;
}

.ppy-caption,
.ppy-captionwrap {
    overflow:               hidden;
}

.ppy-hidden {
    display:                none !important;
}

.ppy-imglist {
    width:          100%;
    display:        block;
    overflow:       hidden;
    
}
.ppy-imglist li {
    padding:        10px;
    border:         1px solid #f0f0f0;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
    background:     #fff;
    list-style:     none;
    float:          left;
    display:        block;
    margin:         0 10px 10px 0;
}
.ppy-imglist li a img {
    display:        block;
    border:         0;
}

#ppy1 .ppy-extcaption {
    width:          240px;
    display:        block;
}
#ppy1 .ppy-imglist li {
    width:          240px;
    height:         270px;
}
#ppy2 .ppy-imglist li,
#ppy2 .ppy-imglist li a {
    width:              160px;
    height:             160px;
    overflow:           hidden;
    display:        block;
}





#ppy1.ppy-active {
    width:          262px;
    float:          left;
    margin:         0 20px 10px 0;
}

#ppy1 .ppy-outer {
    padding:        10px;
    border:         1px solid #333;
    border-radius:          0 10px 10px 10px;
    -moz-border-radius:     0 10px 10px 10px;
    -webkit-border-radius:  0 10px 10px 10px;
    background:     #333;
}

#ppy1 .ppy-stage {
    width:          240px;
    height:         173px;
    border-radius:          0 5px 5px 5px;
    -moz-border-radius:     0 5px 5px 5px;
    -webkit-border-radius:  0 5px 5px 5px;
}

#ppy1 .ppy-outer:hover,
#ppy1.ppy-expanded .ppy-outer {
    box-shadow:         0 0 7px #ccc;
    -moz-box-shadow:    0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
}

#ppy1 .ppy-caption {
    margin:         5px 0 0 0;
    padding:        10px;
    font-size:      0.9em;
    line-height:    1.3em;
    color:          #809f21;
    background:     #eeffa8;
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    box-shadow:         0 0 7px #ccc;
    -moz-box-shadow:    0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
    visibility:         hidden;
}

#ppy1 .ppy-caption a {
    color:          #66bde9;
}
#ppy1 .ppy-caption a:hover {
    text-decoration:underline;
}

#ppy1 .ppy-counter {
	display: none;
}

#ppy1 .ppy-stagewrap {
    background:     black;
    border-radius:          0 5px 5px 5px;
    -moz-border-radius:     0 5px 5px 5px;
    -webkit-border-radius:  0 5px 5px 5px;
}

#ppy1 .ppy-loading {
    background:     #0c3b3d url(popeye/loading1.gif) no-repeat center !important;
}

#ppy1 .ppy-nav {
    background:     orange;
    background:     -moz-linear-gradient(
        center bottom,
		#ffd080 0%,
        #ffa500 100%
    );
    width:          104px;
    height:         32px;
    padding:        5px;
    position:       absolute;
    top:            0;
    left:           0;  
    border-radius:          0 0 5px 5px;
    -moz-border-radius:     0 0 5px 5px;
    -webkit-border-radius:  0 0 5px 5px;   
}

#ppy1 .ppy-nav a {
    display:        block;
    overflow:       hidden;
    text-indent:    -900em;
    height:         22px;
    float:          left;
    padding:        5px;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px; 
}

#ppy1 .ppy-prev {
    width:          22px;
    background:     url(popeye/prev3.png) no-repeat center;
}

#ppy1 .ppy-next {
    width:          22px;
    background:     url(popeye/next3.png) no-repeat center;
}

#ppy1 .ppy-switch-enlarge {
    width:          30px;
    background:     url(popeye/enlarge3.png) no-repeat center;
}

#ppy1 .ppy-switch-compact {
    width:          30px;
    background:     url(popeye/compact3.png) no-repeat center;
}

#ppy1 .ppy-nav a:hover {
    background-color:   orange;
    cursor:         pointer;
}

#main { 
padding: 10px;
}

#footer {
  clear: both;
  text-align: center;
  font-size: 0.8em;
}