/* Boris Ding Homepage Layout - CSS Document 
   Copyright (c) All rights reserved
*/

body{
   margin: 0px auto;
   text-align:center;
   font:13px/1.231 arial,helvetica,clean,sans-serif;
   *font-size:small;*font:x-small;
 }
 
 /*used for debugging purpose */
 #top_wrapper, #middle_wrapper, #bottom_wrapper, #top_bar_wrapper{
  border:0px solid #ccc;  
 }
 
  #content{
   border:0px solid #ccc;
   width:900px;
   margin:0 auto;
   padding:auto;
 }
 
 #left_side{
  width:220px;
  float:left;
  border:0px solid #ccc; 
 }
 
#left_side_bio{
z-index: 1000;
margin-left: 0px;
margin-top: -155px;
float: left;
background: #fff;
border: 0px solid teal;
position: relative;
display: inline;
width:280px;
padding:14px;
}

#bio_inner{
 width: auto;
 background:#ddeef6;
 padding:8px;
}

#bio_desc{
 color:#333;
 font-size:11px;
 border:0px solid #ccc;
 float:right;
 width:150px;
 line-height:15px;
}

#bio_image{
 border:0px solid #ccc;
  float:left;
   width:auto;
}
 
#quote{
z-index: 1000;
margin-left: -2px;
margin-top: 0px;
float: left;
position: relative;
display: inline;
width:255px;
height:20px;
padding:14px;
line-height: 20px;
background:url(../../media/images/bg-quote.png) no-repeat;
border:0px;
}

#external{
z-index: 1000;
margin-left: -2px;
margin-top: 14px;
float: left;
background:#dddddd;
position: relative;
display: inline;
width:255px;
padding:14px;
line-height: 20px;
}

.icon{
 float:left;
}

.icon_link{
 float:left;
 font-weight:bold;
 font-size:16px;
 line-height:36px;
 padding-left:4px;
}

.icon_link a{
 color:#333;
 text-decoration:none;
}

  
 #right_side{
  width:550px;
  float:right;
  /*background:#f5f5f5;*/
  padding: 8px;
  border: 0px solid #333;
  margin-left: 2px;
 }
 
 #content, #top_bar, #top, #footer{
   text-align:left;
   padding:8px;
 }
 
  #footer{
   border:0px solid #ccc;
   width:900px;
   margin:0 auto;
   padding:auto;
   height:auto;
   font-size:11px;
   color:#333;
   padding:8px;  
   line-height:18px; 
 }
 
 #bottom_wrapper{
  background:url(../../media/images/bg-lightgray.gif) repeat-x; 
 }
 
 #top_wrapper{
  background:url(../../media/images/bg-top.gif) repeat-x;
  
 }
 
  #top{
   border:0px solid #ccc;
   width:900px;
   margin:0 auto;
   padding:auto;
   height:130px;
 }
 
 #top_bar_wrapper{
   background:#006699; 
 }
 
  #top_bar{
   border:0px solid #ccc;
   width:900px;
   margin:0 auto;
   padding:auto;
   height:18px;
   background:#006699;  
 }
 
 #top_bar_content{
  color:#fff;
  font-weight:bold;
  padding-left:340px;
 }
 
 #top_bar_content ul{
  float:left;
  margin-top:-6px;
  margin-left:-40px;
  display:inline;
  z-index:1000;
  height:28px;
  padding-left:40px;
 }
 
 #top_bar_content li{
  float:left;  
  list-style-type:none;
  border:0px solid #000;
  height:31px;
  width:auto;
  display:inline;
  line-height:28px;
 }
 
 #top_bar_content a{
  color:#fff;
  font-weight:bold;
  text-decoration:none;
 }
 
  #top_bar_content a:hover{
  color:#fff;
  font-weight:bold;
  text-decoration:underline;
 }

  
#skills{
z-index: 1000;
margin-right: 0px;
margin-top: 10px;
float: right;
position: relative;
display: inline;
}

#borisding{
z-index: 1000;
margin-right: 55px;
margin-top: -15px;
float: right;
position: relative;
display: inline;
}
 
 .clearBoth{
  clear:both;
 }
 
 #alphabet{
  font-size:18px;
  font-family:Forte,arial,helvetica;
  color:#009900;
 }
 
/** tootilp **/
#tooltip{
position:absolute;
border:1px solid #000;
background:#dcd394;
padding:5px;
color:#000;
display:none;
width: auto;
line-height:15px;
font-size:11px;
font-weight:bold;
opacity:0.9;
z-index:1000;
} 

#subject{
 font-weight:bold;
 color:#333;
 font-size:16px;
 border-bottom:1px solid #f0f0f0;
 padding-bottom: 4px;
}

#page_content{
 padding-top:4px;
 color:#333;
}

ol li, ul li{
 font-weight:bold;
 color:#006699;
}

blockquote{
 margin-left:2px;
 color:#333;
 font-weight:normal;

}

#twitter_bird{
z-index: 1000;
margin-left: -60px;
margin-top: -50px;

float: left;
position: relative;
display: inline;
}

#line{
 border-bottom:1px solid #f0f0f0;
}

#contact_info{
z-index: 1000;
margin-left: -2px;
margin-top: 0px;
float: left;
position: relative;
display: inline;
width:255px;
padding:14px;
background:#FFCC66;
}