/*  Title:     TD08 Profile CSS           
    Creator:   cf                          
    Date:      080516                      
    Content:                               
               - Columns 
               - messageBox   
               - eventsList 
               - bikes               
       
*/

/* COLUMNS ---------------------------------------------------- */
#c1 {
  width:200px;
  float:left;
  margin-right:20px;
}
#c2 {
  width:380px;
  float:left;
}
#profileTitle {
  margin-left:-20px;
  padding-left:20px; 
  background:#f7f7f7;
  border-bottom:1px solid #ccc;
}

#profileTitle div.subMenuTabs {
 margin-bottom:-1px
}

#avatar {
 padding-top:15px; 
 background-color:#f7f7f7;
}
#pageVisits {
 text-align:center;
 color:#666;
 margin:2px;
}

/* MESSAGEBOX ------------------------------------------------- */
#messageBox {
	font-size:11px;
	padding:5px;
	padding-top:20px;
}

/* EVENTS LIST ------------------------------------------------ */
div.eventsList h2 {
	margin-bottom:0;
}
div.eventsList a{
  display:block;
  background: url(../../../media/img/design/linklist.gif) no-repeat;
  color:#336633;
  padding: 3px 5px 5px 20px;
  border-bottom:1px dashed #CCC;
  font-weight:bold;
}
div.eventsList a:hover {
  background-color:#f0f2f0;
}
div.eventsList a span {
	font-weight:normal;
	color:#333;
	text-decoration:none
}
div.eventsList a:hover span{
	text-decoration:none;
}
div.eventsList a span b{
	font-weight:normal;
	color:#666;
}

/* BIKES ------------------------------------------------------ */
#bikes div.item {
  float:left; 
  width:140px;
  height:140px;
  margin: 10px 0px 5px 30px; 
  background-color:#f0f2f0;
  border:1px solid #CCC;
  text-align:center;
  overflow:hidden;
}
/* SHITTY IE HACK */
* html * #bikes div.item {
	margin-left:20px;
}
#bikes div.item:hover{
  border:1px solid #666;
}
#bikes div.item p {
 font-size:10px;
 text-align:center;
}
#bikes div.item p.brand {
 margin-top:5px;
 font-weight:bold;
 color:#333;
 font-size:11px;
}
#bikes div.item p.comments {
 margin-top:5px;
}
#bikes div.item a {
 display:block;
 width:120px;
 height:80px;
 overflow:hidden; 
 margin:6px auto 0 auto;
 text-align:center;
}
/* GALLERY ----------------------------------------------------- */
#gallery div.item {
  background-color:#f0f2f0;
  border:1px solid #CCC;
  float:left;
  width:110px; 
  height:115px;
  margin:5px 3px 5px 7px;
  text-align:center;
}
#gallery div.item:hover {
  border:1px solid #666;
}
#gallery div.item p {
  text-align:center;
  font-size:10px;
  margin:3px;
}
#gallery div.item p.desc {
  font-weight:bold;
  color:#333;
}

/* SHOP ----------------- */
td.shopInfoC1 {
 width:200px;
}
table.shopInfo * p {
 margin:2px 5px 0 0;
}
table.shopInfo h3 {
 margin:8px 0 2px 0;
}
#brands a {
 display:block;
 float:left; 
 padding:1px 8px;
 text-decoration:underline;
}
#brands a:hover {
 background-color:#efefef;
 text-decoration:none;
}