body
{
 background-color:rgb(58,58,58);
 background-image:url('image/cosmic20.jpg');
 font-family:arial,verdana, serift;
font-size: 14px;
 
}
*
{
	list-style-type:justify;
	text-decoration:none;
}
ul 
{
	list-style-type:none;
	text-decoration:none;
	text-transform: uppercase;
	font-family: arial, sans serif;
	color: black;
}
a
{
	text-decoration:none;
	color:white;
}
#nav
{
	float:left;
	width:100%;
	height:10px;
/*	background-color:rgb(21,21,21);*/
	position:relative;
	margin-top:30px

}
#nav ul
{
	float: left;
	list-style-type:none;
	font-size:15px;
	position:absolute;
	margin-left: 80px;
	
	
}
#nav li
{
		display:inline;
		padding-left:15px;
		padding-right:15px;
		font-weight:bold;
		width: 100%;
		margin-left:10px;
		border-radius:3px;
		background-color:#BA2523;
}
#nav a
{
	font-weight:bold;
	text-decoration:none;
	color:black;
}
#nav a:hover
{
	text-decoration:underline;
	color:white;
}
 h1
{
	font-size:17px;
	position:absolute;
	margin-bottom:10px;
	color:rgb(47,37,28);
	height: 30px;
	width:150px;
	font-weight:bold;
	margin-top:10px;
	line-height: -20px;
	padding-left: 20px;
	font-family: arial, sans serif;
}

#footer {
position: relative;
width: 100%;
border-top: 5px solid #A3130F;
padding-top: 5px;
margin: 0px auto;
height: 20px;
color: black;

text-align: center;
}
#footer ul, li
{
	display:inline;
	text-decoration:none;
	padding: 7px;
	color:black;
	font-weight:bold;
	color:black;
	
}
#footer a
{
	font-size: 13px;
	text-transform:normal;
	color:black;
}
#wrapper 
{
width: 1000px;
height: 100px;
border-radius: 0px;
margin: 0px auto;
padding-top: 10px;
}

#container {
width: 100%;
margin: 60px auto;

clear: both;
}

#content {
position: relative;
border-radius: 5px;
float: right;
margin-left: 15px;
margin-right: 15px;
width: 1000px;
background: white;
}
#article {
margin: 15px 20px 20px 20px;
width: 685px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border-right: 3px solid #A3130F;


}
#sidebar {
position: relative;
float: right;
width: 230px;
margin: 20px 20px 20px 20px;
}
#sidebar h2 {
font-size: 17px;
color: white;
text-transform: uppercase;
border-bottom: 1px solid #A3130F;
padding-bottom: 5px;
}
.widget {
padding: 10px;
width: 215px;
background: rgb(65,65,65);
border-radius: 5px;
font-size: 12px;
margin-bottom: 20px;
}
.widget ul {
width: 205px;
padding-top: 10px;
text-align: left;
margin-left: -40px;
}
.widget li {
padding-bottom: 3px;
padding-top: 3px;
padding-left: 5px;
border-bottom: 1px solid #BA2523;
text-transform: uppercase;
display:block;
}
.Name
{
text-transform: normal;
font-weight:bold;
font-weight:bold;
color:#BA2523;
font-size:25px;
margin-bottom:5px;
white-space: nowrap;
display:block;
margin-bottom:10px;
margin-top:5px;

}
.Age
{
text-transform: normal;
color:black;
font-size:13px;
font-weight:bold;
white-space: nowrap;
display:inline;
}

.Email
{
text-transform: normal;
color:black;
font-size:13px;
font-weight:bold;
white-space: nowrap;

display:inline;
}
.Add
{
text-transform: normal;
color:black;
font-size:13px;
font-weight:bold;
white-space: nowrap;

display:inline;
}
.Bday
{
text-transform: normal;
color:black;
font-size:13px;
font-weight:bold;
white-space: nowrap;

display:inline;
}
.link a
{
text-transform: normal;
font-weight: bold;
color:black;
font-size:15px;
;
}
.link a
{
	text-decoration:none;
}
.link a:hover
{
	text-decoration:underline;
}
#content-login
{
float:left;
	color: white;
	text-transform:uppercase;
	width:500px;
	height: 250px;
	padding: 5px 20px 20px 20px;
	line-height: 50px;
	margin: 0px 0px 10px auto;
	border-radius: 5px;
	font-family: arial, sans serif;
}
#content-register
{
float:left;
color: #666;
line-height:35px;
padding: 10px 40px 10px 40px;
font-weight:bold;
font-size:15px;
margin-top:20px;
margin-bottom:40px;

}
#box-right
{
float:right; 
margin: 200px auto 40px auto;
width: 585px;
background:black;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
color:white;
}
#box-left
{
float: left;
background:black;
margin: 200px auto 40px auto;
height:100px;
width:300px;
border-radius: 5px;

padding: 10px 10px 10px 10px;


}
#box-left a
{

color:white;
text-decoration:underline;
}