/*
Theme Name: Stockholm Bilfilm
Theme URI: http://www.bilfilm.se
Description: Tema för Stockholm Bilfilm
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 */

/* BODY ***************************************************/
body { background: #222 url(images/bkg.gif); line-height: 1; color: #666; font-size:11px;}
body { font-family: arial, helvetica, sans-serif;}
p {margin-bottom:20px;}
#bkgfx {width:100%;height:616px;position:absolute;left:0;z-index:2;background:url(images/bkgfx.jpg) repeat-x; }
h1#mobile { position:absolute;z-index:1;text-indent:-9999px;left:0;}
#c { position:relative; margin:auto; width:864px; z-index:3; padding-top:60px; }
div#mobileFooter { position:absolute;z-index:1;top:0;left:0;text-indent:-9999px; }
.clear {clear:both;}
.red {color:#dd0000;}
.hide {text-indent:-9999px;}
#c a {color:#aaa;}
#c a:hover {color:#fff;}

/* main */
#topimg {height:194px;clear:both;background:#000;}
#flik {position:relative; margin-top:-154px;margin-left:-17px; background:url(images/flik.png) no-repeat; width:17px; height:129px; z-index:4; }

#main {width: 100%; z-index:5; background:#0a0a0a; padding-top:20px; padding-bottom:40px; }
#content, #right {padding-top:10px; padding-bottom:20px; line-height:17px; }
#content {float: left; width: 370px; padding-left:55px; }
#content {min-height:500px; height:auto !important; height:500px;}
#right {float:right;width:315px;border-left:1px solid #111; padding-left:30px;padding-right:50px;}
#right {min-height:600px; height:auto !important; height:600px;}

#footer {clear:both;background:url(images/footer.png) no-repeat; width:100%; height:46px; text-indent:-9999px; margin-bottom:100px;}

/* menu */
#top {height:100%;}
#menu {margin-left:55px;}
#menu li {display:inline;}

#menu a {float:left;display:block;margin-right:3px; padding:10px;padding-top:7px; }
#menu a {background:#1a1a1a; color:#777; text-decoration:none;}
#menu li.current_page_item a, #menu li.current_page_ancestor a {background:#fff; color:#444; padding-bottom:15px;margin-top:-5px; }
#menu li.page_item a:hover, #menu li.page_item a:active, #menu li.page_item a:focus {background:#000; color:#fff; }

#action {position:absolute;right:10px;top:45px;}
#action li {float:right; margin-left:5px; text-indent:-9999px; }
#action li a {display:block; width:44px;height:42px; filter: alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }
#bokmark {background:#000 url(images/bokmark.gif) no-repeat; }
#rss {background:#000 url(images/rss.gif) no-repeat;}
#admin {background:#000 url(images/admin.gif) no-repeat;}


/* content formatting */
h1,h2 {font-family:"arial",helvetica, sans-serif;font-weight:normal;}
#c h1, #c h1 a {color:#fff; font-size:24px;letter-spacing:-1px;margin-bottom:5px;}
#c h2, #c h2 a {font-size:16px;margin-bottom:3px;color:#ccc;}
h3,h4,h5,h6 {font-weight:bold;color:#ccc;font-size:11px;margin-bottom:10px;}
h4 {margin-bottom:0;}
#content ul {list-style-type:none;}
p.pageintro {font-size:13px;font-style:normal;color:#666;margin-bottom:10px;margin-top:-5px;padding-left:2px;}

/* lists */
#content ul, #content ol {margin-bottom:20px; list-style-position:outside; margin-top:10px; margin-left:10px;}
#content ul li {padding-left:15px;background:url(images/bullet.png) no-repeat 0 6px;}
#content ol {list-style-type:decimal; list-style-position:inside;}
#content p strong {font-weight:normal;}

/* image formatting */
#c img.size-medium, #c img.size-full {padding:3px;border:1px solid #222; margin:5px 0 5px 0; margin-bottom:-10px;}
#c img.size-thumbnail {padding:3px;border:1px solid #222;margin-top:4px;}

#c a:hover img.size-medium, #c a:hover img.size-thumbnail, #c a:hover img.size-full {border:1px solid #333;}

#c img.alignleft {float:left;margin-right:8px;margin-bottom:-3px;}
#c img.alignright {float:left;margin-left:8px;margin-bottom:-3px;}
#c img.alignnone {margin-right:12px;}
#c img.alignnone.size-thumbnail {margin-bottom:3px;}

/* right, sidebar */
#news, #ref, #partners {padding-top:65px;margin-bottom:30px;}

#news {background:url(images/nyheter.png) no-repeat 0 5px;padding-top:50px;}
#news p {margin-bottom:0;}
#news h3, #news h3 a {color:#ccc; margin-bottom:0;padding:0;line-height:11px;font-weight:normal;text-decoration:none;}
.newsitem {padding-bottom:9px;padding-top:9px;cursor:pointer;padding-right:50px;}

#ref {background:url(images/referenser.png) no-repeat 0 5px; margin-right:-30px; height:275px;width:350px;}
#ref a img {padding:3px;border:1px solid #222; filter:alpha(opacity=80); opacity:.8; -moz-opacity:.8;}
#ref a:hover img {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; border-color:#333; }

#ref .refc {float:left; margin-top:-14px;margin-bottom:0px; margin-right:7px; }
#ref h3 {display:block;position:relative;top:30px;left:-1px;z-index:10;font-size:9px;font-weight:normal;margin:0;padding:0;}
#ref h3 a {text-decoration:none;background:#1c1c1c;padding:5px;}
#ref h3 a:hover {text-decoration:none;background:#222;color:#ccc;}
#ref a.sidelink {padding-right:50px; background-position:80px -22px;}
#ref a.sidelink:hover {padding-right:50px; background-position:80px 4px;}

#partners {background:url(images/partners.png) no-repeat 0 5px; margin-right:-30px; }
#partners a {display:inline;}
#partners a {margin-right:25px;}
#partners img {margin-bottom:10px;}

a.sidelink {margin-left:5px; text-decoration:none;padding-right:10px;background:url(images/arrowright3.gif) no-repeat; background-position: right -22px;}
a.sidelink:hover {color:#fff; background:url(images/arrowright3.gif) no-repeat; background-position: right 4px;}
#c a.arrowleft {text-decoration:none; padding-left:10px; background:url(images/arrowleft.gif) no-repeat; background-position: 0 -22px;}
#c a.arrowleft:hover {color:#fff; background:url(images/arrowleft.gif) no-repeat; background-position: left 4px;}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #FF5A00;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.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: "trebuchet ms", arial, geneva, 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;
}

/* galleriet */

#c .wide {width:750px;float:none;overflow:hidden;padding-left:55px;padding-top:10px;min-height:500px; height:auto !important; height:500px;}
#c .wide p.pageintro {padding-left:0;}

a.arrowleft {padding-left:10px;background:url(js/whitearrow2.gif) no-repeat 0 6px;}
#c .ngg-description { font-size:11px; line-height: 16px; text-align:right; margin-right:5px; color:#777; margin-top:-15px;}
#c .ngg-description strong {font-weight:normal;}

#c .ngg-albumoverview { margin-left:-20px; margin-right:-100px; width:680px;}
#c .ngg-album { float: left;  margin-left:20px; margin-top:20px; overflow:hidden; padding:15px; border:1px solid #111;}
#c .ngg-album { padding-top:0; padding-bottom:0; margin-bottom:0px; }
#c .ngg-albumtitle { font-size:12px; margin-bottom:5px; margin-top:5px;}

#c .ngg-albumtitle a { color:#ccc; text-decoration:none; display:block; padding-top:5px; padding-bottom:5px; padding-left:10px; margin-left:-10px; margin-right:-10px; }
#c .ngg-albumtitle a:hover {color:#fff;}

#c .ngg-albumcontent a img { border:1px solid #222; padding:3px; margin:0 5px 5px 0; filter:alpha(opacity=80); opacity:.8; -moz-opacity:.8; }
#c .ngg-albumcontent a:hover img { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; border-color:#333; }

#c .ngg-gallery-thumbnail {margin-right:20px;}
#c .ngg-gallery-thumbnail a img { float:left; border:1px solid #222; padding:3px; margin:0 5px 5px 0; filter:alpha(opacity=80); opacity:.8; -moz-opacity:.8; }
#c .ngg-gallery-thumbnail a:hover img { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; border-color:#333; }

#c .ngg-gallery-thumbnail-box {margin-bottom:15px;padding:0;}
#c.ngg-galleryoverview { clear:both; margin-left:-20px; margin-right:-100px;}
#c .ngg-gallery-thumbnail-box {float:left;}
#c .ngg-navigation { clear:both; padding-top:20px; }
#c .ngg-navigation span, .ngg-navigation a { margin-right:5px; }
#c .ngg-navigation .next, .ngg-navigation .prev { text-decoration:none; }

#c .ngg-imagebrowser a img { margin-top:10px; margin-bottom:10px; padding: 10px; border:1px solid #777; }
#c .ngg-imagebrowser a:hover img { border:1px solid #6497A9; }

#c h2.gallerytitle {margin-bottom:10px;font-size:17px;margin-top:30px; color:#ccc; font-family:"arial narrow", arial, helvetica, sans-serif; font-weight:bold; }
#c h2.gallerytitle {border-bottom:1px solid #444;padding-bottom:10px;}

.ngg-gallery-thumbnail-box {line-height:0;}
.ngg-clear {clear:both;}


/* loader */
#loader {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	height:100%;
	background: #000;
	text-align:center;
	padding-top:200px;
	color:#fff;
	opacity:.9;
	filter:alpha(opacity=90); -moz-opacity:.9;
	font-size:16px;
}

#loader p {position:relative; margin:auto; padding:30px; padding-top:60px; border:1px solid #555;width:200px;background:#111 url(js/loader4.gif) no-repeat center 25px;}
#loader p strong {display:block;padding-bottom:3px;}

/* tables */
.table {border-collapse:collapse;margin-bottom:30px; width:100%;}
.table td {padding:3px;width:auto;}
.table tr.odd {background:#111;}
.table thead td {font-weight:bold;border-bottom:1px solid #333;}

table.wide {}
table.wide td {}

#c .aaa {margin:0;margin-left:-10px;margin-top:-15px;}