/*
Theme Name: Monotron
Theme URI: http://www.monotron-dj.com/
Description: Default Monotron Theme
Author: pelmeshkin.com
Version: 1.0
*/

body { background: url('f.gif') 0 100% repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000; }
a { color: #0099ff; }

#b { background: url('bkgd.png') repeat-x; }
#c { width: 900px; margin: 0 auto; }
#h { width: 900px; height: 127px; background: url('h.gif') no-repeat; border-bottom: 7px solid #333333; text-indent: -9999px; }
#h a#logo { display: block; width: 295px; height: 39px; margin-top: 46px; float: left; }
#h a#logo:hover { background: url('s.gif') no-repeat; }

#mm { width: 900px; height: 30px; background: url('mm.gif') repeat-y; } 
#mm li { float: left; margin-right: 1px; }
#mm a { float: left; display: block; background: url('s.gif') no-repeat; height: 30px; text-indent: -9999px; overflow: hidden; }
#mm a#news { background-position: 0 -39px; width: 83px; }
#mm a#news:hover { background-position: 0 -69px; }
#mm a#music { background-position: -84px -39px; width: 90px; }
#mm a#music:hover { background-position: -84px -69px; }
#mm a#media { background-position: -175px -39px; width: 89px; }
#mm a#media:hover { background-position: -175px -69px; }
#mm a#dates { background-position: -265px -39px; width: 88px; }
#mm a#dates:hover { background-position: -265px -69px; }
#mm a#about { background-position: -354px -39px; width: 88px; }
#mm a#about:hover { background-position: -354px -69px; }

#sm { width: 310px; padding: 17px 0 20px 580px; float: left; } 
#sm li { float: left; margin-right: 1px; }
#sm a { float: left; display: block; background: url('s.gif') no-repeat; margin-right: 8px; width: 22px; height: 22px; text-indent: -9999px; overflow: hidden; }
#sm li#search input { border: 0; background: url('s.gif') 0 -140px no-repeat; width: 126px; height: 22px; padding: 0 20px 0 26px; margin-right: 22px; }
#sm li#fb a { background-position: 0 -118px; }
#sm li#tw a { background-position: -22px -118px; }
#sm li#rss a { background-position: -44px -118px; }
#sm li#fb a:hover { background-position: -66px -118px; }
#sm li#tw a:hover { background-position: -88px -118px; }
#sm li#rss a:hover { background-position: -110px -118px; }

#main { width: 500px; padding: 0 70px 20px 0; float: left; }
#main .post { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 30px; }
#main h2 { font-size: 2em; background: #ccff00; font-weight: bold; display: inline; padding: 0 2px; }
#main h2 a { color: #000; text-decoration: none; }
#main h3 { padding: 10px 0 14px; font-size: 0.8em; }
#main p { padding: 0 0 1em; line-height: 1.2em; color: #333; }

#side { width: 320px; float: left; font-size: 0.9em; }
#side h2 { font-size: 2em; font-weight: bold; margin-bottom: 10px; }
#side strong { font-weight: bold; }
#side #dates { padding: 17px 20px 58px; background: #fff url('dates.gif') repeat-x; border-bottom: 1px solid #ccc; }

dl { line-height: 1.2em; display: block; width: 100%; float: left; }
dl dt { background: #00ccff; width: 50px; padding: 2px 4px; color: #fff; float: left; margin-right: 5px; margin-bottom: 9px; clear: left; }
dl dd { float: left; margin-bottom: 9px; width: 205px; padding: 2px 0; }

#side #tw-bubble { padding: 20px 5px 20px; border-bottom: 1px solid #ccc; }
#side #tw-bubble div { background: url('tw-bubble.gif') repeat-x; padding: 10px 110px 50px 10px; }

#side a#download { background: url('s.gif') 0 -162px no-repeat; width: 300px; margin: 19px 0 0 6px; height: 84px; display: block; text-decoration: none; margin-bottom: 20px; }
#side a#download:hover { background-position: 0 -246px; }
#side a#download h2 { float: left; width: 100px; height: 54px; padding: 25px 0 0 23px; color: #fff; text-decoration: none; font-size: 3em; }
#side a#download h3 { font-size: 2em; color: #000; padding: 35px 0 5px 0; }
#side a#download:hover span { text-decoration: underline; }

#side #releases { border-top: 1px solid #ccc; background: url('f-b.gif') 0 100% repeat-x; padding-top: 20px; float: left; padding-bottom: 20px; width: 320px; }
#side #releases ul li { float: left; margin-right: 8px; }

#side #links { padding: 20px 10px; float: left; }
#side #links h2 { font-size: 1em; font-weight: bold; }
#side ul li { line-height: 1.3em; }
#side ul li#thema a { background: url('s.gif') 0 -330px no-repeat; text-indent: -9999px; display: block; width: 96px; height: 33px; margin-top: 17px; }

#f { width: 900px; background: url('f-b.gif') repeat-x; padding: 15px 0 117px; float: left; font-size: 0.8em; color: #555; margin-top: 30px; }
#f li { float: left; margin-right: 50px; line-height: 1.1em; }
#f li strong { color: #222; }
#f li a { text-decoration: none; color: #555; }
#f li a:hover { color: #0099ff; }
#f #flogo { width: 135px; height: 19px; background: url('s.gif') 0 -99px no-repeat; text-indent: -9999px; margin-right: 103px; }
#f .last { float: right; margin-right: 10px; }