/* $Id: $ */

/* ----------------------------------------------------------------------------
 * Basic HTML styles
 * ------------------------------------------------------------------------- */
html, body{
	height: 100%;
	color: #555;
	font: normal 13px/1.4 helvetica, arial, sans-serif;
}
body{
	/*background: url(../images/bg.jpg) no-repeat scroll center top;*/
}

h1,
h2,
h3,
h4,
h5 { 
  font-family: helvetica, arial, sans-serif;
  font-weight: normal;

}

h1 { 
  font-size: 250%;
  margin: 0 0 0.3em;  
  padding: 0 0 0.3em; 
  color: #888;
}

h2 { 
  font-size: 200%;
  margin: 0 0 0.2em;  
  color: #777;
  
}

h3 { 
  font-size: 166%;
  margin: 1.2em 0 0.3em;  
  color: #666;
}

h4 { 
  font-size: 120%;
  font-weight: bold;
  margin: 1.2em 0 0.3em;  
  font-size: 100%;
}

p {
  margin: 0 0 1.2em;
} /* seamless p must be realigned */
p.seamless{ margin-top: -1.2em }

ul, ol {
  margin: 1em 2em 1em;
  padding:0;
}

ul {
  list-style-type: none;
}

li {
  margin: 0 0 0.5em 2em; padding: 0;
}

input,
textarea { font: normal 12px "bitstream vera sans", verdana, sans-serif; }

abbr  { border: none; }
cite  { font-style: normal; }
a img { border: none; padding: 0; margin: 0; }

a, 
a:link, 
a:visited, 
li.active-trail li a 
{ 
	color: #777; 
	text-decoration: none; 
	border: 0 transparent; 
}

a:hover, 
a:active, 
li a.active, 
li.active-trail a, 
li.active-trail,
li.active-trail a  
{ 
	color: #000; 
	text-decoration: none; 
	border-bottom: 0 
	transparent; 
}

blockquote {
  color: #777;
  border-left: 5px solid #ccc; 
  margin: 1.3em 1em; padding: 0 1em;
}


code { 
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
}

/* http://longren.org/2006/09/27/wrapping-text-inside-pre-tags */
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;

  overflow: auto;
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
  margin: 0.9em 0; padding: 8px;
}


hr{ border: 0; border-top: 2px solid #AAA; margin-bottom: 1em; }

/* Table Stuff */
table {
	width:100%;
}
th{ padding-left: 1em;}
td{ padding: .3em 1em;}
tr.even, tr.odd{ border-bottom: 1px solid #f3f3f3;}
tr.odd{ background: #fcfcfc;}
tr.even{ background: #f9f9f9; }


/* definition lists */
dl dt{
	font-weight: bold;
	padding: 0.5em 0;
	margin-top: 1em;
}
dl dd{
	padding: 0.5em 0;
	margin-left: 2em;
}



/* form shit */
fieldset{
	border: 2px solid #EEE;
	padding: 1em 2em;
	margin: 1em 0;
}
fieldset.collapsed{
	border: 0;
	border-top: 2px solid #EEE;
	padding: 0em 2em;
	margin-top: 1em;
}

fieldset a:hover {
  color: #000000;
  text-decoration: none;
}

fieldset legend{
	margin-left: -18px;
}

.form-textarea{
	width: 100%;
}

/* content helper classes */
.float-left{ float: left; margin: 0 1em 0.5em 0; }
.float-right{ float: right; margin: 0 0 0.5em 1em; }
.text-indent{ text-indent: 1.62em; }
.text-indent.seamless{ text-indent: 1.62em }

.center{
	text-align: center;
}

/* ----------------------------------------------------------------------------
 * Masthead Styles
 * ------------------------------------------------------------------------- */
#branding{
	float:left;
	margin-top: -30px;
}
#masthead{
	padding: 4em 0 2em;
	text-transform: lowercase;
	/* background: url(../images/stripes.png) repeat-x 50% 50% transparent; */
}

#masthead .block{
	float:right;
}



#masthead ul,
#masthead ul.menu{
	margin: 0;
	padding: 8px 0 0;
	letter-spacing: .1em;
}

