body {
	margin: 0 0 0 0;
	padding: 0;
	color: #000;
	text-align: center;
	background: #CCC;
}


/* the wrapper holds the whole thing centrally in the browser window */

#wrapper {
	margin: 0 auto;
        padding: 0;
	width: 1024px;
	background: #FFF;
	color: #000;
	text-align: left;

}

/* the masthead. Change the image reference to the one you want to use */

#header {
	   margin: 0 0 0 0;
	   color: #000;
	   height: 264px;
	   width: 1024px;
	   border: 0px;
	   background: url(http://facingchina.com/images/top.jpg);
}


/* the content style holds the two main columns together */

#content {
        margin-top: -14px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        width: 1024px;
        background: url(http://facingchina.com/images/menured.jpg) repeat-y left;
}



/* blog is the right hand column where your entries and main content appear */

#blog {
        float: top;
        width: 750px;	
        margin-left: 273px;
        margin-top: 0px;
        margin-bottom: 10px;
        color: #000;
        text-align: left;
        padding: 0;
        font: 14px/130% 'Times New Roman', 'Times Roman', Times, serif;
        line-height: 165%;
}

/* sidebar is the left column where all the links and secondary info show up */

#sidebar {
        float: left;
        width: 244px;
        color: #FFF;
        text-transform: uppercase;
        text-align: left;
        font: 14px  Helvetica, Arial, 'Lucida Grande', Verdana, Sans-Serif;
        font-weight: bold;
        line-height: 200%;
        letter-spacing: .1em;  
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 27px;
        margin-bottom:  0px;
           
}

#sidebar ul a:link {
	color: #FFF;
	text-decoration: none;

}
#sidebar ul a:visited {
	color: #FFF;
	text-decoration: none;

}
#sidebar ul a:hover {
	color: #FFF;
	text-decoration: none;

}
#sidebar ul a:active {
	color: #FFF;
	text-decoration: none;

}

#sidebar a:link {
	color: #FFF;
	text-decoration: none;

}
#sidebar a:visited {
	color: #FFF;
	text-decoration: none;

}
#sidebar a:hover {
	color: #000;
	text-decoration: none;

}
#sidebar a:active {
	color: #FFF;
	text-decoration: none;

}

/* the main class keeps blog content away from the edges. Could have been done with padding in the blog class, but that could cause some woes with older browsers */

.main {
        margin: 0 16px 0 18px;
        width: 482px;

}


/* These are the default link styles */

#blog a:link {
	text-decoration: none;
	color: #FF0000;
	background: transparent;
}
#blog a:hover {
	text-decoration: none;
	color: #FF0000;
	background: #000;
}
#blog a:visited {
	text-decoration: none;
	color: #666;
	background: transparent;
}


.center {
	text-align: center;
}

/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}