*{
box-sizing: border-box;
ms-box-sizing: border-box;
webkit-box-sizing: border-box;
moz-box-sizing: border-box;
}
#container{
min-width:523px;
padding-left:50px;
padding-right:50px;
}
#banner{
height:81px;
border:1px solid black;
border-bottom:0px solid black;
font-size:60px;
background: -webkit-linear-gradient(left, #BBBBBB, #666666);
background: -moz-linear-gradient(left, #BBBBBB, #666666);
background: -ms-linear-gradient(left, #BBBBBB, #666666);
background: -o-linear-gradient(left, #BBBBBB, #666666);
}
nav{
height:40px;
text-align:center;
}
#right{
width:33%;
float:right;
}
#left{
width:33%;
float:left;
}
#middle{
display:block;
width:auto;
}
.link{
height:40px;
border:1px solid black;
color:#000000;
text-decoration:none;
}
.linkBox{
background-color:#888888;
}
.linkBox:hover{
background-color:#444444;
}
.HereBox{
background-color:#666666;
}
.HereBox:hover{
background-color:#444444;
}
#content{
height:703px;
width:auto;
border:1px solid black;
background-color:#EEEEEE;
}
#fake{
height:100%;
display:block;
float:left;
}
#months{
width:15%;
min-width:90px;
border-right:1px solid black;
float:left;
height:auto;
margin-left:2px;
}
#blogs{
width:80%;
height:95%;
overflow:auto;
float:left;
padding-left:6px;
}
.hoverer{
margin-top:.8em;
text-decoration:none;
color:#000000;
display:block;
}
.hoverer:hover{
font-weight:bold;
}
legend{
font-size:22px;
font-weight:bold;
}
#picfolio{
border-right:1px solid black;
border-bottom:1px solid black;
padding:5px;
float:left;
max-width:50%;
}
#textfolio{
min-width:50%;
}