/*-------------------------------------------------------------  

Theme Name: Xlander								
Author: david.hjortsberg@nordinteractive.se										
																		
---------------------------------------------------------------*/

html, body {background: #262626; color:#666; font:100% Verdana, Helvetica, Arial, sans-serif}
html>body {font-size:12px}


/* Links
----------------------------------------------------------------*/
a:link, a:visited {color: #333;	text-decoration: none; border-bottom: 1px dotted #333; cursor: pointer}
a:hover  {text-decoration: none; border-bottom: none}


/* Fundamentals
----------------------------------------------------------------*/
p {font-size: 1em; line-height: 1.5em; padding-bottom: 1em}

blockquote {margin: 10px 0 0 10px;	padding: 10px 0 10px 35px; background: url(images/bquote.gif) no-repeat}
abbr, acronym {font-style: normal; border-bottom: 1px dotted #ccc; cursor: help}
a abbr {border: none}
em {font-style: italic}
strong {font-weight: bold}
del {text-decoration: line-through}
ins {text-decoration: none; font-style: italic}
address {margin: 0;	padding: 0;	font-style: normal}


/* Headlines
---------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #333}

h1 {font-size: 3em; line-height: 1.2em; letter-spacing: -0.075em; padding-bottom: 0.25em}
h1 a:link, h1 a:visited, h1 a:hover {text-decoration: none; border: none}

h2 {font-size: 2em}
h2 a:link, h2 a:visited, h2 a:hover {text-decoration: none; border: none}

h3 {font-size: 1.5em}
h4 {font-size: 1.25em}
h5 {font-size: 1em; font-style: italic}


/* Lists
---------------------------------------------------------- */
ul {list-style: disc; padding-left: 1em; margin: 1em 0 1em 1em}
ol {list-style: decimal; padding-left: 1em; margin: 1em 0 1em 1.5em}


/* Layout
---------------------------------------------------------- */
#wrapper {width: 100%; margin: 0; background:url(images/bg-body.png) repeat-x;}

#banner {overflow: hidden; background: #262626 url(images/bg-banner.jpg) left top repeat-x}
#banner img {width: 1200px; height: 400px; position: relative; left : 50%; margin-left: -600px; margin-top: 0px;}

#content-wrapper {width: 958px;	margin: 0 auto;	background: transparent url(images/bg-content.png) left top repeat-y}

#content {padding: 30px 20px 30px 34px}

/* Top
---------------------------------------------------------- */
#top {background: transparent url(images/bg-top.gif) 0 0 repeat-x; height: 75px}
#top-content {width: 940px; margin: 0 auto}

#logo {float: left; width: 112px; position: relative; top: 21px; left: 20px}
#logo a, #logo a:hover {border: none}


/* Top Navigation
---------------------------------------------------------- */
#nav {float: right; position: relative; top: 38px; text-align: right; list-style: none; font-size: 0.91666667em; background: transparent url(images/bg-nav-right-corner.gif) right top no-repeat}
#nav ul {width: 100%; margin: 0; padding: 0 12px 0 10px; background: transparent url(images/bg-nav-left-corner.gif) left top no-repeat}
#nav ul li {display: inline; margin: 0; padding: 0}

#nav a {float: left; background: transparent url("images/bg-nav-left.gif") no-repeat left top; height: 35px; margin: 0; padding: 0 0 0 15px; text-decoration: none; border-bottom: none}
#nav a span {float: left; display: block; background: transparent url("images/bg-nav-right.gif") repeat-x right top; height: 25px; padding: 10px 15px 0 0; color: #999; text-transform: uppercase}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav a:hover, 
#nav li.current_page_item a, 
#nav li.current_page_ancestor a, 
#nav li.current_page_parent a,
#nav li.current-cat a,
#nav li.current-cat-parent a {background:url("images/bg-nav-left-over.gif") repeat-x left top}

#nav a:hover span, 
#nav li.current_page_item a span, 
#nav li.current_page_ancestor a span, 
#nav li.current_page_parent a span,
#nav li.current-cat a span,
#nav li.current-cat-parent a span {color:#fff; background:url("images/bg-nav-right-over.gif") repeat-x right top}


/* Blurbs
---------------------------------------------------------- */
#blurbs {margin-bottom: 20px}
#blurb-wrapper {margin: 20px 0 0 225px}

.blurb-box {float: left; background: #fff url(images/bg-blurb-box.png) left top no-repeat; margin-right: 10px}
.blurb-box-inner {background: transparent url(images/bg-blurb-box-bottom.png) bottom left no-repeat; position: relative; width: 215px; padding-bottom: 10px; min-height: 180px}
.blurb-box h2 {padding: 90px 20px 0; font-size: 1.25em}
.blurb-box p {font-size: 0.91666667em; color: #666; line-height: 1.333em; padding: 3px 20px 20px}
.blurb-box span {color: #ff9900}


/* Blog blurbs
---------------------------------------------------------- */
.blog-box {float: left; background: #fff url(images/bg-blog-box.png) left top repeat-y; margin-right: 10px}
.blog-box-inner {background: transparent url(images/bg-blog-box-bottom.png) bottom left no-repeat; position: relative; width: 290px; padding-bottom: 20px; min-height: 425px}
.blog-box-entry {padding: 0 25px}
.blog-box h2 {font-size: 1.25em; color: #fff; background: transparent url(images/bg-header.png) top left no-repeat; height: 45px; width: 240px; padding: 14px 25px 0 25px; position: relative}
.blog-box h2 a {color: #fff}
.blog-box h2 a.rss {position: absolute; right: 20px}

.blog-box h3 {font-size: 1em; font-weight: bold; color: #666}
.blog-box p {font-size: 0.91666667em; line-height: 1.333em}
.blog-box-date {padding: 0; margin: 0}
.blog-box span {color: #ff9900}
.blog-box-more {display: block; font-size: 0.91666667em; line-height: 1.333em; text-align: right; padding-top: 10px; margin: 15px 25px; border-top: 1px solid #d9d9d9}


/* Blog posts
---------------------------------------------------------- */
#page {margin: 0 75px 30px 230px; padding-bottom: 20px; border-bottom: 1px dotted #d9d9d9}
#page h1 {margin-bottom: 0}
#page p.rss {background: #fff url(images/icon-rss.gif) top left no-repeat; padding-left: 30px}

.post {margin: 0 75px 30px 230px}

.post h2 {color: #333}
.post h3 {color: #333}

.post-title {margin: 0; padding: 0}
.post-meta {font-size: 0.91666667em; line-height: 1.333em; position: relative; margin: 10px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #d9d9d9}
.post-date {font-size: 0.91666667em; line-height: 1.333em}

.post-comments {float: right; margin-bottom: 10px; padding: 0 0 00 17px; background: url(images/icon_com.gif) no-repeat 0 4px}
.tags {float:left; width: 400px}
	
.entry {margin: 0; padding: 0}
.entry img { margin: 5px 0; padding: 1px; background: #fff; border: 4px solid #333; max-width: 98%}

.entry-meta {font-size: 0.91666667em; line-height: 1.333em; background: #f5f5f5; padding: 5px 10px 0; border: 1px dotted #d9d9d9; margin: 10px 0 30px}


/* Blog navigation
---------------------------------------------------------- */
.navigation {padding: 10px 75px 30px 230px; margin-top: 10px}
.navigation a:link, .navigation a:active {color: #333}
.navigation a:hover, .navigation a:visited {color: #333}
.navigation .alignleft {width: 50%;	text-align: left}
.navigation .alignright {width: 50%; text-align: right}


/* Comments
---------------------------------------------------------- */
.commentlist {margin: 10px 0;	padding-left: 30px}
.commentlist li {padding: 10px}
.commentlist .alt {background: #f5f5f5}
.commentlist cite {font-weight: bold; font-style: normal;	font-size: 1.25em}
.commentlist small {margin-bottom: 5px;	display: block;	font-size: 0.91666667em; line-height: 1.333em;}

#commentform {font-size: 1.25em}
#commentform p {padding: 6px 0; margin: 0}
#commentform label {padding-left: 5px; color: #333; font-size: 87%}
#commentform input {width: 200px;	background: #f5f5f5; border: 1px solid #d9d9d9;	padding: 3px;	margin-top: 3px; color: #666}
#commentform textarea {width: 95%; height: 120px; margin-top: 3px; padding: 2px; background: #f5f5f5; border: 1px solid #d9d9d9; color: #666}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff}
#commentform #submit {width: 144px; height: 28px; margin-bottom: 10px; padding-bottom: 8px; color: #fff; background: #262626 url(images/btn_submit.gif) no-repeat; border: none; cursor: pointer}


/* Aligns
---------------------------------------------------------- */
.center {text-align: center}
img.center, img[align="center"] {display: block; margin-left: auto; margin-right: auto}

.alignleft {float: left}
img.alignleft, img[align="left"] {float: left; margin: 10px 20px 10px 0}

.alignright {float: right}
img.alignright, img[align="right"] {float: right; margin: 10px 0 10px 20px}


/* Sidebar
---------------------------------------------------------- */
#sidebar {float: left; width: 205px}
#sidebar #menu {background: transparent url(images/bg-sidebar-menu.png) top left repeat-y}
#sidebar #menu a {border: none}
#sidebar #menu h2 {color: #fff; font-size: 1.25em; background: transparent url(images/bg-sidebar-header.png) top left no-repeat; height: 45px; padding: 14px 25px 0 25px}


/* Sidebar List Level 1 */
#sidebar #menu ul {margin: 0; padding: 0 25px 25px; background: transparent url(images/bg-sidebar-menu-bottom.png) bottom left no-repeat}
#sidebar #menu ul li {margin: 0 0 10px 0; padding: 0; list-style: none; position: relative; text-transform: uppercase}
#sidebar #menu ul li a {padding: 0 0 10px 20px; background: transparent url(images/icon-menu-bullet.png) left 2px no-repeat}
#sidebar #menu ul li a:hover {color: #ff9900}

#sidebar #menu ul li.current_page_item a, #sidebar #menu ul li.current-cat a {color: #ff9900}
#sidebar #menu ul li.current_page_ancestor a {background: transparent url(images/icon-menu-bullet-minus.png) left 2px no-repeat}


/* Sidebar List Level 2 */
#sidebar #menu ul li ul {display: none}
#sidebar #menu ul li.current_page_item ul {margin: 7px 0 0 0; padding: 0; background: none; font-size: 0.91666667em; display: block}
#sidebar #menu ul li.current_page_parent ul {margin: 7px 0 0 0; padding: 0; background: none; font-size: 0.91666667em; display: block}
#sidebar #menu ul li ul li {margin: 0 0 5px 0; padding: 0; text-transform: none}

#sidebar #menu ul li ul li a, 
#sidebar #menu ul li.current_page_ancestor ul li a {background: transparent url(images/icon-menu-bullet-small.png) 6px 7px no-repeat}

#sidebar #menu ul li.current_page_item ul li a, 
#sidebar #menu ul li.current_page_ancestor ul li a {color: #333}

#sidebar #menu ul li ul li a:hover, 
#sidebar #menu ul li ul li.current_page_item a {color: #ff9900}


/* Footer
---------------------------------------------------------- */
#footer {height: 60px; width: 958px; margin: 0 auto 0px auto; padding: 0; font-size: 90%; background: transparent url(images/bg-footer.png) left top no-repeat}
#footer p {margin: 0; padding: 32px 39px; color:#fff}
#footer a, #footer a:visited {color:#fff; border-bottom: 1px dotted #fff}
#footer a:hover {border-bottom: none}
	
	
/* Partners
---------------------------------------------------------- */
#partnerwrap {
background-repeat: repeat-x;
background: #262626 url(images/partners-bg.jpg);
width: 100%;
height: 236px;
}

.partnerline {
float:left;
margin-top: 10px;

}

#partners {
margin: 0 auto; 
width: 960px; 
overflow:hidden; 
position:relative;
background: #262626;
}

#partnersContact {
font-size: 90%;
width: 958px;
margin: 0 auto 0;
}

#partnersContact p {
margin: 0; 
padding: 15px 39px; 
color:#fff;

}

#partnersContact a, #partnersContact a:visited {
color:#fff; 
border-bottom: 1px dotted #fff;
}

#partnersContact a:hover{
border-bottom: none;
}


#partners a {float: left; display:block; margin:0; padding:0 14px 15px; border:none}


/* Clearfix
---------------------------------------------------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display: inline-block}  
 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
 /* End Holly Hack */ 

/* Fixes */

.wp-caption a {
	border-bottom: none;
}

/* Flags */



#flaggenmast { 
position: fixed;
right:0px;
width: 66px;
height: 30px;
}

#flaggenmast ul { 
list-style: none;
border-bottom: none;
margin-top: 0px;
padding: 0px;
margin: 0px;

}

.active li {
padding: 0px;
margin: 0px;

}

#flaggenmast a { 
list-style: none;
border-bottom: none;
width:29px;
height: 29px;

clear: none;
margin-left: 4px;
margin-top: 0px;
padding: 0px;
}


.icons a {
border-bottom: hidden;

}

      
/*
ul#qtrans_language_chooser { 
list-style: none; 
margin: 0; 
padding: 0;
 border-bottom: none;

}
*/
 
 
 
/*
  ul#qtrans_language_chooser li { display: inline-block; 

  float: left; 
  position: relative; 
  margin: 0; 
  padding: 0; 
  border-bottom: none;


 }
*/
   
/*
     .qtrans_flag ul li a:link a:hover a:visited { 
     margin-left: 10px;
	height: 29px;
     border-bottom: none;

 }
*/


 
 /* Social Icons */
 
.social {
width: 161px;
height: 75px;
position: fixed;
right:0px;
z-index: 2000;
}

.socialBIG {
width:958px;
margin-left: auto;
margin-right: auto;
}
 
.facebookIcon {
background: url(images/icon-facebook.png);
width:29px;
height: 29px;
float: left;
z-index:10;

}

.twitterIcon {
background: url(images/icon-twitter.png);
width:29px;
height: 29px;
float: left;

}
.youtubeIcon {
background: url(images/icon-youtube.png);
width:29px;
height: 29px;
float: left;
}