/*
Theme Name: Inga löjliga bilresor
Theme URI: http://ingalojligabilresor.nu/
Description: Custom made theme for the "Inga löjliga bilresor" campaign.
Version: 1.0
Author: Anton Lindqvist
Author URI: http://qvister.se/
Tags: orange, custom header, fixed width, two columns, widgets
*/

html,body {
background: #f04b09 url(images/body.png) repeat top left;
height: 100%;
font: normal 100% Arial,Helvetica,sans-serif;
}
strong {
  font-weight: bold;
}
a {
color: #fc4f09;
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
abbr {
cursor: help;
}
h1,h2,h3,h4 {
font-weight: bold;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover {
text-decoration: none;
}

#wrapper {
background: transparent url(images/wrapper.png) repeat-y top left;
height: 100%;
height: auto;
min-height: 100%;
width: 970px;
margin: 0 auto;
behavior: url(/iepngfix.htc);
}
div.push {
background: #fff;
height: 19px;
width: 930px;
margin: 0 auto;
}
div.tiny {
height: 10px;
}

/* Begin nav-town
---------------------------------------------- */
#nav-town {
background: #333;
height: 30px;
width: 892px;
margin: 0 auto;
font-size: .75em;
text-transform: uppercase;
color: #fff;
}
#nav-town ul {
margin: 0 0 0 20px;
}
#nav-town li {
display: inline;
float: left;
line-height: 30px;
margin: 0 10px 0 0;
}
#nav-town li a {
color: #fff;
}
#nav-town li a:hover {
text-decoration: none;
}
#nav-town li a.active {
color: #f04b09;
}
/* End nav-town
---------------------------------------------- */

/* Begin header
---------------------------------------------- */
#header {
background-color: #f04b09;
background-repeat: no-repeat;
background-position: bottom left;
width: 566px;
min-height: 340px;
color: #fff;
}
#header h1 {
font-size: 2em;
padding: 20px 20px 0 20px;
}
#header p {
padding: 6px 20px 0 20px;
font-size: .94em;
}
#header.small {
background: #fc4f09 url(images/header_small.png) no-repeat bottom left;
height: auto;
padding: 0 0 30px 0;
min-height: 150px !important;
}
/* End header
---------------------------------------------- */

/* Begin content
---------------------------------------------- */
#content {
padding: 0 0 212px 0;
}
/* .................................................. */
#posts {
width: 566px;
margin: 0 0 0 39px;
float: left;
color: #333;
_margin: 0 0 0 19.5px;
}
#posts div.post {
margin: 8px 0 0 0;
}
#posts h2 {
background: #333;
margin: 0 0 8px 0;
padding: 5px 8px;
font-size: 1.31em;
color: #fff;
}
#posts h2 a {
color: #fff;
}
#posts h2.clean {
background: #fff;
color: #333;
padding: 5px 0;
margin: 0;
}
#posts p {
font-size: .81em;
line-height: 1.25em;
margin: 0 0 10px 2px;
}
#posts p.comment {
width: 566px;
display: block;
font-size: .69em;
clear: both;
}
#posts img.alignleft {
float: left;
margin: 0 10px 10px 0;
}
#posts img.alignright {
float: right;
margin: 0 0 10px 10px;
}
#posts p.postmeta {
font-size: .75em;
font-style: italic;
margin: 0 0 15px 2px;
}
#posts a.more-link {
display: block;
font-size: .69em;
font-weight: bold;
text-transform: uppercase;
}
#posts a.comment-link {
background: #fff url(images/comment.png) no-repeat top left;
padding: 0 0 0 15px;
color: #333;
}
#posts div.navigation {
margin: 20px 0 0 0;
}
#posts div.navigation span.left {
float: left;
}
#posts div.navigation span.right {
float: right;
}
/* End content
---------------------------------------------- */

/* Begin submission
---------------------------------------------- */
div.submission {
background: #eee;
height: auto;
min-height: 100px;
width: 566px;
margin: 10px 0;
}
div.dynamic {
background: #fff;
}
div.submission div.left {
height: 80px;
width: 70px;
margin: 10px 0 0 10px;
float: left;
}
div.submission div.right {
height: auto;
width: 466px;
float: right;
margin: 10px 10px 0 0;
}
div.submission p.submission-meta {
color: #f04b09;
margin: 0 0 4px 0 !important;
text-transform: uppercase;
font-size: .69em !important;
}
div.submission p.permalink {
margin: 0 0 8px 0!important;
text-align: right;
text-transform: uppercase;
font-size: .61em !important;
}
div.vote {
background: #333;
height: 55px;
width: 70px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #fff;
font-weight: bold;
text-align: center;
}
div.votes {
padding: 10px 0 0 0;
}
div.text {
padding: 3px 0 0 0;
text-transform: uppercase;
font-size: .69em;
}
div.vote-action {
background: #eee url(images/vote.png) no-repeat top left;
height: 19px;
width: 70px;
margin: 6px 0 0 0;
cursor: pointer;
}
div.disabled {
background-position: 0 -19px;
}
/* End submission
---------------------------------------------- */

