html {
  height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  background-color: white;
  background: url("../images/bg.jpg") no-repeat top center;
  font-size: 13px;
  font-family: "Arial";
}
h1,h2,h3 {
  margin: 0px;
  padding: 0px;
}
img {
  border-style: none;
}
.text-input {
  font-size: 17px;
}
textarea {
  font-family: "Arial";
  font-size: 17px;
}
.container {
  min-height: 100%;
  margin-bottom: -168px;
}
a span {
  cursor: pointer;
}

@font-face {  
  font-family: DINPro;
  src: local("DINPro"), local("DINPro Regular"), local("DINPro-Regular"), url("../fonts/DINPro-Regular.otf");
}

/*
  Common
*/
.actions {
}

.actions .column1 {
  font-size: 10px;
  color: #666666;
  float: left;
}

.actions .column1 a {
  font-size: 10px;
  color: #666666;
  text-decoration: none;
  float: left;
}
.actions .column1 span {
  float: left;
  margin-right: 4px;
}
.actions .column1 .bookmark-link {
  margin-right: 3px;
}
.actions .column1 .facebook-link {
  margin-top: -2px;
}
.actions .column1 .twitter-link {
  margin-top: -2px;
}

.actions .column2 {
  float: right;
}

.actions .column2 .likes {
  font-size: 13px;
  color: white;
  float: left;
}

.actions-dark .column2 .likes {
  color: #666666;
}

.actions .column2 .heart-icon {
  float: left;
  width: 15px;
  height: 13px;
  background-image: url("../images/heart-icon.png");
  margin-left: 5px;
  margin-right: 5px;
}

.actions .column2 a {
  text-decoration: none;
  color: white;
  font-size: 13px;
  float: left;
}

.actions-dark .column2 a {
  color: #999999;
}
.actions .facebook-icon {
  width: 14px;
  height: 14px;
  background-image: url("../images/site/facebook-icon.png");
  display: block;
}
.actions .twitter-icon {
  width: 14px;
  height: 14px;
  background-image: url("../images/site/twitter-icon.png");
  display: block;
}

span.continued a {
  color: #33ccff;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.2em;
}
.hidden {
  display: none;
}
.button {
  background-color: #2fb9e7;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.button a {
  text-decoration: none;
  color: white;
  font-weight: bold;
}
.submit-button {
  background-color: #00c3f4;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 3px;
  border: none;
  height: 25px;
}

/*
  Header
*/
.header {
  height: 39px;
  width: 100%;
  background-color: #777777;
}
.header .header-content {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  color: #cacaca;
  font-size: 12px;
}
.header .header-content .links {
  margin-top: 11px;
  margin-left: 10px;
  float: left;
  width: 350px;
}
.header .header-content .links .link {
  float: left;
  text-decoration: none;
  color: #cacaca;
  font-size: 12px;
}

.header .header-content .links span {
  margin-right: 8px;
}
.header .header-content .links .facebook-fan-link .facebook-icon {
  margin-right: 5px;
}
.header .header-content .links .separator {
  width: 1px;
  height: 12px;
  background-color: #999999;
  float: left;
  margin-right: 8px;
  margin-top: 2px;
}
.header .header-content .links .facebook-icon {
  float: left;
  width: 14px;
  height: 14px;
  background: url("../images/site/facebook-icon.png");
  display: block;
}
.header .header-content .links .twitter-icon {
  float: left;
  width: 14px;
  height: 14px;
  background: url("../images/site/twitter-icon.png");
  display: block;
}
.header .header-content .links .share {
  float: left;
  margin-right: 5px;
}
.header .header-content .links .likes {
  font-size: 13px;
  float: left;
  margin-right: 5px;
}
.header .header-content .links .heart-icon {
  float: left;
  margin-right: 8px;
  width: 15px;
  height: 13px;
  background: url("../images/heart-icon.png");
  margin-top: 2px;
}
.header .header-content .site-toggle {
  float: right;
}
.header .header-content .site-toggle a .mediesverige {
  width: 130px;
  height: 39px;
  float: left;
  background-image: url("../images/site/site-toggle-mediesverige.png");
}
.header .header-content .site-toggle a .mediesverige-active {
  background-image: url("../images/site/site-toggle-mediesverige-active.png");
}
.header .header-content .site-toggle a .reklamsverige {
  width: 130px;
  height: 39px;
  float: left;
  background-image: url("../images/site/site-toggle-reklamsverige.png");
}
.header .header-content .site-toggle a .reklamsverige-active {
  background-image: url("../images/site/site-toggle-reklamsverige-active.png");
}

