/*
Theme Name: Best Transport
Description: Best Transport's WordPress Theme
Author: Teddy Zetterlund <teddyzetterlund@gmail.com>
Version: 1.0
*/

/* Reset */

article, footer, header, hgroup, nav, section { display: block; }

h1, h2, h3, h4, h5, h6, dl, ol, ul, p { margin-top: 0; }

nav ul { list-style: none; margin: 0; padding: 0; }
nav li { display: inline; float: left; }

img { display: block; }
p img { display: inline; }
a img { border: 0; }

a { text-decoration: none; }

form br { display: none; }

/* Base */

html { background: #77cbef url(images/site_bg.jpg) top center; }
body { background: #fff; color: #333; font: 13px/1.4 Arial, Helvetica, sans-serif; margin: 0 auto; width: 980px; }

h1, h2, h3, h4, h5, h6 { color: #000; font-family: Helvetica, Arial, sans-serif; }

#content p { line-height: 1.6; }

#content a { color: #000; font-weight: bold; }

/* Main Content Layout & Typography */

#content-main h1 { border-bottom: 1px solid #ddd; margin-top: 0; padding-bottom: 10px; }
#content-main h2 { font-size: 14px; margin-bottom: 5px; }

#content-main small { color: #555; font-size: 1em; }

#content-main table { margin: 10px 0; width: 100%; }
#content-main th, #content-main td { padding: 8px; text-align: left; vertical-align: top; }

/* Supplementary Content Layout & Typography */

#content-supp table { margin-bottom: 10px; width: 100%; }
#content-supp th { font-weight: normal; text-align: left; }
#content-supp td { text-align: right; }


/* Branding */

#branding { overflow: hidden; padding: 25px 40px 0; }
  #site-title { float: left; margin: 0; }
  #site-description { left: -9999px; position: absolute; }

  #contact { font-size: 0; float: right; margin: 0; text-indent: -9999px; }
    #contact a { background: url(images/contact.png); display: block; height: 53px; width: 221px; }


/* Main Navigation */

#nav:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */

#nav { background: #f9f9f9 url(images/nav_bg.gif) repeat-x; clear: both; margin-bottom: 40px; }
  #nav h1 { left: -9999px; position: absolute; }
  #nav li { position: relative; z-index: 10; }
    #nav a { color: #666; display: block; text-align: center; }
    #nav ul ul { background: #f9f9f9; display: none; left: 0; position: absolute; top: 100%; width: 100%; }
    #nav li:hover ul, #nav li.hover ul { display: block; }

#nav-site { float: left; }
  #nav-site li { background: url(images/nav_separator.gif) no-repeat 100% 0; }
    #nav-site a { font: 16px/30px Arial, sans-serif; letter-spacing: 1px; padding-top: 4px; width: 150px; }
    #nav-site li:hover a, #nav-site li.hover a, #nav-site a:hover, #nav-site a:focus { background: #000 url(images/nav_hover.png) repeat-x; color: #fff; }
    #nav-site ul li { background: none; float: none; }
    #nav-site li:hover ul a, #nav-site li.hover ul a { background: none; color: #666; }
      #nav-site ul a { font: 14px/30px Arial, Verdana, sans-serif; }
      #nav-site li:hover ul a:hover, #nav-site li.hover ul a:hover, #nav-site ul a:focus { background: #000; color: #fff; }

#nav .nav-tools { display: inline; float: right; margin-right: 40px; }
  #nav .nav-tools a { background: #fff; border: 1px solid #d9d9d9; border-bottom: 0; font: 12px/1; margin: 7px 0 0 10px; padding: 4px 20px 3px; }
  #nav .nav-tools a { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
  #nav .nav-tools a:hover, #nav .nav-tools a:focus { color: #000; }
    #nav .nav-tools ul { background: #fff; border: 1px solid #d9d9d9; border-top: 0; left: 10px; width: auto; }
    #nav .nav-tools ul a { border: 0; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 4px 5px 3px; white-space: nowrap; }


/* Content Layout */

#content { overflow: hidden; padding: 0 0 120px; }

  #content-main { display: inline; float: right; margin-right: 190px; width: 430px; }
  #content-supp { display: inline; float: left; width: 315px; }
  #content-comp { display: inline; float: right; margin-right: -638px; right: -457px; position: relative; width: 163px; }

  #content-supp .wp-post-image { display: block; margin-bottom: 20px; }


/* Blurbs */

.blurb { background: #f9f9f9; border: 1px solid #ddd; margin-bottom: 20px; overflow: hidden; padding: 0 20px; position: relative; }
  .blurb h1 { background: #000 url(images/nav_hover.png) repeat-x; color: #fff; font: 300 14px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; margin: -1px -21px 10px; padding: 8px 20px; }
  .blurb ul { list-style: none; margin: 0; padding: 0; }
  .blurb .blurb-link { background: url(images/link_icon.png) no-repeat; bottom: 5px; height: 36px; position: absolute; right: 5px; text-indent: -9999px; width: 24px; }

#blurbs { overflow: hidden; }
  #blurbs .blurb { background: url(images/blurb_separator.gif) repeat-y 0 0; border: 0; border-bottom: 1px solid #cbcbcb; display: inline; float: left; padding: 0 19px 0 21px; width: 287px; }
  * html #blurbs .blurb { width: 286px; }
  #blurbs .blurb:first-child { background-image: none; width: 286px; }
    #blurbs .blurb h1 { margin-left: -19px; margin-right: -19px; }
    #blurbs .blurb:first-child h1 { margin-left: -21px; }


/* Banners wide */

#banners_wide { margin: 0 0 10px -1px; overflow: hidden; }
* html #banners_wide { width: 982px; }
  #banners_wide a { display: inline; float: left; }


/* Carousel */

#carousel { height: 266px; margin-bottom: 20px; position: relative; }
  #carousel div { height: 266px; overflow: hidden; position: absolute; width: 980px; }
  #carousel ul { left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 0; width: 9999px; }
  #carousel li { display: inline; }
  #carousel img { display: inline; float: left; margin-right: 10px; width: 485px; }
  #carousel #carousel-nav { /* inherits from #carousel ul */ bottom: 0; top: auto; }
  #carousel #carousel-nav a { background: url(images/carousel_nav_prev.png) no-repeat 0 50%; background-color: rgba(255,255,255,.3); display: inline; float: left; height: 30px; margin-right: 10px; text-indent: -9999px; width: 485px; }
  #carousel #carousel-nav #carousel-nav-next { background-image: url(images/carousel_nav_next.png); background-position: 100% 50%; }


.nav-info { background: #ccc url(images/footer_bg.jpg); bottom: 0; left: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; position: fixed; text-align: center; width: 100%; }
  .nav-info li, .nav-info a { color: #666; display: inline; font-size: 13px; }
  .nav-info a { border-right: 1px solid #dcdcdc; display: inline-block; padding: 8px 10px 5px; }
  .nav-info li:first-child a { border-left: 1px solid #dcdcdc; }
  .nav-info a:hover { color: #000; }

/* Page Specifics */

#contact-details h2 { clear: both; padding-top: 20px; }
#contact-details p { float: left; width: 50%; }

#employees ul { list-style: none; margin: 0; overflow: hidden; padding: 0 0 10px; }
#employees li { float: left; margin-bottom: 20px; width: 50%; }
#employees img { display: inline; margin-right: 10px; }
#employees h2, #employees p { font-size: 1em; margin: 3px 0; }

#services { background: #fafafa; border: 1px solid #eee; border-left: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; }
#services li { border-left: 1px solid #eee; display: inline; float: left; padding: 0 5px 0 10px; width: 127px; }
#services img { margin: 10px auto; }
#services h2 { font-size: 1.3em; text-align: center; }

#where { border: 2px solid #e8e8e8; border-top: 0; overflow: hidden; padding: 20px; width: 368px; }
#where h2 { font-size: 20px; }
#where p { float: left; width: 200px; }
#where object { display: inline; float: right; }

/* Contact Form */

form { margin-bottom: 10px; }
label { color: #555; display: block; }
input[type="text"], textarea { background: #fff; border: 2px solid #ddd; margin-bottom: 10px; padding: 2px; width: 95%; }
input[type="text"]:focus, textarea:focus { border-color: #000; }
select { margin: 5px 0; width: 160px; }
textarea { height: 8em; }
#contact-form-intro { background: url(/wp-content/uploads/2010/04/ikon_kontakt.png) no-repeat 0; margin-bottom: 15px; padding: 15px 0 15px 95px; }

/* Signin, Signup & Order forms */

.page-id-318 #content-main { width: 745px; }
.page-id-318 #content-supp { display: none; }
.page-id-318 #content-comp { margin-right: -953px }
#wpcf7-f2-p318-o1, #wpcf7-f3-p318-o2 { float: left; padding-right: 6%; width: 44%; }
#signin h1 b, #order h1 b { color: #75cbef; }
#signup { background: #f2f2f2; padding: 30px; }

/* Locations Widget */

#locations { background: #f0f0f0; border: 2px solid #eee; clear: both; margin: 20px 0; padding: 20px 30px; }
#location-form { margin-bottom: 20px; }
#location-form label { font-weight: bold; }
#location-address { background: #fff; border: 2px solid #ddd; list-style: none; margin: 0; padding: 5px 10px; }
#locations-list { display: none; }

/* WordPress */

.sidebar { list-style: none; margin: 0; padding: 0; }
.sidebar h3 { left: -9999px; position: absolute; }

.alignnone { display: block; margin: 10px; }
.alignright { display: inline; float: right; margin: 10px 0 10px 10px; }
.alignleft { display: inline; float: left; margin: 10px 10px 10px 0; }

.wp-caption { background: url(images/link_icon.png) no-repeat 0; color: #000; display: inline; float: left; font-weight: bold; margin: 10px 0; padding: 10px 0 9px 35px; }
.blurb .wp-caption { width: 105px; }
#content-main .wp-caption { display: block; float: none; margin: 20px 0; }