* {
padding: 0px;
margin: 0px;
}

img {
border: 0px;
}

html, body {
height: 100%;
background: #353638 url(../layout/body_bg.gif);
font-family: arial, helvetica, sans-serif;
color: #333336;
font-size: 11px;
text-align: center;
}

#oldbody {
  background: #252525;
}

#wrap {
width: 912px;
min-height: 100%;
height: auto !important;
background: #202020 url(../layout/wrap_bg.gif) top repeat-y;
padding-left: 11px;
margin: 0 auto -50px;
text-align: left;
}

#head {
height: 160px;
width: 900px;
clear: both;
}

	#head-login {
	height: 120px;
	width: 250px;
	color: #202020;
	margin: 5px;
	padding: 8px;
	padding-right: 9px;
	float: right;
	clear: both;
	}
	
		#head-login .input {
		width: 125px;
		height: 19px;
		border: 1px solid #606060;
		}
	
	#head-avatar {
	height: 110px;
	width: 110px;
	background: #eeeeee url(http://www.pixelplayer.se/bilder/avatarer/standard.jpg) top no-repeat;
	margin: 4px;
	margin-right: 6px;
	position: relative;
	border: 1px solid #202020;
	}
	
	#head-avatar div.text {
          position: absolute;
          width: 110px;
	  bottom: 0px;
	  background: #353638 url(../layout/index/pubsinfocus_background.png) repeat;
	  text-align: center;
	  color: #ffffff;
        }
	
		#head-avatar img {
		max-width: 110px;
		max-height: 110px;
		}
	
	#head-personal-avatar {
	height: 110px;
	width: 110px;
	margin: 4px;
	margin-right: 6px;
	border: 1px solid #202020;
	}
	
		#head-personal-avatar img {
		max-width: 110px;
		max-height: 110px;
		}
	
#menubar {
  height: 38px;
  width: 886px;
  padding-top: 3px;
  padding-left: 14px;
  background: #202020 url(../layout/menubar.gif);
  clear: both;
}

         #menubar .links {
           height: 33px;
           padding-top: 5px;
           float: left;
         }

         #menubar .search {
           height: 33px;
           float: right;
         }

#cpanel {
  width: 900px;
  height: 20px;
  padding-top: 2px;
  background: #202020;
  text-indent: 5px;
  font-size: 11px;
  color: #dcdcdc;
}

#body {
  width: 900px;
  background: #202020;
  bottom: 0px;
  padding-bottom: 40px;
  overflow: auto;
  clear: both;
}