/*
  Navigation
*/
.navigation {
  width: 100%;
}
.navigation .navigation-content {
  height: 156px;
  width: 980px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-image: url("../images/navigationbg.png");
}
.navigation .navigation-content .columns {
  height: 115px;
}
.navigation .navigation-content .columns .column {
  float: left;
}
.navigation .navigation-content .columns .column1 {
  width: 350px;
  font-size: 12px;
  color: #929292;
}
.navigation .navigation-content .columns .column1 a {
  color: #929292;
}
.navigation .navigation-content .columns .column1 .column-content {
  margin-left: 20px;
  padding-top: 30px;
}
.navigation .navigation-content .columns .column1 .column-content .beta {
  background-image: url("../images/site/beta.png");
  width: 33px;
  height: 10px;
  margin-bottom: 10px;
}
.navigation .navigation-content .columns .column1 .column-content .logo-mediesverige {
  width: 241px;
  height: 23px;
  background-image: url("../images/logo-mediesverige.png");
  margin-bottom: 5px;
}
.navigation .navigation-content .columns .column1 .column-content .logo-reklamsverige {
  width: 271px;
  height: 23px;
  background-image: url("../images/logo-reklamsverige.png");
  margin-bottom: 5px;
}

.navigation .navigation-content .columns .column2 {
  width: 370px;
}

.navigation .navigation-content .columns .column2 .column-content {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}

.navigation .navigation-content .columns .column2 .column-content .paragraph {
  font-size: 47px;
  color: #5ec5f3;
  position: absolute;
  top: 15px;
  left: 370px;
}

.navigation .navigation-content .columns .column2 .column-content .title {
  font-size: 16px;
  font-weight: bold;
  color: #5ec5f3;
  margin-left: 20px;
}

.navigation .navigation-content .columns .column2 .column-content .title a {
  font-size: 16px;
  font-weight: bold;
  color: #5ec5f3;
  text-decoration:none;
}

.navigation .navigation-content .columns .column2 .column-content .text {
  font-size: 13px;
  color: #cccccc;
}

.navigation .navigation-content .columns .column2 .column-content .link {
  font-size: 13px;
  color: #5ec5f3;
}

.navigation .navigation-content .columns .column2 .column-content .link a {
  font-size: 13px;
  color: #5ec5f3;
  text-decoration:none;
}

.navigation .navigation-content .columns .column3 .column-content {
  margin-left: 20px;
  margin-top: 18px;
  color: #66ccff;
  font-size: 11px;
  width: 240px;
}
.navigation .navigation-content .columns .column3 .column-content .login-area a {
  color: #66ccff;
  font-size: 11px;
}

.navigation .navigation-content .columns .column3 .column-content .login-area .fields {
  float: left;
}

.navigation .navigation-content .columns .column3 .column-content .login-area .submit {
  float: right;
}

.navigation .navigation-content .columns .column3 .column-content .login-area .text-input {
  width: 198px;
  height: 21px;
  border: 1px solid #ebebeb;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #999999;
}
.navigation .navigation-content .columns .column3 .column-content .login-area .email-input {
  display: block;
}
.navigation .navigation-content .columns .column3 .column-content .login-area .password-input {
  display: none;
}
.navigation .navigation-content .columns .column3 .column-content .login-area .password-input-clear {
  display: block;
}

.navigation .navigation-content .columns .column3 .column-content .login-area .submit-button {
  width: 34px;
  height: 34px;
  border: none;
  background-image: url("../images/submit-button.png");
  background-color: transparent;
  margin-top: 14px;
  cursor:pointer;
}

.navigation .navigation-content .columns .column3 .column-content .loggedin-area {
  font-size: 13px;
  color: #cccccc;
}

.navigation .navigation-content .columns .column3 .column-content .loggedin-area .facebook-icon-large {
  width: 38px;
  height: 35px;
  background-image: url("../images/site/facebook-icon-large.png");
  display: block;
  float: left;
}

.navigation .navigation-content .columns .column3 .column-content .loggedin-area .mail-icon-large {
  width: 39px;
  height: 36px;
  background-image: url("../images/site/mail-icon-large.png");
  display: block;
  float: left;
  margin-left: 10px;
}

.navigation .navigation-content .columns .column3 .column-content .loggedin-area .text {
  margin-top: 10px;
}

