/* CSS generated by Site Manager at 08:55am 19/04/2010 - do not edit this file directly */

body {
    margin:0 0 20px 0;
    padding:0;
    text-align:center;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    background-color:#333;
    background-image:url(http://www.formatfestival.com/private/templatefiles/background.png);
    background-repeat:repeat-x;
    font-size:11px;
}

label {
    color:#fff;
}

legend {
    color:#c81d4f !important;
}

fieldset {
    margin:20px;
}

img.featured-artists {
    display:block;
    margin:10px auto;
    text-align:center;
}

div#main-splash, div#main {
    position:relative;
    border:9px solid #fff;
    width:890px;
    margin:45px auto 0;
    text-align:left;
    background-image:url(http://www.formatfestival.com/private/templatefiles/splash-background.png);
    background-repeat:repeat-x;
}

div#main-splash { min-height:965px; margin:45px auto; }

div#main {
    padding:16px 0 0 0;
    background-image:url(http://www.formatfestival.com/private/templatefiles/main-background.png);
    background-repeat:repeat-x;
    background-color:#c7d64f;
}

div#main:after, ul#navigation:after, div#content-gallery:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1#logo {
    position:absolute;
    top:31px;
    left:21px;
    width:204px;
    height:105px;
    background-image:url(http://www.formatfestival.com/private/templatefiles/format-logo.png);
    margin:0;
}

h1#logo span { display:none; }

h1#logo a {
    position:absolute;
    width:204px;
    height:105px;
    outline-style:none;
}

h3 {
    color:#fff;
}

.splash-image {
    display:block;
    margin:0 auto;
    text-align:center;
}

.splash-image img {
    border:6px solid #ebebea;
}

div#header {
    position:relative;
    width:425px;
    height:170px;
    margin:0 0 15px 237px;
    /*background-image:url(http://www.formatfestival.com/private/templatefiles/header1.png);*/
    background-repeat:no-repeat;
}

div#header p { display:none; }

div#sidebar {
    float:left;
    width:137px;
    display:inline;
    margin:0 17px 30px;
}

ul#navigation {
    list-style-type:none;
    margin:0;
    padding:0;
}

ul#navigation li {
    color:#c81d4f;
    min-height:35px;
    height:auto !important;
    height:35px;
    border-bottom:1px solid #fff;
    font-size:12px;
    font-weight:bold;
    padding:0 0 0 5px;
    margin:0;
}

ul#navigation li small { color:#fff; display:block; margin:0 0 5px 0;}

ul#navigation li a { text-decoration:none; color:#c81d4f; }
ul#navigation li a:hover {text-decoration:underline;}

ul#navigation li#selected {
    background-color:#515151;
}

ul#navigation li ul {
    margin:0 0 10px 0;
    padding:0 0 0 2px;
    border:none;
    list-style-type:none;
}

ul#navigation li ul li {
    display:block;
    color:#fff;
    font-size:10px;
    border:none;
    min-height:15px;
    height:auto !important;
    height:15px;
    margin:0;
}

ul#navigation li.last { border-bottom:none; }

div#content { float:left; width:691px; /*width:705px;*/ }

div#content h2 {
    border-bottom:1px solid #999999;
    margin:0 0 10px;
    padding:0 0 5px;
}

div#content h2.gallery {
    background-image:url(http://www.formatfestival.com/private/templatefiles/gallery-title.png);
    background-position:left center;
    background-repeat:no-repeat;
    height:30px;
}

div#content h2.gallery span { display:none; }

div#content-gallery {
    position:relative;
    background-color:#333333;
    padding:20px 0;
    min-height:400px;
    height:auto !important;
    height:400px;
    color:#999;
    margin:0 0 30px 0;
}


div#content-gallery h3.page-title {
    border-bottom:1px solid #616161;
    padding:0 0 20px 0;
    margin:0 20px;
    font-size:11px;
    color:#fff;
    text-align:left;
}

