/*
    RecordKicks.net Site Styles
    ----------------------------------------------------------------------------
*/

body {
    background: #fff url("../images/hd-bg.png") left top repeat-x; /* #4c1d23 */
    text-align: center;
    font-family:"Century Gothic", arial, sans-serif;
    font-size:  12px;
    line-height:1.5;
    min-width:  960px;
}

/*
    HEADER
    ----------------------------------------------------------------------------
*/
#hd {
    position:   relative;
    width:      960px;
    height:     150px;
    margin:     0 auto;
    text-align: left;
}

#logo {
}

#minibasket {
    position:   absolute;
    top:        20px;
    right:      0px;
}
#minibasket a {
    text-decoration:    none;
    color:              white;
    line-height:        20px;
}
#minibasket a img {
    position:   relative;
    top:        3px;
    left:       -4px;
}

#nav {
    position:   absolute;
    top:        72px;
    right:      0px;
}
#nav li {
    float:              left;
    list-style:         none;
    margin-left:        10px;
}
#nav a {
}
#nav a:hover {
}

/*
    BODY
    ----------------------------------------------------------------------------
*/

#bd {
    position:   relative;
    background: #fff url("../images/bd-bg.png") left bottom repeat-x;
    padding-bottom: 52px;
}

#content {
    position:   relative;
    width:      960px;
    min-height: 250px;
    margin:     0 auto;
    text-align: left;
    clear:      both;
    overflow:   visible;
}

#content p {
    margin-bottom: 1em;
}
#content a {
    color:      #000;
}
#content a:hover {
    color:      #a7291b;
}

hr {
    visibility: hidden;
    clear:      both;
    height:     10px;
}

#bd h1 {
    font-size:  16px;
}

#bd h2, #bd h3 {
    font-size:  14px;
}

#main {
    position:   relative;
    float:      left;
    width:      560px;
    margin:     0 10px;
}

#main_only {
    position:   relative;
}

#folder-text {
}
#folder-text h1, h1.page-title {
    line-height:    2;
}

#left_col, .home #releases {
    float:      left;
    width:      350px;
}

#right_col, .home #articles {
    float:      left;
    width:      200px;
    margin-left:10px;
}

#content_box {
}

.node .article {
    position:   relative;
    clear:      both;
}
.node .article img {
    clear:      both;
    float:      left;
    margin:     10px 10px 10px 0;
}
.node .article .pubdate, .node .article .author {
    font-size:  10px;
    font-style: italic;
    text-decoration: none;
}
.node .article p {
    padding-top: 10px;
}

/*
    NEWS
    ----------------------------------------------------------------------------
*/

#articles div {
    clear: both;
}

#articles .article a.cover {
    width: 160px;
}

#articles .article {
    position:   relative;
    padding:    10px 0px 0px 0px;
    clear:      both;
}

#news-archive li {
    margin: 10px 20px;
}

/*
    RELEASES
    ----------------------------------------------------------------------------
*/

#releases .release {
    position:   relative;
    padding:    10px 0px;
    clear:      both;
}
#releases .release img, #articles .article img,
#releases .cover {
    clear:      both;
    float:      left;
    margin-right: 10px;
}
#releases .release .pubdate, #articles .article .pubdate {
    font-size:  10px;
    font-style: italic;
}
#releases .release .format {
    font-size:  10px;
    font-weight: bolder;
    display:    block;
}
#releases .release p, #articles .article p {
    padding-top: 10px;
}

#releases #albums, #releases #singles, #releases #downloads {
    position: relative;
    float:  left;
    width:  310px;
    margin-right: 15px;
}
#releases #downloads {
    margin-right: 0;
    clear: right;
}
#releases .cover, #releases .title, #releases .artist {
    display: block;
}
#releases .title {
    font-weight: bold;
}
#releases a {
    text-decoration: none;
}

#releases #tshirts {
    position: relative;
    float:  none;
    clear:  both;
}
#releases #tshirts div {
    float:  left;
    width:  310px;
    margin-right: 15px;
    clear:  none;
}
#releases #tshirts div.tshirt_col_3 {
    margin-right: 0;
}

#releases .view_all {
    display: block;
    text-align: right;
}

.full_release {
}
.full_release .cover {
    float: left;
    margin: 10px 10px 10px 0px;
}
#release_info {
    float: left;
    clear: right;
}
.full_release label {
    display: block;
    width: 80px;
    font-weight: bold;
}
.full_release span {
}

#release_description {
    clear: both;
}

/*
    ARTISTS
    ----------------------------------------------------------------------------
*/
#artists a {
    text-decoration: none;
}
#artists a.cover {
    width:  260px;
    margin-bottom: 5px;
}
#artists .artist {
    clear: both;
    margin-bottom: 10px;
}

#artist_releases {
}

#artist_events {
}

#artist_events li, #artist_releases li {
    display: block;
    clear: both;
    padding: 0px 20px;
    background: none;
}

#artist_releases li {
    height: 52px;
}

#artist_events span, #artist_releases span {
    display: block;
}

