/*
File:			custom.css
Description:	Custom styles for Pista Pro
*/

body {background:#fff;border-top:solid #8fcdeb 60px;}

.custom div#container {width:100%;}
.custom div#page {width:860px;margin:60px auto;border-right:solid 1px #ccc;border-left:solid 1px #ccc;padding-top:0;padding-bottom:20px;}
.custom div#header{border:none;}
.custom div#header p#logo {background:#000 url(images/pista_logotype.png) no-repeat 0 0;width:280px;height:93px;float:left;}
.custom div#header p#logo a {display:none;}
.custom div#header h1#tagline, .custom div#header p#tagline {display:none;}

.custom ul#tabs {width:auto;float:right;border:none;margin:42px 0 0 0;}
.custom ul#tabs li {border:none;background:#fff;}
.custom ul#tabs li a {letter-spacing:0;text-transform:none;background:#fff;color:#949292;font-size:1.83em;margin-left:8px;padding:6px 14px 16px;}

.custom ul#tabs li.current_page_item a {background:#fff url(images/pista_current_page_item.png) no-repeat 50% 0;color:#fff;}

.custom .headline_area {margin-top:16px;margin-bottom:1.35em;width:520px;float:right;text-align:left;font-size:1.25em;clear:both;}
.ie7 .headline_area {margin-bottom:0;}

.hem .headline_area, .tjanster .headline_area, .webbhotell .headline_area, .kontakta-pista  .headline_area {text-align: right;}

.custom #content {width:57em;}
.custom #sidebars {width:29em;margin-top:6em;}

.custom #sidebars {background:#dbd8d8;color:#fff;}
.custom #sidebars ul.sidebar_list {padding:2em 2em 0;}

.custom .sidebar h3 {font-size:1.75em;text-transform:none;font-variant:normal;color:#fff;letter-spacing:1px;}

.post_box, .teasers_box, .full_width #content_box .page {margin:2em 5.5em 0 1.2em;}

.custom #content_box {background:none;}

.hem #content, .tjanster #content, .webbhotell #content, .kontakta-pista  #content {width: 85em;}

.custom .format_text {background:#fff;color:#949292;float:right;width:100%;text-align:left;font-size:1.85em;}
.custom .format_text p {margin-bottom:1.25em;}
.custom .format_text p img {margin-top:-60px;}

.hem .format_text, .tjanster .format_text, .webbhotell .format_text, .kontakta-pista  .format_text {text-align: right;}

.custom div.entry-content {width:520px;}
.custom div#respond_intro {clear:both;}

.ie6 .format_text p img {overflow:visible;margin-top:-20px;}

.custom div#footer {border:none;font-size:1.75em;background:#dbd8d8;color:#fff;padding:0.25em 1em;margin-top:1em;text-align:center;}
.custom p.validate {text-align:center;margin-top:20px;font-size:1.75em;color:#dbd8d8;background:#fff;}
.custom p.validate a {color:#dbd8d8;background:#fff;text-decoration:underline;}
.custom p.validate a:hover {text-decoration: none;}