div#content-gallery span.int-page-image {
    float:left;
    clear:left;
    display:inline;
    width:240px;
    margin:0 20px 20px;
}

div#content-gallery p {
    text-align:left;
    padding:0 20px 0 20px;
}

div#content-gallery div.image-holder img {
    margin:0 0 20px 0;
}

.main-gallery-pic {
    display:block;
    margin:0 auto;
    width:615px;
}

div#gallery-details {
    width:615px;
    position:relative;
    margin:17px auto 0;
    border-top:1px solid #616161;
    padding:22px 0 0 0;
}

div#gallery-details h3 {
    font-size:12px;
    font-weight:bold;
    margin:0 0 10px 0;
    padding:0;
    color:#fff;
}

div#gallery-details p {
    padding:0;
    margin:0 330px 15px 0;
    line-height:18px;
}

div#gallery-details .meta {
    position:absolute;
    width:270px;
    margin:0;
    right:0;
    top:25px;
}

div#gallery-details .meta p { margin:0 0 15px 0; }

div#gallery-details .meta h4 {
    font-size:11px;
    margin:0;
    padding:0;
    color:#fff;
}

div#newsletter-signup {
    width:137px;
    margin:20px 0 0;
}

div#newsletter-signup img {
    display:block;
    margin:0 auto;
    text-align:center;
}

div#newsletter-signup fieldset {
    margin:0;
    padding:0;
    border:0;
}

div#newsletter-signup legend { display:none; }

div#newsletter-signup label {
    display:block;
    font-size:9px;
    font-weight:bold;
    color:#000;
    margin:8px 0 2px;
}

div#newsletter-signup input {
    display:block;
    width:137px;
    border:1px solid #999;
}

div#newsletter-signup .submit {
    display:block;
    width:40px;
    padding:2px 0;
    background-color:#c81d4f;
    font-size:10px;
    margin:5px 0;
    color:#fff;
}

div#footer {
    clear:both;
    border-top:1px dashed #ffffff;
    height:61px;
    margin:0 10px;
}

div#footer ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

div#footer ul li {
    float:right;
    height:60px;
    line-height:61px;
    margin:0 0 0 10px;
}

div#footer ul li.first {
    float:left;
    height:61px;
    margin:0 0 0 10px;
}

ul#thumbnails {
    width:615px;
    min-height:75px;
    list-style-type:none;
    margin:20px auto 0 auto;
    padding:0;
}


ul#thumbnails:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin:0 0 0 0;
}


ul#thumbnails li {
    float:left;
    margin:0 10px 10px 0;
    padding:0;
}

ul#thumbnails li img { margin:3px 0 0 0; padding:0; }

ul#thumbnails li img.selected {
    margin:0 0 0 -3px;
    border:3px solid #ccc;
}

ul#artists {
    background-color:#333333;
    padding:20px 0;
    list-style-type:none;
    padding:0 0 0 22px;
    margin:0;
}

ul#artists li img {
    display:block;
    border:none;
    margin:0 auto;
}

ul#artists li a {
    display:block;
    margin:0 0 10px 0;
    height:99px;
}

ul#artists li {
    float:left;
    margin:0 21px 33px 0;
    width:144px;
    height:155px;
    overflow:hidden;
    border-bottom:1px solid #616161;
    padding:0 0 10px 0;
}

ul#artists li p {
    margin:0;
    padding:0;
}

ul#artists li p.title {
    font-weight:bold;
    font-size:11px;
    margin:0 0 5px 0;
}

ul#artists li p.title a {
    color:#fff;
    display:inline;
    text-decoration:none;
}

/*----------ARTIST GRID------------*/

ul#artists-grid {
    list-style-type:none;
    padding:0;
    margin:0;
}

ul#artists-grid li {
    padding:0;
    margin:0;
    clear:both;
}

