#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:right; 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:300px;}
#uploads .content-inner div.p2,
#uploads .content-inner div.p4 {margin-right: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:right; margin:-30px -30px 0 15px;}
#uploads .content-inner div.inner .book {position:absolute; top:15px; left:10px;}
#uploads .content-inner div.p4 ul {padding:0; margin:0; list-style:none;}
#uploads .content-inner div.p4 ul li {background: url("/recent/orangeh.gif") no-repeat right 7px; padding-right:20px;}
#uploads .content-inner div.p4 h5 {padding:0; margin:0; font-size:15px; color:#dd9e46; position:absolute; top:-20px; right:5px;}
#uploads .content-inner div.p4 h5:before {display:block; content:"עדכונים"; position:absolute; right:-40px; top:40px;
-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 2% 30px 0;}
#uploads .content-inner div.inner {padding:15px; border:1px solid #bbb7b7; min-height:0;}
}