body { background: #000; padding: 0px; margin: 0; font-family: Verdana, Arial, Helvetica, serif; font-size: 0.7em; line-height:1.4em; color:#333;}
h1 {padding:0; margin:0; margin-bottom:10px; display:inline; text-transform:uppercase; color:#444444; font-style:normal; font-size:1.2em; line-height:1.7em; font-weight:bold; margin-bottom:13px;}
h2 {margin: 0 0 0.1em 0; font-size: 0.7em;}
h3 {margin: 0.4em 0 1.2em 0; font-size: 1.3em; line-height:1.3em; color:white;}
h3.article-title {margin: 0.4em 0 1.2em 0; font-size: 1.6em; line-height:1.5em; font-weight:bold;
}
a{text-decoration: none; color: #00AABB} /* byt länkfärg här */
.small {margin: 0 0 0 0; font-size: 0.8em;}

.item {
  margin: 8px;
  float: left;
  border:1px solid #333;
}
.photographer {
text-transform:uppercase;
color:#69D2FF;
font-size:16px;
margin-top:5px;
}
#container .col1 { width: 110px; }
#container .col2 { width: 240px; }
#container .col3 { width: 240px; }
.item img {
  margin:5px;
  display: block;
  border:none;
}
.item:hover {
  border:1px solid #fefefe;
}

/* sidlayout */
#header-top {
background:#333;
text-align:right;
}
#header-center {width: 941px; padding-left:1px; margin-right: auto; margin-left: auto;}

#layout {width: 940px; height:100%; background: #000; margin-right: auto; margin-left: auto; margin-top:3px; padding:15px; padding-bottom:0px;}
#sidhuvud { padding: 40px 0px 40px 0px; margin: 0; height:10px; vertical-align:middle;}
#sidhuvud a { color:white; text-decoration:none; font-size:24px;}

#kolumncontainer{float: left; width: 930px; background: #000;}

#k1 {float: left; width: 526px; padding: 0; margin-bottom:10px; margin-right:10px; background: #000; border:1px solid #e0e0e0;}
#k11 {float: left; width: 540px; padding: 0; background: #fff;}
#k1top    {width: 540px; padding: 0px; height: 6px; background:; margin: 0;}
#k1textbox  {float: left; width: 546px; padding: 0px; background:; margin: 0;}
#k1text     {width: 486px; padding: 20px; padding-top: 15px; margin: 0;}
#k1bottom {width: 540px; padding: 0px; height: 6px; background:; margin: 0;}


#k2 {float: left; width: 190px; padding: 0; margin-top:1px; background: #000; margin-bottom:10px; border:1px solid #e0e0e0; border-top:3px solid #222;}
#k2top    {width: 190px; padding: 0px; height: 6px; margin: 0;}
#k2textbox  {float: left; width: 160px; padding: 3px; margin: 0;}
#k2text     {width: 165px; padding: 0px 10px 10px 10px; margin: 0;}
#k2bottom {width: 160px; padding: 0px; height: 6px; margin: 0;}

#k3 {float: left; width: 235px; padding: 0; background: #000; margin-right: 12px;}
#k3top    {width: 235px; padding: 0px; height: 6px; background: url(http://tofsen.se/pics/k2top.jpg); margin: 0;}
#k3textbox  {float: left; width: 235px; padding: 0px; background: url(http://tofsen.se/pics/k2bg.jpg) repeat-y; margin: 0;}
#k3text     {width: 185px; padding: 15px; margin: 0;}
#k3bottom {width: 235px; padding: 0px; height: 6px; background: url(http://tofsen.se/pics/k2bottom.jpg); margin: 0;}

#sidfot {clear: both; padding: 10px; background: #fefefe;}

/* meny */
#menycontainer{ border-bottom:5px solid #000; background:#222; margin-bottom: 17px; padding-top:0px; font-family: Verdana, sans-serif; letter-spacing:1px; width:940px; font-size:9px;}
#menycontainer ul{padding: 0; height:18px; margin: 0; padding-top:10px;}
#menycontainer li{display: inline; list-style: none; text-transform:uppercase; padding:12px;}
#menycontainer li:hover {background:#000;}
#menycontainer li a{text-decoration: none; padding: 0; font-size:1.2em;}
#menycontainer a:link{color: #eae4d3;}
#menycontainer a:visited{color: #eae4d3;}
#menycontainer a:hover {color: #fff;}

.socialmenu {float:right; height:33px; background:#222; overflow:hidden; margin:0; padding-bottom:0px; padding-right:5px; padding-left:5px; padding-top:1px;}
.socialmenu img {border:2px solid #222; padding:0;}
.socialmenu img:hover {border:2px solid #fefefe;}

#foot {text-align:center; padding:4px 14px 4px 14px; margin-top:30px; margin-right: auto; margin-left: auto; margin-bottom:0; background:#222; color:#dbd4bb; width:890px; height:70px;}

#footlinks {text-align:center; width:890px; padding:5px; margin-right: auto; margin-left: auto;}
#footlinks a {color:#222;}

.published {font-family: Verdana, sans-serif; font-style:italic; color:#a1905c; padding-bottom:5px;}

.publishedlist {font-family: Verdana, sans-serif; font-style:italic; color:#a1905c; padding-bottom:5px; font-size:0.8em;}
#overrubrik {padding:0; margin:0; display:inline; text-transform:uppercase; color:#444444; font-style:normal; font-size:1.1em; font-weight:bold;}
.artikellista {
list-style:none;
font-size:1.2em;
padding:10px;
border-top:1px solid #CCC;
font-weight:b0ld;
margin:0;
}
.directory {
margin:0;
padding:0;
}
.sidebartitle { width:220px; display:inline; text-transform:uppercase; color:#444444; font-style:normal; font-size:1.2em; line-height:1.5em; font-weight:bold;}

.sticky-title {font-size:1.8em;}
.comment a {
font-size:1.1em;
color:#555555;
border-bottom:1px solid #a1905c;
}
.skribent-inside {
font-family: Verdana, sans-serif;
padding:3px 0 13px 0;
margin:0 0 0 0;
font-size:1.0em;
font-style:italic; 
color:#444444;
}
.skribent {
font-family: Verdana, sans-serif;
font-style:normal;
text-transform:uppercase;
font-weight:bold;
}
.entry-title-inside {
color:#69D2FF;
font-size:1.9em;
margin-bottom:0;
padding-bottom:16px;
font-weight:normal;
text-transform:uppercase;
}
.published-inside {font-style:italic; color:#a1905c; padding-bottom:7px;}

.search_input{
padding:5px 0 0 0;
margin:0;
}
.search_input input {
border:3px solid #777;
padding:5px;
width:225px;
font-size:0.9em;
color:#777;
background:#f0f0f0;
}
.feed-top {
display:inline;
margin:0;
padding-top:12px;
text-align:left;
float:left;
color:#fefefe;
}
.feed-top a {
font-family: Verdana, sans-serif;
text-transform:uppercase;
color:#00AABB;
}
.feed-top a:hover {
color:#fefefe;
}
.about-author {
font-size:0.9em;
background:#eeeeee;
border:1px solid #ccc;
padding:15px;
}
.social {padding-right:10px; display:inline;}
.social-container {padding:5px 10px 5px 10px; background:#f0f0f0; border-bottom:1px dashed #999;}
.social-container a {color:#444;}
.tags {padding:5px 10px 5px 10px; margin:0; border-top:1px dashed #999;}
.flickrset img {
margin:0;
padding:0;
border:none;
display:inline;
border:3px solid #f0f0f0;
margin-left:10px;
margin-bottom:10px;
}
.artikelbild {
border:10px solid #f0f0f0;
}
.kursiv-stor {
font-size:1.1em;
font-style:italic;
line-height:1.4em;
}
#dragare {
padding:0px;
margin:0;
margin-bottom:20px;
width:930px;
}
#dragare-sidtitel {
padding:0px;
margin:0;
margin-bottom:20px;
padding-left:13px;
width:930px;
}
#d-left {
height:105px;
padding:16px;
float: left;
width:224px;
border:1px solid #e0e0e0;
margin-bottom:11px;
background: #fefefe;
}
#d-left-a-i {
padding:16px;
float: left;
width:220px;
border:1px solid #e0e0e0;
margin-bottom:11px;
background: #fefefe;
}
#d-middle {
height:105px;
padding:16px;
margin-left:11px;
margin-right:11px;
float: left;
width:224px;
border:1px solid #e0e0e0;
margin-bottom:11px;
background: #fefefe;
}
#d-right {
height:105px;
padding:16px;
float: left;
width:350px;
border:1px solid #e0e0e0;
margin-bottom:11px;
background: #fefefe;
}
.amne {
height:57px;
float: left;
width:230px;
border:none;
padding-top:80px;
}
.amnenamn {
text-transform:uppercase;
background:#ffffff;
color:#222222;
padding:5px 10px 5px 10px;
width:100px;
font-weight:bold;
}
#d-right-a-i {
padding:16px;
float: left;
width:350px;
border:1px solid #e0e0e0;
margin-bottom:11px;
background: #fefefe;
}
#rubrik-small {padding:0; margin:0; display:inline; text-transform:uppercase; color:#444444; font-style:normal; font-size:1.0em; font-weight:bold; letter-spacing:1px;}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; 
}
.footer {
	height: 100px;
        text-align:center;
        background:#222;
        color:#a1905c;
}
.footerlinks {
        text-align:center;
}
 .push {
        clear: both;
}
.bigletters {
font-size:2.0em;
}
.red { color:#b23904;} 
#twitter_div li {list-style-type:none; margin-left:0px; padding:10px;}
.alternate { background:#f7f7f7;}
#amnenav li a {
display:block;
color:#222222;
width:160px;
text-transform:uppercase;
list-style:none;
padding:6px 6px 6px 14px;
margin:0;
}
#amnenav li {
list-style:none;
padding:0;
margin:0;
}
#amnenav li a:hover {
background:#222222;
color:#ffffff;
}
#amnenav ul {
font-size:1.1em;
width:160px;
margin:0;
margin-top:10px;
margin-bottom:10px;
padding:0;
}
.linklist a {
color:#333;
margin-bottom:5px;
}
.social img {
border:0;
}
#profile {
background:#f0f0f0;
padding:10px;
border:1px solid #ccc;
height:30px;
}
#name {
float:right;
width:150px;
font-weight:bold;
padding-bottom:10px;
}
#alert {
background:#ffbaba;
border:1px solid #ff0000;
padding:10px;
font-weight:bold;
}
#greenalert {
background:#d1ffc6;
border:1px solid green;
padding:10px;
font-weight:bold;
}
#competition {
}
.tweet, .query {
  font-family: Georgia, serif;
  font-size: 120%;
  color: #222; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    background-color: #fefefe; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: 15px; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #666; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #f0f0f0; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }
.twitterlist {
border-top:1px solid #f0f0f0;
padding-top:15px;
padding-bottom:15px;
}
.twitterlist a {
font-size:1.6em;
}
.twitterlist-ai {
width:280px;
float:right;
}
.fullname {
font-size:0.8em;
font-weight:bold;
}
.location {
font-size:0.8em;
}
.fblike-top {
float:left; margin-left:400px; margin-right:13px; height:23px; border:3px solid #777;margin-top:5px; background:#eceef5; width:85px;
}

/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles li {
width: 100px;
background-color: #ffffff;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
cursor: pointer;
padding: 5px;
margin:5px;
}

#tiles li img {
display: block;
}

/**
 * Grid item text
 */
#tiles li p {
color: #666;
font-size: 12px;
margin: 7px 0 0 7px;
}

/** General page styling **/

#main {
padding: 30px 20px 30px 20px;
}

header h1 {
text-align: center;
font-size: 24px;
font-weight: normal;
margin: 30px 0 3px 0;
}

header p {
text-align: center;
font-size: 13px;
color: #777;
margin: 0;
}