#masthead li {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
}

#masthead li ul {
	left: 0;
	top: 1em;
	position: absolute;
	z-index: 500;
}

#masthead li ul li {
	display: block;
}

#masthead li, 
#masthead li.leaf {
	margin-left: 2em;
}

#masthead li ul li, 
#masthead li ul li.leaf {
	font-size: 75%;
	margin-left: 0;
}


#masthead li a,
#masthead li a:link,
#masthead li a:visited,
#masthead li.active-trail li a{
	font-weight: normal;
	color: #CCC;
}
#masthead li a:hover,
#masthead li a:active,
#masthead li.active-trail a,
#masthead li.active-trail a:hover,
#masthead li.active-trail li.active-trail a {
	font-weight: normal;
	color: #000;
}

.language-icon{
	margin-top: 2px;	
}

/* ----------------------------------------------------------------------------
 * Header Styles
 * ------------------------------------------------------------------------- */

h1#page-title{
	font-size: 20px;
	padding: 0;
	margin: 0;
	margin-top: -.35em;
	/*color: #aa3311;*/
	letter-spacing: 0.1em;
	
}
h1#site-name {
 	margin-bottom: 0;
 	margin-left: 0;
}

#site-header{
	text-transform: lowercase;
}

#site-header a,
#site-header a:link,
#site-header a:visited{
	border:1px solid transparent;
}

#site-header a:hover,
#site-header a:active{
	border: 1px solid transparent; 
}

/* ----------------------------------------------------------------------------
 * Tabs
 * ------------------------------------------------------------------------- */
#tabs{
	padding-bottom: 1em;
}
#tabs ul {
	font-size: 100%;
}
#tabs ul, ul.secondary{
	margin-bottom: 1em;
}
#tabs ul li, ul.secondary li{
	margin-right: .5em;
	float: left;
}
#tabs ul li a, #tabs ul li.active a,
ul.secondary li a, ul.secondary li.active a{
	color: #888;
	font-weight: bold;
	border-bottom: 1px solid #888;
	padding-right: 2em;
	padding-bottom: .25em;
}
#tabs ul li a:hover,
#tabs ul li.active a,
ul.secondary li a:hover,
ul.secondary li.active a{
	color: #AA3311;
	border-bottom: 1px solid #AA3311;
}

#tabs ul li a:hover{
	background: none repeat scroll 0 0 transparent;
}

/* ----------------------------------------------------------------------------
 * Main menus
 * ------------------------------------------------------------------------- */

.main-menu{
	font-size: 18px;
	letter-spacing: -1px;
	margin: 0;
}
#sidebar-right .main-menu{ font-size: 15px; letter-spacing: 0;}

.main-menu li{
	margin: 0;
	padding-bottom: .2em;
}
.main-menu li ul{
}
.main-menu li.collapsed,
.main-menu li.expanded{
	list-style: none;
	padding: 0;
	padding-bottom: .2em;
} 


#secondary-menu{
	margin-top: 4em;
	text-align: center;
	text-transform: lowercase;
}
#secondary-menu li{
	margin: 0 1em 0;	
}
#secondary-menu li a:link,
#secondary-menu li a:visited{
	color: #CCC;
	padding-bottom: .25em;
}
#secondary-menu li a:hover,
#secondary-menu li a:active,
#secondary-menu li.active a{
	color: #000;
	border-bottom: 0 transparent;
}

/* ----------------------------------------------------------------------------
 * Sidebars
 * ------------------------------------------------------------------------- */

.sidebar{
	text-transform: lowercase;
}
.sidebar .block{
	/*border-top: 2px solid #e5e5e5;*/
	margin-bottom: 10px;
}

