#askbs ul#intro, #askbs ul#magnets, #askbs ul#qna {
	float: left;
	width: 100%;
	list-style: none;
	margin-left: 5px; 
	padding:2px;
}

#askbs ul#intro {
  margin-top:10px;
  clear: both;
}

#askbs ul#intro li {
  float:left; 
}

#askbs ul#intro li.speal {
  width:65%; 
}

#askbs ul#intro li.speal p {
  font-size:1.1em;
  text-align:justify;
}

#askbs ul#intro h1 {
  font-size:1.4em;
  font-weight:bold;
  line-height:1.1em;
}

#askbs ul#intro p.menu {
  font-size:1.0em; 
  margin-top:20px;
}

#askbs ul#magnets {
  float: left;
}

#askbs ul#magnets li.latest  {
  border: solid #ddd 1px;
  margin-right:5px;
  padding:5px;
  background:#F9F4E7;
}

#askbs ul#magnets li.latest h2, #askbs ul#qna li.latest h2{
  font-size:1.2em;
}

#askbs ul#magnets img {
  float: left;
  margin: 0 5px 5px 0; 
}

#askbs ul#qna {
  float: right;
}

#askbs ul#qna p.question {
  margin-right:5px;
  padding:5px; 
}

#askbs ul#qna p.answer {
  margin-right:5px;
  padding:5px;
  background-color:#DDD; 
}

#askbs ul#qna textarea {
  font-size:1em;
  margin: 5px; 
  width:90%;
}

#askbs ul#qna input {
  margin-left:30px;
}

#askbs ul#magnets {
  width:62%; 
  border-right:1px solid #333;
  padding-right:10px;
}

#askbs ul#qna {
  width:32%;  
}

#askbs h2 {
  font-size:1.1em;
}

#askbs #media {
  margin:5px 0 0 110px;
  float:left;
}

#askbs #question {
  margin:5px 0 0 50px;
  float:left;
}

.askbsbutton{
background-color: #ddd;
border: 2px #ddd outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 1.3em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
height:200px;
width:135px;
}

.askbsbutton:visited{
color: black;
}

.askbsbutton:hover{
border-style: inset;
background-color: #eee;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.askbsbutton:active{
color: black;
}

.askbsarrow {
background: url(../images/arrow_left_red.gif) no-repeat left center;
padding:5px;
color:#AB190A;
}