#p {
  height: 6px;
  clear: both;
}

       #title {
         width: 220px;
         height: 22px;
         background: #eeeeee url(../layout/indextitlebg.gif) repeat;
         color: #ffffff;
         font-size: 13px;
         border: 1px solid #202020;
         font-weight: bold;
         padding-top: 8px;
         padding-left: 8px;
         clear: both;
       }
       
       #titlelong {
         width: 384px;
         height: 22px;
         background: #eeeeee url(../layout/indextitlebg.gif) repeat;
         color: #ffffff;
         font-size: 13px;
         border: 1px solid #202020;
         font-weight: bold;
         padding-top: 8px;
         padding-left: 8px;
         clear: both;
       }
       
       #newsforumsbox {
         width: 394px;
         height: 184px;
         background: #ffffff;
         color: #444449;
         font-weight: bold;
       }
       
                #newsforumsbox .story {
                  width: 378px;
                  padding: 4px 7px;
                  border-left: 1px solid #E0E0E0;
                  border-right: 1px solid #E0E0E0;
                  background-color: #E0E0E0;
                }
                
                #newsforumsbox .storyalt {
                  width: 378px;
                  padding: 4px 7px;
                  border-left: 1px solid #E0E0E0;
                  border-right: 1px solid #E0E0E0;
                  background: #ebebeb;
                }
                
                #newsforumsbox .last {
                  width: 394px;
                  height: 4px;
                  background: #E0E0E0 url(../layout/corners/corners_btm_newsforums.gif);
                }

       #textsbloggs {
         width: 232px;
         font-weight: bold;
         color: #bfbfbf;
       }
       
                #textsbloggs .story {
                  width: 214px;
                  padding: 4px 7px;
                  border-left: 1px solid #E0E0E0;
                  border-right: 1px solid #E0E0E0;
                  background-color: #ebebeb;
                }
                
                #textsbloggs .storyalt {
                  width: 214px;
                  padding: 4px 7px;
                  border-left: 1px solid #E0E0E0;
                  border-right: 1px solid #E0E0E0;
                  background: #E0E0E0;
                }
                
                #textsbloggs .last {
                  width: 230px;
                  height: 4px;
                  background: #E0E0E0 url(../layout/corners/corners_btm_textsblogs.gif);
                }

        #forum {
          width: 886px;
	  padding: 7px;
	  background: #ffffff;
	}
	
	#forum .avatar {
          width: 110px;
          max-height: 110px;
        }

                 #forum .topic {
                   width: 400px;
                   padding: 3px;
                   background: #dcdcdc;
                   float: left;
                 }
                 
                 #forum .pages {
                   width: 474px;
                   padding: 3px;
                   text-align: right;
                   background: #dcdcdc;
                   float: right;
                 }

	#mitten {
	width: 630px;
	padding: 7px;
	background: #ffffff;
	float: left;
	}

		#mitten .article {
		width: 630px;
		margin-bottom: 5px;
		clear: both;
		}
		
		#mitten .titleWide {
                  width: 620px;
                  height: 22px;
                  background: #eeeeee url(../layout/indextitlebg.gif) repeat;
                  color: #ffffff;
                  font-size: 13px;
                  border: 1px solid #202020;
                  font-weight: bold;
                  padding-top: 8px;
                  padding-left: 8px;
                  clear: both;
                }

		#mitten .cont {
		width: 480px;
		margin-top: 5px;
		margin-bottom: 5px;
		clear: both;
		}
		
			#mitten .avatars img {
			max-width: 90px;
			max-height: 90px;
			margin-left: 5px;
			}
		
		#mitten-left {
		width: 230px;
		margin-right: 6px;
		float: left;
		}

                       #mitten-left .cont {
			width: 185px;
			margin-top: 5px;
			margin-bottom: 5px;
			clear: both;
			}
		
		#mitten-right {
		width: 394px;
		float: right;
		}

			#mitten-right .cont {
			width: 290px;
			margin-top: 5px;
			margin-bottom: 5px;
			clear: both;
			}

		#mitten-left2 {
		width: 400px;
		float: left;
		}
		
			#mitten-left2 .cont {
			width: 290px;
			margin-top: 5px;
			margin-bottom: 5px;
			clear: both;
			}

		#mitten-right2 {
		width: 230px;
		float: right;
		}
		
  	                 #mitten-right2 .cont {
                           width: 220px;
			   padding-left: 5px;
			   padding-right: 5px;
			   clear: both;
                         }

                #article-left {
                  width: 440px;
                  padding-right: 5px;
                  font-family:verdana,geneva,arial,helvetica;
                  float: left;
                }
                
                /* PM */
	
	        #article-left .pm_text {
                  padding-left: 16px;
                  padding-right: 16px;
                  padding-top: 16px;
                  padding-bottom: 16px;
                  display: none;
                }
                
                #article-right {
                  width: 185px;
                  background: #242424;
		  float: right;
                }
                
                         #article-right .cont {
                           width: 175px;
			   padding-left: 5px;
			   padding-right: 5px;
                           background: #242424;
                           color: #eeeeee;
			   clear: both;
                         }
                         
                         #article-right .title {
                           width: 175px;
                           height: 23px;
                           background: #eeeeee url(../layout/titlebg.gif) repeat;
                           color: #ffffff;
                           font-size: 13px;
                           border: 1px solid #202020;
                           font-weight: bold;
                           padding-top: 10px;
                           padding-left: 8px;
                           clear: both;
                        }


                #profile-left {
                  width: 480px;
                  padding-right: 5px;
                  float: left;
                  font-family:verdana,geneva,arial,helvetica;
                }
                
                #profile-right {
                  width: 145px;
                  background: #242424;
		  float: right;
                }
                
                         #profile-right .cont {
                           width: 135px;
			   padding-left: 5px;
			   padding-right: 5px;
                           background: #242424;
                           color: #eeeeee;
			   clear: both;
                         }
                         
                         #profile-right .title {
                           width: 135px;
                           height: 23px;
                           background: #eeeeee url(../layout/titlebg.gif) repeat;
                           color: #ffffff;
                           font-size: 13px;
                           border: 1px solid #202020;
                           font-weight: bold;
                           padding-top: 10px;
                           padding-left: 8px;
                           clear: both;
                        }

                #olderBlogsTitle {
                  width: 470px;
                  height: 22px;
                  background: #eeeeee url(../layout/indextitlebg.gif) repeat;
                  color: #ffffff;
                  font-size: 13px;
                  border: 1px solid #202020;
                  font-weight: bold;
                  padding-top: 8px;
                  padding-left: 8px;
                  clear: both;
                }

                #mitten .article p {
                  height: 6px;
                  clear: both;
		}
		
		#loggedin {
                  width: 622px;
                  height: 22px;
                  background: #eeeeee url(../layout/indextitlebg.gif) repeat;
                  color: #ffffff;
                  font-size: 13px;
                  border: 1px solid #202020;
                  font-weight: bold;
                  padding-top: 8px;
                  padding-left: 8px;
                }
                
                #indexavatars {
                  width: 630px;
                  height: 98px;
                  padding-left: 2px;
                  padding-right: 2px;
                  padding-top: 5px;
                }

	#right {
        width: 250px;
	padding-left: 5px;
	float: right;
	}
	
	/* Div som knuffar ner foot så den alltid hamnar längst ner */

	#push {
	height: 25px;
	}
	
	#foot {
        width: 710px;
	height: 25px;
	padding-top: 25px;
	padding-left: 190px;
	background: #202020 url(../layout/bottom.png);
	text-align: left;
	margin: auto;
	}

		#menurow {
		height: 20px;
		width: 675px;
		padding-left: 2px;
		padding-right: 2px;
		background: #252525;
		text-align: right;
		clear: both;
		}

        /* Knappar */
        
        button {
          height: 16px;
          font-family:verdana,geneva,arial,helvetica;
          color: #ffffff;
          font-size:9px;
          font-weight:bold;
          padding-left: 3px;
          padding-right: 3px;
          padding-bottom: 2px;
        }

        .button_send {
          border: #202020 1px solid;
          margin-top:5px;
          background: #202020 url(../layout/buttons/button_send.gif);
          background-repeat: repeat-x;
          cursor: pointer;
        }


        /* Citat */

        .quotebutton {
        width: 110px;
        height: 17px;
        background: url(http://www.pixelplayer.se/bilder/knappar/quotebutton.png);
        border: none;
        cursor: pointer;
        }
        
        #quotehead {
        background-color: #b2dafb;
        padding-top: 2px;
        padding-left: 3px;
        }

        #quotebody {
        background-color: #E4F0FA;
        padding-top: 4px;
        padding-left: 5px;
        }

        #quoteend {
        background-color: #FFFFFF;
        padding-left: 5px;
        height: 3px;
        }

        /* Slut Citat */
        
        /* Spoiler */
        
        #spoilerhead {
          background-color: #b2dafb;
          padding-top: 2px;
          padding-left: 3px;
        }

        #spoilerbody {
          background-color: #404045;
          padding-top: 4px;
          padding-left: 5px;
        }

        #spoilerend {
          background-color: #FFFFFF;
          padding-left: 5px;
          height: 3px;
        }
        
        /* Slut Spoiler */
        
        #includedImage {
          max-width: 480px;
        }