/*
Theme Name: LeArt'
Theme URI: http://www.leart.com/
Description: LeArt' grayish theme.
Version: 1.0
Author: Salvatore Isaja
Author URI: http://www.leartproduction.com/
*/

body { margin: 0; font: 13px/1.4em Arial, Helvetica, sans-serif; background-color: #000; color: #eeeeec; }
.clear { clear: both; }
.content { width: 960px; position: relative; margin: 0 auto; z-index: 150; }
a { color: #b7cbe6; text-decoration: none; }
#socialmenu a, #navmenu a, #location a, #footer a, .homecolumn h2 a { color: inherit; }
a:hover { text-decoration: underline; }
a img { border: none; }

#heading .content { position: relative; }
#heading #logo h1 span { display: none; }
#heading #logo h1 { margin: 0; padding: 0; }
#heading { height: 130px; background: url('images/homeheadingbk.png') repeat-x left bottom; }
#heading #logo { position: relative; width: 148px; height: 104px; background: url('images/leartgenerich1.jpg') no-repeat top left; }
#heading #logo.worldmusic { background-image: url('images/leartworldmusich1.jpg'); }
#heading #logo.teatro { background-image: url('images/leartteatroh1.jpg'); }
#heading #logo.comedians { background-image: url('images/leartcomediansh1.jpg'); }
#heading #logo h1 a { display: block; width: 148px; height: 67px; }
body.home #heading { height: 184px; }
body.home #heading #logo { position: relative; width: 336px; height: 184px; background: url('images/homeheadinglg.jpg') no-repeat top left; }
body.home #heading #logo h1 a { display: block; width: 336px; height: 120px; }
body.home #heading #logo p { position: absolute; bottom: 24px; right: 0; margin: 0; padding: 0; color: #b2b3b5; }

#socialmenu { position: absolute; top: 13px; left: 200px; margin: 0; padding: 0; }
#socialmenu li.i { display: inline; position: relative; margin: 0 4px 0 0; padding: 0; }
body.home #socialmenu { left: 460px; }
#socialmenu ul { position: absolute; display: none; left: 0; top: 12px; margin: 0; padding: 0; width: 256px; background: #222; list-style: none; z-index: 200; border: 1px solid #444; padding: 4px; }

#navmenu { position: absolute; top: 12px; right: 4px; margin: 0; padding: 0; font-size: 12px; }
#navmenu li { display: inline; margin: 0 0 0 10px; padding: 0; text-transform: uppercase; }
#navmenu li img { vertical-align: middle; }
#navmenu span.worldmusic { color: #feed01; }
#navmenu span.teatro { color: #1a52ae; }
#navmenu span.comedians { color: #bf0303; }
#location { position: absolute; top: 72px; left: 200px; font-size: 12px; color: #babdb6; }
#location em { font-style: normal; color: #66686a; }

#footer { position: relative; background: url('images/footerbk.png') repeat-x; height: 160px; font-size: 12px; line-height: 1.2em; color: #66686a; margin-top: -112px; z-index: 100; }
#footer .left { position: absolute; left: 16px; bottom: 1px; text-align: left; z-index: 200; }
#footer .right { position: absolute; right: 16px; bottom: 1px; text-align: right; z-index: 200; }
#footer p { margin: 0; padding: 0; }

body.home #news { position: absolute; top: 61px; left: 453px; width: 496px; height: 56px; padding: 11px 7px; background: url('images/homenewsbk.png') no-repeat; }
body.home #news h3 { margin: 0 8px; padding: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #66686a; }
#newsroller { height: 39px; overflow: hidden; }
ul.newsitems { margin: 0; padding: 0; list-style: none; }
li.newsitem { position: relative; font-size: 12px; margin: 0; padding: 0; }
#newsroller li.newsitem { height: 48px; }
.newsitem .date { display: block; position: absolute; top: 4px; left: 8px; color: #d3d7cf; font-weight: bold; }
.newsitem .time { display: block; position: absolute; top: 18px; left: 13px; color: #d3d7cf; font-weight: bold; }
#newsroller .newsitem .text { display: block; position: absolute; top: 4px; left: 84px; width: 405px; height: 32px; }
.newsitem strong { color: #d3d7cf; font-weight: normal; font-style: italic; }
.sidebox li.newsitem { background: url('images/newsbk.png') no-repeat top left; min-height: 40px; margin-bottom: 8px; }
.sidebox .newsitem .date { left: 12px; }
.sidebox .newsitem .time { left: 17px; }
.sidebox .newsitem .text { display: block; margin-left: 90px; width: 214px; }

body.home #newsitems { position: relative; top: 0px; }
body.home #newsnav { position: absolute; top: 11px; right: 11px; z-index: 300; }
body.home #newsnav img { vertical-align: bottom; cursor: pointer; }
body.home #newsnavpos { color: #a1a2a4; }
body.home #audioplayercontainer { position: absolute; top: -40px; right: 4px; width: 312px; height: 24px; }

.sideboxcont, .homecolumncont { background: url('images/homecolumncont.png') no-repeat bottom left; width: 312px; padding: 0 4px 12px 4px; }
.sidebox, .homecolumn { background: #0c0c0c url('images/homecolumnbk.png') no-repeat bottom left; width: 312px; height: 100%; }
.homecolumncont { float: left; height: 568px; }
.sidebox h3 { background: url('images/hbk.png') repeat-x bottom left; margin: 0 0 8px 0; padding: 8px 8px 0 8px; font: bold 14px Arial, Helvetica, sans-serif; color: #66686a; }
.sidebox { padding-bottom: 8px; }

.homecolumn h2 { background: url('images/homecolumnh.png') no-repeat; height: 24px; margin: 0; padding: 0 0 0 8px; text-transform: uppercase; color: #eeeeec; font: 20px Times New Roman, serif; letter-spacing: 0.5em; }
#worldmusic.homecolumn h2 { background-position: 0px 0px; }
#teatro.homecolumn h2 { background-position: -320px 0px; }
#comedians.homecolumn h2 { background-position: -640px 0px; }
.homecolumn .img { position: relative; width: 312px; height: 177px; background: #000 no-repeat top left; overflow: hidden; }
.homecolumn .img .temp { display: block; position: relative; width: 312px; height: 177px; background: #000 no-repeat top left; }
.homecolumn .img a { display: block; width: 312px; height: 177px; }
.homecolumn .img em { display: block; position: absolute; margin: 0; padding: 2px 8px; bottom: -20px; right: 0px; height: 16px; font: 12px Arial, Helvetica, sans-serif; color: #eeeeec; background: #000; }
.homecolumn h3 { background: url('images/hbk.png') repeat-x bottom left; margin: 18px 0; padding: 0 8px; font: bold 14px Arial, Helvetica, sans-serif; color: #66686a; }
.homecolumn p.showall { margin: 0; padding: 0 8px; text-align: left; color: #babdb6; }

.maincolumncont { background: url('images/maincolumncont.png') no-repeat bottom left; float: left; width: 640px; padding: 0 4px 12px 4px; }
.maincolumn { position: relative; background: #0c0c0c url('images/maincolumnbk.png') no-repeat bottom left; width: 624px; padding: 8px; }
.maincolumn h2 { background: url('images/maincolumnh.png') no-repeat; height: 24px; margin: -8px -8px 0 -8px; padding: 0 0 0 8px; text-transform: uppercase; color: #eeeeec; font: 20px Times New Roman, serif; letter-spacing: 0.05em; }
.maincolumn h2.worldmusic { background-position: 0px -24px; }
.maincolumn h2.teatro { background-position: 0px -48px; }
.maincolumn h2.comedians { background-position: 0px -72px; }
.maincolumn h3 { background: url('images/hbk.png') repeat-x bottom left; margin: 2em -8px 1.5em -8px; padding: 0 8px; font: bold 14px Arial, Helvetica, sans-serif; color: #66686a; }
.maincolumn p { margin: 1em 0; }
.maincolumn .img { margin-left: -8px; margin-top: -1em; }
.maincolumn .rightcontent { margin-left: 312px; }

#sidebar { float: right; width: 312px; }

.productlist .product { overflow: auto; clear: left; margin: 4px 8px 8px 8px; font-size: 11px; line-height: 1.2em; }
.productlist .product .image { float: left; width: 80px; height: 80px; margin: 0 8px 8px 0; text-align: center; }
.productlist .product h4 { margin: 0; padding: 0; font: bold 11px/1.2em Arial, Helvetica, sans-serif; color: #eeeeec; }
.productlist .product em { font-style: normal; color: #babdb6; }
.maincolumn .limg, .maincolumn .alignleft { float: left; margin: 0 16px 16px -8px; }
.maincolumn .product { margin-bottom: 2em; }
.maincolumn .product em { font-style: normal; color: #babdb6; }

.artist { overflow: auto; clear: left;  margin: 8px 0; }
.artist img { border: 1px solid #000; float: left; margin-right: 16px; }
.artist h3 { background: none; margin: 4px 0; padding: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #babdb6; }
.artist p { margin: 0; padding: 0; font-size: 12px; }
.show { overflow: auto; clear: left;  margin: 16px 0; }
.show .image { float: left; width: 80px; height: 80px; text-align: center; }
.show img { border: 1px solid #000; }
.show .product { margin-left: 96px; margin-bottom: 0; font-size: 12px; }
.show h3 { background: none; margin: 0px 0 4px 96px; padding: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #babdb6; }
.show p { margin: 0 0 0 96px; padding: 0; }
.sidebox .show { margin-left: 8px; margin-right: 8px; }
.sidebox .show h3 { font-size: 13px; }

#map_canvas { width: 624px; height: 480px; }

#comments { clear: left; }

table { width: 100%; }
table td.logo { width: 128px; text-align: center; }

table.tracklisting { width: auto; border-collapse:collapse; }
table.tracklisting, table.tracklisting th, table.tracklisting td { border: 1px solid #333; }
table.tracklisting td, table.tracklisting th { padding: 2px 8px; line-height: 100%; vertical-align: top; }
table.tracklisting small { font-size: 80%; color: #999c96; }
table.tracklisting thead th { background:#222; }

.albuminfo { margin: 0pt 8px 8px 0pt; float: left; width: 264px; font-size: 80%; line-height: 100%; color: #babdb6; }
.albuminfo strong { color: #66686a; font-weight: normal; }
.lyrics { display: none; margin-left: 328px; }