/* Four32.com */
body, form, p, ul, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
body {
    background-color: #0e0f0f;
    font-family:"Lucida Grande","Lucida Sans Unicode",Lucida,Arial;
    font-size: 11px;
    color: #2f2f31;
}
a {
    color: #2f2f31;
}
.clear {
    clear: both;
}
ul {
    list-style: none;
}
#canvas {
    width: 970px;    
    margin: 0 auto;
    position: relative;
    border: 1px solid #24242e;
    background-color: #fff;
}
#navigation {
    padding: 112px 0 20px 0;
    background-color: #363838;
    height: 48px;
}
#navigation a span {
    display:none;
}
#navigation #logo {
    float: left;
    width: 175px;
    height: 48px;
    padding-left: 15px;
}
#navigation #logo a {
    width: 146px;
    height: 48px;
    display: block;
    background-image: url(/images/logo_danspace.png);
}
#navigation #links {
    width: 780px;
    height: 48px;
    float: left;
}
#navigation #links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navigation #links li {
    float: left;
    width: 144px;
    height: 42px;
    border-left: 1px solid #575a5a;    
    padding: 0 0 6px 10px;
    position: relative;
}

#navigation #links li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    position: absolute;
    bottom: 6px;
    
}
#links li#nav_calendarandtickets a:hover {color: #7c7d9d;}
#links li#nav_blog a:hover {color: #b35e95;}
#links li#nav_supportjoin a:hover {color: #87a651}
#links li#nav_forartists a:hover {color: #bc4164;}
#links li#nav_about a:hover {color: #6d99bc;}

#banner {
    width: 955px;
    height: 75px;
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding: 15px 0 0 15px;
    position: relative;
}
#banner .caption {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    left: 510px;
    bottom: 10px;
    width: 437px;
}
#footer {
    margin-left: 16px;
    padding: 20px 0 110px 0;
    border-top: 6px solid #ccc;
    width: 939px;
    line-height: 14px;
}
#footer b {
    font-size: 12px;
}
#footer p {
    margin-bottom: 20px;
}
#footer a {
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#footer div.columns {
    float: left;
}
#footer .col1 {
    width: 145px;
    padding-right: 30px;
}
#footer .col2 {
    width: 145px;
    padding: 16px 10px 0 0;
}
#footer .col3 {
    width: 145px;
    padding: 16px 320px 0 0;
}
#footer .col4 {
    width: 144px;
    padding: 16px 0 0 0;
}
.templatea .bodycol {
    float: left;
}
.templatea #maincontent, .templateb #maincontent {
    padding: 60px 0 170px 15px;
}
#left_navigation {
    width: 145px;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    margin-right: 30px;
    float: left;
}
#left_navigation h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
}
#left_navigation h1 a {
    color: #363838;
    text-decoration: none;
}
#left_navigation ul li a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-decoration: none;
    line-height: 16px;
}
#left_navigation ul li a:hover {
    text-decoration: underline;
}
#bodycontent {
    width: 455px;
    margin-right: 10px;
}
#bodycontent .module {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    margin-bottom: 10px;    
}
#bodycontent h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 10px;
}
#bodycontent p {
    margin-bottom: 20px;
}
.templateb #calendar_posts {
    float: left;
    width: 764px;
}
.templateb .post {
    float: left;
    width: 764px;
    padding-bottom: 25px;
}
.templateb .post .left, .templateb .post .right {
    float: left;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
.templateb .post .left {
    width: 455px;
    margin-right: 10px;
}
.detail .post .left {
    width: 609px;
}
.templateb .post .right {
    width: 298px;
}
.detail .post .right {
    width: 145px;
}
.post .left .thumb {
    width: 145px;
    height: 145px;
    float: left;
    margin-right: 14px;
}
.post .left .description {
    float: left;
    width: 296px;
    line-height: 20px;
}
.post .left .description p {
    line-height: 13px;
}
.left .description h2, .detail .left h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 2px;
}
.left .description h2 a {
    text-decoration: none;
}
.left .description h2 a:hover {
    text-decoration: underline;
}
#calendar_posts .left .illustration {
    float: left;
    width: 300px;
    margin-right: 10px;
}
#calendar_posts .left .content {
    width: 299px;
    float: left;
}
.left .description h3, .detail .left h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.left .description p, .right p, .detail .left p {
    margin-bottom: 20px;
}
.left .description p.more, .detail .left p.more {
    margin-bottom: 0;
}
.left .description p.more a, .right p.info a, .detail .left p.more a {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.right p.info a, .right p.purchase a, .left p.purchase a {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    text-decoration: none;
}
.right p.info a:hover, .right p.purchase a:hover, .left p.purchase a {
    text-decoration: underline;
}
.right p.purchase, .left p.purchase {
    margin-bottom: 4px;
}
.left p.p_bottom {
    margin-bottom: 20px;
}
.left p.purchase a {
    color: #7c7d9d;
}
.right .note {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    line-height: 16px;
}
#mailform label {
    display: block;
    width: 100px;
    float: left;
}
#mailform .fieldrow, #mailform .ziprow {
    clear: both;
    margin-bottom: 10px;
}
#mailform .fieldrow input[type='text'] {
    width: 250px;
}
