/*
Theme Name: WordPress Traveas
Theme URI: http://traveas.com/
Description: The Traveas WordPress theme.
Version: 1.0
Author: Drip
Author URI: http://drip.se/
Tags: traveas 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, 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 {
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
outline: none;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font: 100% "Calibri", "Lucida Grande", "Tahoma", "Arial", sans-serif;
}
li {
list-style-type: none;
}
/* layout */
body {
background: #fff;
color: #010101;
/*font: 100% Arial,Helvetica,serif;*/
font: 100% "Calibri", "Lucida Grande", "Tahoma", "Arial", sans-serif;
line-height: 1.5;
}
input, textarea {
font: 100% "Calibri", "Lucida Grande", "Tahoma", "Arial", sans-serif;
}
p {
color: #7e7e7e;
font-size: .85em;
}
table {
color: #7e7e7e;
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;
}
#headerflags {
float: right;
margin: 85px 0px 0 0;
}
#headerflags li {
float: left;
}
#headerflags span {
display: inline;
}
#header .description {
display: none;
}

/* navigation top */
div#navigation {
clear: both;
float: left;
height: 44px;
margin: 100px 0 0 0;
*margin: 3px 0 0 0;
position: absolute;
z-index: 1;
}
div.navbg-en {
background: url(images/bg-nav-en.png) no-repeat top left;
}
div.navbg-se {
background: url(images/bg-nav-se.png) no-repeat top left;
}
/* 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: #323232;
}
ul#mainnav li ul li {
float: none;
display: inline;
}
ul#mainnav li ul li a {
color: #fff;
text-transform: none;
}
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: #fff;
}
/* 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;
}
/* start corp */
div#animation {
background: #ccc;
float: left;
height: 175px;
}

#start-picture
span {
background: url(http://corp.traveas.com/wp-content/uploads/2010/10/start-picture2.png) no-repeat top left;
float: left;
height: 330px;
width: 800px;
}
div#try {
background: url(images/bg-tryout.jpg) no-repeat bottom left;
float: left;
height: 120px;
margin: 15px 15px 0 0;
width: 530px;
}
div#try form {
margin: 40px 0 0 160px;
}
div#try h3 {
font-size: 1.1em;
font-weight: normal;
height: 25px;
}
div#try input {
float: left;
}
div#try input.submit {
float: left;
margin: -20px 0 0 85px;
}
div#try p.ex {
clear: both;
color: #7f7f7f;
margin: 25px 0 0 0;
*margin: -50px 0 0 0;
position: absolute;
}
div#getstarted {
background: url(images/bg-getstarted.jpg) no-repeat top left;
float: left;
height: 40px;
margin: 49px 0 0 0;
padding: 24px 30px;
width: 195px;
}
div#getstarted h3 {
background: url(images/minigubbe.png) no-repeat top left;
padding: 0 0 20px 60px;
}
/* columns */
div#columns {
min-height: 200px;
width: 800px;
margin: 20px 0;
float: left;
}
div#columns-start {
min-height: 200px;
width: 800px;
margin: 0 0;
float: left;
}
div.column {
background: #fff url(images/column.png) no-repeat top left;
min-height: 200px;
width: 250px;
float: left;
}
div.column h3 {
padding: 15px 15px 0 15px;
}
div.column p {
font-size: 0.7em;
padding: 0 15px 15px 15px;
}
div.column a {
color: #009fd3;
font-size: 1.2em;
text-decoration: underline;
}
div.column a.permalink {
float: right;
*font-size: 1.3em;
*padding: 0 15px;
}
div.column a.permalink-blog {
color: #818181;
float: left;
}
div.column p.permalink-blog {
clear: both;
padding: 2px 15px;
}

