search partner content timeline area

<!-----Content timeline starts----->
<div id="content_timeline">
<form action="home.php?id=<?php echo $user_id;?>" method="post" id="f">

<h2>What's your question today? let's discuss!</h2>
<input type="text" name="title" placeholder="Write a Title..." size="82" required="required"/>
<textarea cols="83" rows="4" name="content" placeholder="write description..."></textarea><br/>
<select name="topic"><option>Select Topic</option><?php getTopics();?></select>
<input type="submit" name="sub" value="Post to Timeline"/></form>
<?php insertPost();?>
<h3>Most Recent Discussions!</h3>
<?php get_posts();?></div>





</div>

<!-----Content timeline Ends----->
#content_timeline{
float:right;
width:850px;
padding:10px;
}
.ff input{margin-bottom:5px;}
.ff select{margin-bottom:5px;}
#f input{
padding:7px;
border:1px solid black;
border-radius;5px;
font-weight:bolder;
}
#f textarea{
padding:8px;
border:1px solid black;
border-radius:5px;
font-weight:bolder;
}
#f select{
padding:8px;
border:1px; solid black;
border-radius:5px;
font-weight:bolder;
}
#f select:hover{ background:#FFF8DC}
#f input:hover{ background:#FFF8DC}
#f textarea:hover{ background:#FFF8DC}
#f h2{ color:gray; font-family:Sensational;}