/*
Theme Name: OSC
Theme URI: http://osc.lv/
Description: OSC Racecar Engineering.
Version: trunk
Author: Kaspars Dambis
Author URI: http://osc.lv/
*/

body { font:small/1.55 verdana, sans-serif; color:#333; margin:0; padding:0.25em 0; background:#fff; border-top-width:medium; border-top-style:solid; border-color:#333; }
h1, h2, h3, h4, h5, h6 { margin:1.5em 0 1.25em -1px; padding:0; line-height:1.35; }
h1 { font-size:1.75em; margin-top:0; margin-bottom:0.95em; color:#000; }
h2 { font-size:1.5em; margin-bottom:1em; }
h3 { font-size:1.25em; margin-bottom:1.2em; }
h4 { font-size:1.1em; margin-bottom:1.3em; }
h5 { font-size:1em; margin-bottom:1.5em; }
h6 { font-size:1em; margin-bottom:1.5em; }
p { margin:0 0 1.25em 0; }
address { font-style:normal; }
a:link { color:#05a; }
a:hover { color:#039; }
sub, sup { line-height:0; }
sub { vertical-align:-0.1em; }
sup { vertical-align:0.25em; }
a img { border:none; }
a:hover img { border-color:#000; }

#soul { width:95%; max-width:78em; padding:0; margin:0 auto; }
#soul-in { float:left; width:100%; clear:both; padding:0.5em 0; }

#logo, #nav-sub, #margin { float:left; width:21%; }
#logo { margin:0; padding:1.5em 0 0 0; line-height:1; }
#logo a { display:block; margin-left:1.5em; height:45px; padding-top:1em; margin-bottom:0.25em; }
#logo a { background-image:url('images/logo-osc.png'); background-repeat:no-repeat; background-position:bottom left; }
#logo a strong { display:none; }
#logo em { margin-left:2em; font-size:0.9em; line-height:1.5em; float:left; margin-top:-1em; color:#666; display:none; }

#header-search { float:right; margin-bottom:-19em; margin-top:0.5em; width:23%; position:relative; z-index:40; overflow:visible; }
#header-search #q { width:12em; }
#header-search input.button-search { vertical-align:middle; width:20px; height:20px; margin:0; background:url('images/button-search.png') no-repeat 50% 0.25em; border:none; font-size:0; line-height:0; text-indent:-100em; }


/* nav */

#nav-sitewide, #nav-main, #content-wrap { float:right; clear:right; width:74%; }
#nav-sitewide ul, #nav-main ul { margin:0; padding:0; float:left; width:auto; clear:both; position:relative; }
#nav-sitewide li, #nav-main li { margin:0; padding:0; } 

#nav-sitewide, #nav-main {  }
#nav-sitewide a , #nav-main a { text-decoration:none; color:#666; }
#nav-sitewide a span, #nav-main a span { border-bottom:1px dotted #aaa; text-decoration:none; }
#nav-sitewide a:hover span, #nav-main a:hover span { border-bottom:1px solid #000; }
#nav-sitewide a:link, #nav-main a:link {  }
#nav-sitewide a:hover, #nav-main a:hover { color:#000; }
#nav-sitewide a span, #nav-main a span {  }
#nav-sitewide a:hover span, #nav-main a:hover span { }
#nav-sitewide li.current_page_item span, #nav-sitewide li.current_page_parent span, #nav-main li.current_page_item span, #nav-sub li.current_page_item > a span { background: url('images/nav-em.png') no-repeat 0 70%; border:none; }

#nav-sitewide { line-height:1em; margin:0; position:relative; z-index:10; left:-1em; }
#nav-sitewide ul { padding:0 0 0.25em 0.8em; white-space:nowrap; clear:none; position:relative; }
#nav-sitewide li { float:left; display:block; }
/* #nav-sitewide li a { background: url('images/slice.png') no-repeat left bottom; color:#666; float:left; padding:0.5em 1em 0.15em 1em; } */
#nav-sitewide a { float:left; padding:0.5em 1.75em 0.1em 0.85em; background: url('images/slice.png') no-repeat left bottom; }
#nav-sitewide a:hover { }
#nav-sitewide li.current_page_item {  }
#nav-sitewide li.current_page_item a, #nav-sitewide li.current_page_parent a { color:#000; font-weight:bold; text-decoration:none; background-image:url('images/slice-active.png');   }
#nav-sitewide li.current_page_item a:hover { text-decoration:none; }

#nav-main { line-height:1; margin:0.75em 0 2em 0; position:relative; }
#nav-main ul { display:block; width:100%; position:relative; left:-1.25em; }
#nav-main li { float:left; margin:0 0.5em 0 0; display:block; background-image:url('images/slice.png');  background-repeat:no-repeat; background-position:left bottom; }
#nav-main li a { text-decoration:none; color:#333; display:block; float:left; font-size:1.5em; padding:0.5em 1em 0.15em 0.75em; }
#nav-main a span {  }
#nav-main a:hover span { border-bottom:1px solid #000; }
#nav-main li a:hover { color:#000; }
#nav-main li.current_page_item, #nav-main li.current_page_ancestor { background-image:url('images/slice-active.png');  }
#nav-main li.current_page_item a, #nav-main li.current_page_ancestor a { color:#000; font-weight:bold; text-decoration:none; }
#nav-main li.current_page_item a span, #nav-main li.current_page_ancestor a span { border:none; }
#nav-main li.current_page_item > a:hover { text-decoration:none;  }

body.home #nav-main a { font-weight:bold; }

#nav-sub { width:22.7%; height:100%; clear:left; margin:0 0 3em 0; padding:3.15em 0 0 0.15em; }
#nav-sub ul { display:block; clear:both; float:left; margin:0; padding:0 20% 0 0; }
#nav-sub ul ul { margin:0 0 0.5em; padding:0.25em 0; }
#nav-sub li { display:block; font-size:1.1em; line-height:1.5; }
#nav-sub li, #nav-sub li li { margin:0; padding:0; display:block; float:left; width:100%; }
#nav-sub li a { float:left; width:100%; background:url('images/nav-item.png') no-repeat 0.75em 0.7em; display:block; padding:0.25em 0; padding-left:1.5em; text-decoration:none; }
#nav-sub li ul { margin:0 0 0.75em 1em; padding:0; display:block; width:100%; }
#nav-sub li li { border:none; font-size:0.9em; }
#nav-sub li li a { border-bottom:none; padding:0.15em 0 0.15em 1.6em;  }
#nav-sub li.current_page_item > a { color:#000; font-weight:bold; }
#nav-sub li.current_page_item > a:hover { text-decoration:none; }
#nav-sub li a:hover { color:#000; text-decoration:underline; }
#nav-sub h4 { width:75%; margin:0.1em 0 1.5em 1.35em; padding:0.25em 0 0 0; font-size:1.15em; line-height:1.25; border-bottom:1px solid #333; }
#nav-sub h4 a { color:#333; text-decoration:none; position:relative; top:0.25em; display:block; }
#nav-sub h4 a:hover span { text-decoration:underline; }
#nav-sub h4 span { background:#fff; padding:0 1em 0.25em 0; }


/* content */
#content-main { float:left; width:63%; overflow:visible; z-index:50; }
#content-sub { float:right; width:31%; padding:0; position:relative; top:-0.75em; overflow:visible; z-index:50; }
#content-margin { float:left; width:20%; margin:0 0 0 2em; padding:0; }

#footer { float:left; width:100%; clear:both; margin:1em 0 0 0; padding:1.5em 0; }
#footer .contact-info { padding-top:1.5em; margin-left:26%; width:44%; float:left; border-top:1px solid #ccc; }
#footer .contact-info p { }
#footer #credits {}
#footer address { margin:0; }
#footer .widget p { margin-top:0; }

#footer-main { float:right; width:74%; clear:both; padding-top:1em; border-top:1px solid #ccc; }
#footer-main .widget { }
#footer-sub { float:right; width:23%; position:absolute; right:0; padding-top:1.1em;  }
#footer-margin { float:left; width:22%; margin-left:1.5em; position:absolute; }

#breadcrumb { font-size:85%; margin:0.5em 0 0.5em 0; color:#999; position:relative; left:-0.25em; }
#breadcrumb a { padding:0.25em; color:#666;  }
#breadcrumb a:hover { color:#000; }

.page-nav { float:left; width:100%; clear:both; margin:0; padding:0; border-top:1px solid #ccc; }
.page-nav li { display:block; margin:0; padding:0; font-size:1em; font-weight:bold; width:46%; }
.page-nav li a { padding:0.5em 0; display:block; text-decoration:none; }
.page-nav li a:hover { text-decoration:underline; background:none; }
.page-nav li span { width:0.75em; color:#999; font-size:1.5em; padding:0; margin-bottom:-1em; font-weight:normal; }
.page-nav li strong { }
.page-nav li.next { float:right; text-align:right; padding-left:4%; }
.page-nav li.next a { }
.page-nav li.prev { float:left; }
.page-nav li.prev a { }
.page-nav li.next span { position:relative; float:right; right:-1em; margin-left:-5em; text-align:right; } 
.page-nav li.prev span { position:relative; float:left; left:-1em; margin-right:-5em; } 
.page-nav a img { border:1px solid #ccc; padding:1px; }
.page-nav a:hover img { border-color:#333; }
.page .page-nav { margin-top:2em; }

div.alignright { float:right; margin:0.25em 0 1em 1em; }
div.alignleft { float:left; margin:0.25em 1em 1em 0; }
div.aligncenter { float:none; margin:1em auto; text-align:center; width:100%!important; overflow:hidden; }
div.aligncenter img { float:none; margin:0 auto; }
img.alignleft { float:left; margin:0.25em 1.5em 1em 0; }
img.alignright { float:right; margin:0.25em 0 1em 1.5em; }
img.aligncenter { float:none; margin:0; }

div.wp-caption { text-align:center; margin-bottom:1em; }
div.wp-caption img { float:none; margin:0; margin-top:0.5em; }
div.wp-caption .wp-caption-text { margin:0.5em 0; color:#666; font-size:0.9em; font-style:italic; line-height:1.25; }

/* blog */

.sec-title { font-size:1.15em; margin:0 0 2em 0; color:#666; }

body.blog #content-main {}

.post-body { border-bottom:1px solid #ddd; padding-bottom:1em; margin-bottom:1.5em; }
body.single .post-body { border-bottom:none; }
.post-body h2 { font-size:1.75em; margin-top:0; margin-bottom:0.86em; margin-left:-0.01em; }
.post-body h2 a { text-decoration:none; color:#333; }
.post-body h2 a:hover { color:#000; text-decoration:underline; }
.post-body img { border:1px solid #ccc; padding:1px; }
.post-body a:hover img { border-color:#333; }

body.single .post-body { margin-bottom:0; }

.page-body img { border:1px solid #ccc; padding:1px; }
img.plain { border:none; padding:0; }

p.cta { background:#eee; padding:0.5em; }

/* widgets */

.widget { margin-bottom:1.5em; padding:0; float:left; width:100%; clear:both; }
.widget a { padding:0.15em 0;  }
.widget a:hover {  }
.widget li a {  }
.widget a:hover { text-decoration:underline; background:#eee; }
.widget h3, .widget h4, .widget h5 { }
.widget img { float:right; margin:0 0 0.75em 1em; padding:1px; border:1px solid #ddd; }
.widget .widget-title { margin-top:0; padding:0.5em 0 0 1em; position:relative; left:-1em; margin-right:-1em; background: url('images/slice.png') no-repeat -85px -2px; }
.widget .widget-title span {  }
.widget ul, .widget ol { margin:0 0 1.25em 0; padding:0; }  
.widget li { margin:0; padding:0 0 0 1.25em; list-style-type:none; background: url('images/bullet.png') no-repeat 0 0.5em; }

/* latest blog posts */
.widget .previous-headings { margin:1.5em 0 1em; font-size:1em; }
.widget_latest_blog_post h3 a { text-decoration:none; }
.widget_latest_blog_post h3 a:hover { text-decoration:underline; }

/* lists */
.page-body ul, .page-body ol { margin-left:1em; padding-left:0; }
.page-body ol { margin-left:1.75em; }
.page-body ul ul { padding-left:1.2em; }
.page-body ul li { background: url('images/bullet.png') no-repeat 0 0.5em; padding-left:1.5em; margin-left:0; list-style:none; }
.page-body li ul { padding-left:0; margin-left:1em; padding-bottom:0.5em; padding-top:0.25em; }
#content-sub ul li { margin-left:0; }
ul.flat, ol.flat { margin:1em -2em 2em 0; padding-left:2em; position:relative; left:-2.2em; overflow:visible; }
#content-margin ul li { margin-left:0; }
ul.flat { padding-left:0; }
ul.flat li, ol.flat li { margin-bottom:1em; }
.flat ul, .flat ol { padding: 0.5em 0 0 0; margin-left:1.3em; }
.flat li li { margin-bottom:0.5em; }
ol.flat { list-style-type:decimal; padding-left:1em; }
ul.spaced, ol.spaced, .spaced ul, .spaced ol { margin-bottom:1.5em; }
ul.spaced li, ol.spaced li { margin-bottom:1em; }
ul.clear li, ol.clear li { background:none; padding-left:0; margin-left:0; }
ol.list-alpha { list-style-type:lower-alpha; }
ol.list-upperalpha { list-style-type:upper-alpha; }

ul.nav-inline { margin:0; padding:0; }
ul.nav-inline li { display:inline; list-style:none; margin:0; padding:0; position:static; background:transparent; }
ul.nav-inline li a { white-space:nowrap; } 
ul.nav-inline li a:hover { }

table { border-collapse:collapse; margin:1em 0; line-height:1.25em; border-top:1px solid; }
table h3, table h4, table h5 { margin:0; }
th { text-align:left; vertical-align:top; border-bottom:1px solid #ccc; padding:0.25em 1em 0.5em 0; }
th:last-child { padding-right:0; }
td { padding:0.5em 1em 0.5em 0; }

#oscar-spec { }
#oscar-spec h3 { }
#oscar-spec .spec-total { background:#eee; margin:2em 0 0 0; }
#oscar-spec input { margin:0.33em 0 0 -1.5em; float:left; }
#oscar-spec ul { margin-left:1.25em; }
#oscar-spec li { display:block; padding-top:0.25em; padding-bottom:0.25em; position:relative; border-bottom:1px solid #ccc; background-position:-3px 0.7em; }
#oscar-spec ul.no-option-selected li span { }
#oscar-spec li.option { background-image:none; color:#666; }
#oscar-spec li span { float:right; display:block; font-size:0.85em; margin:0 0 0 1em; }
#oscar-spec li label { display:block; }
#oscar-spec li.selected { color:#333; }
#spec-total-bottom { margin-top:2em; }
#spec-total-top { position:static; padding:0.25em 0; }
#spec-total-top.sticktotop { width:36em; position:fixed; top:0; font-size:1em; padding:0.5em; border:none; border-bottom:1em solid #fff; z-index:60; margin:0; }

p.edit { float:right; clear:both; position:relative; z-index:500; right:-7em; width:8em; margin-left:-10em; margin-bottom:-10em; }
p.edit a { font-size:0.85em; }

h1 span, #nav-sub li.current_page_item > a span { /* background-color:#eee; background:#ccc url('images/em-bcg.png');  */ }




/* nav colors */

/* OSCar O3 */
body.page-id-142 #nav-sub li.current_page_item > a span,
body.page-ancestor-id-235 #nav-sub li.current_page_item > a span { background:#fe0; color:#000; }
body.page-id-142, body.page-ancestor-id-235 {  }

/* OSCar 24h */
body.page-id-5 #nav-sub li.current_page_item > a span,
body.page-ancestor-id-5 #nav-sub li.current_page_item > a span { background:#fd0; color:#000; }
body.page-id-5, body.page-ancestor-id-5 {  }

/* Engineering  */

body.page-id-7 #nav-sub li.current_page_item > a span,
body.page-ancestor-id-7 #nav-sub li.current_page_item > a span { background:#9FEF27; color:#000; }
body.page-id-7, body.page-ancestor-id-7 {  }

/* Navigation blocks */

.nav-blocks { margin:1em -1em 1em 0; float:left; width:100%; clear:both; }
.nav-blocks dd { position:relative; margin:0; padding:0; border-radius:2em 0 2em 0; -moz-border-radius:2em 0 2em 0; -webkit-border-top-left-radius:1em; -webkit-border-bottom-right-radius:1em; }

.nav-blocks-2 .nav-block-item-1 { float:left; width:48%; }
.nav-blocks-2 .nav-block-item-2 { float:right; width:48%; }

#made-in-latvia { float:right; clear:both; margin:0 1em -10em 0; padding:0; position:relative; top:-5em; }

.columns-2 { float:left; width:100%; clear:both; }
.column-2-1 { float:left; width:48%; }
.column-2-2 { float:right; width:48%; }

/* Section sensitive styles */

/* Home */
body.home {  }
body.home h1.section-title { display:none;  }
body.home .page-body { float:left; width:150%; clear:left; position:relative; left:-52%; margin-right:-52%; }
body.home .page-body .osc-slogan { font-weight:normal; clear:both; font-size:1.35em; line-height:1.5; margin:-0.25em 0 1em 34.5%; }
body.home .page-body .osc-slogan a:hover { background:#eee; }
body.home .page-body img { margin-right:-8em; overflow:visible; }
body.home #home-intro { float:left; width:100%; clear:both; margin-bottom:2em; }
body.home .intro-copy { width:40%; margin-right:-30em; float:left; position:relative; overflow:visible; }
body.home .intro-copy h2 { margin:1em 0 1.25em 0; display:block; width:100%; float:left; } 
body.home .intro-copy h2 img { margin:0; padding-top:1.5em; border-top:1px solid #ccc; }
body.home .intro-copy p { }

body.home #content-wrap { margin-top:1em; }

body.home .nav-blocks { margin:1.5em -1em 1em 0; float:left; width:100%; clear:both; }
body.home .nav-blocks dd { background-color:#333; position:relative; height:11em; color:#fff; margin:0; padding:0; float:left; width:31%; -moz-border-radius:2em 0 2em 0; -webkit-border-radius:2em 0 2em 0; border-radius:2em 0 2em 0; }
body.home .nav-blocks h2 { margin-bottom:0; margin:1em 0 0 0; }
body.home .nav-blocks dd a { text-decoration:none; color:#fff; background:#05a; padding:0; }
body.home .nav-blocks dd a:hover, body.home .nav-blocks dd.hovered a { color:#fff; background:#000; }
body.home .nav-blocks dd p { margin:0; line-height:1.25; }  
body.home .nav-blocks dd em { background:#333; padding:0; font-style:normal; }
body.home .nav-blocks dd .nav-block-content { padding:0 0 1em 1em; position:absolute; top:0; }
body.home .nav-blocks dd.hovered {  }

body.home dd#nav-block-1-1 { width:65.5%; height:24em; float:right; background:url('illustrations/home-oscar-o3.jpg') center center; }
body.home dd#nav-block-1-2 { float:left; margin-bottom:2em; background:url('illustrations/home-oscar-24h.jpg') center center; }
body.home dd#nav-block-1-3 { float:left; background:url('illustrations/home-engineering.jpg') center center;}


/* osc.lv/oscar */

body.page-id-235 .nav-blocks { margin-top:0.5em; }
body.page-id-235 .nav-blocks dd { background:#ccc; }
body.page-id-235 .nav-blocks .nav-block-content { padding:0 1em; }
body.page-id-235 dd#nav-block-1-1 { background:#333 url('illustrations/home-oscar-o3.jpg') no-repeat 60% 50%; }
body.page-id-235 dd#nav-block-1-2 { background:#333 url('illustrations/home-oscar-24h.jpg') no-repeat center center; }
body.page-id-235 dd h2 { margin:3em 0 0 0; }
body.page-id-235 dd a { text-decoration:none; color:#fff; background:#05a; }
body.page-id-235 dd p { font-size:0.9em; line-height:1.5; }
body.page-id-235 dd p em { color:#fff; background:#333; font-style:normal; padding:0.2em 0; }

body.page-id-235 dd.hovered a, body.page-id-235 dd a:hover { background:#000; color:#fff; }
body.page-id-235 dd.hovered p em, body.page-id-235 dd:hover p em { background:#000; }

.acc { display:none; }

/* contact */
.page-id-62 .column-wrap { float:left; width:100%; clear:both; margin:0 0 1.5em 0; padding:0; }
.page-id-62 .column-3 { float:left; width:30%; margin-right:3%; }
.page-id-62 .column-3 p { margin-bottom:0; }
.page-id-62 .column-3 img { vertical-align:top; border:none; }


/* gallery */

.gallery { float:left; width:100%; margin:0.5em 0 1em 0; clear:both; }
.gallery .gallery-item img.thumbnail { padding:1px; }
.gallery a img { border:2px solid #ccc; }
.gallery a:hover img { border-color:#000; }
.gallery .gallery-item { margin-bottom:0.5em; }
.gallery .gallery-caption { display:none; }
body #fancybox-title { font-family:inherit; font-size:inherit; }

/* Plugin: WordPress.com Stats */
#wpstats { position:fixed; bottom:2.5em; right:3em; }