/*
Theme Name: Hassis Skidskola
Theme URI: http://www.langdskola.se
Description: Skidskolan!
Version: 1.3.1
Author: XC1
Author URI: http://www.xc1.se/
Template: xc1
Tags: 
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

@charset "utf-8";

/******** ERROR code elements *********/

body.error404 div#content h2 { background: url('images/404.jpg') no-repeat top center; width: 400px; height: 300px; display: block; text-indent: -2000px; overflow: hidden; margin: 0px auto; }

/******** Website standard elements *********/

* { }
body { background: url('images/body.jpg') repeat-x top center #fff; margin: 0; padding: 0; font-size: 13px; font-family: Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif}

a { 		color: #990000; }
a:visited {	color: #990000; }
a:focus { 	color: #900; }
a:active {	color: #C00; }
a:hover { 	color: #C00; text-decoration: underline; }
h2 a:hover, h3 a:hover {}

h1 { font-weight: 300; font-size: 2.2em; margin: 1.0em 0em 0.2em 0em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
h2 { font-weight: 400; font-size: 1.8em; margin: 1.0em 0em 0.2em 0em; padding-bottom: 10px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); border-bottom: 2px solid #300; }
h3 { font-weight: 500; font-size: 1.4em; margin: 1.0em 0em 0.2em 0em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);/* border-bottom: 2px solid #aaa; */}
h4 { font-weight: 500; font-size: 1.2em; margin: 1.0em 0em 0.2em 0em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }

/******** Website div elements *********/

html { background: url('images/wrapper.jpg') repeat-y top center #FFF; width: 100%; }
div#wrapper { background: url('images/wrapper.jpg') repeat-y top center; width: 100%; padding: 0px; }
div#container { background: url('images/container.jpg') no-repeat top center; width: 100%; }

div#header {  margin: 0px auto; padding: 0px; width: 1000px; }
div#header div#header-top { /* background: url('images/header-top.jpg') no-repeat top center;*/ height: 48px; }

div#header div#header-middle { /* background: url('images/header-middle.jpg') top center no-repeat;*/ height: 119px; padding: 0px; margin: 0px auto; width: 720px; }
div#header div#header-middle div#sitelogo h1 a { background: url('images/logotyp.jpg') top center no-repeat; width: 357px; height: 110px; display: block; text-indent: -2000px; overflow: hidden; }
div#header div#header-middle div#sitelogo h1 { width: 357px; height: 110px; margin: 0px 60px; display: block; }
div#header div#header-bottom { /*background: url('images/header-bottom.jpg') top center no-repeat;*/ height: 36px; padding-left: 140px; overflow: visible; }
div#header div#header-bottom div#menu { position: relative; }
div#header div#header-bottom div#menu h2 { display: none; }
div#header div#header-bottom div#menu ul { list-style-type:none; margin:0px; padding: 0px; width: 700px; float:left; }
div#header div#header-bottom div#menu ul li {float:left; margin-left:15px; padding: 0px; list-style-type: none; }
div#header div#header-bottom div#menu ul li a { font-weight: bold; color: #999999; margin-bottom: 5px; padding: 5px; display: block; text-decoration: none; font-size: 0.9em;}

/* Main-menu */
div#header div#header-bottom div#menu ul>li>a:hover,
div#header div#header-bottom div#menu ul>li.current-menu-item>a,
div#header div#header-bottom div#menu ul>li.current-menu-ancestor>a { color: #990000; }

/* Sub-menu */
div#header div#header-bottom div#menu ul>li>ul>li.current-menu-ancestor>a,
div#header div#header-bottom div#menu ul>li>ul>li.current-menu-item>a,
div#header div#header-bottom div#menu ul>li>ul>li>a:hover { color: #d5d4d4; }

div#header div#header-bottom div#menu ul li ul { display: none; text-align: center; position: absolute; top: 26px; margin: 0px -15px; padding: 0px 15px; width: 150px; z-index: 999; background: #333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; box-shadow: inset 0px 5px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 5px 3px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 5px 3px rgba(0,0,0,0.5); box-shadow: 0px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); }
div#header div#header-bottom div#menu ul li:hover ul { display: block; }
div#header div#header-bottom div#menu ul li ul li  { display: block; text-align: left; border: 0px; position: relative; margin: 0px auto; padding: 0px; list-style-type: none; float: none;  }
div#header div#header-bottom div#menu ul li ul li:hover  { background: none; border: 0px; }
div#header div#header-bottom div#menu ul li ul li a { background: none; border: 0px; padding: 5px 10px; font-size: 0.9em; }

div#header div#header-bottom div#menu ul li.company { float: right; }
div#header div#header-bottom div#menu ul li.company.current_page_item a,
div#header div#header-bottom div#menu ul li.company:hover a { color: #FFF;}

div#main { /* background: url('images/main.jpg') no-repeat top center #FFF; */ width: 1000px; padding: 0px; }
div#main div#page { /* background: url('images/page.jpg') no-repeat top center; */ width: 1000px; padding: 0px; }

div#main div#page div#content { /* background: url('images/content.jpg') no-repeat top center; */ width: 480px; float: left; padding: 40px 0px 20px 140px; }
div#main div#page div#sidebar { /* background: url('images/sidebar.jpg') no-repeat top center; */ width: 380px; float: right; padding: 40px 0px !important; margin: 0px !important; }

div#footer { /* background: url('images/footer.jpg') no-repeat top center;*/ width: 720px; }
div#footer div#footer-top{ /* background: url('images/footer-top.jpg') no-repeat top center; */  }
div#footer div#footer-middle { /* background: url('images/footer-middle.jpg') no-repeat top center; */  }
div#footer div#footer-bottom { /* background: url('images/footer-bottom.jpg') no-repeat top center; */  }
div#footer a#footer-xc1 { background: url('images/footer-xc1.jpg') no-repeat top center; display: block; width:27px; height: 27px; overflow: hidden; text-indent: -2000px; margin: 0px auto; }
 
/******** Website theme menu *********/
/*
div#menu { margin: 0px; }
div#menu ul { width: auto; height: auto; padding: 10px auto; }
div#menu ul li { padding: 2px 0px 2px 30px; margin: 5px auto; }
div#menu ul li a { color: #333; }
*/
/******** Website theme elements *********/


div#sub_menu ul { list-style-type:none; margin:0px 0px 20px 0px; padding: 0px; width: 480px; float:left; /* border-top: 2px solid #666; border-bottom: 1px solid #CCC;*/ }
div#sub_menu ul li {float:left; margin-left:15px; padding: 0px;}
div#sub_menu ul li a { font-weight: bold; color: #666; margin-bottom: 5px; padding: 5px; display: block; text-decoration: none; font-size: 0.9em;}


/* Special links */
div#footer div#partners { height:60px; width: 720px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; } 
div#footer div#partners ul li { list-style-type: none; padding: 0px; margin: 0px; }
div#footer div#partners ul li a { width: 150px; height: 60px; display: block; text-indent: -2000px; overflow: hidden; float: left;}
div#footer div#partners ul li a#start { background: url('images/start.jpg') no-repeat top left; }
div#footer div#partners ul li a#oneway { background: url('images/oneway.jpg') no-repeat top left; }
div#footer div#partners ul li a#craft { background: url('images/craft.jpg') no-repeat top left; }

div#main div#page div#content .page { padding: 0px 10px;}
div#main div#page div#content .postmetadata { background: url('images/file.png') no-repeat top left;  padding: 2px 0px 10px 30px; margin: 10px 0px; }

.navigation div.prev a { background: url('images/prev.png') no-repeat top left;  padding: 0px 0px 0px 30px; z-index: 999;   }
.navigation div.next a { background: url('images/next.png') no-repeat top right;  padding: 0px 30px 0px 0px; z-index: 999; }

.widget {}

a img:after { content: attr(title); display: block; background: rgba(0, 0, 0, 0.25); width: 100%; height:30px; }
img.camp[title]:after {
content: "[" counter(image) "] " attr(title);
counter-increment: image;
display: block;
}

/******** Website social elements *********/

.follow { display: none; }

/******** IE special elements *********/

body.ie { }
body.iphone #wrapper #container { width: 1000px; margin: 0px;}

div#ie-menu { position: absolute; top: 167px; left: 50%; width: 720px; margin-left: -360px; }
div#ie-menu div#menu { position: relative; }
div#ie-menu div#menu h2 { display: none; }
div#ie-menu div#menu ul { list-style-type:none; margin:0px; padding: 0px; width: 700px; float:left; }
div#ie-menu div#menu ul li {float:left; margin-left:15px; padding: 0px; list-style-type: none; }
div#ie-menu div#menu ul li a { font-weight: bold; color: #999999; margin-bottom: 5px; padding: 5px; display: block; text-decoration: none; font-size: 0.9em;}
div#ie-menu div#menu ul li.current_page_item ul li a,
div#ie-menu div#menu ul li.current_page_parent ul li a { color: #999; }
div#ie-menu div#menu ul li a:hover,
div#ie-menu div#menu ul li ul li a:hover,
div#ie-menu div#menu ul li.current_page_item a,
div#ie-menu div#menu ul li ul li.current_page_item a,
div#ie-menu div#menu ul li.current_page_parent a { color: #990000; }

div#ie-menu div#menu ul li ul { display: none; text-align: center; position: absolute; top: 26px; margin: 0px -15px; padding: 0px 15px; width: 150px; z-index: 999; background: #333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; box-shadow: inset 0px 5px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 5px 3px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 5px 3px rgba(0,0,0,0.5); box-shadow: 0px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5); }
div#ie-menu div#menu ul li:hover ul, div#menu li ul li ul:hover { display: block; }
div#ie-menu div#menu ul li ul li  { display: block; text-align: left; border: 0px; position: relative; margin: 0px auto; padding: 0px; list-style-type: none; float: none; overflow: hidden; height: 30px;  }
div#ie-menu div#menu ul li ul li:hover  { background: none; border: 0px; }
div#ie-menu div#menu ul li ul li a { background: none; border: 0px; padding: 5px 10px; font-size: 0.9em; }

div#ie-menu div#menu ul li:hover ul li ul, 
div#menu li ul li ul:hover li ul, 
div#ie-menu div#menu ul li ul li ul, 
div#ie-menu div#menu ul ul ul { display: none !important;}

div#ie-menu div#menu ul li.page-item-248 { float: right; }
div#ie-menu div#menu ul li.page-item-248.current_page_item a,
div#ie-menu div#menu ul li.page-item-248:hover a { color: #FFF;}

/******** iPhone special elements *********/

body.iphone {}
body.iphone #wrapper #container { width: 1000px; margin: 0px;}


#cboxPrevious{ background:url('images/prev.jpg') no-repeat #fff; }
#cboxNext{ background:url('images/next.jpg') no-repeat #fff; }
#cboxLoadingOverlay{ background:url('images/loading.gif') 5px 5px no-repeat #fff; }
#cboxClose{ background:url('images/close.jpg') no-repeat #fff; }

/******** jQuery Nivo Slider special *********/

#slider { height:262px; width: 680px; background: #333; position:relative; margin: 0px 20px 50px 20px; -moz-box-shadow: 0px 4px 10px #333;  -webkit-box-shadow: 0px 4px 10px #333; box-shadow:0px 0px 10px #333; }
#slider img { position:absolute; top:0px; left:0px; }
#slider a { border:0; }
.nivo-controlNav { position:absolute; left:47%; bottom:-30px; }
.nivo-controlNav a { display:block;  width:10px; height:10px; background:url('images/bullets.png') no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:-10px 0; }
.nivo-directionNav a { display:block; width:32px; height:34px; background:url('images/arrows.png') no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-32px 0; right:10px; }
a.nivo-prevNav { left:10px; }



div#sidebar div#slider { background: none; position:relative; margin: 0px !important; -moz-box-shadow: none;  -webkit-box-shadow: none; box-shadow: none; overflow: hidden !important; }
.post { padding: 0px 10px !important;}
body.home div#main div#page div#content { width: 720px; }
body.home div#main div#page div#content div.page,
body.home div#main div#page div#content div.post { position: relative;}
body.home div#main div#page div#content div.page div.page-header,
body.home div#main div#page div#content div.post div.post-header { height: 200px; }
body.home div#main div#page div#content div.post div.post-header a.post-image img { position: absolute; width: 200px; height: 200px; padding: 0px; -moz-box-shadow: 0px 4px 10px #333;  -webkit-box-shadow: 0px 4px 10px #333; box-shadow:0px 0px 10px #333; z-index: 50 !important; }
body.home div#main div#page div#content div.page div.page-header h2,
body.home div#main div#page div#content div.post div.post-header h3 a { position: relative; z-index: 90 !important; padding: 10px 20px !important; color: #f1f1f1; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75); font-size: 1.0em; display: block; width: 160px; background: #000; background: rgba(0, 0, 0, 0.75);  }
body.home div#main div#page div#content div.post div.post-header small { position: relative; z-index: 90 !important; padding: 3px 20px !important; color: #999; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75); font-size: 1.0em; display: block; width: 160px; background: #000; background: rgba(0, 0, 0, 0.5);  }
body.home div#main div#page div#content div.post div.post-content,
body.home div#main div#page div#content div.post-navigation { display: none;}

body div.ie6 h2 { background: url('images/ie6.jpg') no-repeat top center; }