.navigation .navigation-content .columns .column3 .column-content .loggedin-area .text a {
  font-weight: bold;
  color: #33ccff;
  text-decoration: none;
}

.navigation .navigation-content .menu {
  height: 41px;
  width: 700px;
  float: left;
}
.navigation .navigation-content .menu .menu-item {
  float: left;
  background: url("../images/menuitem-bg.png");
  height: 41px;
  font-size: 14px;
  margin-right: 1px;
  display: block;
}
.navigation .navigation-content .menu .menu-item-active {
  float: left;
  background-image: none;
  background-color: white;
  height: 41px;
  display: block;
}

.navigation .navigation-content .menu .menu-item .menu-item-content {
  margin-left: 19px;
  margin-right: 19px;
  margin-top: 14px;
  display: block;
}
.navigation .navigation-content .menu .menu-item-active .menu-item-content {
  margin-left: 19px;
  margin-right: 19px;
  margin-top: 14px;
  display: block;
}

.navigation .navigation-content .menu .menu-item-startsida  .menu-item-content {
  width: 55px;
  height: 10px;
  background-image: url("../images/site/menu/menuitem-startsida.png");
}

.navigation .navigation-content .menu .menu-item-startsida-active  .menu-item-content {
  width: 55px;
  height: 10px;
  background-image: url("../images/site/menu/menuitem-startsida-active.png");
}

.navigation .navigation-content .menu .menu-item-community  .menu-item-content {
  width: 69px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-community.png");
}

.navigation .navigation-content .menu .menu-item-community-active  .menu-item-content {
  width: 69px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-community-active.png");
}

.navigation .navigation-content .menu .menu-item-verktyg  .menu-item-content {
  width: 46px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-verktyg.png");
}

.navigation .navigation-content .menu .menu-item-verktyg-active  .menu-item-content {
  width: 46px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-verktyg-active.png");
}

.navigation .navigation-content .menu .menu-item-branschkoll  .menu-item-content {
  width: 72px;
  height: 10px;
  background-image: url("../images/site/menu/menuitem-branschkoll.png");
}

.navigation .navigation-content .menu .menu-item-branschkoll-active  .menu-item-content {
  width: 72px;
  height: 10px;
  background-image: url("../images/site/menu/menuitem-branschkoll-active.png");
}

.navigation .navigation-content .menu .menu-item-om-mediesverige  .menu-item-content {
  width: 104px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-om-mediesverige.png");
}

.navigation .navigation-content .menu .menu-item-om-mediesverige-active  .menu-item-content {
  width: 104px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-om-mediesverige-active.png");
}

.navigation .navigation-content .menu .menu-item-bloggar  .menu-item-content {
  width: 48px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-bloggar.png");
}

.navigation .navigation-content .menu .menu-item-bloggar-active  .menu-item-content {
  width: 48px;
  height: 13px;
  background-image: url("../images/site/menu/menuitem-bloggar-active.png");
}

.navigation .navigation-content .search-box {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}
.navigation .navigation-content .search-box .text-input {
  margin-top: 1px;
  border: 1px solid #e9e8e8;
  background-color: white;
  width: 167px;
  height: 24px;
  float: left;
  margin-top: 1px;
}
.navigation .navigation-content .search-box .submit-input {
  background-color: #373737;
  width: 78px;
  height: 26px;
  border: none;
  font-weight: bold;
  color: white;
  float: left;
  margin-top: 2px;
  margin-left: 4px;
}

/*
  Blackie
*/
.blackie {
  width: 100%;
  background-color: black;
}
.blackie .blackie-content {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/*
  Middle
*/

.middle {
  width: 100%;
  height:100%;
  /*float:left;*/
}
.middle .middle-content {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: white;
  min-height: 600px;
 /*min-height: 900px;*/
  height:100%;
 margin-bottom: 168px;
  padding-bottom: 45px;
}

.middle .text {
  color:#666666;
  margin-top:15px;
  width:215px;
}

#page-search .middle {
  width: 100%;
  height:100%;
  float:left;
}

#page-search .middle .middle-content {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: white;
  min-height: 600px;
 /*min-height: 900px;*/
 margin-bottom: 0px;
  padding-bottom: 45px;
  height:100%;
}

/*
  Footer
*/
#page-search .footer {
  float:left;
  height: 168px;
  width: 100%;
  background: url("../images/footerbg.png");
  
}

.footer {
  height: 168px;
  width: 100%;
  background: url("../images/footerbg.png");
  clear:both;
}

