stylebook.css

#web
{
width:100%;
font-family:Arial;
overflow-x:hidden;
min-height:100%;
}
        
#header
{
	background-color: rgb(59,89,152);
	width:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	height:90px;
	top:0px;
	left:0px;
}
#together
{
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15%;
	margin-right:15%;
	
}
#image
{
	height:60px;
	width:30%;
	float:left;
}
#right1
{
	float:right;
	color:white;
}
.login
{
	color:white;
	background-color: rgba(80, 110, 230, 1); 
    border:1px solid #008CBA;
	cursor:pointer;
}
.login:hover{
	background-color: rgb(59,89,152);
}
.message
{
	color: #9cb4d8;
	cursor:pointer;
}
.message:hover{
	text-decoration:underline;
}
.hoverking:hover{
	border:4px solid rgba(80, 110, 230, 1);
}
#mainbody
{
margin:0;
padding:0;
width:100%;
background:#D3D8E8;
background: -webkit-linear-gradient(white,#D3D8E8);
background: -o-linear-gradient(white,#D3D8E8);
background: -moz-linear-gradient(white,#D3D8E8);
background: linear-gradient(white,#D3D8E8);
position:absolute;
top:90px;
height:720px;
}
.left
{
	position: relative;
	width:50%;
	margin:0;
	padding:0;
	color: #0e385f;
	float:left;
	font-size:1.4em;
	top:30px;
	left:15%;
	
}
.right 
{
	position:relative;
	color:black;
	float:right;
	width:40%;
	top:25px;
	left:-18px;
	
}
	.zuck
	{
		font-size:2.65em;
		padding:0px;
	}
.fill
{
	width:100%;
	height:2em;
	border-radius:0.3em 0.3em 0.3em 0.3em;
	color: rgba(0,0,0,0.4);
	padding:0.1px;
	font-size:1.2em;
}
.berg
{
	font-size:1.58em;
}
.birthday
{
	font-size:1.35em;
}
#dropdown
{
	font-size:0.9em;
	height:2.2em;
	padding:0.4em 0.4em 0.4em 0.4em;
	width:13%;
}

#drop
{
	height:2.5em;
	width:100%;
}
label,#yo
{
	font-size:1.3em;
	padding:0.5em 0.5em 0.5em 0.5em;
	margin-top:0.78em;
}
.orkut
{
	font-size:0.8em;
}
.highlight
{
	color:rgb(59,89,152);
}
.done
{
	background: linear-gradient(#67ae55, #578843);
    background-color: #69a74e;
    box-shadow: inset 0 1px 1px #a4e388;
    border-color: #3b6e22 #3b6e22 #2c5115;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 8px;
	font-weight:bold;
	position:relative;
}

#style1
{
	font-size:1.04em;
	color:rgba(0,0,0,0.6);
}

.door
{
   color:rgb(59,89,152);	
}

.hoverking
{
	background-color:rgb(250, 255, 189);
}

.foot
{
	margin:0 auto;
	padding:0;
	color: rgba(0,0,0,0.4);
	position:relative;
	top:400px;
	left:25%;
}


.content
{
	position:relative;
	width: 100%;
	margin:0 auto;
	zoom:1;
	height:100px;
}

.foot hr
{
	border-color: rgba(0,0,0,0.1);
}

.icon 
{
	max-height: 1.4em;
	max-width:2.8em;
}

.horizon,.horizon li
{
	margin-left:0;
	padding-left:1em;
	position:relative;
	display:inline-flex;
	
}

.horizon {
	margin-left:-2em;
}