/* reset */
    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-size:100%;vertical-align:baseline;}
    html, body{width:100%; height:100%;}
    body {line-height:1.5;}
    table {border-collapse:separate;border-spacing:0;}
    caption, th, td {text-align:left;font-weight:normal;}
    table, td, th {vertical-align:middle;}
    blockquote:before, blockquote:after, q:before, q:after {content:"";}
    blockquote, q {quotes:"" "";}
    a img {border:none;}

/* typography */
    body {font-size:75%;font-family: Arial, Helvetica, sans-serif;}
    h1, h2, h3, h4, h5, h6 {font-weight:normal;}
    h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
    h2 {font-size:2em;margin-bottom:0.75em;}
    h3 {font-size:1.5em;line-height:1.5;margin-bottom:1em;}
    h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
    h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
    h6 {font-size:1em;font-weight:bold;}
    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
    p {margin:0 0 1.5em;}
    p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
    p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
    blockquote {margin:1.5em;font-style:italic;}
    strong {font-weight:bold;}
    em, dfn {font-style:italic;}
    dfn {font-weight:bold;}
    sup, sub {line-height:0;}
    address {margin:0 0 1.5em;font-style:italic;}
    pre {margin:1.5em 0;white-space:pre;}
    pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
    li ul, li ol {margin:0 1.5em;}
    ul, ol {margin:0 1.5em 1.5em 1.5em;}
    ul {list-style-type:disc;}
    ol {list-style-type:decimal;}
    dl {margin:0 0 1.5em 0;}
    dl dt {font-weight:bold;}
    dd {margin-left:1.5em;}
    table {margin-bottom:1.4em;width:100%;}
    th {font-weight:bold;}
    th, td, caption {padding:4px 10px 4px 5px;}
    tfoot {font-style:italic;}
    small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
    .hide {display:none;}

/* structure */
    .container {width:960px;margin:0 auto;}
    hr {clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;}
    .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
    .clearfix, .container {display:block;}
    .clear {clear:both; line-height:1px;}

/* forms */
    fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
    legend {font-weight:bold;font-size:1.2em;}
    input[type=text], textarea, select {margin:0.5em 0;border:1px solid #bbb;}
    input[type=text]:focus, textarea:focus, select:focus {border:1px solid #666;}
    input[type=text] {width:300px;padding:5px;}
    input.title {font-size:1.5em;}
    textarea {width:390px;height:250px;padding:5px;}
    label{display:block;float:left;margin:.5em 0;padding:0 10px;text-align:right;width:150px;font-size:16px;}
    ul.form{width:500px;}
    ul.form li{list-style:none;clear:both;}
    ul.form input[type=submit]{margin:8px 0 8px 170px;}

/* Validator Errors */
    div.errors, li.errors, ul.errorlist li {background-color: #ff9898;padding: 0.3em;border:1px solid #000;}
    ul.errorlist, ul.errorlist li {margin: 0;list-style: none;float: right;}
    .errors label{float:none; text-align:center; font-size:.8em; color:black;width:auto;}
    
/* Basic Site Elements */
    #header{height:100px;text-align:center;}
    #nav{list-style:none;height:2em; padding:.5em; margin:1em; text-align:center;}
    #nav li{display:inline; padding:1em; margin:0 1em;}
    #footer{text-align:center;font-size:0.8em;}

/* ZC Feeds styles */
    .twitter ul{list-style:none;margin:0;}
    .twitter .tweet{display:block;}
    .twitter .username{font-style:italic;}
    .twitter .when{display:block; text-align:right; font-style:italic; font-size:.9em; line-height:2em;}
    
    .artistdata p, .artistdata-small p{margin:0;}
    .artistdata .entry{margin-bottom:2em;}
    .artistdata h3{margin-bottom:0;}

    .youtube a img{border:1px solid;}
    .youtube p{margin-bottom:0;}
    .vidcount, .vidnav{text-align:center;}
    .youtube .video{margin:30px 0; text-align:left;}
    .youtube .video .title{display:block; font-weight:bold;margin-bottom:5px;}
    .youtube .video img{float:left; margin:5px;}
    .youtube .vidnav{margin-bottom:10px;}
    
/* ZC Gallery Styles */
    #the-image {text-align:center;border:1px solid #000;margin:0 auto 15px;padding:0;position:relative;background-color:#222; color:white;}
    #the-image div.position{background:#222222 none repeat scroll 0 0; font-size:12px; height:2em; line-height:22px; opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; padding:2px; position:absolute; right:0; text-align:center; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;}
    #the-image img.image{display:block; margin:0 auto; border-bottom:1px solid #000;}
    #the-image div.info{padding:5px 20px;}
    #the-image p.title{font-size:1.5em;}
    #the-image p.description{width:100%;padding:0;}
    #the-image p{margin-bottom:.5em;}
    #previous-image, #next-image{position:absolute; width:100px; height:100px; top:50%; margin-top:-50px;}
    #previous-image{left:-120px; text-align:right;}
    #next-image{right:-120px; text-align:left;}

    body.gallery h2, body.gallery h3{text-align:center;}
    body.gallery p.description{width:680px; margin:0 auto 15px; padding:0 10px;}
    ul.thumbnails{list-style:none; width:700px; border:1px solid #222; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto 15px;}
    ul.thumbnails a, ul.thumbnails a:link, ul.thumbnails a:visited{color:white; text-decoration:none;}
    ul.thumbnails a:hover{text-decoration:underline;}
    ul.thumbnails li.thumbnail{float:left;margin:15px;border:1px solid #222; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; background-color:#222; background-position:center 0; background-repeat:no-repeat; width:128px; height:150px; color:white;}
    li.thumbnail span.title{display:block; text-align:center;padding:130px 0 3px;}


/* OpenID Login Page */
    input.openid {background: white url('http://assets.zc1.us/images/openid-inputicon.gif') no-repeat 0 50%; background-position: 0 50%;padding-left: 16px;}
    #openid_form {width: 480px;margin:0 auto;}
    #openid_choice {display: none;}
    #openid_input_area {clear: both;padding: 10px;}
    #openid_btns, #openid_btns br {clear: both;}
    #openid_highlight {padding: 3px;background-color: #FFFCC9;float: left;}
    .openid_large_btn, .openid_small_btn{background:#FFF url('http://assets.zc1.us/images/openid-logos.gif') no-repeat;}
    .openid_large_btn {width:100px;height:50px;border:1px solid #DDD;margin:3px;float:left;}
    .openid_small_btn {width: 25px;height: 25px;border: 1px solid #DDD;margin: 3px;float: left;}	
    a.openid_large_btn:focus {outline: none;}
    a.openid_large_btn:focus{-moz-outline-style: none;}
    .openid_selected {border: 4px solid #DDD;}
    .form-row label{display:inline; float:none;}
    .submit-row {margin-top:10px;}
    
    #openid_choice .google{background-position:0 0;}
    #openid_choice .yahoo{background-position:-100px 0;}
    #openid_choice .myspace{background-position:0 -50px;}
    #openid_choice .openid{background-position:-100px -50px;}
    #openid_choice .livejournal{background-position:0 -100px;}
    #openid_choice .blogger{background-position:-25px -100px;}
    #openid_choice .aol{background-position:-50px -100px;}
    #openid_choice .flickr{background-position:-75px -100px;}
    #openid_choice .wordpress{background-position:-100px -100px;}