/*
Theme Name: WordPress Traveas Blog
Theme URI: http://traveas.com/
Description: The Traveas  Blog WordPress theme.
Version: 1.0
Author: Drip
Author URI: http://drip.se/
Tags: traveas blog theme

*/

/* resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: none;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
/* layout */
body {
background: #fff;
color: #010101;
font: 100% Arial,Helvetica,serif;
line-height: 1.5;
}
p {
color: #000;
font-size: .75em;
}
a {
color: #000;
}
ol {
color: #000;
font-size: .75em;
padding: 0 0 0 30px;
}
table {
color: #000;
font-size: .75em;
line-height: 1.5;
}
#wrapper {
margin: 0 auto 20px auto;
width: 800px;
background: #fff;
}
#header {
background: #fff;
height: 152px;
width: 800px;
}
#headerimg {
float: left;
}
#header .description {
display: none;
}
#sidebar {
float: left;
font-size: 0.8em;
padding: 0 10px 20px 10px;
width: 180px;
}
#sidebar li {
list-style-type: none;
}
#sidebar h2.widgettitle {
padding: 15px 0 0 0;
}

/* Blog styles
----------------------------------------------- */
/* Posts */
div#blog {
float: left;
margin-bottom: 40px;
width: 600px;
}
#blog div.post {
float: left;
margin: 0 0 10px 0;
}
#blog div.post h2.title {
clear: both;
margin: 0 0 0 5px;
}
#blog div.post h2.title a:link,
#blog div.post h2.title a:visited,
#blog div.post h2.title a:active {
color: #222;
}
#blog div.post h2.title a:link:hover,
#blog div.post h2.title a:visited:hover,
#blog div.post h2.title a:active:hover {
color: #000;
}
#blog div.post div.date {
font-size: 9px;
color: #777;
margin-bottom: 10px;
padding: 0 5px;
}
#blog div.post div.date a {
color: #777;
}
#blog div.post div.date a:hover {
color: #000;
background: #eee;
}
#blog div.post div.body small.read_more {
white-space: nowrap;
}
#blog div.post div.body p {
clear: both;
margin: 0 0 15px 5px;
}
#blog div.post div.body ul li {
margin: 5px 0 0 35px;
}
/* meta (in post footer) */
#blog div.post div.meta {
border-bottom: 1px solid #ccc;
margin: 0 0 20px 0;
padding: 20px 0;
}
#blog div.post div.meta div.author {
float: left;
font-size: 0.7em;
color: #777;
}
#blog div.post div.meta div.timestamp {
color: #777;
float: right;
font-size: 0.7em;
padding: 0 5px;
}
#blog div.post div.meta div.feedback {
border-right: 1px solid #ccc;
color: #777;
float: right;
font-size: 0.7em;
padding: 0 6px;
}

#commentform p, #blog .commentlist p {
  color: #333;
}

/* comments */

#blog div.comment {
margin: 0px 0px 0px;
padding: 5px 10px 10px 10px;
background: #f5f5f5;
}
#blog div.comment.even {
  background-color: #ddd;
}
#blog .commentlist div.meta a{
font-size: 0.8em;
color: #080808;
}
#blog .commentlist div.author {
  float: left;
}

#blog .commentlist div.timestamp {
  float: right;
  font-size: 10px;
  color: #777;
}
#blog .commentlist div.timestamp a {
  float: right;
  font-size: 10px;
  color: #777;
}

#blog div.comment p {
  margin-bottom: 5px;
  color: #555;
}
#blog div.comment.even p {
  color: #444;
}
#blog .commentlist p.moderation {
  margin-top: 15px;
  font-style: italic;
  font-weight: bold;
}
#blog div.commentlist {
clear: both;
margin: 15px 0px 20px;
border-bottom: 1px dotted #000;
}
#blog div.commentlist li {
list-style-type: none;
margin: 40px 0;
}
#blog div.commentslist li div.meta a {
color: #ff0000;
}
#blog textarea#comment {
height: 100px;
width: 600px;
}
#blog h3#comments {
clear: both;
}
#blog #respond h3 {
clear: both;
}
cite.fn a {
color: #000;
}
/* post navigation
----------------------------------------------- */
.post-navigation a, .post-navigation-top a {
font-size: .8em;
}
.post-navigation-top .alignright {
margin: 20px 0;
}
.post-navigation-top .alignleft {
margin: 20px 0;
}
/* top navigation */
/* navigation top */
div#navigation {
background: url(images/bg-nav.png) no-repeat top left;
clear: both;
float: left;
height: 44px;
margin: 100px 0 0 0;
*margin: 3px 0 0 0;
position: absolute;
z-index: 1;
}
/* navigation top */
ul#mainnav {
clear: both;
float: left;
padding: 0 0 0 23px;
width: 800px;
}
ul#mainnav li {
display: block;
float: left;
height: 45px;
}
ul#mainnav li a {
color: #EAFFED;
cursor: pointer;
display: block;
height: 34px;
font: 0.7em Arial;
font-weight: bold;
padding: 10px 0 0 13px;
text-transform: uppercase;
}
ul#mainnav li a:hover {
color: #ccc;
}
ul#mainnav li ul {
position: absolute;
visibility: hidden;
background: #f1f1f1;
}
ul#mainnav li ul li {
float: none;
display: inline;
}
ul#mainnav li ul li a {
color: #24313C;
text-transform: capitalize;
}
ul#mainnav li ul li a:hover {
}
ul#mainnav li.current_page_item a {
color: #fe0008;
}
/* Begin submenu color */
ul#mainnav li.current_page_item ul a {
color: #000;
}
/* End submenu color */
/* specifika länkar */
/* home */
ul#mainnav li.page-item-18 {
width: 110px;
}
/* services */
ul#mainnav li.page-item-3 {
width: 142px;
}
/* vidd på grå ruta under services */
ul#mainnav li.page-item-3 ul li a {
width: 128px;
}
/* about us */
ul#mainnav li.page-item-2 {
width: 110px;
}
/* vidd på grå ruta under about us */
ul#mainnav li.page-item-2 ul li a {
width: 150px;
}
/* news */
ul#mainnav li.page-item-241 {
width: 121px;
}
/* contact */
ul#mainnav li.page-item-9 {
width: 122px;
}

/* footer */
#footer {
background: #000 url(images/bg-footer.jpg) no-repeat top left;
clear: both;
color: #808080;
height: 27px;
padding: 20px;
}
#footer p {
color: #808080;
}
.footer-firstrow a {
color: #fff;
}
.footer-secondrow a {
color: #808080;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin: 0 auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}