#artist_releases .cover {
    display: block;
    float: left;
    clear: left;
    padding-right: 10px;
}
#artist_releases .title {
    padding-right: 10px;
}

#pics {
    clear: both;
    float: left;
    width: 49%;
    margin-right: 1%;
}
#press {
    width: 49%;
    clear: right;
    float: left;
}

#pics a, #press a {
    text-decoration: none;
}
#pics ul, #press ul {
    margin-bottom:  10px;
    margin-left:    5px;
}
#pics ul li a {
    padding-left:   20px;
    background:     #fff url("../images/icons/bullet_picture.png") left center no-repeat;
}
#press ul li a {
    padding-left:   20px;
    background:     #fff url("../images/icons/bullet_disk.png") left center no-repeat;
}

/*
    LINKS
    ----------------------------------------------------------------------------
*/
#links a {
    text-decoration: none;
}
#links ul ul {
    margin-bottom:  10px;
    margin-left:    16px;
}
#links ul li a {
    padding-left:   20px;
    background:     #fff url("../images/icons/bullet_orange.png") left center no-repeat;
}
#links ul h5 a {
/*
    padding-left:   20px;
    background:     #fff url("../images/icons/folder.png") left center no-repeat;
*/
    padding-left:   0px;
    background:     #fff;
}


/*
    VIDEOS
    ----------------------------------------------------------------------------
*/
#videos a {
    text-decoration: none;
}
#videos ul ul {
    margin-bottom:  10px;
    margin-left:    16px;
}
#videos ul li {
    margin-bottom:  5px;
}
#videos ul li a {
    padding-left:   20px;
    background:     #fff url("../images/icons/television.png") left center no-repeat;
}
#videos ul h5 a {
/*
    padding-left:   20px;
    background:     #fff url("../images/icons/folder.png") left center no-repeat;
*/
    padding-left:   0px;
    background:     #fff;
}

#videos .video_player {
    display: none;
    text-align: left;
}


/*
    PUBLISHING
    ----------------------------------------------------------------------------
*/
#publishing_subs a {
    text-decoration: none;
}
#publishing_subs li {
    padding-bottom: 4px;
}
#publishing_subs div {
    padding-bottom: 20px;
}

#publishing_subs .video a {
    padding-left:   20px;
    background:     #fff url("../images/icons/television.png") left center no-repeat;
}
#publishing_subs .video_player {
    display: none;
    text-align: center;
}

#publishing_subs .article a.title {
    padding-left:   20px;
    background:     #fff url("../images/icons/page_white_text.png") left center no-repeat;
}
#publishing_subs .article_content {
    display: none;
}


/*
    EVENTS
    ----------------------------------------------------------------------------
*/
#events a {
    text-decoration: none;
}
#events li {
    clear: both;
    margin-bottom: 1.5em;
    border-bottom: 3px solid #F3E5B8;
}
#events th {
    width: 100px;
    font-weight: bold;
}
#events .title {
    color:  #a7291b;
    font-weight: bold;
}

/*
    SIDEBAR
    ----------------------------------------------------------------------------
*/

#sidebar {
    position:   relative;
    margin:     10px 0px 0px 0px;
    width:      370px;
    float:      right;
}
#sidebar a {
    color: white;
    text-decoration: none;
}
#sidebar a:hover {
    text-decoration: underline;
}

#player, .sidebox-a, .sidebox-b, .sidebox-c, .sidebox-w {
    position:   relative;
    width:      370px;
    color:      #fff;
    margin-bottom: 10px;
}
.sidebox-a, .sidebox-b, .sidebox-c, .sidebox-w {
}
.sidebox-a h1, .sidebox-b h1, .sidebox-c h1, .sidebox-w h1, #player h1 {
    padding:    4px 10px;
    height:     32px;
}
.sidebox-a h5, .sidebox-b h5, .sidebox-c h5, .sidebox-w h5 {
    height:     22px;
    border:     0;
    visibility: visible !important;
}
.sidebox-a p, .sidebox-b p, .sidebox-c p, .sidebox-w p {
    margin:     0 20px 0 0;
}

#player {
    background: #fff url("../images/grey-box-middle.png") left top repeat-y;
    color: #333;
}
#player h1 {
    background: #fff url("../images/player-box-upper.png") left top no-repeat;
}
#player hr {
    background: #fff url("../images/grey-box-bottom.png") left top no-repeat;
}
#player object {
    margin-left: 5px;
}

.sidebox-a {
    background: #fff url("../images/red-box-middle.png") left top repeat-y;
}
.sidebox-a h1 {
    background: #fff url("../images/red-box-upper.png") left top no-repeat;
}
.sidebox-a h5 {
    background: #fff url("../images/red-box-bottom.png") left top no-repeat;
}

.sidebox-b {
    background: #fff url("../images/yellow-box-middle.png") left top repeat-y;
}
.sidebox-b h1 {
    background: #fff url("../images/yellow-box-upper.png") left top no-repeat;
}
.sidebox-b h5 {
    background: #fff url("../images/yellow-box-bottom.png") left top no-repeat;
}