.footer .footer-content {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer .footer-content .columns {
  margin-left: 20px;
  margin-right: 20px;
}

.footer .footer-content .column {
  width: 235px;
  margin-top: 28px;
}

.footer .footer-content .column1,.column2,.column3 {
  float: left;
}

.footer .footer-content .column4 {
  float: right;
}

.footer .footer-content .column4 .column-content {
  margin-top: 30px;
  width: 195px;
  height: 39px;
  background-image: url("../images/pppension-logo.png");
}

.footer .footer-content .column  a .menu-item-base {
  color: #bebdbd;
  font-size: 13px;
}

.footer .footer-content .column  a .menu-item {
  color: white;
  font-size: 13px;
  margin-top: 2px;
  display: block;
}

.footer .footer-content .column  a {
  text-decoration: none;
}

/*
  Start blog on startsida and blog
*/


.middle .start-blog .top-entry {
  width: 460px;
  border-bottom: 1px solid #eae9e9;
  padding-bottom: 10px;
}

.middle  .start-blog .top-entry h1 {
  margin-bottom: 5px;
}
.middle  .start-blog .top-entry h1 a {
  text-decoration: none;
  color: #666666;
  font-size: 24px;
  font-weight: bold;
}
.middle  .start-blog .top-entry h1 a:hover {
  text-decoration: underline;
}
.middle  .start-blog .top-entry h2 {
  margin: 0px;
  font-size: 10px;
  font-weight: bold;
  color: #8e8e8e;
}
.middle  .start-blog .top-entry p {
  font-size: 13px;
  color: #cccccc;
  margin-bottom: 0px;
}

.middle  .start-blog .top-entry .read-more {
  margin-bottom: 18px;
}
.middle  .start-blog .top-entry .read-more a {
  font-size: 13px;
  color: #5ec5f3;
}
.middle  .start-blog .top-entry img {
  padding-bottom: 20px;
}
.middle .start-blog .top-entry .additional-images {
  display: none;
}
.middle .start-blog .top-entry .images-arrow {
  width: 11px;
  height: 11px;
  background-image: url("../images/settings-plus.png");
  position: relative;
  display: block;
  margin-top: -50px;
  margin-bottom: 39px;
  margin-left: 432px;
}

.middle  .start-blog .entry {
  margin-top: 14px;
  padding-bottom: 14px;
  width: 460px;
  height: auto;
  border-bottom: 1px solid #eae9e9;
}

.middle  .start-blog .entry .thumb {
  float: left;
  width: 138px;
  margin-right: 14px;
}

.middle  .start-blog .entry .description {
  float: left;
  width: 308px;
  /8margin-top: 10px;*/
  margin-top: 0px;
}

.middle  .start-blog .entry .description h1 {
  margin: 0px;
}

.middle  .start-blog .entry .description h1 a {
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  color: #33ccff;
}

.middle  .start-blog .entry .description h2 {
  font-weight: bold;
  font-size: 10px;
  color: #8e8e8e;
  margin-bottom: 12px;
}

.middle  .start-blog .entry .description span.text {
  font-size: 13px;
  /*color: #bdbdbd;*/
  color : #838383;
  line-height: 1.2em;
}

.middle  .start-blog .entry .description span.link a {
  font-size: 13px;
  color: #33ccff;
  text-decoration: none;
  line-height: 1.2em;
}

.middle  .start-blog .tiny-entry {
  /*height: 44px;*/
  height: auto;
  margin-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eae9e9;
}

.middle  .start-blog .tiny-entry h1 {
  margin-top: 10px;
}

.middle  .start-blog .tiny-entry h1 a {
  text-decoration: none;
  color: #33ccff;
  font-size: 13px;
}

.middle  .start-blog .tiny-entry h2 {
  font-size: 10px;
  font-weight: bold;
  color: #8e8e8e;
  /*padding-bottom: 10px;*/
}


.middle .start-blog .tiny-entry span.text {
margin-top: 10px;
width: 308px;  
color:#838383;
font-size:13px;
line-height:1.2em;
}

/*
  Rss box
*/
.rss-box {
  width: 220px;
  height: 330px;
}

.rss-box .separator {
  height: 1px;
  width: 100%;
  background-color: #e3e3e3;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

.rss-box .entry {
  margin-bottom: 10px;
}

.rss-box .entry .date {
  font-size: 10px;
  font-weight: bold;
  color: #8e8e8e;
}

.rss-box .entry .title a {
  font-size: 13px;
  color: #66ccff;
  text-decoration: none;
}

.rss-box  a.link {
  text-decoration: none;
  font-size: 13px;
  color: #66ccff;
  float: right;
}

.rss-box-news .rss-title {
  width: 56px;
  height: 15px;
  background-image: url("../images/news-title.png");
}

.rss-box-subscription .rss-title {
  width: 111px;
  height: 12px;
  background-image: url("../images/rss-like-title.png");
}

/*
  Comment box on startsida and blog
*/
.middle .comment-box {
  width: 218px;
  border: 1px solid #eae9e9;
}
.middle .comment-box .top {
  width: 218px;
  height: 70px;
  background-image: url("../images/site/comment-box-top.png");
}
.middle .comment-box .middle {
  width: 218px;
  background-image: url("../images/site/comment-box-middle.png");
  margin-bottom: -70px;
  min-height: 95px;
}
.middle .comment-box .bottom {
  width: 218px;
  height: 70px;
  background-image: url("../images/site/comment-box-bottom.png");
}
.middle  .comment-box .comments-title {
  width: 98px;
  height: 12px;
  background-image: url("../images/comments-title.png");
  margin-top: -50px;
  margin-left: 13px;
}

.middle  .comment-box .comment {
  margin-left: 13px;
  margin-right: 13px;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eae9e9;
}

.middle .comment-box .comment h1 {
  font-weight: bold;
  font-style: italic;
  color: #666666;
  font-size: 13px;
}

.middle .comment-box .comment span.text  {
  color: #666666;
  line-height: 1.2em;
}

.middle .comment-box .comment .category {
  margin-top: 5px;
}

.middle .comment-box .comment .category a {
  text-decoration: none;
  font-size: 11px;
  color: #5ec5f3;
}
.middle .comment-box-arrow {
  width: 21px;
  height: 20px;
  background-image: url("../images/comment-box-arrow.png");
  margin-left: 50px;
  margin-top: -1px;
}

/*
  Comments
*/

.middle .comments {
  border-top: 1px solid #eae9e9;
  color: #666666;
  margin-top: 5px;
}

.middle .comments h1 {
  font-weight: bold;
  font-size: 14px;
  color: #999999;
  margin-top: 30px;
  margin-bottom: 5px;
}

.middle .comments .separator {
  height: 1px;
  background-color: #eae9e9;
}

.middle .comments .left {
  float: left;
  width: 220px;
}

.middle .comments .right {
  float: left;
  width: 220px;
  margin-left: 20px;
}

.middle .comments .text-input {
  width: 220px;
  height: 25px;
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
}

.middle .comments textarea {
  width: 460px;
  height: 100px;
  border: 1px solid #e0e0e0;
}

.middle .comments .submit-button {
  color: white;
  background-color: #00c3f4;
  font-size: 12px;
  font-weight: bold;
  float: right;
  font-family: "Arial";
  width: 78px;
  height: 26px;
  border: none;
  margin-top: 10px;
}

.middle .comments .comments-list {
}

.middle .comments .comments-list .comment {
  margin-top: 20px;
}

.middle .comments .comments-list .comment .author a {
  text-decoration: none;
  color: #33ccff;
  font-size: 12px;
  font-weight: bold;
}

.middle .comments .comments-list .comment .date {
  font-size: 10px;
  font-weight: bold;
  color: #4a4949;
}

.middle .comments .comments-list .comment .text {
  color: #999999;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.middle .comments .comments-list .comment .report a {
  text-decoration: none;
  font-size: 12px;
  color: #29bbf2;
}

.middle .comments .comments-list .comment .comment-separator {
  margin-top: 20px;
}

/*
  Userbar
*/
.userbar {
  width: 100%;
}
.userbar .bar {
  height: 48px;
  width: 980px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-bottom: 1px solid #eaeaea;
}
.userbar .logged-out {
  display: none;
}
.userbar .bar .userinfo {
  margin-left: 20px;
  color: #cccccc;
  margin-top: 14px;
  float: left;
}
.userbar .bar .userinfo input.logout {
   color: #5ec5f3;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   padding: 0px;
   margin: 0px;
   font-size: 13px;
}

.userbar .bar .userinfo span.logged-in-as a {
  font-weight: bold;
  color: #33ccff;
  text-decoration: none;
}



.userbar .bar .usermenu {
  float: right;
  /*margin-right: 13px;*/
  margin-top: 15px;
  width:27%;
}

.userbar .bar .usermenu .menu-item {
  float: left;
  color: #cccccc;
  margin-left: 5px;
}
.userbar .bar .usermenu .menu-item-active {
  float: left;
  color: #cccccc;
}

.userbar .bar .usermenu .menu-item a {
  text-decoration: none;
  color: #33ccff;
  font-weight: bold;
}

.userbar .bar .usermenu .menu-item-active a {
  text-decoration: none;
  color: #cccccc;
  font-weight: bold;
}

.userbar .bar .usermenu .menu-item .settings-link {
  color: #33ccff;
  font-weight: normal;
}
.userbar .bar .usermenu .menu-item .portfolio-link {
  color: #33ccff;
  font-weight: normal;
}

.userbar .bar .usermenu .menu-item .settings-arrow {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 10px;
  margin-top: -3px;
  cursor: pointer;
}
.userbar .bar .usermenu .menu-item .settings-arrow-right {
  background-image: url("../images/settings-button-right.png");
}
.userbar .bar .usermenu .menu-item .settings-arrow-down {
  background-image: url("../images/settings-button-down.png");
}

/*
  User stuff (just over the blackie area) - user settings
*/
.userstuff {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background:none repeat scroll 0 0 white;
}
/*
  User settings
*/
.userstuff .user-settings {
  padding-top: 20px;
  padding-bottom: 20px;
}

.userstuff .user-settings .left {
  padding-left: 20px;
  float: left;
  width: 220px;
}

.userstuff .user-settings .middle {
  padding-left: 20px;
  float: left;
  width: 460px;
}

.userstuff .user-settings .right {
  margin-left: 20px;
  float: left;
  width: 220px;
}

.userstuff .user-settings .right-title{
  color:#666666;
  float:left;
  font-weight:bold;
  margin-bottom:10px;
  margin-left:20px;
  margin-top:25px;
}

.userstuff .user-settings .bottom {
  width: 940px;
  border-top: 1px solid #e0e0e0;
  margin-left: 20px;
  margin-top: 20px;
}

.userstuff .user-settings .profile-image {
  float: left;
  margin-right: 5px;
}

.userstuff .user-settings .profile-image img {
  border: 1px solid #d0d0d0;
}

.userstuff .user-settings .add-thing {
  float: left;
}

.userstuff .user-settings .left .upload-image-add {
  margin-top: 53px;
}

.userstuff .user-settings .add-thing .plus {
  width: 11px;
  height: 11px;
  background-image: url("../images/settings-plus.png");
  float: left;
}

.userstuff .user-settings .add-thing .link {
  float: left;
  margin-left: 5px;
}

.userstuff .user-settings .add-thing .link a {
  font-size: 11px;
  color: #cccccc;
  text-decoration: none;
}

.userstuff .user-settings .text-input {
  height: 16px;
  border: 1px solid #ececec;
  padding: 5px;
  font-size: 13px;
  color: #666666;
}

.userstuff .user-settings .left .text {
  width: 215px;
  margin-top: 8px;
  color: #666666;
}
.userstuff .user-settings .left .text-input {
  width: 205px;  
}

.userstuff .user-settings .left .name-input {
  color: #66ccff;
  font-size: 16px;
}

.userstuff .user-settings .left .city-input {
  margin-bottom: 20px;
}

.userstuff .user-settings .left .separator {
  height: 1px;
  color: #ececec;
  margin-top: 6px;
  margin-bottom: 6px;
}

.userstuff .user-settings .left .cv .cv-text {
  float: left;
  color: #666666;
}
.userstuff .user-settings .left .cv .cv-text a {
  text-decoration: none;
  color: #666666;
}

.userstuff .user-settings .left .cv .add-thing {
  float: left;
  margin-top: 2px;
  margin-left: 5px;
}

.userstuff .user-settings .left .rss {
  margin-top: 10px;
}

.userstuff .user-settings .left .rss .rss-entry a {
  text-decoration: none;
  color: #666666;
}

.userstuff .user-settings .status-title-input {
  width: 450px;
  /*font-size: 20px;*/
  font-size:13px;
  color: #666666;
  margin-bottom: 10px;
  height:auto;
}

.userstuff .user-settings .status-text-input {
  width: 450px;
  color: #666666;
  height: 165px;
  padding: 5px;
  border: 1px solid #ececec;
  font-size: 13px;
}

.userstuff .user-settings .activity-title {
  margin-top: 25px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 2px;
}
.userstuff .user-settings .separator {
  background-color: #e0e0e0;
  height: 1px;
}
.userstuff .user-settings .activities {
  margin-top: 20px;
}
.userstuff .user-settings .activities .entry {
  color: #999999;
  margin-bottom: 20px;
}
.userstuff .user-settings .activities .entry .entry-left {
  float: left;
}
.userstuff .user-settings .activities .entry .entry-left a {
  text-decoration: none;
  color: #33ccff;
}
.userstuff .user-settings .activities .entry .entry-right {
  float: right;
}
.userstuff .user-settings .activities .entry .entry-right a {
  color: #33ccff;
  font-size: 11px;
}

.userstuff .user-settings .ad {
  width: 220px;
  border: 1px solid #ececec;
  margin-bottom: 10px;
}

.userstuff .user-settings .ad .title {
  margin-top: 14px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 4px;
  font-weight: bold;
  color: #666666;
}

.userstuff .user-settings .ad .description {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #666666;
}
.userstuff .user-settings .ad .links {
  margin-left: 10px;
  margin-bottom: 15px;
}
.userstuff .user-settings .ad .links a {
  font-size: 10px;
  color: #33ccff;
}
.userstuff .user-settings .ad .title-input {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 13px;
  width: 192px;
  height: 16px;
}
.userstuff .user-settings .ad .description-input {
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 13px;
  width: 187px;
  height: 60px;
  border: 1px solid #ECECEC;
  padding: 5px;
}

.userstuff .user-settings .bottom .close-link {
  float: right;
  margin-left: 15px;
  margin-top: 13px;
}

.userstuff .user-settings .bottom .close-link a {
  color: #66ccff;
}

.userstuff .user-settings .bottom .submit-input {
  border: none;
  background-color: #2fbceb;
  color: white;
  font-size: 12px;
  font-weight: bold;
  float: right;
  padding: 6px;
  margin-top: 9px;
}

/*
  User stuff 2 (just over the blackie area) - add/edit portfolio
*/
.userstuff2 {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: white;
}

/*
  Portfolio create / edit
*/
.userstuff2 .portfolio-edit {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #666666;
}

.userstuff2 .portfolio-edit .left {
  margin-left: 20px;
  width: 460px;
}

.userstuff2 .portfolio-edit .left .normal-hidden {
  display: none;
}
.userstuff2 .portfolio-edit .left .journalist-hidden {
  display: none;
}


.userstuff2 .portfolio-edit .create-title {
  width: 120px;
  height: 14px;
  background-image: url("../images/site/add-portfolio-title.png");
  margin-bottom: 15px;
}

.userstuff2 .portfolio-edit .edit-title {
  width: 100px;
  height: 13px;
  background-image: url("../images/site/edit-portfolio-title.png");
  margin-bottom: 15px;
}


.userstuff2 .portfolio-edit select {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #ebebeb;
}

.userstuff2 .portfolio-edit .text-input {
  height: 24px;
  border: 1px solid #ebebeb;
  color: #666666;
  margin-bottom: 12px;
  padding-left: 5px;
}

.userstuff2 .portfolio-edit textarea {
  width: 455px;
  padding: 5px;
  border: 1px solid #ebebeb;
  color: #666666;
  margin-bottom: 12px;
}

.userstuff2 .portfolio-edit .name-input {
  width: 455px;
}

.userstuff2 .portfolio-edit .file-input {
  width: 220px;
  margin-top: 5px;
}
.userstuff2 .portfolio-edit .submit-input {
  margin-left: 10px;
  height: 24px;
  background-color: #f2f2f2;
  border: none;
  font-size: 12px;
  color: #333333;
}

.userstuff2 .portfolio-edit .delete-link {
  color:#5EC5F3;
  display:inline;
  font-size:10px;
  margin-left:5px;
  text-decoration:none;
}

.userstuff2 .portfolio-edit .more-upload-link {
  font-size: 10px;
  text-decoration: none;
  color: #5ec5f3;
  margin-left: 5px;
}
.userstuff2 .portfolio-edit .normal .description-input {
  height: 130px;
}
.userstuff2 .portfolio-edit .journalist .description-input {
  height: 70px;
}
.userstuff2 .portfolio-edit .journalist .extract-input {
  height: 140px;
}

.userstuff2 .portfolio-edit .bottom {
  margin-left: 20px;
  width: 940px;
}

.userstuff2 .portfolio-edit .bottom .submit-button {
  color: white;
  font-size: 12px;
  font-weight: bold;
  background-color: #30bfef;
  border: none;
  height: 26px;
  float: left;
}
.userstuff2 .portfolio-edit .bottom .status-message {
  height: 15px;
  margin-bottom: 5px;
}

.userstuff2 .portfolio-edit .bottom .close-link {
  float: right;
}

.userstuff2 .portfolio-edit .bottom .close-link a {
  color: #66ccff;
}

/*
  Latest link tip box
*/
.latest-link-tip-box {
  border: 1px solid #605f5f;
  width: 220px;
}

.latest-link-tip-box .latest-link-tip-box-content {
  padding: 20px;
}
.latest-link-tip-box .title {
  width: 101px;
  height: 15px;
  background-image: url("../images/site/latest-tip-title.png");
  margin-bottom: 20px;
}
.latest-link-tip-box .entry {
  margin-bottom: 20px;
}
.latest-link-tip-box .entry .date {
  font-size: 10px;
  font-weight: bold;
  color: #666666;
}
.latest-link-tip-box .entry .author a {
  font-size: 10px;
  font-weight: bold;
  color: #33ccff;
  text-decoration: none;
}
.latest-link-tip-box .entry .link {
  color: #5ec5f3;
  margin-top: 5px;
}
.latest-link-tip-box-arrow {
  width: 21px;
  height: 20px;
  background-image: url("../images/site/latestlinktipbox-arrow.png");
  margin-top: -1px;
  margin-left: 40px;
}

/*
  Member event box
*/
.member-event-box {
  width: 220px;
  height: 330px;
}

.member-event-box .event-title {
  width: 46px;
  height: 12px;
  background-image: url("../images/events-title.png");
  margin-bottom: 13px;
}

.member-event-box .separator {
  height: 1px;
  width: 100%;
  background-color: #e3e3e3;
  margin-top: 10px;
  margin-bottom: 10px;
}

.member-event-box .entry {
  margin-bottom: 10px;
  color: #666666;
}

.member-event-box .entry .date {
  font-size: 10px;
  font-weight: bold;
  color: #8e8e8e;
}

.member-event-box .entry .title a {
  font-size: 13px;
  color: #66ccff;
  text-decoration: none;
}

.member-event-box  a.link {
  text-decoration: none;
  font-size: 13px;
  color: #66ccff;
  float: right;
}

.middle .start-content .member-event-box {
  float: left;
  margin-left: 20px;
}

/*
  Comments in blackie bar (ex portfolio)
*/

.blackie .comments {
  color: #cccccc;
  margin-top: 5px;
  display: none;
}

.blackie .comments h2 {
  font-weight: bold;
  font-size: 14px;
  color: #999999;
  margin-top: 30px;
  margin-bottom: 5px;
}

.blackie .comments .separator {
  height: 1px;
  background-color: #eae9e9;
}

.blackie .comments .left {
  float: left;
  width: 220px;
}

.blackie .comments .right {
  float: left;
  width: 220px;
  margin-left: 20px;
}

.blackie .comments .text-input {
  width: 210px;
  height: 17px;
  border: 1px solid #1f1f1f;
  margin-bottom: 10px;
  background-color: #0a0a0a;
  color: white;
  margin-top: 5px;
  padding: 5px;
  font-size: 13px;
}

.blackie .comments .name-input {
  margin-bottom: 21px;
}

.blackie .comments textarea {
  width: 450px;
  height: 90px;
  border: 1px solid #1f1f1f;
  background-color: #0a0a0a;
  color: white;
  font-family: "Arial";
  margin-top: 5px;
  padding: 5px;
  font-size: 13px;
}

.blackie .comments .submit-button {
  color: #333333;
  background-color: #f0f0f0;
  font-size: 12px;
  font-weight: bold;
  float: right;
  font-family: "Arial";
  width: 78px;
  height: 26px;
  border: none;
  margin-top: 10px;
}

.blackie .comments .comments-list {
}

.blackie .comments .comments-list .comment {
  margin-top: 20px;
}

.blackie .comments .comments-list .comment .author a {
  text-decoration: none;
  color: #33ccff;
  font-size: 12px;
  font-weight: bold;
}

.blackie .comments .comments-list .comment .date {
  font-size: 10px;
  color: #4a4949;
}

.blackie .comments .comments-list .comment .text {
  color: #999999;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.blackie .comments .comments-list .comment .report a {
  text-decoration: none;
  font-size: 12px;
  color: #29bbf2;
}

.blackie .comments .comments-list .comment .comment-separator {
  margin-top: 20px;
}