﻿/*
Theme Name: Carby Motorsport
Theme URI: http://www.carby.se
Description: Tema för Carby Motorsport
Author: Tommie Hansen
Author URI: http://www.byme.se
Version: 1.0
*/

/* RESET **************************************************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }
em { font-style: italic; }
body {height:101%;} /* alltid scrollbar */
html { overflow: -moz-scrollbars-vertical; }

/* BODY ***************************************************/
body { background: #fff; line-height: 1; color: #666; font-size:12px;}
body { font-family: arial, helvetica, sans-serif;}
#topbg {width:100%;height:74px;position:absolute;left:0;top:0;z-index:1;background:#141414; }
#top {height:74px;background:#141414;}
#logo h1 {text-indent:-9999px;background: url(images/logo.jpg) no-repeat;height:74px;width:601px;margin:0;padding:0;line-height:10px;position:absolute;}
#logo h1 {margin-left:-60px;}
h1#mobile { position:absolute;z-index:1;}
p {margin-bottom:20px;}
#c, #footerc { position:relative; margin:auto; width:969px; z-index:3; }
div#mobileFooter { position:absolute;z-index:1;top:0;left:0;text-indent:-9999px;}
.clear {clear:both;}
.red {color:#dd0000;}
.hide {text-indent:-9999px;}
a {color:#AF3636;text-decoration:underline;}
a:hover {color:#550000;}
.small {font-size:11px;}
.smaller {font-size:10px;}
table {border-collapse:collapse;}
.mt30 {margin-top:30px;}
.devtemp {display:none;}


/* MENU *****/

#menu {position:absolute;right:0;}
#menu {width:602px;padding-top:20px;}
#menu li {float:left;height:35px;}
#menu span, #menu a { background-repeat: no-repeat; height:35px; display:block; padding:11px;padding-bottom:0;padding-top:0;}
#menu a {z-index:11; opacity:0.01; filter:alpha(opacity=1); text-indent:-9999px; background-position:center;}
#menu a {position:absolute; margin-top:-35px;outline:0;	}
#menu span {z-index:10; }
#menu li.current_page_item a, #menu li.current_page_ancestor a, #menu li.current-cat a, #menu a.active_category {opacity:1;filter:alpha(opacity=100);}

#menu span {background: url(images/m/m.png) no-repeat top center; width:25px; }
#menu a {background: url(images/m/m2.png) no-repeat top center; width:25px;}

#top #menu li.page-item-20 span { background-position: center -440px; }
#top #menu li.page-item-20 a { background-position: center -440px; }
#top #menu li.page-item-22 span { background-position: center -55px; width: 24px;} /* Bilar */
#top #menu li.page-item-22 a { background-position: center -55px; width: 24px;} /* Bilar */
#top #menu li.page-item-23 span { background-position: center -495px; width: 32px; } 
#top #menu li.page-item-23 a { background-position: center -495px; width: 32px; }
#top #menu li.page-item-27 span { background-position: center -275px; width: 36px; }
#top #menu li.page-item-27 a { background-position: center -275px; width: 36px; }
#top #menu li.page-item-670 span { background-position: center 0; } /* Bilder */
#top #menu li.page-item-670 a { background-position: center 0; } /* Bilder */
#top #menu li.page-item-24 span { background-position: center -385px; width: 29px; }
#top #menu li.page-item-24 a { background-position: center -385px; width: 29px; }
#top #menu li.page-item-25 span { background-position: center -165px; width: 37px; }
#top #menu li.page-item-25 a { background-position: center -165px; width: 37px; }
#top #menu li.page-item-26 span { background-position: center -220px; width: 40px; }
#top #menu li.page-item-26 a { background-position: center -220px; width: 40px; }
#top #menu li.page-item-26 {padding-right:0;}

#top #menu li.cat-item-7 span { background-position: center -330px; width:40px; }
#top #menu li.cat-item-7 a { background-position: center -330px; width:40px; }
#top #menu li.cat-item-4 span { background-position: center -110px; width:43px; }
#top #menu li.cat-item-4 a { background-position: center -110px; width:43px; }
#top #menu li.cat-item-8 span { background-position: center -550px; width:29px;}
#top #menu li.cat-item-8 a { background-position: center -550px; width:29px; }



/* Footer */

#fot {background:url(images/footerbg.png) repeat-x; height:372px; width:100%; margin-top:90px;}
.fkontakt {background:url(images/kontakt.png) no-repeat; width:327px; height:101px; position:absolute; z-index:1; }
.fsponsors {padding-top:105px;}

/* introblocks */

#introbkg, #cfade {position:absolute;left:0;width:100%;z-index:0;}
#introbkg {position:absolute;top:74px;height:294px;background:#111;}
#cfade1 {position:absolute;top:368px;left:0;width:100%;height:115px;background:url(images/cfade1.png) repeat-x;}
#intro img {height:294px;width:969px;}

#main.introb {padding-top:60px;font-size:11px;}
#main.introb .block {width:192px;float:left;margin-right:67px;}
#main.introb .kalender {margin-right:0;}

#main.introb h2, #right .block h2 {text-indent:-9999px;height:52px;width:192px;margin-bottom:18px;}
.overlay {background: url(images/lasmer.png) no-repeat; background-position:0% -170%; }
.overlay {position:absolute;z-index:10;height:50px;width:192px;cursor:pointer;}
#main.introb .newsitem {color:#666;}

#main.introb .nyheter h2, #right .nyheter {background:url(images/cnyheter.png) no-repeat;}
#main.introb .blogg h2, #right .blogg {background:url(images/cblogg.png) no-repeat;}
#main.introb .reportage h2, #right .reportage {background:url(images/creportage.png) no-repeat;}
#main.introb .kalender h2, #right .kalender {background:url(images/ckalender.png) no-repeat;}

#main.introb h3, #right h3 {font-size:11px;font-weight:normal;margin-bottom:2px;height:12px;height:13px;line-height:12px;overflow:hidden;color:#000;}
#main.introb h3 a, #right h3 a {text-decoration:none;color:#000;}
#main.introb p, #right p {line-height:16px;}
a.visafler {display:block;width:78px;height:23px;background:url(images/visafler.png) 0 -23px no-repeat; text-indent:-9999px;}
a.visafler:hover {background-position:0 0;}
a.visafler:focus {background-position:0 0; outline:0;}
a.visafler:active {background-position:0 0; outline:0;}

/* sprites */
.lovedove { background: url(images/sprites1.png) no-repeat top left; }
.s-bullet, .s-comment,.s-edit, .s-eye, .s-kontakt, .s-skicka, .s-skrivknapp, .s-visafler { background: url(images/sprites1.png) no-repeat top left; }

/* right blocks + sidebar*/
#right {float:right; width:192px; margin-top:53px;margin-right:12px;background:url(images/merinnehall.png) no-repeat top left;margin-bottom:40px;}
#right .block {margin-top:40px;font-size:11px;}



/* main content / page */
#fot.pagefoot {margin-top:-45px;}
.pagefoot .fkontakt {position:absolute; z-index:1; top:56px; background:url(images/kontakt.png) 0 -55px no-repeat; width:327px; height:20px; }
.footerup {position:absolute;z-index:0;width:674px;height:55px;border-bottom:4px solid #ccc;margin-top:-14px;background:#fff;}

#cfade2 {position:absolute;top:74px;left:0;width:100%;height:129px;background:url(images/cfade2.png) repeat-x;}
#c .page {z-index:10;background:#fff;width:584px;margin-top:50px; min-height:600px; height:auto !important; height:600px; overflow:visible;}
#c .page {padding-left:45px;padding-right:45px;padding-bottom:50px;}
#c .page {float:left;}
#c .page, #c .page p {font-size:12px;line-height:18px;color:#666;}
#c .page p {margin-bottom:10px;}

#c .trail {position:absolute;margin-top:-55px;font-size:9px;color:#fff;display:inline;text-transform:uppercase;background:#aaa;}
#c .trail.singletrail {margin-top:-10px;}
#c .trail a.carby {padding-right:12px;margin-right:2px;background:url(images/trailarrow.png) right 1px no-repeat;}
#c .trail a {color:#fff;text-decoration:none;}
#c .trail:hover {background:#888}
#c .trail:hover a {border-bottom:1px solid #aaa;}
#c .trail a:hover {color:#fff;border-bottom:1px solid #fff;}
#c .trail.trailsingle {background:#aaa;}
#c .trail.trailsingle:hover {background:#888;}
#c .trail p {margin:0;font-size:9px;color:#fff;padding:3px;padding-left:10px;padding-right:10px;} /* ie css hack here */

.item {padding-top:45px;}

/* content formatting */
#c p.intro {font-size:14px;}
#c p.intro span {margin-bottom:7px;}
h1,h2,h3,h4,h5 {font-family:"arial",helvetica, sans-serif;font-weight:normal;}
h4,h5,h6 {font-weight:bold;color:#666;font-size:12px;line-height:18px;margin-top:20px;}
#c .page h2, .page h2 a {font-size:30px;margin-bottom:5px;line-height:36px;color:#555;text-decoration:none;letter-spacing:-1px;}
#c .page h3, .page h3 a {font-size:16px;margin-bottom:5px;margin-top:25px;color:#444;}
#c .cufon {text-indent:0;}
#c ul {list-style-type:none;}
blockquote {margin:20px;padding:10px;padding-top:15px;background:#ffc;border-left:1px solid #ccc;font-style:italic;}

/* image formatting */
#c img.size-medium, #c img.size-large, #c img.size-full {padding:3px;border:1px solid #ccc; }
#c img.size-thumbnail { padding:3px;border:1px solid #ccc; margin-right:5px;}
#c a:hover img.size-medium, #c a:hover img.size-thumbnail, #c a:hover img.size-large, #c a:hover img.size-full {border:1px solid #888; opacity:.85; filter:alpha(opacity=85);}

.gallery {margin-right:-25px;margin-bottom:20px;margin-top:20px;}
.gallery a img {float:left;border:1px solid #ccc; padding:3px;margin-right:11px;}
.gallery a:hover img {border:1px solid #888;opacity:.85; filter:alpha(opacity=85);}
.gallery-row {height:110px;text-align:center;margin-bottom:11px;}
.gallery .clear {}

#c img.alignleft {float:left;margin-right:8px;margin-bottom:-3px;}
#c img.alignright {float:right;margin-left:8px;margin-bottom:-3px;}
#c img.alignnone.size-thumbnail {margin-bottom:3px;margin-top:0px;}
#c .wp-caption-text {text-align:center;font-style:italic;font-size:11px;}

/* lists */
#main ul, #main ol {margin-bottom:20px; list-style-position:outside; margin-top:10px; margin-left:10px;}
#main ul li {padding-left:20px;background:url(images/bullet.png) no-repeat 0 1px;}
#main ol {list-style-type:decimal; list-style-position:inside;}

/* tables */
table {width:100%;margin-bottom:20px;margin-top:20px;}
.ktable, .rtable {font-size:11px;}
.ktable th, .rtable th {font-weight:bold;line-height:20px;padding-bottom:5px;padding-left:5px;padding-right:5px;}
.ktable td, .rtable td {border-bottom:1px solid #ccc;line-height:24px;padding-left:5px;padding-right:5px;}
.ktable tbody tr:hover, .rtable tbody tr:hover {background:#ffc;color:#444;}
.ktable tr.odd, .rtable tr.odd {background:#f6f6f6;}
.tdknamn {width:40%;}

/* admin edit */
#c .editpost p {position:absolute;top:135px;left:595px;z-index:2;font-size:11px;}
#c .editpost a {padding:3px 20px 3px 6px;background:#fff url(images/edit.png) right 2px no-repeat; color:#fff;text-decoration:none;opacity:.6;filter:alpha(opacity=60);}
#c .editpost a:hover {background:#eee url(images/edit.png) right 2px no-repeat; color:#999;opacity:1;filter:alpha(opacity=100);}

/* slimbox */

#lbOverlay { position: absolute; z-index: 9998;  left: 0;    width: 100%;    background-color: #ff0000;  cursor: pointer; }
#lbCenter, #lbBottomContainer {     position: absolute;     z-index: 9999;  left: 50%;  overflow: hidden;   background-color: #fff; }
#lbBottom {     height:30px; }
.lbLoading {    background: #fff url(js/loading.gif) no-repeat center; }
#lbImage {  position: absolute;     left: 0;    top: 0;     border: 10px solid #fff;    background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink {  display: block;     position: absolute;     top: 0;     width: 50%;     outline: none; }
#lbPrevLink {   left: 0; }
#lbPrevLink:hover {     background: transparent url(js/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink {   right: 0; }
#lbNextLink:hover {     background: transparent url(js/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom {     font-family: arial, helvetica, sans-serif;  font-size: 11px;    color: #666;    line-height: 1.4em;     text-align: left;   border: 10px solid #fff;    border-top-style: none; } a#lbCloseLink {   display: block;     position:absolute;  right:10px;     bottom:5px;     width: 24px;    height: 22px;   background:transparent url(js/closelabel.jpg) no-repeat;    background-position:0 0;    outline: none; }
a#lbCloseLink:hover {background:transparent url(js/closelabel.jpg) no-repeat center; background-position:0 -22px;}
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption {    font-weight: bold;  margin-bottom:3px; }

/* video gallery */
.videogallery {width:650px;margin-right:-90px;}
#c .videogallery p.intro {margin-bottom:30px;}
.videobox {width:290px;height:155px;float:left;margin-right:25px;margin-bottom:30px;border-bottom:1px solid #ccc;}
.videobox img {float:left;margin-right:10px;margin-top:5px;width:130px;height:97px;}
#c .videobox p {padding-top:5px;}
.videobox a img {padding:3px;border:1px solid #ccc;}
.videobox a:hover img {border:1px solid #888; opacity:.85; filter:alpha(opacity=85);}
#c .videobox p, #c .videobox h4 {margin:0;font-size:11px;line-height:16px;}
#c .videobox h4 a {display:block;margin:0 0 0 0;text-decoration:none;color:#444;}
#c .videobox h4 a:hover {color:#000;}

.vcomments {position:absolute;margin-top:130px;width:290px;font-size:11px;font-style:italic;}
#c .vcomments ul, #c .vcomments li {margin:0;padding:0;}
#c .vcomments li {float:right;}
#c li.vvis {cursor:help;padding-right:20px;margin-right:7px;background:url(images/eye.png) right 1px no-repeat;} /* ie padding fixes here */
#c li.vimg {background:url(images/vimg.png) right 1px no-repeat; padding-right:21px;margin-right:6px;}
#c li.vkom {cursor:help;padding-right:20px;background:url(images/comment.png) right 2px no-repeat;}
.singlevideo {margin-bottom:10px;margin-top:20px;}

.videos {height:175px;}
.videos .vcomments {margin-top:150px;}

/* default category view */
#c .videogallery h5 {margin:0;font-size:11px;color:#888;font-weight:normal;}
.wp-pagenavi {width:620px;}
.wp-pagenavi .pages {margin-right:5px;padding-right:5px;border-right:1px solid #ccc;}
.wp-pagenavi .current {font-size:11px;}
.wp-pagenavi a {padding:2px 4px 2px;text-decoration:none;}
.wp-pagenavi a:hover {border:1px solid #ccc;margin:-1px -1px -1px;color:#444;text-decoration:underline;}

/* default post view */
#c .singleitem h2 {margin-bottom:5px;}
.postinfo {margin-bottom:10px;color:#888;font-size:11px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.postinfo span.vkom {padding-left:20px;background:url(images/comment.png) left 0 no-repeat; }
.postinfo span.vvis {padding-left:19px;background:url(images/eye.png) left -1px no-repeat; margin-left:4px;margin-right:5px;}
.postinfo .sep {color:#999;margin-left:3px;}

/* comments, kommentarer */
#kom {clear:both;font-size:11px;}
#morepost {height:170px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:70px;margin-top:170px;padding-top:40px;padding-bottom:40px;}
#dela h3 span, #liknande h3 span, #om h3 span {display:block;font-size:12px;}
#morepost div {float:left;width:185px;}
#c #morepost h3 {margin:0;margin-bottom:20px;}
#dela a {border:0;}
#dela a:hover, #dela a:focus {opacity:.85; filter:alpha(opacity=85);}
#c ul#related li {background:none;padding:0;list-style-type:none:margin:0;}
ul#related a {color:#666;display:block;width:185px;overflow:hidden;height:24px;text-decoration:none;}
ul#related a {line-height:24px;border-bottom:1px solid #ccc;}
ul#related a:hover {color:#222;}
#c ul#related {margin:0;margin-top:-7px;}
#c #om p {font-size:11px;font-style:italic;}
#om {margin-left:36px;}
div#dela {width:178px;}
#c #dela a {outline:0;}

#ctop {margin-bottom:30px;}
#pageform {margin-top:-30px;margin-bottom:30px;}
#c h3#comments {margin:0;font-size:24px;letter-spacing:-1px;}
#c h3#comments span {font-size:12px;display:block;letter-spacing:0;}

a#togglecomment {float:right;display:block;text-indent:-9999px;width:123px;height:23px;margin-top:-23px;background:url(http://motor.carby.se/images/skrivknapp.png) 0 -23px no-repeat; }
a#togglecomment:hover, a#togglecomment:focus {background:url(http://motor.carby.se/images/skrivknapp.png) 0 0 no-repeat; outline:0;}

.kommentar {padding:18px;padding-top:14px;padding-right:50px;background:#eee;border:1px solid #ccc;margin-bottom:20px;}
.kommentar {min-height:75px; height:auto !important; height:100px; overflow:visible;}
.kommentar.alt {background:#fff;}
.gravatar {float:left;margin-right:18px;margin-top:4px;}

#c .cdata span a, #c .cdata span {font-size:14px;font-weight:bold;color:#666;}
#c .cdata span a:hover {color:#333;}
#c .cdata em {font-style:normal;color:#999;display:block;margin:0;line-height:14px;margin-bottom:4px;}
#c .cdata em a {color:#888;text-decoration:none;border-bottom:1px solid;}
#c .cdata em a:hover {color:#444;}
#c .cdata p {font-size:11px;color:#666;line-height:16px;}

#kom label {font-size:11px;display:block;font-weight:bold;margin:10px 0 5px;width:215px;}
#kom input, #kom textarea {color:#666;background:#fff;font-family:arial,helvetica,sans-serif;font-size:11px; padding:7px; width:200px; border:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
#kom input, #kom textarea {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#kom textarea {width:300px;overflow:auto;}

#commentform {padding-bottom:40px;}
#c #submit {text-indent:-9999px;border:0;background:none;height:23px;display:block;width:69px;margin-top:10px;cursor:pointer;}
#c #submit {background:url(images/skicka.png) 0 -23px no-repeat;}
#c #submit:hover {background:url(images/skicka.png) 0 0 no-repeat;}

.loggedin {margin-top:20px;font-style:italic;}

/* links, länkar */

#c #links, #c #links li {margin-left:0;padding-left:0;background:none;}
ul#links a {line-height:24px;border-bottom:1px solid #ccc;display:block;text-decoration:none;padding-left:20px;background:url(images/bullet.png) no-repeat 0 4px;}
ul#links a:hover {background:#ffc url(images/bullet.png) no-repeat 0 4px;}

/* teamet */
#c .team {margin-bottom:15px;border-bottom:1px solid #ccc;display:block;width:100%;border-collapse:collapse;}
.team td, .team tr {vertical-align:top;padding-bottom:20px;}
.teamp {font-size:11px;}
.teamp strong {font-size:12px;}
#c .teamp {line-height:14px;padding-bottom:4px;}
.team img {margin:0;margin-right:10px;padding:3px;border:1px solid #ccc;}

/* bilen tabell */
#bilen {}
#bilen td {padding:3px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;line-height:16px;font-size:11px;}
#bilen tr:hover {background:#ffc;}
#bilen a {cursor:help;}
