@charset "utf-8";

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 18, 2010 05:20:22 AM America/New_York */
@font-face { font-family: 'LeagueGothicRegular'; src: url('../fonts/League_Gothic-webfont.eot'); src: local('☺'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#webfontpm5EArBj') format('svg'); font-weight: normal; font-style: normal; }

/******** XC1 HTML5/CSS Reset *********/

/* Based on the YUI css reset and a generic HTML5 reset with some added XC1 reset specialities */

*, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; line-height:1; vertical-align:baseline;  background:transparent; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
nav ul, li{list-style:none;}
caption,th{text-align:left;}
abbr,acronym{border:0;font-variant:normal;}
sup, sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/******** CSS Hacks *********/

/* We want some things to not make our days harder */

#respond:after, div#header:after, div#wrapper div#container > header:after, div#main:after, div#page:after, div#footer:after, div#wrapper div#container > footer:after, article:after, div#main div#page-content:after, #page-tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ngg-clear, .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
* html .clearfix{height:1%;}.clearfix{display:block;} /* Clearfix for floating elements, an old CSS weakness */

.hidden, input[type='hidden'] { visibility: hidden;} /* Dont display hidden elements */
.print { display: none;} /* We dont want some things ment for print to be seen */
.screen-reader-text { position: absolute; left: -9000px; } /* Dont want screenreader text on the website */
/*p img {	padding: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; } /* Makes the img stay within designated area */
acronym, abbr, span.caps { letter-spacing:0; /* fix opera bug */ }

/******** WP CSS Hacks *********/

.wp-caption { text-align: center; margin-bottom: 1.5em; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; }
.wp-smiley { max-height: 1em; margin:0 !important; }

/******** Alignment *********/

img.center, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.center, .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.right, .alignright { float: right; }
.left, .alignleft { float: left; }

/******** Code *********/

pre { margin: 15px 0px; padding: 10px; color: #222; line-height: 16px; margin-bottom: 18px; padding: 1.5em; font-size: 0.9em; word-wrap: break-word; }
code {	display:block; direction:ltr; text-align:left; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; word-wrap: break-word; }

/******** Specialized 960 Grid 1/12 column *********/

/* XC1 version of the 960gs with only support på the 12 column grid */

.column-container { padding-left:30px !important; padding-right:30px !important;}
.column {display:inline !important;float:left !important;margin-left:10px !important;margin-right:10px !important;}
.grid-1{width:60px !important;}.grid-2{width:140px !important;}.grid-3{width:220px !important;}.grid-4{width:300px !important;}.grid-5{width:380px !important;}.grid-6{width:460px !important;}
.grid-7{width:540px !important;}.grid-8{width:620px !important;}.grid-9{width:700px !important;}.grid-10{width:780px !important;}.grid-11{width:860px !important;}.grid-12 {width:940px !important;}

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

body { background: url('../images/body.jpg') repeat-x center 186px #FFF; background: url('../images/body.jpg') repeat-x center 0px #FFF; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; color: #000; font-size: 15px; margin: 0px; /* padding: 186px 0px 0px 0px; */ padding: 0px; }

a, a:link, a:visited {	color: #600; text-decoration: none; }
a:focus, a:active, a:hover { color: #900; }
h2 a:hover, h3 a:hover {}

h1, h2, h3, h4 { padding: 20px 0px 10px 0px; }
p { padding: 10px 0px 2px 0px; line-height: 18px; font-size: 15px; }
h1, h2, h3, h4, .navigation, #menu { font-family: 'LeagueGothicRegular', Arial Black, Arial !important; text-transform: uppercase !important; font-size: 42px; line-height: 0.8em; }
small.time { color: #AAA; font-style: italic; padding: 2px 0px 10px 0px; font-size: 0.8em; }

strong { font-weight: bold; }

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

div#wrapper { background: url('../images/wrapper-page2.jpg') no-repeat top center; background-size: 1660px auto; }
div#container { /* background: url('images/container.jpg') no-repeat top center; */ width: 960px; margin: 0px auto;  }

div#wrapper div#container > header { width: 100%; height: 150px; position: relative; }
div#wrapper div#container > header h1 { width: 400px;  margin: 0px; padding: 0px;  }
div#wrapper div#container > header h1 a { height: 130px; width: 400px; text-indent: -2000px; display: block; overflow: hidden; }

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

div#main div#page div#content { /* background: url('../images/content.jpg') no-repeat top center; */ }
div#main div#page div#partners { /* background: url('../images/sidebar.jpg') no-repeat top center; border-top: 1px solid #EEE; */ padding: 20px 0px; margin: 0px -20px; width: 980px; clear: both; }

div#wrapper div#container > footer { width: 960px; margin: 0px auto; padding: 20px; position: relative; text-align: center; color: #999;  }
div#wrapper div#container > footer details { /* background: url('../images/footer-top.jpg') no-repeat top center; */  }
div#wrapper div#container > footer p.legal { visibility: hidden; height: 0px; margin: 0px; padding: 0px; }
div#wrapper div#container > footer p.credit a#xc1-footer-logo { background: url('../images/xc1-footer-logo.png') no-repeat top center; display: block; width: 32px; height: 32px; overflow: hidden; text-indent: -2000px; margin: 0px auto; }


/******** Website theme menu *********/

#menu { margin: 0px; position: absolute; top: 20px; right: 30px; }
#menu ul { width: auto; height: auto; padding: 10px auto; }
#menu ul li { padding: 2px 0px; margin: 5px 10px; float: left; list-style-type: none; }
#menu ul li a { background: #000; color: #f1f1f1; display: block; font-size: 22px; padding: 3px; line-height: 22px; }
#menu ul li.current-page-ancestor a,
#menu ul li.current-menu-item a { background: #eef3d7; color: #000; }
#menu ul li a:hover { background: #e4ff00; background: #d3be09; color: #000; }

/******** Website post navigation *********/

div#main div#page div#content .navigation { height: 30px; margin: 20px 0px; clear: both; }
div#main div#page div#content .navigation div.prev a:before { content: " « "; font-family: 'LeagueGothicRegular', Arial Black, Arial !important; }
div#main div#page div#content .navigation div.next a:after { content: " » "; font-family: 'LeagueGothicRegular', Arial Black, Arial !important; }

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

body.error404 div#content h2 { background: url('../images/xc1-404.jpg') no-repeat top center; width: 400px; height: 300px; }


/******** Handheld specials *********/

#music-wrapper { display: block; width: 100%; position: relative; top: 0px; left: 0px; height: 166px; background: #333; box-shadow: inset 0px -5px 10px rgba(0,0,0,0.8); padding: 10px 0px; display: none; }
#music-wrapper #music-container { display: block; width: 960px; height: 166px; position: relative; margin: 0px auto; }
/* body.logged-in #music-wrapper { top: 28px; } */


article { min-height: 250px; padding: 20px 130px 20px 0px; }
.post header .post-image img { width: 200px; height: 200px; background: #333; float: left; margin: 0px 30px 15px 0px; border: 8px solid #333; }
.post header h3 { padding: 20px 0px 0px 0px;}
.post footer { margin: 15px 0px; }

.post-image { float: left; margin: 0px 20px 20px 0px; clear: left; }
.post-image img { width: 200px; height: 200px; background: #333; float: left; margin: 0px 30px 15px 0px; border: 8px solid #333; }

body.single .entry,
body.blog .entry { padding: 0px 180px 0px 0px; }

.navigation { font-size: 22px !important; }

#slide_partners { min-height: 200px; width: 200px; position: absolute; top: 0px; right: 400px; /* background:  url('../images/sponsor-placeholder.jpg') no-repeat top left;*/ }
#slide_partners img { max-height: 200px; width: auto; /*opacity: 0.45;*/ margin: 10px 0px; }


#press-ribbon { display: block; position: absolute; top: 186px; top: 0px; right: 20px; width: 75px; height: 196px; background: url('../images/press-ribbon.png') no-repeat top left; text-indent: -2000px; overflow: hidden; display: none; }

.lang { display: block; position: absolute; left: 50%; margin-left: 480px; text-indent: -2000px; overflow: hidden; }
.lang-en { top: 50px; width: 54px; height: 31px; background: url('../images/flag-en.jpg') no-repeat top left; }
.lang-se { top: 90px; width: 53px; height: 31px; background: url('../images/flag-se.jpg') no-repeat top left; }


.comment-body { border: 0px !important; }


div#main div#page div#partners ul { margin: 0px; padding: 0px; }
div#main div#page div#partners ul li { list-style-type: none; float: left; display: block; margin: 10px 15px 0px 0px; width: 180px; height:
 60px; background: #FFF; padding: 20px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }
div#main div#page div#partners ul li a { height: 60px; line-height: 60px; text-align: center; margin:; width: 180px; padding: 0px !important; display: block; }
div#main div#page div#partners ul li a .img_wrapper { height: 60px; width: 180px; margin: 0px; padding: 0px !important; position: relative;}
div#main div#page div#partners ul li img, 
div#main div#page div#partners ul li a img { max-width: 180px; max-height: 60px; width: auto; height: auto; vertical-align: middle; text-align: center; margin: 0px auto; padding: 0px; opacity: 0.6; }
div#main div#page div#partners ul li a .img_wrapper img { max-width: 180px; max-height: 60px; width: auto; height: auto; vertical-align: middle; text-align: center; margin: auto; left: 0px; top: 0px; }
div#main div#page div#partners ul li a:hover img { opacity: 1.0; }

div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Startpage */
/* body.home div#wrapper { background: url('../images/wrapper-start-laila.jpg') no-repeat top center; } */
/* body.home div#wrapper { background: url('../images/wrapper-start-martin.jpg') no-repeat top center; } */
body.home div#wrapper { background: url('../images/wrapper-start10.jpg') no-repeat top center; }

body.home div#wrapper div#container {}

body.home div#wrapper div#container > header { /* background: url('../images/header.jpg') no-repeat top center; */ width: 100%; height: 250px; }
body.home div#wrapper div#container > header h1 { width: 800px;  margin: 0px auto; padding: 0px;  }
body.home div#wrapper div#container > header h1 a { /* background: url('../images/header-logotype.jpg') no-repeat top center; */ height: 200px; width: 800px; text-indent: -2000px; display: block; overflow: hidden; }

body.home div#wrapper div#container > header #menu { position: relative; top: 0px; left: 30px; }
body.home div#wrapper div#container > header #menu ul li a { background: #FFF; color: #333; }
body.home div#wrapper div#container > header #menu ul li a:hover { background: #e4ff00; background: #d3be09; color: #000; }
	
body.home div#main div#page div#content { }
body.home div#main div#page div#content div#start-page { width: 300px; height: 350px; overflow: hidden; }
body.home div#main div#page div#content div#start-page article { padding: 0px 0px 0px 0px;}
body.home div#main div#page div#content div#start-page article .entry { padding: 0px; }
/*body.home div#main div#page div#content div#start-posts { width: 540px; height: 345px; position: relative; padding: 0px 0px 0px 360px;}*/
body.home div#main div#page div#content div#start-posts { width: 420px; height: 345px; position: relative; padding: 0px 0px 0px 480px;}

body.home div#main div#page div#content .page {}
body.home div#main div#page div#content .post { color: #CCC; padding: 15px 20px; min-height: 100px; }
body.home div#main div#page div#content .post h3 { font-size: 32px; line-height: 32px; padding: 0px; margin: 5px 0px 0px 0px; }
body.home div#main div#page div#content .post .entry,
body.home div#main div#page div#content .post .entry p { padding: 0px; }
body.home div#main div#page div#content .post footer,
body.home div#main div#page div#content .post .post-image,
body.home div#main div#page div#content .follow,
body.home div#main div#page div#content .navigation { display: none; }

body.home div#main div#page div#content div#start-banners { width: 980px; margin: 20px -40px;}
body.home div#main div#page div#content div#start-banners section { float: left; display: block; height: 240px; width: 470px;  margin: 0px 20px 20px 0px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); overflow: hidden; /* transform: rotate(2deg); -webkit-transform:  rotate(2deg); -moz-transform: rotate(2deg); */ position: relative; }
body.home div#main div#page div#content div#start-banners section a { display: block; height: 240px; width: 470px; position: absolute; top: 0px; left: 0px; z-index: 9999; }
body.home div#main div#page div#partners { border-top: 0px; padding: 0px; }

body.home div#main div#page div#content div#start-quote { width: 540px; min-height: 160px; margin: 20px -40px; padding: 140px 310px 55px 110px; font-family: 'LeagueGothicRegular', Arial Black, Arial !important; text-transform: uppercase !important; font-size: 36px; line-height: 0.8em; /* color: #FFF; */ color: #333; display: block; text-align: center; /* text-shadow: 0px 2px 10px rgba(0,0,0,0.5); */ }
body.home div#main div#page div#content div#start-quote blockquote { font-style: normal; }
body.home div#main div#page div#content div#start-quote blockquote cite { padding: 8px 0px 0px 0px; }

body.home div#main div#page div#content div#start-xcstorm { width: 940px; height: 200px; margin: 20px -40px; padding: 20px 10px 20px 10px; background: #EEE; color: #000; display: block; border-top: 12px solid #FFF; }
body.home div#main div#page div#content div#start-xcstorm ul { padding: 10px 0px; }
body.home div#main div#page div#content div#start-xcstorm ul li { background: url('../images/dot.jpg') no-repeat 0px 6px; color: #000; padding: 2px 20px; float: left; display: block; width: 430px; height: 30px; }

body.home div#main div#page div#content div#start-group { width: 960px; margin: 0px -40px; height: 360px; background: url('../images/group2.jpg') no-repeat 50% 50%; display: block; border-top: 15px solid #FFF; border-bottom: 15px solid #FFF; }



/* Subpage */

body.page-template-template-subpage-php div#main div#page div#content .page {}
body.page-template-template-subpage-php div#main div#page div#content .post { width: 400px; float: left; margin: 10px; }

#page-content { min-height: 150px; display: block; }

#page-tabs { /*min-height: 200px;*/ display: block; }

body.page .ui-tabs-hide {
    display: none;
}
body.page .ui-tabs-nav, .tabs-nav {
    display: block;
    height: 35px;
    padding: 20px 0px;
    
}
body.page .ui-tabs-nav, .tabs-nav ul {
  float: right;
}
body.page .ui-tabs-nav li, .tabs-nav li {
    display: block;
    float: left;
    margin: 10px 0;
    padding: 0 10px;
    
}
body.page .ui-tabs-nav li:first-child, .tabs-nav li:first-child {
    border-left: medium none;
    padding: 0 10px 0 0;
}
body.page .ui-tabs-nav li a, .tabs-nav li a {
	 font-family: 'LeagueGothicRegular', Arial Black, Arial !important; text-transform: uppercase !important; color: #111111; background: #F1F1F1; display: block; font-size: 22px; padding: 3px; line-height: 22px;  

}
body.page .ui-tabs-nav li.ui-tabs-selected a, body.page .ui-tabs-nav li a:hover, .tabs-nav li a:hover, .tabs-nav li a.active {
    color: #e4ff00; background: #000; color: #d3be09;
}

.tab { display: none; }
.tab.tab-active { display: block; }

/* Newspage */

body.blog div#main div#page div#content .post { height: 240px; margin: 0px; /*border-bottom: 1px solid #EEE; */}
body.blog div#main div#page div#content .post footer { display: none; }

/* Contact */

body.page-id-2 div#main div#page div#content .follow { display: none;}
body.page-id-2 div#main div#page div#content #contact-page { width: 960px; float: left; }
body.page-id-2 div#main div#page div#content #contact-form { width: 960px; float: left; padding: 20px 0px; }

/* Subpage */

body.page-template-template-subpage-php div#main div#page div#content .page {}
body.page-template-template-subpage-php div#main div#page div#content #about-menu {  margin:30px 0px 10px 0px; padding: 10px 0px; display: block; font-family: 'LeagueGothicRegular', Arial Black, Arial !important; text-transform: uppercase !important; font-size: 24px; line-height: 0.8em; }
body.page-template-template-subpage-php div#main div#page div#content #about-menu ul { width: auto; height: auto; padding: 10px 0px; margin: 0px; }
body.page-template-template-subpage-php div#main div#page div#content #about-menu ul li { padding: 2px 0px; margin: 5px 20px 5px 0px; float: left; list-style-type: none; }
body.page-template-template-subpage-php div#main div#page div#content #about-menu ul li a { color: #333; display: block; font-size: 22px; padding: 3px; line-height: 22px; }
body.page-template-template-subpage-php div#main div#page div#content #about-menu ul li.current-menu-item a { background: #eef3d7; color: #000; }
body.page-template-template-subpage-php div#main div#page div#content #about-menu ul li a:hover { background: #c6e818; color: #000; }
 
 
body.jerry div#wrapper { background: url('../images/wrapper-jerry.jpg') no-repeat top center; } 
body.daniel div#wrapper { background: url('../images/wrapper-daniel4.jpg') no-repeat top center; }
body.rikard div#wrapper { background: url('../images/wrapper-rikard4.jpg') no-repeat top center; }
body.laila div#wrapper { background: url('../images/wrapper-laila.jpg') no-repeat top center; }
body.martin div#wrapper { background: url('../images/wrapper-martin.jpg') no-repeat top center; }
body.jens div#wrapper { background: url('../images/wrapper-jens.jpg') no-repeat top center; }

body.page-id-2 div#wrapper { /* background: url('../images/wrapper-kontakt-2.jpg') no-repeat top center; background: url('../images/wrapper-page2.jpg') no-repeat top center; */ background: url('../images/wrapper-kontakt5.jpg') no-repeat top center; }

body.page-id-5531 div#wrapper { /* background: url('../images/wrapper-kontakt-2.jpg') no-repeat top center; background: url('../images/wrapper-page2.jpg') no-repeat top center; */ background: url('../images/wrapper-press.jpg') no-repeat top center; }

body.page-id-2 div#wrapper {  } 
 
 div#content article img { /*background-color: #333; padding: 8px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); */ }
 
 
 .ngg-slideshow { width: 470px !important; height: 240px !important; overflow: hidden; line-height: 240px; display: block; position: relative; }
 .ngg-slideshow img { height: auto !important; width: 470px !important; overflow: hidden; margin: 0px 0;  }
 
.ngg-galleryoverview, .ngg-albumoverview { clear:both; display:block !important; margin: 0px auto; padding: 10px 15px; }
.ngg-album, .ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-album-compact { float:left; padding-right: 10px !important; width:120px; text-align: center; }
.ngg-gallery-thumbnail { float: left; margin: 5px; text-align: center; }
.ngg-gallery-thumbnail-box { float: left; } 

.ngg-albumcontent, .ngg-thumbnail, .ngg-album-compactbox .Thumb, .ngg-gallery-thumbnail img, .ngg-thumbnail img { background-color: #FFF; padding: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }
.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; position: relative; width: 130px; height: 180px; }
.ngg-albumtitle { margin: 10px auto; text-align: center; width: 120px; position: relative; height: 30px; overflow: hidden; }
.ngg-albumtitle a { color: #333 !important; font-weight: 600; }
.ngg-description { display: none; }
.ngg-albumcontent { transform: rotate(3deg); -webkit-transform:  rotate(3deg); -moz-transform: rotate(3deg); margin: 0px; display: block; position: absolute; width: 110px; height: 80px; }
.ngg-thumbnail { transform:  rotate(-5deg); -webkit-transform:  rotate(-5deg); -moz-transform: rotate(-5deg); margin: 0px; display: block; position: absolute; width: 110px; height: 80px; }
.ngg-thumbnail img { transform:  rotate(2deg); -webkit-transform:  rotate(2deg); -moz-transform: rotate(2deg); margin: -5px 0px; display: block; position: absolute; }

.ngg-album-compact h4, .ngg-album-compact p { display: none; }
.ngg-galleryoverview .desc { padding:5px; }


.ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center;}
.ngg-navigation a { color: #333 !important; font-weight: 600; text-decoration: none !important; } 
.ngg-navigation span { font-weight:bold; margin:0pt 6px; border-bottom: 2px solid #999; }
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { margin-right:3px; padding:3px 7px; }


/* Nextgen Gallery new */

.ngg-slideshow { width: 470px !important; height: 240px !important; overflow: hidden; line-height: 240px; display: block; position: relative; }
.ngg-slideshow img { height: auto !important; width: 470px !important; overflow: hidden; margin: 0px 0;  }
 
.ngg-galleryoverview, .ngg-albumoverview { clear:both; display:block !important; margin: 0px auto; padding: 10px 15px; }
.ngg-album, .ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-album-compact { float:left; padding-right: 10px !important; width:120px; text-align: center; }
.ngg-gallery-thumbnail { float: left; margin: 5px; text-align: center; }
.ngg-gallery-thumbnail-box { float: left; } 

.ngg-albumcontent, .ngg-thumbnail, .ngg-album-compactbox .Thumb, .ngg-gallery-thumbnail img, .ngg-thumbnail img { background-color: #FFF; padding: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }
.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; position: relative; width: 130px; height: 180px !important; border: 0px solid #CCCCCC !important; }
.ngg-albumtitle { margin: 10px auto !important; text-align: center !important; width: 120px !important; position: relative; height: 30px; overflow: hidden; font-size: 1.0em !important; }
.ngg-albumtitle a { color: #333 !important; font-weight: 600; }
.ngg-description { display: none; }
.ngg-albumcontent { transform: rotate(3deg); -webkit-transform:  rotate(3deg); -moz-transform: rotate(3deg); margin: 0px; display: block; position: absolute; width: 100px; height: 75px; }
.ngg-thumbnail { transform:  rotate(-5deg); -webkit-transform:  rotate(-5deg); -moz-transform: rotate(-5deg); margin: 0px; display: block; position: absolute; width: 100px; height: 75px; }
.ngg-thumbnail img { transform:  rotate(2deg); -webkit-transform:  rotate(2deg); -moz-transform: rotate(2deg); margin: -5px 0px !important; padding: 6px !important; display: block; position: absolute; border: 0px !important; }
.ngg-thumbnail:hover img, .ngg-thumbnail img:hover { background: #FFF !important; }

.ngg-album-compact h4, .ngg-album-compact p { display: none; }
.ngg-galleryoverview .desc { padding:5px; }


.ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center;}
.ngg-navigation a { color: #333 !important; font-weight: 600; text-decoration: none !important; } 
.ngg-navigation span { font-weight:bold; margin:0pt 6px; border-bottom: 2px solid #999; }
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { margin-right:3px; padding:3px 7px; }


/*
.ngg-thumbnail img {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    margin: 4px 0 4px 5px;
    padding: 4px;
    position: relative;
}
*/


/******** Colorbox Core elements *********/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; text-indent: -2000px; overflow: hidden; height: 26px; width: 26px; display: block;}

/******** Colorbox Style elements *********/

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

#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border2.png') 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border2.png') -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{ margin-bottom: 30px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{ }
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/******** Linktypes ********

a[href^="mailto:"] { background:url('/wp-content/themes/xc1/static/images/linktypes/mail.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="callto:"] { background:url('/wp-content/themes/xc1/static/images/linktypes/skype.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://facebook"], a[href^="http://www.facebook"] { background:url('/wp-content/themes/xc1/static/images/linktypes/facebook.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://twitter"], a[href^="http://www.twitter"] { background:url('/wp-content/themes/xc1/static/images/linktypes/twitter.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://linkedin"], a[href^="http://www.linkedin"], a[href^="http://se.linkedin"] { background:url('/wp-content/themes/xc1/static/images/linktypes/linkedin.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://google"], a[href^="http://www.google"] { background:url('/wp-content/themes/xc1/static/images/linktypes/google.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://flickr"], a[href^="http://www.flickr"] { background:url('/wp-content/themes/xc1/static/images/linktypes/flickr.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://tumblr"], a[href^="http://www.tumblr"] { background:url('/wp-content/themes/xc1/static/images/linktypes/tumblr.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://deviantart"], a[href^="http://www.deviantart"] { background:url('/wp-content/themes/xc1/static/images/linktypes/deviantart.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://myspace"], a[href^="http://www.myspace"] { background:url('/wp-content/themes/xc1/static/images/linktypes/myspace.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://wikipedia"], a[href^="http://www.wikipedia"] { background:url('/wp-content/themes/xc1/static/images/linktypes/wikipedia.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://vimeo"], a[href^="http://www.vimeo"] { background:url('/wp-content/themes/xc1/static/images/linktypes/vimeo.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href^="http://youtube"], a[href^="http://www.youtube"] { background:url('/wp-content/themes/xc1/static/images/linktypes/youtube.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
*/
/******** Filetypes ********

a[href$='.pdf'] { background:url('/wp-content/themes/xc1/static/images/filetypes/pdf.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] { background:url('/wp-content/themes/xc1/static/images/filetypes/flash.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.xls'], a[href$='.xlt'], a[href$='.xlw'] { background:url('/wp-content/themes/xc1/static/images/filetypes/excel.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.ppt'], a[href$='.pps'] { background:url('/wp-content/themes/xc1/static/images/filetypes/office.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'], a[href$='.docx'] { background:url('/wp-content/themes/xc1/static/images/filetypes/word.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] { background:url('/wp-content/themes/xc1/static/images/filetypes/zip.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.mov'], a[href$='.avi'], a[href$='.mpg'], a[href$='.mpeg'], a[href$='.wmv'] { background:url('/wp-content/themes/xc1/static/images/filetypes/film.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.csv'] { background:url('/wp-content/themes/xc1/static/images/filetypes/vcard.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
a[href$='.mp3'], a[href$='.wma'] { background:url('/wp-content/themes/xc1/static/images/filetypes/music.png') 0px 2px no-repeat; display:inline-block; padding-left: 24px; margin: 0px 4px;}
*/

input[type="text"], 
textarea,
form { width: 90%;}
label { display: block; margin: 5px 0px 0px 0px; }
input, textarea { background: #CCC; background: rgba(0, 0, 0, 0.15); border: 1px; border-bottom:1px solid rgba(255, 255, 255, 0.25);  /*border-top:1px solid rgba(0, 0, 0, 0.75);*/ color: #666; display:inline-block; /* font-weight:bold; */ line-height:1; overflow:visible; padding: 10px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); margin: 0px 0px 10px 0px;
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;  box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5); }
select {}
/* input:focus, textarea:focus { background: #999; color: #FFF; }*/
button, .button, input[type='submit'] { background: #eee; border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); cursor:pointer; color: #f1f1f1; display:inline-block; font-weight:bold; line-height:1; overflow:visible; padding:5px 15px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width: auto;
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); }
button:hover, .button:hover, input[type='submit']:hover { background: #ccc;  }

button, .button, input[type='submit'], input, textarea { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

@-webkit-keyframes colorbutton { 
from { background-color: #2DAEBF; -webkit-box-shadow: 0 0 9px #333; } 
50% { background-color: #00e1ff; -webkit-box-shadow: 0 0 18px #00e1ff; }
to { background-color: #2DAEBF; -webkit-box-shadow: 0 0 9px #333; }
 }
button, .button, input[type='submit'] { background-color:#2DAEBF; color:#FFF; }
button:hover, .button:hover, input[type='submit']:hover { background-color:#007D9A; color:#FFF; }
button, .button, input[type='submit'] { -webkit-animation-name: colorbutton; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 225, 225)), to(rgb(53,170,186))); }
button:hover, .button:hover, input[type='submit']:hover { -webkit-animation-name: colorbutton; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(53, 170, 186)), to(rgb(0,125,154))); }


button, .button, input[type='submit'] { background: #eee; border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); cursor:pointer; color: #f1f1f1; display:inline-block; font-weight:bold; line-height:1; overflow:visible; padding:5px 15px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width: auto;
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); }
button:hover, .button:hover, input[type='submit']:hover { background: #ccc;  }

button, .button, input[type='submit'] { background: #300; color:#FFF; -webkit-animation-name: none; }
button:hover, .button:hover, input[type='submit']:hover { background-color: #900; color:#FFF; -webkit-animation-name: none; }

@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url('../images/border1.png') no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url('../images/border1.png') repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url('../images/border1.png') no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url('../images/border1.png') no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url('../images/border1.png') repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url('../images/border1.png') no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url('../images/border2.png') repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url('../images/border2.png') repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:30px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:0px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:150; color:#444; display: none !important; }
        #cboxNext{position:absolute; bottom:0px; left:163px; color:#444; display: none !important;}
        #cboxLoadingOverlay{background:#fff url('../images/loading.gif') no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; background:url('../images/close.jpg') no-repeat 0 0;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url('../images/ie6/borderTopLeft.png');}
.cboxIE6 #cboxTopCenter{background:url('../images/ie6/borderTopCenter.png');}
.cboxIE6 #cboxTopRight{background:url('../images/ie6/borderTopRight.png');}
.cboxIE6 #cboxBottomLeft{background:url('../images/ie6/borderBottomLeft.png');}
.cboxIE6 #cboxBottomCenter{background:url('../images/ie6/borderBottomCenter.png');}
.cboxIE6 #cboxBottomRight{background:url('../images/ie6/borderBottomRight.png');}
.cboxIE6 #cboxMiddleLeft{background:url('../images/ie6/borderMiddleLeft.png');}
.cboxIE6 #cboxMiddleRight{background:url('../images/ie6/borderMiddleRight.png');}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/******** 8. Website comments *********/

div#main div#page div#content .commentlist { padding: 10px 0px; margin: 0px; }
div#main div#page div#content .commentlist li { padding: 0px; width: 700px; float: left; }
div#main div#page div#content .commentlist li.comment { margin: 10px auto; /* background: url('images/shadow.png') no-repeat right bottom; padding: 0px 0px 20px 0px; */ color: #666;}

div#main div#page div#content .commentlist li.comment .comment-author { font-family: 'LeagueGothicRegular', Arial Black, Arial !important; text-transform: uppercase !important; font-size: 24px; line-height: 0.8em; }

div#main div#page div#content .commentlist div.comment-body { background-color: #FFF; border: 1px solid #ccc; padding: 10px 20px; min-height: 96px;  box-shadow:0 5px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.25); }
div#main div#page div#content .commentlist li.odd div.comment-body { background-color: #f3f3f3; padding: 10px 20px; min-height: 96px; }
div#main div#page div#content .commentlist li.byuser div.comment-body { background-color: #eef3d7; padding: 10px 20px; min-height: 96px; }
div#main div#page div#content .commentlist li .avatar { float:left; width: 96px; height: 96px; margin-right: 20px; border: 0px solid #fff; box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); }
div#main div#page div#content .commentlist p { margin: 10px 0 10px 5px; }
div#main div#page div#content .commentlist li ul li { margin-left: -5px; margin-right: 10px; }
div#main div#page div#content .commentlist cite, .commentlist cite a {}
div#main div#page div#content .commentlist p {margin: 10px 0 10px 5px;}
div#main div#page div#content .commentmetadata {}

div#main div#page div#content #respond { width: 100%; }
div#main div#page div#content #respond ul { margin: 0px; width: 100%; }
div#main div#page div#content #commentform p {}
div#main div#page div#content #commentform input { margin: 0px auto; }
div#main div#page div#content #commentform { margin: 0px auto; }
div#main div#page div#content #commentform textarea { }
div#main div#page div#content #commentform #submit { float:left; }