/*   
Theme Name: +7
Theme URI: http://www.dragnet.se
Author: Jonas Skoglund
Author URI: http://www.dragnet.se
Version: 1.0
.
Copyright Dragnet
.
*/

/* 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}}
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: auto}

/* Typography */ 
body { font:12px/1.2 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; background: url(images/gui/body_bg.gif) no-repeat fixed center top; }
a:link {color: #57A3C3}
a:visited {color: #008AAB}
a:hover {color: #008AAB}
a:active {color: #57A3C3}
a:focus {outline:1px dotted invert}
hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0}
h1, h2, h3, h4, h5, h6, caption {color: #57A3C3}
h1 {font-size:30px; line-height: 33px; margin-bottom:10px}
h2 {font-size:24px; line-height: 26px; margin-bottom:10px}
h3 {font-size:18px; line-height: 21px; margin-bottom:10px}
h4, caption {font-size:14px; line-height: 16px}
ol {list-style:decimal}
ul {list-style:disc}
li {margin-left:30px}
p, dl, hr, ol, ul, pre, table, address, fieldset {margin-bottom:15px}
blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:24px; padding: 10px 0 10px 20px}
caption {font-weight:700; text-align:left; border-bottom:#57A3C3 solid 2px; margin-bottom:4px; padding-bottom:4px}
td, th {padding:9px 0; border-bottom:#BFDBE9 solid 2px}

/* Utilities */ 
img.centered {display: block; margin-left: auto; margin-right: auto}
img.alignright {padding: 4px; margin: 0 -370px 2px 0; display: inline; clear:right}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline}
.alignright {float: right}
.alignleft {float: left}
.clearfloat{clear:both}
.post-7 img.alignleft{padding:0px; margin:0 2px 2px 0}

/*Main layout */
#wrapper, #header {width:980px;margin:0 auto}
#header {background: url(images/gui/s.png) repeat-y -1035px 0}
#wrapper{background: url(images/gui/s.png) repeat-y -2016px 0; padding-top:20px}
#footer {background: url(images/gui/s.png) no-repeat -2996px 0; height:20px; margin-top:20px; overflow:hidden}
.logo {padding: 30px  0 20px 50px}

/*Navigation*/
.nav {margin:0 6px 0 14px; padding:6px 5px 0 9px; list-style:none; position:relative; height:49px; background: url(images/gui/s.png) repeat-x -75px 0} 
.nav li {display:inline; margin:0; padding:0}
.nav-sublevel-1 {position:absolute; top: 30px; left:0; background: url(images/gui/s.png) repeat-x -75px -62px; height:24px; width:939px; padding: 0 0 0 20px; visibility: hidden}
.current_page_item .nav-sublevel-1, .current_item_parent .nav-sublevel-1{visibility: visible}
.nav a {display:block; float:left; padding: 0 10px 0 0; font-size: 12px; font-weight: 700; color: #FFFFFF; text-transform: uppercase;  text-decoration: none; background: url(images/gui/s.png) no-repeat right bottom}
.nav a:hover {color: #008AAB}
.nav-sublevel-1 a {font-size: 12px; padding-top:3px; font-weight: 100; color: #000; text-transform: capitalize; background: url(images/gui/s.png) no-repeat right -30px}
.nav-sublevel-1 .current_item, .current_item_parent a, .current_item{color:#57A3C3}
.nav-sublevel-1 li a {color:#000000}

.box_outline {margin:0 20px 0; background-color:#FFFFFF}
.bo_hd {height:4px; overflow:hidden; position:relative; background:url(images/gui/s.png) repeat-x -75px -56px}
.bo_hd_l, .bo_hd_r, .bo_ft_l, .bo_ft_r {background: url(images/gui/s.png) no-repeat}
.bo_hd_l {height:4px; width:4px; position:absolute; left: 0; top: 0; overflow:hidden; background-position: 0 0}
.bo_hd_r {height:4px; width:4px; position:absolute; right: 0; top: 0; overflow:hidden; background-position: 0 -4px}
.bo_bd {padding:14px 380px 14px 30px; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; overflow:hidden}
.bo_ft {height:4px; overflow:hidden; position:relative; background:url(images/gui/s.png) repeat-x -75px -53px; width:100%}
.bo_ft_l {height:4px; width:4px; position:absolute; left: 0; bottom: 0; overflow:hidden; background-position: 0 -8px}
.bo_ft_r {height:4px; width:4px; position:absolute; right: 0; bottom: 0; overflow:hidden; background-position: 0 -12px}
.bo_main {padding:40px 24px}

/*Home stuff */
.home {padding: 14px 30px}
.shortcut_left h2, .shortcut_right h2 {text-transform:uppercase; font-size:18px}
.shortcut_left, .shortcut_right {width:430px; float:left}
.shortcut_left {padding-right:10px}
.shortcut_right {clear:right}
#slideshow {margin:0 0 20px 20px}

/*Personal*/
.personal {font-size:11px}
.personal td {padding: 0 5px 4px 0; width:25%; vertical-align: top; border-style: none}
.personal td img {padding-top:8px}

/* Gallery */
.gallery {margin: auto}
.gallery .gallery-item {float: left; padding:0; margin:0 10px 7px 0; text-align: center; /*width: 25%;*/}
.gallery .gallery-caption {margin:0; padding:0}

/* Lightbox */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img {border: none}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 400px; height: 300px; margin: 0 auto}
#lightbox-container-image {padding: 20px}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav {left: 0}
#lightbox-nav a {outline: none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block}
#lightbox-nav-btnPrev {left: 0; float: left}
#lightbox-nav-btnNext {right: 0; float: right}
#lightbox-container-image-data-box {background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 20px 0}
#lightbox-container-image-data {padding: 0; color: #666}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; display:none}
#lightbox-image-details-caption {font-weight: bold}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em}

.splash { position:absolute; z-index:99; width:900px; height:500px; left: 50%; top: 120px; margin-left:-460px; background:#FFF; padding:10px; border:solid #eee 1px}
/*#slideshow { position:absolute; z-index:98; width:900px; height:500px; left: 50%; top: 60px; margin-left:-450px;}*/