/* 
-----------------------------------------------
www.zonderhoof.com
Last update: 19 Jun 2009 
----------------------------------------------- */


/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#fd0;
   text-decoration:underline;
}
ul {
   list-style-type:none;
}
a:hover {
   color:#ffc;
   text-decoration:underline;
}
p a {
   text-decoration:underline;
}
a img {
   border:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
}
.none {
   display:none;
}
table {
   font-size:1em;
}



/* Page Structure
----------------------------------------------- */

html body {
   background:#33321e url("graphics/zonderbg3.gif") repeat-x top left;
   background-attachment:fixed;
   color:#ffd;
   margin:10px 10px 2em 10px;
   text-align:center;
   font:0.8125em Arial, Verdana, Sans-Serif;
}
#masthead {
   width:940px;
   margin:0 auto;
   text-align:left;
}
#masthead div {
   padding:0 0 0 176px;
}
#page {
   width:940px;
   margin:0 auto;
}
#left {
   float:left;
   width:180px;
   text-align:left;
   padding-top:3px;
}
#content {
   width:540px;
   float:left;
   text-align:left;
   line-height:1.5em;
}
#right {
   float:right;
   width:200px;
   text-align:left;
   padding-top:3px;
}
#content .col {
   padding:0 0 0 20px;
}



/* Flickr block 
----------------------------------------------- */

#flickr_block {
   text-align:center;
}
div.flickrimg img {
   border:2px solid #fff;
   margin:4px;
}


/* Leftnav
----------------------------------------------- */

#left #nav ul {
   list-style-type:none;
   font-family:Courier, monospace;
}
#left #nav ul li {
   background-image:url("graphics/leftnav.gif");
   background-repeat:no-repeat;
   background-position:0px 3px;
   padding:0 10px 1em 26px;
   margin:0 0 1em 0;
   font-weight:bold;
   border-bottom:1px dashed #ffc;
}
#left a {
   color:#fd0;
   text-decoration:none;
} 
#left a:hover {
   color:#fd0;
   text-decoration:underline;
} 


/* Right 
----------------------------------------------- */

#right h2 {
   margin:0 0 0.5em 0;
   padding:0 0 0.7em 0;
   border-width:0 0 1px 0;
}
#right ul li {
   background-image:url("graphics/arrow.gif");
   background-repeat:no-repeat;
   background-position:8px 3px;
   padding:0 0 1em 22px;
}
#right ul li a {
   color:#ffc;
   text-decoration:none;
}
#right ul li a strong {
   color:#fd0;
   font-size:0.9em;
}
#right ul li a:hover {
   color:#ffc;
   text-decoration:underline;
}
#addthis_rhs {
   width:100%;
   margin:0 0 1.5em 0;
}
#external {
}
#facebook_badge {
   width:200px;
   padding:0 0 2em 0;
   margin:0 0 2em 0;
   border:1px solid #ffc;
   background:#000;
}
#facebook_badge iframe {
   border:1px solid #f00;
}
#facebook_badge iframe div {
   padding:0 0 1em 0;
   color:#000;
   width:200px;
}



/* Video
----------------------------------------------- */

div.video {
   width:100%;
   margin:0 0 1em 0;
   background:#000;
   text-align:center;
}
div.video object {
   margin:0 auto;
}

/* Content
----------------------------------------------- */

h1 {
   color:#fd0;
   font-family:Courier, monospace;
   font-size:1.8em;
   margin:0 0 0.5em 0;
   padding:0 0 0.5em 0;
   border-bottom:1px dashed #ffc;
}
h2 {
   font-family:Courier, monospace;
   font-size:1.2em;
   margin:1em 0 0.5em 0;
   padding:0.6em 0 0 0;
   border-style:dashed;
   border-color:#ffc;
   border-width:1px 0 0 0;
}
h2.noborder {
   border:none;
}
hr {
   border-style:dashed;
   border-color:#cca;
   border-width:1px 0 0 0;
   color:#727157;
   height:1px;
   margin:0 0 1em 0;
}
blockquote {
   font-style:italic;
   font-weight:bold;
   font-size:1.2em;
}
p {
   font-size:1em;
   margin:0 0 1em 0;
}
p strong {
   color:#fd0;
}
#content ul {
   list-style-type:none;
}
#content ul li {
   background-image:url("graphics/arrow.gif");
   background-repeat:no-repeat;
   background-position:0px 5px;
   padding:0 10px 1em 14px;
   margin:0;
}
#content ul li a {
   color:#fd0;
   text-decoration:none;
}
#content ul li a:hover {
   color:#ffc;
   text-decoration:underline;
}

ul, ol {
   margin:0 0 1em 0;
}
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}



/* Inline Images
----------------------------------------------- */

img.left1 {
   float:left;
   padding:0;
   margin:0 20px 1em 0;
}
img.right1 {
   float:right;
   padding:0;
   margin:0 0 1em 20px;
}
img.left2 {
   float:left;
   padding:0;
   margin:0 20px 1em 0;
   border:1px solid #ffc;
}
img.right2 {
   float:right;
   padding:0;
   margin:0 0 1em 20px;
   border:1px solid #ffc;
}
p img {
}



/* Gigs
----------------------------------------------- */

table.gigs {
   width:100%;
   border-color:#6c6b52;
   border-style:solid;
   border-width:1px 1px 0 0;
   margin:0 0 1em 0;
}
table.gigs th {
   border-color:#6c6b52;
   border-style:solid;
   border-width:0 0 1px 1px;
   padding:5px;
}
table.gigs td {
   border-color:#6c6b52;
   border-style:solid;
   border-width:0 0 1px 1px;
   padding:5px;
}


/* Ideas
----------------------------------------------- */

ol.ideas {
}
ol.ideas li {
   float:left;
   width:25%;
}