/* Begin contest
---------------------------------------------- */
div.form-left {
width: 300px;
float: left;
}
div.form-right {
background: #fff url(http://ingalojligabilresor.nu/wp-content/uploads/badge2010.png) no-repeat top center;
height: 150px;
width: 250px;
float: right;
}
#contest input.text,#contest textarea {
background: #fff url(images/input.png) repeat-x top left;
}
#contest input.text:focus,#contest textarea:focus {
background: #fff;
}
#contest {
margin: 30px 0 0 0;
}
#contest label {
display: block;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
#contest label.error {
color: #ff0000;
}
#contest input.text {
height: 15px;
width: 280px;
margin: 2px 0 0 0;
padding: 3px;
border: 1px solid #333;
}
#contest input.error {
border: 1px solid #ff0000;
}
#contest textarea {
width: 560px;
height: 170px;
margin: 2px 0 15px 0;
padding: 3px;
border: 1px solid #333;
}
#contest textarea.error {
border: 1px solid #ff0000;
}
#contest select {
width: 200px;
margin: 2px 0 0 -3px;
}
#contest p.promise label {
font-weight: normal;
text-transform: none;
width: 280px;
}
#contest p.promise input.checkbox {
float: right;
position: relative;
top: -25px;
}
#error {
background: #ff7070 url(images/error.png) no-repeat center left;
height: 30px;
border: 1px solid #ff0000;
color: #000;
line-height: 30px;
display: none;
}
#error p {
line-height: 32px;
padding: 0 0 0 30px;
font-weight: bold;
}
#success {
display: none;
}
#preloader {
background: url(images/preloader.gif) no-repeat top left;
height: 16px;
width: 16px;
position: relative;
top: -45px;
left: 150px;
display: none;
}
/* End contest
---------------------------------------------- */

/* Begin flickr
---------------------------------------------- */
div.flickr h2 {
width: 549px;
margin: 0 !important;
}
div.flickr li {
float: left;
display: inline;
}
div.flickr li.flickr_top {
margin: -4px 0 0 0;
}
div.flickr p.flickr_info {
background: #f04b09;
width: 555px;
margin: 0 !important;
padding: 3px 5px;
clear: both;
color: #fff;
font-size: .75em !important;
position: relative;
top: -4px;
}
/* End flickr
---------------------------------------------- */

/* Begin sidebar and nav
---------------------------------------------- */
#sidebar {
width: 288px;
float: right;
margin: 0 39px 40px 0;
}
#sidebar li.widget {
margin: 10px 0 0 0;
clear: both;
}
#sidebar li.widget h2.widgettitle {
background: #333;
color: #fff;
padding: 5px 8px;
font-size: 1.13em;
*padding: 5px 0;
}
#sidebar li.widget ul {
margin: 5px 0 0 0;
}
#sidebar li.widget ul li {
font-size: .81em;
margin: 0 0 5px 5px;
}
#sidebar li.widget ul li a {
color: #333;
text-decoration: underline;
}
#twitter_followers ul {
margin: 0 !important;
}
#twitter_followers ul li {
float: left;
display: inline;
margin: 0 !important;
}
#twitter_followers ul li.twitter_followers_top {
margin: -5px 0 0 0 !important;
}
#twitter_followers ul li.twitter_followers_link {
background: #f04b09;
width: 278px;
padding: 3px 5px;
position: relative;
top: -5px;
font-size: .69em;
text-transform: uppercase;
clear: both;
}
#twitter_followers ul li.twitter_followers_link a {
color: #fff !important;
font-size: .81em;
text-decoration: none !important;
}
#twitter_followers ul li img {
position: relative;
}
#lojliga_flickr ul {
margin: 0 !important;
}
#lojliga_flickr ul li {
float: left;
display: inline;
margin: 0 !important;
}
#lojliga_flickr ul li.flickr_top {
margin: -4px 0 0 0 !important;
}
#lojliga_flickr ul li.lojliga_flickr_info {
background: #f04b09;
width: 278px;
padding: 3px 5px;
position: relative;
top: -5px;
font-size: .69em;
clear: both;
color: #fff;
}
#latest_submissions span.latest_submissions_town {
color: #f04b09;
text-transform: uppercase;
font-size: .88em;
padding: 0 3px 0 0;
}
#latest_submissions ul li {
border-bottom: 1px solid #333;
padding: 0 0 5px 0;
margin: 0 0 5px 2px !important;
}
#latest_submissions ul li a {
text-decoration: none !important;
}
#latest_submissions ul li a:hover {
text-decoration: underline !important;
}
#emo_widget span.vote_count {
background: #f04b09;
padding: 2px 3px;
color: #fff;
font-weight: bold;
font-style: italic;
font-size: .81em;
}
#emo_widget ul li {
margin: 0 0 10px 5px !important;
}
#emo_widget ul li a {
text-decoration: none !important;
padding: 3px 0 5px 2px;
}
#emo_widget ul li a:hover {
text-decoration: underline !important;
}
#nav {
background: #333 url(images/nav_new.png) no-repeat top left;
padding-bottom: 20px;
width: 288px;
}
#nav h3 {
font-weight: normal;
font-size: 1.81em;
padding: 15px 0 0 10px;
}
#nav h3 a {
color: #fff;
}
#nav p.town {
color: #fff;
text-transform: uppercase;
font-size: .81em;
margin: 2px 0 0 10px;
}
#nav ul {
margin: 25px 0 0 10px;
}
#nav ul li {
background: transparent url(images/li.png) no-repeat top left;
height: 14px;
margin: 0 0 12px 0;
padding: 0 0 0 18px;
line-height: 14px;
font-size: .88em;
text-transform: uppercase;
}
#nav ul li.active {
background-position: 0 -14px;
}
#nav ul li.active a {
color: #f04b09;
}
#nav li a {
color: #fff;
}
#nav li a:hover {
text-decoration: none;
}
/* End sidebar and nav
---------------------------------------------- */