div.services-list li {
background: url(images/arrow.png) no-repeat top left;
background-position: 0 1px;
color: #464646;
font-size: .7em;
margin: 0 0 0 15px;
padding: 0 0 0 20px;
text-decoration: none;
}
div.column li a {
background: url(images/arrow.png) no-repeat top left;
background-position: 0 1px;
color: #464646;
font-size: .7em;
font-weight: bold;
margin: 0 0 0 15px;
padding: 0 0 0 20px;
text-decoration: none;
}
div.margin {
margin: 0 25px 0 0;
}
div.column ul {
padding: 0 15px;
}
div.column h2.widgettitle {
display: none;
}
div.column li.widget_rss a {
background: transparent;
clear: both;
margin: 0;
padding: 0;
list-style-type: none !important;
}
#content {
float: left;
}
.line {
background: #cdcdcd;
clear: both;
height: 1px;
margin: 15px 0;
width: 800px;
}
#content p {
padding: 0 0px 15px 0px;
}
/* Services */
div#service-form {
background: url(images/bg-contactform.png) no-repeat top center;
float: left;
padding: 20px 15px;
min-height: 150px;
width: 768px;
}
div#service-form div.left {
float: left;
width: 256px;
}
/* services travelplanner */
div#travelplanner-image {
float: left;
margin: 0 15px 0 0;
width: 255px;
}
div.text {
float: left;
width: 520px;
}
div.text p {
padding: 0 0 15px 0;
}
/* about customers */
div#customers {
background: url(images/bg-customers.png) no-repeat top left;
float: right;
min-height: 155px;
padding: 10px 0 0 5px;
width: 250px;
}
div#customers img {
padding: 0 0 7px 5px;
}
div.about-text {
float: left;
width: 420px;
}
div.about-text h3 {
padding: 15px 0 0 0;
}
/* contact us */
.contact-text {
margin: 30px 0 20px 0;
}
#contact {
background: url(images/bg-contact.png) no-repeat top left;
float: left;
position: relative;
min-height: 135px;
padding: 10px 25px;
width: 750px;
}
#contact2 {
float: left;
padding: 25px;
width: 750px;
}
/* investor */
div#investor-right {
background: url(images/bg-customers.png) no-repeat top left;
float: right;
min-height: 155px;
padding: 10px 0 0 5px;
width: 250px;
}
div#investor-right p, div#investor-right h3 {
padding: 10px 10px 0 10px;
}
/* posts such as news */
.post {
clear: both;
}
.post img.alignleft {
position: relative;
}
.post h2 {
margin: 0 0 0 0;
}
.post p.time {
padding: 20px 0 0 0;
}
a.post-edit-link {
color: #009fd3;
}
div.pdf {
padding: 0 0 0 15px;
}
div.pdf p {
color: #464646;
font-weight: bold;
display: inline;
padding: 0 0 0 0 !important;
}
div.pdf a {
color: #808080;
font-size: 1em;
font-weight: normal;
}
.hentry {
float: left;
padding: 20px 0;¨
width: 580px;
}
.hentry h2, .hentry p {
}
.postmetadata {
clear: both;
}
.entry {
float: left;
width: 580px;
}
.sidebar {
border-left: 2px solid #000;
float: left;
font-size: 0.9em;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
width: 188px;
}
.sidebar a {
color: #8f8f8f;
}
.category-blog {
float: left;
}
.wpcf7-response-output {
display: none;
padding: 0px 0px;
}
.wpcf7-display-none {
display: none;
padding: 0px 0px;
}
.wpcf7-mail-sent-ok {
display: none;
padding: 0px 0px;
}
.questions {
background: url(images/bg-contactform.png) no-repeat top center;
float: left;
min-height: 135px;
padding: 10px 25px;
width: 750px;
}
#contact-form {
color: #fff;
float: left;
width: 570px;
}
#contact-form div.left p.label {
clear: left;
float: left;
padding: 7px 0;
text-align: right;
width: 50px;
}
#contact-form div.right p.label {
float: left;
padding: 7px 0;
text-align: right;
width: 80px;
}
#contact-form input.wide {
float: right;
margin: 5px;
text-align: right;
width: 160px;
}
#contact-form textarea.wide {
float: right;
height: 80px;
margin: 5px;
text-align: right;
width: 165px;
*width: 160px;
}
#contact-form input.submit {
clear: both;
float: right;
margin: 5px 5px 0 0;
*margin: 0 5px 0 0;
}
#contact-form div.left {
float: left;
width: 240px;
}
#contact-form div.right {
float: left;
width: 270px;
}
#contact-info {
float: left;
margin: 20px 0 0 0;
width: 180px;
}
#contact-info a {
color: #009fd3;
}
/* footer */
#footer {
background: #000 url(images/bg-footer.jpg) no-repeat top left;
clear: both;
height: 27px;
padding: 20px;
}
.footer-firstrow a {
color: #fff;
}
.footer-secondrow a {
color: #808080;
}
/* headings */

h3 {
color: #010101;
font-size: .95em;
}
h3 a {
color: #010101;
font-size: .95em;
} 
/* 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
}