html * {margin: 0; padding: 0;}

a:link {color: #000000; text-decoration: underline; }
a:active {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }

body {
  margin: 0 auto;
  width: 940px;
  background: url('1337.png');
  font-family: Verdana;
  font-size: 62.5%;
  line-height: 1.2em;
  letter-spacing: 0;
  text-align: left;
  word-spacing: normal;
  text-decoration: none;
  color: #444}

/* Footer */

#footer {
	clear: both;
	padding: 10px 0;
	font-size: smaller;
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
}



UL {
font-size : 10pt; 
font-family : "Trebuchet MS", arial, helvetica, sans-serif; 
color : #003366; 
;
}

UL UL LI {
font-size : 10pt; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
;
}

UL UL UL LI {
font-size : 10pt; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color : #003366; 
;
}

#menu {
	width: 900px;
	height: -5px;
	padding-top: -5px;
	margin: 0 auto;
}

#menu ul {
	float: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	float: center;
	height: 10px;
	padding: 0px 7px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	color: #000000;
}

#menu a:hover {
	background: #3f63a1;
	color: #FFFFFF;
}

.side
{
	width: auto;
	text-align: left;
	padding-left: 10px;
	padding: 5px;
	margin: 0px;
	background: #FFF;
	border: 0px solid #3f63a1;
}

span.tool {
  position: relative;   /* this is key */

}

span.tool span.tip {
  display: none;        /* so is this */
}



/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: 200px;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

#branding {display: block; width: 390px; height: 97px; background: url('images/logo.gif') no-repeat left center; margin-top: 10px;}
#branding span {position: absolute; left: -9999px;}

h2 {color: #000000; font-size: 2em; margin-bottom: 10px;}

ul {}
li {list-style: none;}

input2 {
  font-family: Verdana;
  color: #c4c4c4;
  font-size: 1.8em;
  padding: 8px;
  border: #ececec 2px solid;
  margin-top: 5px;
}

p {font-size: 1.4em;}

button {width: 124px; height: 21px; border: none; cursor: pointer; display: block;}

.rounded {
  background: #fff;
  margin-top: 20px;}
  .rounded {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}



.box_420 {width: 420px; padding: 20px; float: left; overflow: hidden; margin-bottom: 20px;}
.box_420 li {overflow: hidden; border-bottom: #e2e2e2 1px solid;}
.box_420 li .like_button {float: left; margin-right: 30px; width:55px; height:25px; padding-top: 6px;}
.box_420 ul li a {display: block; color: #686868; font-size: 1.2em; text-decoration: none; float: left; padding: 10px 0;}
.box_420 ul li.last {border: none;}

.box_840 {width: 900px; padding: 20px; float: left; overflow: hidden; margin-bottom: 0px;}
.box_840 li {overflow: hidden; border-bottom: #e2e2e2 1px solid;}
.box_840 li .like_button {float: left; margin-right: 30px; width:55px; height:25px; padding-top: 6px;}
.box_840 ul li a {display: block; color: #686868; font-size: 1.2em; text-decoration: none; float: left; padding: 10px 0;}
.box_840 ul li.last {border: none;}

.box_841 {width: 900px; padding: 20px; float: left; overflow: hidden; margin-bottom: 50px;}
.box_841 li {overflow: hidden; border-bottom: #e2e2e2 1px solid;}
.box_841 li .like_button {float: left; margin-right: 30px; width:55px; height:25px; padding-top: 6px;}
.box_841 ul li a {display: block; color: #686868; font-size: 1.2em; text-decoration: none; float: left; padding: 10px 0;}
.box_841 ul li.last {border: none;}

#create_page, #page_header {padding: 20px; overflow: hidden; clear: both;}
#create_page input2, #page_header input2 {width: 880px;}


#create_page, #page_details {padding: 20px; overflow: hidden; clear: both;}
#create_page input2, #page_details input2 {width: 880px;}
#character_count {float: right; font-size: 1.2em; color: #7d7d7d; margin: -10px 0 10px 0;}
#url {font-size: 1.4em; margin-top: 10px; color: #aeaeae; display: none;}
#create_button {float: right; margin-top: 10px; width: 124px; height: 21px; background: url('images/create_button.gif') no-repeat left center;}
#create_button span {position: absolute; left: -999px;}

#total_pages {
  padding: 20px;
  width: 200px;
  text-align: center;
  font-size: 1.4em;
  float: right;
  margin: -80px 0 10px 0;}
#total_pages span#count {
  font-weight: 700;}


#popular_pages ul li, #new_pages ul li {overflow: hidden;}

#popular_pages ul li a:hover, #new_pages ul li a:hover {color: #464646;}

ul li a.last {border: none !important;}

#popular_pages h2, #new_pages h2 {
  padding: 12px 0 12px 45px;
  font-size: 1.8em;
  margin-top: -20px;
  background: url('images/star.gif') left center no-repeat;
}

#random_pages h2 {
  padding: 12px 0 12px 45px;
  font-size: 1.8em;
  margin-top: -20px;
  background: url('images/star.gif') left center no-repeat;
}

#new_pages, #statistics, #useful_links {margin-left: 20px;}

#share {overflow: hidden;}
#share li {float: left; margin-right: 10px;}
#share li a {color: #7d7d7d; font-size: 1.2em;}

#footer {padding: 20px; font-size: 1.2em; clear: both; margin-bottom: 20px;}