ul#artists-grid li div {
    float:left;
    height:132px;
    background-color:#333;
    padding:9px;
    margin:0 0 10px 0;
    color:#fff;
}

ul#artists-grid li div.image p.title a {
    color:#c81b50;
    line-height:22px;
    text-decoration:none;
}

ul#artists-grid li div.image {
    width:165px;
    margin-right:9px;
}

ul#artists-grid li div.image-meta {
    width:481px;
}

ul#artists-grid li div.image-meta a {
    color:#c50244;
}

ul#artists-grid li div.image-meta a:hover {
    color:#c50244;
    text-decoration:underline;
}

ul#artists-grid li div.image-meta p.title a {
    color:#fff;
    font-weight:bold;
    line-height:22px;
    text-decoration:none;
}

ul#artists-grid li div p {
    padding:0;
    margin:0;
}

/*---------------------------------*/

div.leftcolumn {
    position:relative;
    background-color:#d8e284;
    float:left;
    margin:20px 15px 20px 10px;
    padding:10px;
    width:308px;
    line-height:16px;
}

div.rightcolumn {
    margin:20px 0pt 20px 10px;
    padding:10px;
    float:left;
    width:308px;
    background-color:#d8e284;
    line-height:16px;
}

div.leftcolumn p, div.rightcolumn p {
    margin:0;
    padding:0 0 15px 0;
}

ul#podcasts-list {
    list-style-type:none;
    margin:20px;
    padding:0;
}

ul#podcasts-list li, ul#podcasts-list li dl,
ul#podcasts-list li dt, ul#podcasts-list li dd  {
    margin:0;
    padding:0;
    text-align:left;
}


ul#podcasts-list li dt img {
    float:left;
    margin:0 20px 0 0;
}

ul#podcasts-list li dt a {
    color:#c81d4f;
    text-decoration:none;
}


ul#podcasts-list li dt a:hover {
    text-decoration:underline;
}

dl#widgets {
    margin:0;
    padding:0;
}

dl#widgets dt {
    color:#fff;
    font-weight:bold;
    margin:0 0 5px 0;
}

dl#widgets dd {
    float:left;
    padding:0;
    margin:0;
}

.thumb-pic {
    cursor:pointer;
}

form {
    margin:0;
    padding:0;
    clear:both;
}

#content-gallery a {
    color:#c81d4f;
}

hr {
    border:none;
    border-bottom:1px solid #616161;
    margin:10px 20px;
}

div.youtube {
    margin:10px 20px 30px 20px;
}

#mob-format {
    margin:20px;
}

#mod-format-teaser {
    float:right;
    background-color:#000;
    height:120px;
    margin:0 27px 20px 0;
    width:692px;
}

#mod-format-teaser-home {
    background-color:#000;
    height:120px;
    clear:both;
    margin:0 0 20px 0;
}

.side-text {
    margin:0 -17px;
}

#counter {
	width:365px;
	margin:0 auto;
	text-align:center;
}

.leftcolumn #countdown {
    position:absolute;
    top:-23px;
    left:0px;
}

.yui-carousel-nav { display:none; }
.yui-carousel-element { z-index:0; margin:0 !important; }
.yui-carousel-element li { border: none !important; margin: 0 !important; } 
.yui-carousel-item-selected { border: none !important; margin: 0 !important; } 

div#image-scroll {
    position:relative;
    border:7px solid #fff;
    width:691px;
    height:350px;
}

div#image-scroll div.arrow-left {
    position:absolute;
    bottom:40px;
    background-image:url(http://www.formatfestival.com/private/templatefiles/arrow-left.png);
    left:-14px;
    height:17px;
    width:14px;
    cursor:pointer;
}

div#image-scroll div.arrow-right {
    position:absolute;
    bottom:22px;
    background-image:url(http://www.formatfestival.com/private/templatefiles/arrow-right.png);
    right:-14px;
    height:17px;
    width:14px;
    cursor:pointer;
}