.sidebox-c {
    background: #fff url("../images/purple-box-middle.png") left top repeat-y;
}
.sidebox-c h1 {
    background: #fff url("../images/purple-box-upper.png") left top no-repeat;
}
.sidebox-c h5 {
    background: #fff url("../images/purple-box-bottom.png") left top no-repeat;
}

.sidebox-w {
    background: #fff url("../images/white-box-middle.png") left top repeat-y;
    color: #333;
}
.sidebox-w h1 {
    background: #fff url("../images/white-box-upper.png") left top no-repeat;
}
#sidebar .sidebox-w h2, #sidebar .sidebox-w a {
    color: #333;
}
.sidebox-w h5 {
    background: #fff url("../images/white-box-bottom.png") left top no-repeat;
}

.sidebox-w table {
    margin-left: 15px;
}

.sidebox-w td {
	padding: 3px;
}

#breaking-news div, #next-gigs div, #coming-soon div, #latest-releases div, #submenu div, #artist_events div {
    clear:      both;
    margin:     5px 20px 10px 20px;
}
#breaking-news h2, #next-gigs h2, #coming-soon h2, #submenu h2, #artist_events h2 {
    color:      white;
}
#breaking-news img, #next-gigs img, #coming-soon img, #latest-releases img, #submenu img, #artist_events img {
    float:      left;
    margin-right: 10px;
}
#breaking-news .pubdate, #coming-soon .pubdate, #latest-releases .pubdate, #submenu .pubdate, #artist_events .pubdate {
    font-size:  10px;
    font-style: italic;
}
#breaking-news p, #next-gigs p, #coming-soon p, #latest-releases p, #submenu p, #artist_events p {
    padding-top: 5px;
}
#next-gigs span {
    display: block;
}
#coming-soon .release, #latest-releases .release {
    height: 50px;
    padding-bottom: 5px;
}
#artist_releases a {
    font-weight: bold;
    text-decoration: none;
}
#artist_releases a:hover {
    color:      #a7291b;
}

#submenu li {
    padding-left: 20px;
}

#brands p {
    text-align: center;
}

/*
    SHOP
    ----------------------------------------------------------------------------
*/

#first-th {
    text-align: left;
}

.content-basket th {
	text-align: center;
}

.buttonblock {
    text-align: right;
}

.buttonblock .shopbutton {
    margin:     0px 0px 10px 0px;
}

.product-details {
}

.product-vat, .product-unit-price, .product-discount, .product-price  {
    width: 66px;
    text-align: center;
}

.product-price  {
    text-align: right;
}

/*
    PLAYER TRACKS
    ----------------------------------------------------------------------------
*/

#tracks {
    clear: both;
    float: none;
    width: 350px;
    margin: 0px 10px;
}
#tracks tbody tr {
    height: 20px;
    line-height: 20px;
}
#tracks .preview {
    width: 20px;
}
#tracks .preview a {
    display: block;
    width: 20px;
    height: 100%;
    background: url("../images/icons/control_play.png") left center no-repeat;
}
#tracks .preview a:hover {
    text-decoration: none;
}
#tracks .preview img {
    display: none;
}
#tracks .title {}
#tracks .length {
    text-align: center;
    width: 45px;
}
#tracks .kbs {
    text-align: center;
    width: 30px;
}
#tracks .price {
    text-align: center;
    width: 40px;
}
#tracks .buy_single {
    text-align: right;
    width: 25px;
}

#collapser {
    clear:      both;
    height:     32px;
    text-align: center;
    background: #fff url("../images/grey-box-bottom.png") left top no-repeat;
}
#collapser a.open {
}
#collapser a.closed {
}
#collapser a.closed span {
}
#collapser a {
    color: #333;
}
#collapser a:hover {
    text-decoration: none;
}


/*
    ADDTHIS
    ----------------------------------------------------------------------------
*/
.addthis_toolbox {
    position:   absolute;
    right:      0;
    bottom:     0;
}
.addthis_toolbox a {
    color:		#A7291B;
	text-decoration: none;
	font-variant: small-caps;
}

/*
    FOOTER
    ----------------------------------------------------------------------------
*/

#ft {
    background:         #4c1d23;
    font-size:          10px;
    color:              #fff;
    text-align:         center;
    height:             32px;
    line-height:        18px;
    clear:              both;
}
#ft #credits {
    line-height:        12px;
}
#ft a {
    color:              #fff;
    text-decoration:    none;
}
#ft a:hover {
    color:              #fff;
    text-decoration:    underline;
}


/*
    SUBNAV
    ----------------------------------------------------------------------------
*/

#subnav {
    background:         #4c1d23;
    color:              #fff;
    text-align:         center;
    font-size:          10px;
    height:             20px;
    line-height:        20px;
    font-weight:        bold;
}
#subnav a {
    color:              #fff;
    text-decoration:    none;
    text-transform:     lowercase;
}
#subnav a:hover {
    color:              #fff;
    text-decoration:    underline;
}