#sidebar-left .vspace{
	width: 20px;
	height: 0px;
}

#sidebar-right .vspace{
	width: 20px;
	height: 0px;
}

/*
#sidebar-left{
	text-align: right;
}
*/
#sidebar-right{
	
}

/* ----------------------------------------------------------------------------
 * Main content
 * ------------------------------------------------------------------------- */

.breadcrumb, .title{
	text-transform: lowercase;
}
.breadcrumb{ padding: 0; }

#main-content{
	margin-top: 10px;
}

#main-content a, #main-content a:link, #main-content  a:visited {  color: #000;}
#main-content a:hover, #main-content a:active, #main-content li a.active  { color: #A31;}

#main-content .more {
	float: right;
}

#main-content .more a {
	background: url(../images/arrow.jpg) no-repeat 0 0 transparent;
	width: 30px;
	height: 20px;
	display: block;
	text-indent: -10000em;
	margin-top: -1em;
}
 
/* ----------------------------------------------------------------------------
 * Drupal pages
 * ------------------------------------------------------------------------- */

.profile{
	margin: 0;
}
div.content-profile-display{
	border: 0 transparent;
	/*margin: 0;*/
	padding: 0;	
}

/* ----------------------------------------------------------------------------
 * Drupal elements
 * ------------------------------------------------------------------------- */
 
.messages{
	padding: 1em 0;
	margin-bottom: 1em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.block ul{
	padding: 0;
}
.block{
	/*padding: .5em 0;*/
	padding: 0;
}

ul.menu li{
	margin: 0;
}
li.leaf {
	padding-top: 0;
	list-style-image: none;
	list-style-type: none;
}

.node-links{
  	padding-top: 1em;
}
ul.links.inline li{
	margin: 0 0 0 2em;
	padding: 0;
}



/* ----------------------------------------------------------------------------
 * Views
 * ------------------------------------------------------------------------- */
.views-fluidgrid-item-inner{
	padding-bottom: 16px;
}
.grid-10 .views-fluidgrid-wrapper{
	width: 600px;
}
.grid-9 .views-fluidgrid-wrapper{
	width: 540px;
}
.grid-12 .views-fluidgrid-wrapper{
	width: 960px;
}
.view-image-gallery {
	margin-top: 1.5em;
}

.views-field-field-work-artists-uid * {
	display: inline;
}
.views-field-field-work-artists-uid .field-item {
	padding-right: 1em;
}

.views-field-field-work-description-value{
	margin-top: 1em;
}

.view-work-node label {
	display: block;
	width: 80px;
	float: left;
}

.view-blog .views-row {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

/* ----------------------------------------------------------------------------
 * CCK
 * ------------------------------------------------------------------------- */
.field-field-blog-content,
.node .content {
	text-align: justify;
}

/* ----------------------------------------------------------------------------
 * Panels
 * ------------------------------------------------------------------------- */

.panel-flexible .grid-2 .views-fluidgrid-wrapper{
	width: 120px;
}
.panel-flexible .grid-6 .views-fluidgrid-wrapper{
	width: 360px;
}

.panels-flexible-region-inside{
	padding: 0;
}

#main-content .panel-2col { width: 940px; }
#main-content .panel-panel { margin-left: 20px }
#main-content .panel-panel.panel-col-first { margin-left: 0; width: 580px; }
#main-content .panel-panel.panel-col-last { width: 340px; }
#main-content .panel-2col .panel-col-first .inside { margin: 0; }
#main-content .panel-2col .panel-col-last .inside { margin: 0; }

/* ----------------------------------------------------------------------------
 * Custom modules
 * ------------------------------------------------------------------------- */
#block-mehrblocks-0.block ul{
	padding: 0;
}

ul.custom-pager li{
	float: none;
	text-align: right;
	display: block;
}
ul.custom-pager li.previous, ul.custom-pager li.next{
	margin: 0;
}