@charset "utf-8";

/* body */
body {
	background-image:url(http://www.souse.cc/images/background/yellow.jpg);
    background-repeat:repeat;
    font-family:Verdana,"新細明體";
    font-size:12px;
    padding:0px;
    margin:0px;
}

#container {
    padding:15px;
}
/* header login */
#loginContainer {
    margin:0px auto;
    width: 950px;
    padding:2px;
    text-align:right;
}

/* header */
#header {
    margin:0px auto;
    width: 950px;
    height: 60px;
    padding:2px;
}

h1 {
	padding:0px;
	margin:0px;
}

#logo {
    float:left;
}

#ad_468x60 {
    float:left;
    padding-left:50px;
}

/* content */
#content {   
	width:950px;
	margin:0px auto;
	overflow-x:visible;
}

#mainContainer {
	padding:2px;
    float:left;
}

#mainContent {
    width:760px;
    font-size:15px;
    overflow:hidden;
    padding:2px;
}

.linksContainer {
    width:160px;
    float:left;
}

.linksContent {
    padding:2px;
}

.frenchContainer {
	width:200px;
    float:left;
}

.frenchContent {
    padding:2px;
    font-size:15px;
}

/* links */
a, a:link, a:active, a:visited {
	color:#0066CC;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

/* navbar */
.navContainer {
	margin:0px auto;
	padding:2px;
	width: 950px;
	overflow:auto;
}
.navContent {
    padding:2px;
	overflow:auto;
	font-size:16px;
	font-weight:bold;
}
.navbar li {
	float:left;
	margin-left:10px;
	height:25px;
	line-height:25px;
}
.navItems {
	
}

/* colorful table */
.solidBox {
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.solidBox td {
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 2px;
    line-height:1.4em;
}

.solidBox .title {
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 2px;
    color:#fff;
    text-align:center;
}

.orangeTable {
    border-color:#FF9900;
    color:#333;
}

.orangeTable .title {
    background-color:#FF9900;
}

.orangeTable td {
    background-color: #fff;
    border-color:#FF9900;
}

.pinkTable {
    border-color: #FFA6B6;
    color:#333;
}

.pinkTable .title {
    background-color: #FFA6B6;
}

.pinkTable td {
    background-color: #fff;
    border-color: #FFA6B6;
}

.blueTable {
    border-color: #0099FF;
    color:#333;
}

.blueTable .title {
    background-color: #0099FF;
}

.blueTable td {
    background-color: #fff;
    border-color: #0099FF;
}

.yellowTable {
    border-color: yellow;
    color:#333;
}

.yellowTable .title {
    background-color: yellow;
    color:#000;
}

.yellowTable td {
    background-color: #fff;
    border-color: yellow;
}


.greenTable {
    border-color: #68C857;
    color:#333;
}

.greenTable .title{
    background-color: #68C857;
}

.greenTable td {
    background-color: #fff;
    border-color: #68C857;
}

.spaceTable {
    border-color: #0099FF;
    color:#333;
}

.spaceTable .title {
	color:#000080;
    background-color: #0099FF;
}

.spaceTable td {
    background-color: #fff;
    border-color: #0099FF;
}

.purpleTable {
    border-color: #800080;
    color:#333;
}

.purpleTable .title {
	color:#FFFFFF;
    background-color: #800080;
}

.purpleTable td {
    background-color: #fff;
    border-color: #800080;
}

.moonTable {
    border-color: #333333;
    color:#333;
}

.moonTable .title {
	color:#cccccc;
    background-color: #333333;
}

.moonTable td {
    background-color: #fff;
    border-color: #333333;
}

.frenchTable {
    border-color: #5A64E0;
    color:#333;
}

.frenchTable .title {
	color:#FFFFFF;
    background-color: #5A64E0;
}

.frenchTable td {
	color:#FFFFFF;
    background-color: #999fec;
    border-color: #5A64E0;
}

.redFont {
	font-size:smaller;
	font-family:verdana;
	color:red;
}

a.boyLink, a.boyLink:visited, a.boyLink:active {
    color:#8888FF;
}
a.girlLink, a.girlLink:visited, a.girlLink:active {
    color:#FF66FF;
}

.buttons {
	width:100px;
}

.avatarFrame {
	border:1px solid #cccccc; 
	padding:2px;
}