/* Begin comments
---------------------------------------------- */
#commentform {
margin: 40px 0 0 0;
}
#commentform label {
background: #333;
height: 23px;
width: 60px;
display: inline-block;
color: #fff;
padding: 0 0 0 10px;
line-height: 23px;
font-weight: bold;
cursor: pointer;
}
#commentform input.text {
background: #fff;
height: 15px;
width: 200px;
padding: 3px;
border: 1px solid #333;
position: relative;
left: -3px;
}
#commentform textarea {
background: #fff;
height: 150px;
width: 269px;
padding: 3px;
border: 1px solid #333;
}
ol.commentlist li {
width: 546px;
padding: 10px;
margin: 0 0 10px 0;
}
ol.commentlist li.odd {
background: #efefef;
}
ol.commentlist li p {
margin: 10px 0 0 0 !important;
}
div.comment-author {
height: 32px;
}
div.comment-author img {
float: left;
}
cite.fn {
float: left;
font-size: .81em;
font-weight: bold;
margin: 0 0 0 10px;
line-height: 32px;
}
span.says {
display: none;
}
div.comment-meta {
height: 32px;
width: 200px;
float: right;
position: relative;
top: -32px;
font-size: .75em;
line-height: 32px;
text-align: right;
}
div.comment-meta a {
color: #ccc;
}
/* End comments
---------------------------------------------- */

/* Begin footer
---------------------------------------------- */
#footer {
background: #fc4f09 url(images/footer.png) no-repeat top left;
height: 222px;
width: 930px;
position: relative;
margin: -212px auto 0 auto;
clear: both;
}
#footer ul {
height: 96px;
width: 900px;
margin: 0 auto;
position: relative;
top: 126px;
}
#footer li {
line-height: 96px;
float: right;
display: inline;
margin: 0 20px 0 0;
}
#footer img {
vertical-align: middle;
}
#footer2 {
  margin: 0px auto;
  padding: 30px 20px 20px;
  width: 890px;
  position: relative;
  background: #fff;
}
#footer2 ul {
  margin: 0px auto;
  overflow: hidden;
  width: 650px;
}
#footer2 ul li { float: left; margin: 0px 50px; }
/* End footer
---------------------------------------------- */

.clearfix:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
height: 1px;
width: 1px;
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}

#posts.head a,
#posts.head a:hover {
	display: block;
	text-decoration: none;
	cursor: pointer;}

/*  Fotoblogg
-------------------------------------------------------- */

#foto_header {
  margin: 20px 0 ;
  border-bottom: 3px solid #333;
  font-size: 1.31em;
}
#posts .foto_post {
  margin: 8px 0 0 0;
  border-bottom: 3px solid #333;
}
#posts .foto_post h2 {
  background: #fff;
  margin: 10px 0 0px 2px ;
  padding: 5px 0px;
  font-size: 1.31em;
}
#posts .foto_post h2 a {
  color: #333;
}
#posts .foto_post h2 a:hover {
  color: #666;
}

#posts .foto_meta {
  font-size: 0.7em;
  font-weight: bold;
  margin: 0 0 20px 2px;
}

#posts .leave_comment {
  float: right;
  padding: 0 10px;
}

#posts .nbr_comments {
  float: right;
}

.navigation {
  padding-bottom: 50px;
}

.wp-paginate {
    font-size: 0.8em;
    overflow: hidden;
}

.wp-paginate .title {
  display: none;
}

.wp-paginate .page, .wp-paginate .prev, .wp-paginate .next {
  padding: 0px 0px;
}

.wp-paginate li {
  float: left;
}

.wp-paginate .page {
  color: #fc4f09;
  padding:0px 4px;
}

.wp-paginate .current {
  color: #333;
}

#numbers li {
  float: left;
  font-weight: bold;
  
}

/* Counter
-------------------------------- */

#counter {
  background: #333;
  font-size: 0.8em;
  color: #fff;
  margin: 0 auto;
  margin-top: 10px;
  padding: 5px;
  text-align: center;
}

#counter ul {
  padding: 15px 0px;
  margin: 0px;
  list-style: none;
}

#counter ul li{
  padding: 5px;
  margin: 0 3px 0 3px;
  display: inline;
  background: #f04b09;
  height: 10px;
  width: 10px;
  font-size: 1.5em;
}



/*
---------------------------------------------------- */

.addtoany_share_save_container {
  width: 120px;
}