#uploads {width:100%; max-width:768px; margin:0 auto 20px auto; background:#3e3e3e; padding:10px 0 0 0; position:relative; z-index:10;}
#uploads .content-inner {width:95%; max-width:671px; margin:-10px auto 0 auto;}

#uploads .content-inner h1 {float:left; color:#dd9E46;}
#uploads .content-inner a {color:#dd9E46;}
#uploads .content-inner a:hover {color:#e6e6e6;}

#uploads .content-inner div.outer {display:inline-block; width:48%; position:relative; vertical-align:top; margin-bottom:30px;}
#uploads .content-inner div.inner {padding:15px; border:1px solid #bbb7b7; min-height:350px;}
#uploads .content-inner div.p2,
#uploads .content-inner div.p4 {margin-left:4%;}
#uploads .content-inner div.p4 div.inner {background:#666;}
#uploads .content-inner div.inner img.large_square {display:block; border:1px solid #bbb7b7; float:left; margin:-30px 15px 0 -30px;}
#uploads .content-inner div.inner .book {position:absolute; top:15px; right:10px;}
#uploads .content-inner div.p4 ul {padding:0; margin:0; list-style:none;}
#uploads .content-inner div.p4 ul li {background: url("/recent/orangee.gif") no-repeat 0 6px; padding-left:20px;}
#uploads .content-inner div.p4 h5 {padding:0; margin:0; font-size:15px; color:#dd9e46; position:absolute; top:-20px; left:5px;}
#uploads .content-inner div.p4 h5:before {display:block; content:"Updates"; position:absolute; left:-45px; top:45px;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
@media only screen and (max-width:640px) {
#uploads .content-inner div.outer {display:block; width:98%; margin:0 0 30px 2%;}
#uploads .content-inner div.inner {padding:15px; border:1px solid #bbb7b7; min-height:0;}
}