* {
margin: 0;
padding: 0;
}

html {
background: #3B8686;
}

body {
background: #3B8686;
font-size: 62.5%;
font-family: lucida sans unicode, lucida grande, lucida, sans-serif;
}

#wrap {
position: relative;
margin: 0 auto;
width: 540px;
padding-top: 250px;
}

#join-in-wrap {
display: none;
margin: 0 auto;
width: 500px;
}

#join-in {
background: #70A2AB;
padding: 20px;
}

#join-in-wrap p {
font-size: 1.3em;
color: #FFF;
line-height: 140%;
margin-bottom: 20px;
}

#join-in-wrap p a {
color: #FFF;
}

#join-in-wrap #update-example {
padding: 10px;
background: #FFF;
color: #444;
border: 1px solid #999;
}

#join-in-wrap #update-example span {
color: #000;
}

#menu {
position: absolute;
top: 0px;
right: 20px;
list-style: none;
}

#menu li {
float: left;
margin-left: 2px;
font-size: 1.1em;
}

#menu li a {
display: block;
padding: 7px 9px 8px 9px;
background: #70A2AB;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

#menu li a:link, #menu li a:visited {
color: #EEE;
}

#menu li a:hover, #menu li a:active {
color: #FFF;
}

#updates-wrap {
height: 200px;
}

h1 {
position: absolute;
top: 130px;
left: 20px;
width: 191px;
height: 77px;
}

h1 a {
display: block;
width: 191px;
height: 100px;
text-indent: -9999px;
background: url(../images/logo.png);
}

h3 {
color: #FFF;
font-size: 1.5em;
margin-bottom: 10px;
}

#random {
list-style: none;
width: 500px;
margin: 0 20px;
height: 200px;
overflow: hidden;
}

#random li {
width: 500px;
background: url(../images/li-bg.png) bottom left no-repeat;
padding-bottom: 4px;
font-size: 1.4em;
color: #A5C2C7;
margin-bottom: 120px;
}

#random li p {
background: #0b486b url(../images/p-bg.png) top left no-repeat;
padding: 16px 20px 12px 20px;
}
	
#random li p span {
color: #FFF;
text-decoration: none;
text-shadow: 1px 1px  #666;  
}

#random li p a {
color:#A8DBA8;
text-decoration:none;
}

#random li p a:hover {
color:#A8DBA8;
text-decoration:underline;
}

#random #found, #random #found a {
color: #3086b7;
font-weight:bold;
}

h2 {
margin-left: 20px;
width: 48px;
height: 70px;
background: url(../images/h2-bg.png) center bottom no-repeat;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
display: block;
width: 60px;
height: 60px;
background: url(../images/avatar-bg.png);
}

h2 a img {
width: 48px;
height: 48px;
margin: 6px;
}

#footer {
font-style: italic;
font-family: georgia;
margin: 40px;
font-size: 1.1em;
color: #A8DBA8;
padding-top: 20px;
}

#footer span {
font-weight: bold;
color: #FFF;
}

.info {
border-top: 1px solid #E4E4E4;
padding-top: 20px;
margin-top: 8px;
}

#footer a {
color: #FFF;
}

img {
border: none;
}

a {
outline: none;
}