@charset "utf-8";
/* CSS Document */
#member #main { width: 100%; }
#member #left { width: 35%; float: left; margin-left:15%; }
#member #right { margin-left: 50%; }

#member #left #personal-container { width:350px; }

#member #left #personal-container #personal img { float:left; padding-right:10px; }
#member #left #personal-container #personal ol { list-style:none; padding:0;  }
#member #left #personal-container #personal ol li { color:#f47c15; font-size:100%; font-weight:bold; }
#member #left #user-nav ol { list-style:none; padding:0;}
#member #left #user-nav ol li { padding:3px; list-style:none; }
#member #left #user-nav ol li a { font-size:120%; text-transform:uppercase; text-decoration:none; letter-spacing:.5px; }

#member #left #garage-container { width:400px; }
#member #left #garage-container div img { float:left; padding-right:10px; }
#member #left #garage-container div ol { list-style:none; padding:0px;  }
#member #left #garage-container div ol li { color:#f47c15; font-size:100%; font-weight:bold; }

#member #left #favoritevideos-container { width:400px; margin-top:25px; color:#f47c15; font-size:100%; font-weight:bold; text-transform:capitalize; }
#member #left #favoritevideos-container div.viewall { margin:15px 0 5px 5px; }
#member #left #favoritevideos-container div.viewall a { color:#f47c15; }
#member #left #favoritevideos-container div img { float:left; padding-right:10px; }
#member #left #favoritevideos-container div ol { list-style:none; padding:0px;  }
#member #left #favoritevideos-container div ol li { }
#member #left #favoritevideos-container div ol li span { font-weight:normal; }
#member #left #favoritevideos-container div ol li a { color:#f47c15; }


#member #left #user-events { width:230px; text-align:center; padding-bottom:20px; }

#member #right #profile-views { height:100%; }
#member #right #profile-views ol { list-style:none; padding:0; float:left;  }
#member #right #profile-views ol li { clear:left; list-style:none; }

#member #right #comments-container { width:80%; }
#member #right #comments-container form textarea { background:url(/assets/icons/128-pencil-quote.png) center right no-repeat;  } 
#member #right #post-comment-container { width:100%; }


#member #reputation-area { width:95%; margin-left:5%; margin-top:25px; }

#member #reputation-area #rep-icon { width:64px; height:64px; padding:0; margin:0; position:relative; float:left; padding:10px; }
#member #reputation-area #rep-icon img { position:absolute; z-index:1; width:64px; height:64px; left:0px; top:0px; }
#member #reputation-area #rep-icon span { position:absolute; z-index:2; left:0px; top:0px; font-size:12px; font-weight:bold; color:#123d50; font-family:Tahoma; text-align:center; width:64px; height:64px; padding-top:26px; }

#member #reputation-area #breakdown { margin-left:70px; padding-top:5px; font-size:12px; font-weight:bold; color:#123d50; text-transform:uppercase; width:400px; }
#member #reputation-area #breakdown span { float:right; }

#member #reputation-area #chart { margin-left:15%; }