/*
	This is the new CSS style
*/

/*
	General properties for the whole page
*/
body {
	background-color: #444444;
	font-family: Geneva, Arial, sans-serif;
	/* font-family: Courier, serif;	*/
	font-size: normal;
	color: #ffffff;
}

h1 {
	color:	#6699ee;
	font-size: 200%;
}

h2 {
	color:	#aa8877;
	font-size: 140%;
}

a:link, a:visited {
	color:	#ffbbdd;
}

/*
	Sections
*/
#allcontent {
	width:		930px;
	/*
	border-style:	dotted;
	border-color:	black;
	border-width:	1px;
	*/
	padding:	10px;

	/* making left, right = auto => center the content 
	   but IE6 seems doesn't work :<
	*/
	margin-left:	auto;
	margin-right:	auto;
}

#card_information {
	width:		450px;
	padding:	0px;
	font-size:	100%;
	margin:		0px;
	margin-top:	10px;
	margin-bottom:	10px;
}

#show_option {
	width:		440px;
	padding:	0px;
	font-size:	100%;
	margin-top:	0px;
	margin-bottom:	20px;
	float:		right;
}

#skills {
	clear:		right;
}

#user_login {
	width:		100%;
	padding:	0px; 
	margin:		20px;
	margin-left:	0px;
	margin-right:	0px;
	font-size:	100%;
	text-align:	center;
}

#spread_firefox {
	width:		100%;
	float:		center;
	text-align:	center;
	margin-top:	40px;
}


/*
	The followings are used for the styles needed
	in the skill point tables
*/

table.skillpoint_table {
	border:		thin dotted black; 
	border-collapse:	collapse; 
}

table.skillpoint_table th {
	font-size:	100%;
	font-weight:	normal;
	background-color:	#85c3a2;
}

table.skillpoint_table tr {
	font-size:	80%;
	font-weight:	normal;
	background-color:	#777777;
}

/*
table.skillpoint_table tr.EXT {
	background-color:	#ffbbbb;
}

table.skillpoint_table tr.ADV {
	background-color:	#ffffbb;
}

table.skillpoint_table tr.BSC {
	background-color:	#bbffbb;
}
*/

table.skillpoint_table td, th {
	padding:	3px;
}

.skill {
	font-style:	italic;
	color:		red;
}


/* Used to build round boxes */
/* set millions of background images */

/*
.rbroundbox { background: url(pics/nt-1.gif) repeat; }
.rbtop div { background: url(pics/tl-1.gif) no-repeat top left; }
.rbtop { background: url(pics/tr-1.gif) no-repeat top right; }
.rbbot div { background: url(pics/bl-1.gif) no-repeat bottom left; }
.rbbot { background: url(pics/br-1.gif) no-repeat bottom right; }
*/

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { 
	margin: 0 7px;
	padding: 10px;
}
.rbroundbox { margin: 1em auto; }


/* Set the pictures borders */
img.pic_border {
	border-style:	dotted;
	border-color:	#0099ff;
	border-width:	2px;
	-moz-border-radius:	25px;
	padding:	25px;
}