* { margin: 0; padding: 0; border: 0; }
span.event_blurb {display:block; margin-left:62px;}
body {font: 65%/1.6 Verdana, sans-serif; color: #777; background: #000 url(../img/bg/body.gif); text-align: center; min-width: 777px;}
img { background: #000; padding: 5px; float: left; margin: 10px;}
a img  {border: solid 1px #333;}
a:hover img {border: solid 1px #ff1c16;}
a { color: #ff1c16; text-decoration: none; font-weight: lighter; padding: 3px 1px; white-space:nowrap; }
a:hover { color: #fff; text-decoration: none;}
a.ext {background: url(../img/bullets/extLink.gif) no-repeat top right; padding: 3px 13px 3px 3px;}
a:hover.ext {background: url(../img/bullets/extLink.gif) no-repeat  -211px right;}
h1 { line-height: 1px;}
h2 { color:#777; font: 2.3em "Trebuchet MS"; margin: 6px 0; padding: 0 0 0 5px; font-weight: lighter; letter-spacing: 0.1em; font-variant: small-caps; background: url(../img/bg/h2.gif) no-repeat bottom;}
h3 {color: #ccc; font: 1.3em "Verdana" lighter; clear: both; letter-spacing: 1px;}
h4 {color: #aaa; font: 1.6em "Trebuchet MS"; font-variant: small-caps; clear: both; letter-spacing: 1px; background: url(../img/bg/h4.gif) repeat-y top left; padding: 4px 6px; margin: 0 0 0 12px;}
h5 {color: #777; font: 1.2em "Verdana" bolder; letter-spacing: 1px; background-color: #000; padding: 1px 2px 1px 10px; display: block; border-top: #444 1px solid; border-bottom: #151515 1px solid;}
p { margin: 12px;}
p, li {font-size: 1.1em;}
li {list-style: none; height: 1%;}
li.active a {color: #eee; text-decoration: none;}
li a {display: block;}
li strong {color:#999; font-weight: lighter;} 
p.info { background-color: #222; margin: 0; padding: 6px; text-align: center; border: #000 solid 1px; line-height: 2.2em;}
p.info a {font: 1.2em  "Verdana" normal; letter-spacing: 1px; display: block; padding: 6px 0; font-variant:small-caps; padding:0; background-color: #090909; display: inline; line-height: 1.4em; border-top: #222 solid 1px; border-bottom: #000 solid 1px; }
p.info a:hover { border-top: #000 solid 1px; border-bottom: #222 solid 1px;}
strong {color:#fff;}
table {margin:12px; width: 96%; font-size:1.1em;}
table th { text-align: left; color:#aaa;}
table td {padding: 4px 0; border-top: #3c3c3c 1px solid; }
table td.play a { background: url(/img/bullets/playMP3.gif) no-repeat 0 50%; padding: 5px 10px 5px 20px; }
table td.play a:hover { background: url(/img/bullets/playMP3.gif) no-repeat -444px 50%; width:13em;}
p.rss { margin: 10px 0; background: url(/img/bullets/rss.gif) no-repeat left center; display:block; line-height:22px; text-indent: 26px; }
#relatedNews li {margin: 5px 0 5px 12px; font-size:1.2em;}
#relatedNews li a { padding:0 0 0 20px; display:inline; background: url(../img/bullets/related.gif) 0 50% no-repeat;}
#relatedNews li a:hover { background: url(../img/bullets/related.gif) -606px 50% no-repeat;}

/* Header
================================= */
#branding {height: 100px; background: #000 url(../img/bg/head.gif) no-repeat; margin: 0;}
#branding h1 {text-indent: -5000px;}
#branding a {text-decoration: none;}
#branding span {margin-left: 20px;}
#logo {margin: 0 0 0 35px; height: 88px; width: 300px; text-indent: -5000px; font-size: 1px;}
#logo a {float: right; background: url(../img/logos/HCMlogo.gif) no-repeat; height: 74px; width: 300px; margin: 0 0 0 10px;  font-size: 0.5em; z-index: 3;}
#logo a:hover {background: url(../img/logos/HCMlogo.gif) no-repeat 0 -100px;}
#logo a span {display: none;}
#logoNewsletter {margin: 0 0 0 220px; height: 88px; width: 300px; text-indent: -5000px; font-size: 1px;}
#logoNewsletter a {float: right; background: url(../img/logos/HCMlogo.gif) no-repeat; height: 74px; width: 300px; margin: 0 0 0 10px;  font-size: 0.5em; z-index: 3;}
#logoNewsletter a:hover {background: url(../img/logos/HCMlogo.gif) no-repeat 0 -100px;}
#accessibility {margin: -16px 0 0 0; text-indent: -6000px;}
#search_field
{background: #222; border: 1px solid #777; color: #aaa; padding: 3px 0; width: 178px; height: 1.6em;}

/* Banner Ads
================================= */
#ad1 {float: right; margin: 0 10px 0 0px; clear: none;}
#ad2 {width: 183px; height: 110px; border: #fff solid 1px; clear: none; margin: 10px 0;}


/* Main Navigation
================================= */
#nav { margin: 0 0 6px 0; display: block;}
#nav li { display: inline; float: left; text-align: center; border:0;}
#nav li a { font: 1.4em  "Trebuchet MS" normal; letter-spacing: 1px; background: #000 url(../img/bg/navGlow.gif) repeat-x top; padding: 3px 0 5px 0; font-variant:small-caps;}
#nav li a:hover { color: #eee; text-decoration: underline;}
#nav .home a { width: 138px; }
#nav .label a { width: 144px; }
#nav .archive a { width: 155px; }
#nav .newsletter a { width: 178px; }
#nav .nightlife a { width: 162px; }
#nav li a.active {color: #eee; text-decoration: none; } 

/* Release Navigation
================================= */

#releases { width: 100%; margin: 0 0 10px 0;}
#releases ul { background: url(../img/bg/vinyl.gif) no-repeat top; padding: 94px 0 0 0; border-bottom: #000 1px solid;}
#releases li { border-top: #282828 solid 1px; border-left: #000 solid 1px; border-right: #000 solid 1px; background: #000 url(../img/bg/buttonBlack.gif) top repeat-x; margin: 0;}
#releases li a {padding: 8px 4px 8px 50px;}
#releases li.active a {background-position: -186px 50%;}

#HCM001 a {background: url(../img/releases/numbers/001.gif) no-repeat 0px 50%;}
#HCM001 a:hover {background: #000 url(../img/releases/numbers/001.gif) no-repeat -186px 50%;}
#HCM002 a {background: url(../img/releases/numbers/002.gif) no-repeat 0px 50%;}
#HCM002 a:hover {background: #000 url(../img/releases/numbers/002.gif) no-repeat -186px 50%;}
#HCM003 a {background: url(../img/releases/numbers/003.gif) no-repeat 0px 50%;}
#HCM003 a:hover {background: #000 url(../img/releases/numbers/003.gif) no-repeat -186px 50%;}
#HCM004 a {background: url(../img/releases/numbers/004.gif) no-repeat 0px 50%;}
#HCM004 a:hover {background: #000 url(../img/releases/numbers/004.gif) no-repeat -186px 50%;}
#HCM005 a {background: url(../img/releases/numbers/005.gif) no-repeat 0px 50%;}
#HCM005 a:hover {background: #000 url(../img/releases/numbers/005.gif) no-repeat -186px 50%;}
#HCM006 a {background: url(../img/releases/numbers/006.gif) no-repeat 0px 50%;}
#HCM006 a:hover {background: #000 url(../img/releases/numbers/006.gif) no-repeat -186px 50%;}
#HCM007 a {background: url(../img/releases/numbers/007.gif) no-repeat 0px 50%;}
#HCM007 a:hover {background: #000 url(../img/releases/numbers/007.gif) no-repeat -186px 50%;}
#HCM008 a {background: url(../img/releases/numbers/008.gif) no-repeat 0px 50%;}
#HCM008 a:hover {background: #000 url(../img/releases/numbers/008.gif) no-repeat -186px 50%;}
#HCM009 a {background: url(../img/releases/numbers/009.gif) no-repeat 0px 50%;}
#HCM009 a:hover {background: #000 url(../img/releases/numbers/009.gif) no-repeat -186px 50%;}
#HCM010 a {background: url(../img/releases/numbers/010.gif) no-repeat 0px 50%;}
#HCM010 a:hover {background: #000 url(../img/releases/numbers/010.gif) no-repeat -186px 50%;}
#HCM011 a {background: url(../img/releases/numbers/011.gif) no-repeat 0px 50%;}
#HCM011 a:hover {background: #000 url(../img/releases/numbers/011.gif) no-repeat -186px 50%;}
#HCM012 a {background: url(../img/releases/numbers/012.gif) no-repeat 0px 50%;}
#HCM012 a:hover {background: #000 url(../img/releases/numbers/012.gif) no-repeat -186px 50%;}
#HCM013 a {background: url(../img/releases/numbers/013.gif) no-repeat 0px 50%;}
#HCM013 a:hover {background: #000 url(../img/releases/numbers/013.gif) no-repeat -186px 50%;}
#HCM014 a {background: url(../img/releases/numbers/014.gif) no-repeat 0px 50%;}
#HCM014 a:hover {background: #000 url(../img/releases/numbers/014.gif) no-repeat -186px 50%;}
#HCM015 a {background: url(../img/releases/numbers/015.gif) no-repeat 0px 50%;}
#HCM015 a:hover {background: #000 url(../img/releases/numbers/015.gif) no-repeat -186px 50%;}
#HCM016 a {background: url(../img/releases/numbers/016.gif) no-repeat 0px 50%;}
#HCM016 a:hover {background: #000 url(../img/releases/numbers/016.gif) no-repeat -186px 50%;}
#HCM017 a {background: url(../img/releases/numbers/017.gif) no-repeat 0px 50%;}
#HCM017 a:hover {background: #000 url(../img/releases/numbers/017.gif) no-repeat -186px 50%;}
#HCM018 a {background: url(../img/releases/numbers/018.gif) no-repeat 0px 50%;}
#HCM018 a:hover {background: #000 url(../img/releases/numbers/018.gif) no-repeat -186px 50%;}
#HCM019 a {background: url(../img/releases/numbers/019.gif) no-repeat 0px 50%;}
#HCM019 a:hover {background: #000 url(../img/releases/numbers/019.gif) no-repeat -186px 50%;}
#HCM020 a {background: url(../img/releases/numbers/020.gif) no-repeat 0px 50%;}
#HCM020 a:hover {background: #000 url(../img/releases/numbers/020.gif) no-repeat -186px 50%;}


/* Releases
================================= */
ul.formats {float:left; list-style-type: none; margin:12px 0 0 0;}
ul.formats li {padding: 55px 0 0 0; width:65px; height: 2.5em; float:left; display:block; text-align: center; }
li.vinyl {background: url(../img/bullets/formats.gif) no-repeat 50% 0;}
li.cd {background: url(../img/bullets/formats.gif) no-repeat 50% -185px;}
li.audio {background: url(../img/bullets/formats.gif) no-repeat 50% -380px;}
p.formats {float:left; height:5em;}
p.vendors {background: URL(../img/bullets/formats.gif) no-repeat left center;  height: 5em; line-height: 1.7em; float:left; margin: 12px 0 0 0;}


/* Artists
================================= */
#artists {width: 100%; margin: 0 0 10px 0;}
#artists ul {background: url(../img/releases/nav/cover.jpg) no-repeat top; padding: 114px 0 0 0; border: #000 solid 1px; border-bottom: 0; }
#artists li {border-bottom: #000 solid 1px; border-top: #1c1c1c solid 1px; background: #000 url(../img/bg/buttonBlack.gif) top repeat-x;}
#artists li a {padding: 4px 4px 4px 27px; background: url(../img/bullets/star.gif) no-repeat 0px 50%; height: 1%; }
#artists li a:hover {padding: 4px 4px 4px 27px; background: #000 url(../img/bullets/star.gif) no-repeat -682px 50%;}
#artists li.active a { background-position:-682px 50%;}

#charts_menu li {}
#charts_menu {width: 100%; margin: 0 0 10px 0;}
#charts_menu ul { border: #000 solid 1px; border-bottom: 0; }
#charts_menu li {border-bottom: #000 solid 1px; border-top: #1c1c1c solid 1px; background: #000 url(../img/bg/buttonBlack.gif) top repeat-x;}
#charts_menu li a {padding: 4px 4px 4px 27px; background: url(../img/bullets/charts.gif) no-repeat 0px 50%; height: 1%; }
#charts_menu li a:hover {padding: 4px 4px 4px 27px; background: #000 url(../img/bullets/charts.gif) no-repeat -650px 50%;}
#charts_menu li.active a { background-position:-682px 50%;}

h3.info { padding: 6px 10px; font: 1.6em "Trebuchet MS"; border-bottom: #600 solid 1px;}

#info {background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top left; border: #000 1px solid; padding: 10px; margin: 0 0 12px 0;}
#info div a {display: inline;}
#info div {border-top: #121212 1px solid; border-right: #0d0d0d 1px solid; border-bottom: #030303 1px solid; border-left: #0d0d0d 1px solid;}
#info div.info {border: 0; background: #1c1c1c;}
#info img {margin: 0 10px 10px 0;}
#info h4 {margin: 6px 0px;}
#info div h5 {background-color: #1d1d1d;}
#info div li {color: #666; background: #2a2a2a; border-bottom: #111 solid 1px; border-top: #3a3a3a solid 1px; padding: 2px 2px 2px 24px;}
#info div li:hover {border-top: #333 solid 1px; border-bottom: #000 solid 1px;}
#info p {margin: 0 0 10px 0; color: #777; line-height: 1.4em;}
#info ul {margin: 0;}
#info div {background: #222;}

#info p.genre { font: 1.4em "Georgia" italic; padding: 8px 0 0 0; color: #777; letter-spacing: 1px; text-align: center;}

#info #artist { margin: 0 0 10px 0; clear: both;}
#info div#artist {background-color: transparent; border:0;}
#artist dl {background-color: transparent;}
#artist dt {float: right; background: #1c1c1c url(../img/bg/artist_dt.gif) repeat-y left top; color: #aaa; width: 372px; font: 1.1em "Trebuchet MS"; letter-spacing: 1px; padding: 4px 6px; margin: 0;}
#artist dd {color: #777; margin: 0 0 0 146px; padding: 6px 5px 6px 5px;}
#artist dl dd.img {margin: 0; padding: 4px 0 0 0;}
#artist dd.img img {float: left; margin: 0 0 3px 3px; border: 0;}

#discography {margin: 10px 0;}
#discography h5 {background: url(../img/bullets/record.gif) no-repeat -678px 50%; padding: 4px 2px 4px 27px; }
#discography li {background: url(../img/bg/button343434.gif) left top repeat-x;}
#discography li:hover {background: url(../img/bullets/record.gif) no-repeat 0 50%;}

#otherWork {margin: 10px 0;}
#otherWork h5 {background: url(../img/bullets/record.gif) no-repeat -678px 50%; padding: 5px 2px 5px 27px;}
#otherWork li:hover {background: url(../img/bullets/record.gif) no-repeat 0 50%;}

#dates {width: 258px; margin: 10px 10px 0 0; float: left;}
#dates h5 {background: url(../img/bullets/dial.gif) no-repeat -680px 50%; padding: 5px 2px 5px 27px;}
#dates li:hover {background: url(../img/bullets/dial.gif) no-repeat 0 50%;}

#faveGigs {width: 258px; float: left; margin: 10px 0 10px 0;}
#faveGigs h5 {background: url(../img/bullets/venue.gif) no-repeat -678px 50%; padding: 5px 2px 5px 27px;}#faveGigs li:hover {background: url(../img/bullets/venue.gif) no-repeat 0 50%;}

#mixedsessions {margin: 10px 0; clear: both;}
#mixedsessions h5 {background: url(../img/bullets/cd.gif) no-repeat -680px 50%; padding: 4px 2px 4px 24px;}
#mixedsessions li:hover {background: url(../img/bullets/cd.gif) no-repeat 0 50%;}

#charts {margin: 10px 0;}
.charts {background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top; padding:12px; border:#000 1px solid; margin: 0 0 10px 0;} 
.charts a {display:inline;}
.charts h3 {background: url(../img/bullets/radio.gif) no-repeat -680px 50%; padding: 4px 2px 4px 24px;}
#charts h5 {background: url(../img/bullets/radio.gif) no-repeat -680px 50%; padding: 4px 2px 4px 24px;}
#charts li:hover {background: url(../img/bullets/radio.gif) no-repeat 0 50%;}

#downloads {margin: 10px 0 0 0;}
#downloads h5 {background: url(../img/bullets/download.gif) no-repeat left center; padding: 4px 2px 4px 24px;}
#downloads li:hover {background: url(../img/bullets/mp3.gif) left center no-repeat;}
#downloads li.pdf:hover {background: url(../img/bullets/pdf.gif) left center no-repeat;}

ul.venues li:hover {background: url(../img/bullets/venue.gif) left center no-repeat;}
ul.charts li:hover {background: url(../img/bullets/radio.gif) left center no-repeat;}
ul.dates li:hover {background: url(../img/bullets/dial.gif) left center no-repeat;}
#downloads li.pdf:hover {background: url(../img/bullets/pdf.gif) left center no-repeat;}
ul.downloads li:hover {background: url(../img/bullets/mp3.gif) left center no-repeat;}

/* Content
================================= */
#wrapper { margin: 0 auto; background: #444 url(../img/bg/wrapper.gif) repeat-y; width: 777px; \width: 792px; w\idth: 777px; text-align: left; border-left: #000 solid 1px; border-right: #000 solid 1px;}
#topper {margin: 1em 0 0 0; background: url(../img/bg/topper.gif) no-repeat top;}
#content { width:777px; background: url(../img/bg/contentTop.gif) no-repeat 0px 25px;}
#content1of2 { width: 554px; float: left; margin: 0 0 0 12px; display: inline;}
#content1of2Newsletter { width: 370px; float: left; margin: 0 0 0 12px; display: inline;}
#content2of2Newsletter { width: 370px; float: left; margin: 0 0 0 12px; display: inline;}
#content2of2 { display: inline; width: 184px; float: left; margin: 0 0 0 12px;}
#content2of2 * { padding: 0; }
#content2of2 * * { padding: 0; }
body#archive #content1of2 {width: 450px;}
body#archive #content2of2 {width: 275px;}
body#archive .article { display: inline; width: 450px;}
#footer { text-align: center; color: #858582; background-color:#000; padding: 10px 10px; clear: both; margin-top: 15px;}

/* Articles
================================= */

.article { display: inline; width: 552px; background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top ; border: solid 1px #000; margin-bottom: 10px; float: left; }
.article h3 a { color: #ccc; display: block; padding: 5px 11px; border-bottom: #ff1c16 solid 1px;}
.article h3 a:hover {color: #ff1c16; border-bottom: #700 solid 1px; }
.article h3.title {padding: 5px; border-bottom: #500 solid 1px; color:#888;}
.article p.date {color:#bbb; margin: 12px 0 0 12px;}
.article p {font-family: Verdana; margin: 10px 12px;}
span.star { padding: 4px 4px 4px 27px; background: url(../img/bullets/star_release.gif) no-repeat 0px 50%; height: 1%; }
span.starlink a { padding: 4px 4px 4px 27px; background: url(../img/bullets/star_release.gif) no-repeat 0px 50%; height: 1%; }
a:hover span.starlink {padding: 4px 4px 4px 27px; background: #000 url(../img/bullets/star_release.gif) no-repeat -682px 50%;}
span.feat { color:#777; font: 0.9em "Verdana" lighter;}
a span.feat { color:#777; }
a:hover span.feat { color:#800; font: 0.9em "Verdana" lighter;}

.article input {margin: 5px 0;}
legend {text-indent:-9999px;}

/* Excerpt
================================= */
ul.excerpt li { float: right; padding: 1px; letter-spacing: 1px; margin: 0px 1px 1px 0px; background: #000 url(../img/bg/buttonBlack.gif) repeat-x top left; letter-spacing: 0; border: #000 solid 1px; }
ul.excerpt li a { display: block; padding: 2px 6px 2px 32px; }
ul.excerpt li:hover { background: #000; background: #000 url(../img/bg/buttonBlack.gif) repeat-x top left;}
ul.excerpt li a.comments { background: url(../img/bullets/comment.gif) no-repeat 0 50%;}
ul.excerpt li a:hover.comments { background: url(../img/bullets/comment.gif) no-repeat -674px 50%;}
ul.excerpt li a.readMore { background: url(../img/bullets/readMore.gif) no-repeat 0 50%;}
ul.excerpt li a:hover.readMore { background: #000 url(../img/bullets/readMore.gif) no-repeat -671px 50%;}
ul.excerpt li a.play {  padding: 2px 2px 2px 23px; background: url(../img/bullets/play.gif) no-repeat 0 50%;}
ul.excerpt li a:hover.play { background: #000 url(../img/bullets/play.gif) no-repeat -447px 50%;}

/* Events
================================= */
#housecafe { display: inline; width: 552px; background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top ; border: solid 1px #000; margin-bottom: 10px; float: left; }
#housecafe h3 { text-indent: -9999px; height:50px; margin: 0 0 20px 0;}
#housecafe h3 a {display:block; background: url(../img/logos/house-cafe.gif) no-repeat 0 0; height: 73px; border: 0;}
#housecafe h3 a:hover {background: url(../img/logos/house-cafe.gif) no-repeat 0 -173px; border: 0;}
#housecafe strong {font:1.4em "Trebuchet MS"; color:#ddd;}
#housecafe div {float:left; display:inline; margin:10px 10px 10px 0; width:365px;}
#telefunken div h4 {padding: 2px 6px; margin: 0;}
#telefunken div p {margin: 2px 0; font-size:1em;}
#housecafe img {margin:6px;}

#telefunken { display: inline; width: 552px; background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top ; border: solid 1px #000; margin-bottom: 10px; float: left; }
#telefunken h3 { text-indent: -9999px; height:50px; margin: 0 0 20px 0;}
#telefunken h3 a {display:block; background: url(../img/logos/telefunken.gif) no-repeat 0 0; height: 73px; border: 0;}
#telefunken h3 a:hover {background: url(../img/logos/telefunken.gif) no-repeat 0 -173px; border: 0;}
#telefunken strong {font:1.4em "Trebuchet MS"; color:#ddd;}
#telefunken div {float:left; display:inline; margin:10px 10px 10px 0; width:365px;}
#telefunken div h4 {padding: 2px 6px; margin: 0;}
#telefunken div p {margin: 2px 0; font-size:1em;}
#telefunken img {margin:6px;}

/* Recent News
================================= */
ul.recentNews {font-size:9px; width:270px; float:left; margin: 0 10px 10px 0; height: 1%; background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top; border: #000 solid 1px;}
ul.recentNews2 {margin: 0 0 10px 0;}
ul.recentNews li a {color: #aaa; display: block; padding: 5px 4px 5px 25px; background: url(../img/bullets/recentNews.gif) no-repeat 0 50%;}
ul.recentNews li a:hover {color: #ff1c16; background: #000 url(../img/bullets/recentNews.gif) no-repeat -683px 50%;}

/* Forum Activity
================================= */
#forumActivity { width:272px; float: left; margin: 0 0 10px 0;}
#forumActivity ul { background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top; border: #000 solid 1px;}
#forumActivity li a { color: #aaa; display: block; padding: 5px 4px 5px 30px; background: url(../img/bullets/forum.gif) no-repeat 0 50%;}
#forumActivity li a:hover { color: #ff1c16; background: #000 url(../img/bullets/forum.gif) no-repeat -674px 50%;}

/* Links
================================= */
#links ul {border: #000 solid 1px; border-bottom: 0;}
#links li {color: #666; background: #000 url(../img/bg/buttonBlack.gif) repeat-x top; border-bottom: #111 solid 1px; border-top: #222 solid 1px;}
#links li a {display: block; height:1%; padding: 6px 4px 6px 22px; background: url(../img/bullets/extLink_home.gif) no-repeat 6px 3px;}
#links li a:hover.ext {background: url(../img/bullets/extLink_home.gif) no-repeat 6px -208px ;}


#interview {border: #000 1px solid; width: 99%; background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top;}
#interview p {padding: 10px; margin: 0; }
#interview a {font-size: 1.4em;}
#interviewee {width: 100%; height: 89px; background: #000 url(../img/artists/garcynoise/profile_bw.gif) no-repeat bottom center;}

/* Archives
================================= */
div.archive {margin:10px 0 0 0; font-size:1em;}
div.archive h3 {color:#777;}
div.archive dl dt {display:block;color:#aaa; font:1.4em "Trebuchet MS"; padding:14px;} 
div.archive dl dd {padding:2px; line-height:18px;}

/* Photos
================================= */
#photos {float: left;}
#photos a {width: 125px; height: 100px; margin: 0 10px 10px 0; display: block; float: left; padding: 0;}
#photos img {margin: 0;}
#photos img:hover {border-color: #f00;}

/* Comments
================================= */
li.comment { background: url(../img/bg/h2.gif) no-repeat bottom;}
#comments {margin: 0 0 10px 0;}
#comments li a { display:inline; }
#comments li {padding:10px;}
#comments li p {color:#777; font:1.2em "Trebuchet MS";}
textarea.txpCommentInputMessage  {color:#ccc; width:100%; background:#252525; border:#444 1px solid;}
div.comment_form {background: #2f2f2f url(../img/bg/gradshiny.gif) repeat-x top ; border: solid 1px #000; margin: 0 0 10px 0;}
h3.comment {padding: 10px 10px 0 10px; color:#777; font:1.6em "Trebuchet MS";}
div.comment_form input { color:#ccc; width:100%; background:#252525; border:#444 1px solid;}
div.comment_form span.normal input {width:120px;; background:transparent; border: 0;} 
span.comment_num a {background:#252525; display:block; padding: 4px 10px; border:#383838 1px solid; float:right; margin: 0 6px 0 0;}