/*
Theme Name: Galleri BI-Z
Theme URI: http://galleribi-z.no
Description: Tema for Galleri BI-Z
Author: Duplo Media - Stian Garthus
Author URI: http://www.duplomedia.no/
Template: thematic
Version: 1.0
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body, input, textarea,a,table {
    color:#181716;    
    font-size: 11px;
    line-height: 15px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

a:link, a:visited {
    color:#181716;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
    color: #000;
}

#wrapper { width: 730px; margin:0 auto; }

#access {
border-bottom: 0;
background: #000 url('images/nav-bg2.gif') repeat-x;
height: 40px;

overflow:hidden;
line-height:60px;
position:fixed;
width:100%;
}

.menu { width: 100%; margin-left:5px;  }

#content {
width: 100%;
margin:0;
}

#container { width: 100%; margin:0; }

#main { width: 720px; padding:0; }

.hentry { 
width:720px;
}

#primary { 
border: 0;
margin:0;
padding: 0;
float:right;
position:absolute;
top:70px;
right:0;
}

#footer {
display: none;
}

.home .breadcrumb { display: none; }

.sf-menu li { background: none;}

.sf-menu a { padding:0 10px; margin: 0px 0px;
border:0;
border-right:1px solid #fff;
line-height: 40px;
font-size:13px;
}

.sf-menu a, .sf-menu a:visited {
color:#fff;
text-transform: uppercase;
}

.sf-menu ul a {
background-color: #181716;
border:0;
}

.sf-menu {
border:0;
font-size:10px;
}

.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
background:     black;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active , sf-menu .current a{
    background:     black;
    border-bottom-color:red;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:60px; /* overriding essential styles */
	display:none;
}

.sf-menu li li {
background: #181716;
}

#header { float:left; }
#main { float:left; clear: none; }
#header_box {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#branding {
  float: left;
  width: 500px;
  padding: 70px 0 30px;
}

.aside, .aside input {
width:150px;
float:right;
}

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
  float: right;
  width: 200px;
  padding: 22px 0 20px;
}

/* This will clear the floats and keeps the access bottom line
from jumping into the air */
#access {
  clear: both;
}

.aside ul ul {
margin:0;
}

.aside h3 {
font-size:13px;
font-style:normal;
font-weight:bold;
line-height:22px;
color:#181716;
}

.main-aside {
width:200px;
}

.headerimage {
float:left;
border: 3px solid #181716;
}

#left-column { float:left; width:200px; padding-left:15px; margin-top:70px; }

#colleft { float:left; width:333px; text-align: justify; }
#colright { float: left; width:333px; margin-left:50px;  text-align: justify; }

#multi-pages-1 ul{

padding: 2px;
}

#multi-pages-1 a:hover {
	color:#000;
}

div#wn	{ 
	position:relative;
	width:720px; 
	height:260px; 
	overflow:hidden;
	}
	
div#wn table { border:0; margin:0; }
div#wn table tr { border:0; }
div#wn table td { padding:0; }
div#wn .caption { text-align:left; font-size:9px; }


div#wn2	{ 
	position:relative;
	width:150px; 
	height:630px;
	overflow:hidden;
	float:left;
	}

.entry-text{ float:left; width:270px; padding-left:5px; }
.entry-title {
text-transform: uppercase;
font-size:30px;
}
.entry-content { padding-top: 5px; }
.entry-content img { margin:0; }

div#scrollbar,div#scrollbar2 { 
    display:none;
    }


div#scrollbar { 
    position:relative; 
    width:720px; height:12px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
    margin-bottom:20px;
}

div#track { 
    position:absolute; left:0px; top:0;
    width:720px; height:12px; 
    background: #336 url(images/scroller-bg.gif) repeat-x;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    margin-top:1px;
    width:20px; height:8px; 
    background:#ceced6 url(images/tracker-bg.gif) repeat-x;
  }  

div#scrollbar2 { 
    position:relative; 
    width:12px; height:630px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
    margin-bottom:20px;
    margin-right:10px;
    float:left;
}

div#track2 { 
    position:absolute; left:0px; top:0;
    width:12px; height:630px; 
    background: #336 url(images/vscroller-bg.gif) repeat-y;
  }
  
div#dragBar2 {
    position:absolute; left:1px; top:1px;
    margin-top:1px;
    width:8px; height:20px; 
    background:#ceced6 url(images/vtracker-bg.gif) repeat-y;
  }    


/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar,div#scrollbar2, div#track2, div#dragBar2{
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img,div#scrollbar2 img  {
    display:block; 
    } 
    
    
.menuright { float:right; margin-right:20px; }
    

.page-template-artists-php .ngg-gallery-thumbnail img {
width:100px;
}

.ngg-galleryoverview {
margin-top:0 !important;
}