/*
THEME NAME: Void
THEME URI: http://johannes.ljud.org
DESCRIPTION: A very empty wp theme
VERSION: 1.0
AUTHOR: <a href="http://johannes.ljud.org">Johannes Burström</a>
AUTHOR URI: http://johannes.ljud.org

deep red (for borders): #4b1616;

/*COLORS
 *
 * Almost black:        #0a0602
 * Not really black:    #3D280E
 * Reddish link:        #9f1000
 * Orange thing:        #c34b16
 * Brown:               #5f3f16
 * White:               #fffff5 / #fffffa
 * Grayish white:       #f3f3ec
 *
 * */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; margin: 1.5em 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } input,textarea { margin: 0; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup  */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; }

html { height:100%;}
body { background:#fffffa; margin:0; height:100%;}

#wrapper { position:relative; width:960px; margin:0 auto; min-height:100%;}

#header { position:relative; float:left; padding:0 10px; height:12em; margin-bottom:1.5em; width:940px; } 
#header h1  img { margin: 21px 0 0 0px; position:absolute; }

#nav { float:right; position:relative; padding:0 10px}
#nav ul { z-index:3; margin:4.5em 0 0; float:right; margin-right:-10px; }
#nav li { display:inline; padding-left:20px; }

#maincontent { width:380px;  float:left; padding:0 10px ; }
.page-template-aboutus-php #maincontent { width:380px; float:right;}
.page-template-works-php #maincontent,
.page-template-sitespecific-php #maincontent { width:940px; }
.page-template-single_piece-php #maincontent { float:right; width:380px; }
.vertical-image  #maincontent.singlepiece { width:540px;}

#primary.performers { margin-right:10px; padding-top:1em; width:380px; float:right; }
#primary.performers img { margin-bottom:1.5em; }

#footer { clear:both; padding-top:60px; height:150px; width:100%; margin-top:3em; background-image:url('images/footer-horizon.png'); background-repeat:repeat-x; background-position:top left; background-color:#0a0602; z-index:2; } 

.page-template-works-php div.post,
.page-template-sitespecific-php div.post { clear:both; padding-bottom:3em; }

.page-template-works-php div.post h3,
.page-template-sitespecific-php div.post h3 { padding-top: 1em; }

.sidebar { padding-left:10px; padding-bottom:1.5em; float:left; width:460px; }
.page-template-single_piece-php #primary { padding-left:10px;  }
.vertical-image.page-template-single_piece-php #primary { width: 380px; }
.page-template-schedule-php #sidebarwrapper { top:10em; left:470px; padding-right:10px; position:absolute; } 
.page-template-schedule-php #primary { margin-top:3.5em; padding-left: 0px; padding-right:0px; position:absolute; } 
.page-template-schedule-php #primary.fixed { position:fixed; top:0; }
.page-template-contact-php #primary.sidebar { width: 480px; padding-right:10px; margin-left:-10px; float:right}

.page-template-single_piece-php #secondary.sidebar { width:530px; margin:0em 10px; clear:left; float:left; }
.vertical-image.page-template-single_piece-php #secondary { float:right; clear:right; padding-right:10px;}
.page-template-contact-php #secondary { float:none; clear:left; width:380px; }

.page-template-schedule-php h3 { clear:left; }

div.mainimage { float:left; width:380px; padding-right:10px; margin-right:90px; }

#maincontent img, .sidebar img { border:1px solid black; }

/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 87.5%; }
/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; color:#262626; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:bold;  } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; line-height:1.5; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5, ul.links h4 { font-size: 1em; margin-bottom: 1.5em; } h6 { font-size: 1em; } 

.works h2 { margin-left:480px; color:#919191; }

/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; } ul, ol { margin-bottom: 1.5em; } ul { list-style-type: none; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; }

p.date { float:right; margin-top:0.1em; color: #919191;}

#documents a { display:block; padding-left:20px; background: url("images/docicon.png") 0px 0px no-repeat; }
#documents a.video { background-image: url("images/vidicon.png"); }
#documents a.photo { background-image: url("images/imgicon.png"); }

/* .maillink { margin-left: -25px; padding-left:25px; background: url("images/mailicon.png") 0px 0px no-repeat; display:block; } .phone { display:block; padding-left:25px; margin-left: -25px; background: url("images/phoneicon.png") 0px 0px no-repeat; } ul.address { padding-left:25px; margin-left: -25px; background: url("images/houseicon.png") 0px 0px no-repeat; } */

a { color: #d40000; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    color: #262626;
}

#nav li a { color: #919191; }
#nav li.current_page_item a, 
#nav li.current_page_parent a,
#nav li.current_page_ancestor a, 
#nav li a:hover { color:#910000 ; text-decoration:none; }

blockquote { margin: 0em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Lists ...............................................................*/

ul#documents { width:540px; }
ul#documents li { width:180px; margin-left: 0px; float:left; }

#nav ul { font-weight:bold; }
#nav li { font-size:1.2em; }
#nav li.langswitch { font-size:0.833em; margin-top:0.467em; }

.gig ul { position:relative; } 
.gig li { margin-bottom:3em; padding-right: 20px; }

ul.links { margin-top:-1.5em; }
ul.links h4 { display:none; }
ul.links, ul.links ul  { width:540px; } 
ul.links ul { list-style:circle; clear:both; }
ul.links li { clear:both; padding-top:1.5em; }
ul.links li li { float:left; clear:none; width:220px; padding-right:10px; padding-top:0; }
ul.links h4 { margin-bottom:0; }

/* Some default classes -------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #999; } .hide { display: none; } .highlight { background: #ffc; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; }

/* Tricks
-------------------------------------------------------------- */
.replace { background:none; position:relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .replace span { display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ width:100%; height:100%; } .replace a { display:block; cursor:pointer; } 

/*Slideshow*/
.js .gallery { position:relative; height:362px; visibility:hidden;}
.js.vertical-image .gallery { height:520px; }
.js .gallery dl { position:absolute; top:0; left:0; z-index:8; display:none; }
.js.vertical-image dt.gallery-icon { background:black; width:340px; height:508px; }
.js.horizontal-image dt.gallery-icon { text-align:center; background: black; width:482px; height:322px; }