/*  
Theme Name:TheLastBeat 4.0
Theme URI:http://thelastbeat.com/
Description:TheLastBeat is a magazine-style blog theme, heavily inspired by <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a>.
Version:1.0
Author:Eikman
Author URI:http://www.eikman.net
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* HTML Elements */
*{margin:0; padding:0}

body{font-family:Arial,"Lucida Grande",Verdana,sans-serif; background:#fff url(images/bg_striped.png) repeat; color:#333}

p{margin:15px 0}

a:link, a:visited{color:#748fbb; text-decoration:none}

a:hover, a:active{color:#a9bbd8; text-decoration:none}

a{outline:none}

code{font:0.9em 'Courier New',Courier,Fixed}

acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em; cursor:help}

acronym, abbr{border-bottom:1px dashed #999}

blockquote{background:url(images/backstripes.gif) repeat; text-align:justify; margin:5px 40px 5px 40px; padding:5px; line-height:1.4em; border-left:5px solid#ddd}

/* Structure */
#head{width:980px; margin:0px auto; margin-top:15px; padding:0px; font-size:0.7em}

#page{width:960px; margin:0px auto; padding:10px 10px 30px 10px; background:#ececec; font-size:0.7em}

#pagecontent{width:920px; background:#fff url(images/bg.jpg) repeat; padding:20px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px; text-align:justify}

#pagecontent h3{background:transparent url(images/stripe.png) repeat; font-weight:bold; font-size:1.1em; color:#000; margin:10px 0px 20px 0px; padding:3px 10px; text-align:center}

#pagecontent p{margin-top:6px}

.left, .alignleft{float:left}

.right, .alignright{float:right}

.alignright a, .alignleft a{color:#CCC}

.page_left{float:left; width:560px}
.page_right{float:right; width:320px; line-height:1.60em}

/* Navigation Bar*/
#navbar{margin:0 auto; margin-top:10px; padding:0px 10px; text-transform:uppercase; background:#2c2c2c url(images/navbar.png)}

#page-bar{width:735px}

#page-bar ul{list-style:none}

#page-bar li{float:left; list-style:none; cursor:pointer; display:block; border-right:1px solid #959595}

#page-bar li:hover{color:#000; background:#85a8e2}

#page-bar a, #page-bar a:visited{margin:0px; padding:10px 16px; font-weight:bold; color:#FFFfff; display:block}

#page-bar a:hover{text-decoration:none; display:block}

.mainrss{float:left; height:18px; width:18px; clear:none; padding-top:8px}

#searchform{width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px}

#searchform2{width:230px; float:left; text-align:right; padding-top:8px; margin-right:10px}

/* Text*/
h1{font-size:1.4em; font-weight:bold; text-transform:uppercase; text-align:center; padding:10px 0 10px 0; border-bottom:1px solid #ccc}

h2{font:1.45em Arial; font-weight:bold; letter-spacing:-0.03em}

h2 a:link, h2 a:visited{color:#333; background:none}
h2 a:hover, h2 a:hover{color:#000; background:#a6c6fb}

h2.page{font-size:1.1em; font-weight:bold}

h3{margin-bottom:3px; font-weight:bold}
h3.categorytitle{text-transform:uppercase; font-size:0.8em; padding:0; margin:0; letter-spacing:0.1em; color:#717171}

h3.categorytitle-single{text-transform:uppercase; font-size:0.8em; padding:0; margin-bottom:10px; letter-spacing:0.1em; color:#717171; border-bottom:1px dotted #aaa}

h3.categorytitle a, h3.categorytitle-single a{text-transform:uppercase; font-size:1em; padding:0; margin:0; letter-spacing:0.1em; color:#717171; text-decoration:none}

h3.categorytitle a:hover, h3.categorytitle-single a:hover{color:#e5e5e5}

h3#respond{margin-top:15px}

h3#comments{text-align:center; margin-top:15px; padding-left:0px; margin-bottom:15px}

/* Index Page*/
#logo{width:650px; height:60px; background:url(images/logo4.png) no-repeat}

#tagline{margin-top:45px; margin-left:20px; font-size:1em; color:#333}

#top{width:570px; float:left; padding:0}

#feature{width:570px; border-bottom:10px solid #eee; float:left; background:url(images/bg.jpg) repeat; padding:33px 10px 33px 10px; font-size:1.05em; line-height:1.5em; margin:0}

#box{width:350px; height:248px; background:url(images/bg.jpg) repeat; float:right; padding:10px 0 0 0}

#bottom{width:960px}

#front-list{width:570px; background:#fff url(images/bg.jpg) repeat; padding:10px 10px 10px 10px; font-size:1.05em; line-height:1.75em; float:left}

#archive{padding-top:15px; font-size:1.05em; line-height:1.75em}

#front-list .clearfloat, #archive .clearfloat{padding-bottom:10px; margin-bottom:0}

#front-list .spoiler, #archive .spoiler{text-align:justify; display:block; margin-top:7px}

#front-list .spoiler a, #archive .spoiler a, #pagecontent .spoiler a{color:#7c98c5}
#front-list .spoiler a:hover, #archive .spoiler a:hover, #pagecontent .spoiler a:hover{color:#000; background:#a6c6fb}

#pagecontent .spoiler{text-align:justify; display:block; margin-top:7px; margin-bottom:20px; border-bottom:1px dotted #333}

#front-list p, #archive p{margin:0px; padding:0px}

#headline p, #box p{margin:0}

#bottomleft{float:left; width:270px; text-align:justify; margin-top:20px}
#bottomright{float:right; width:270px; text-align:justify; margin-top:20px}

.bottompost{height:160px; display:block; border-bottom:1px dotted #ccc; margin-bottom:10px; line-height:1.5em; font-size:1em}
.bottompost a{color:#000}
.bottompost a:hover{color:#000}
.bottompost:hover{background:#eee}
.bottompost h2{color:#333; font-size:1em; margin-bottom:7px; letter-spacing:normal; text-align:left}
.bottompost h2 a:hover{background:#a6c6fb}

/* Content Page*/
#content{width:570px; background:#fff url(images/bg.jpg) repeat; padding:10px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px}

#content h2.title{font:1.9em Georgia; font-weight:bold; letter-spacing:-0.05em}

#pagecontent h2.title{font:1.9em Georgia; font-weight:bold; text-align:center; letter-spacing:-0.05em}

.post{font-size:1.05em; line-height:1.75em}

.post p{margin-top:0px}

.post .clearfloat{border-bottom:1px dotted #ccc; margin:15px 0px}

.post ol li, #front-list ol li{list-style:decimal; margin-left:30px}

.post ol li ul li, #front-list ol li ul li{list-style:square; margin-left:20px}

.post img, .post a img, #front-list img{border:1px solid #aaa; margin:3px 10px 0 0; padding:2px}

.entry{padding:5px 5px 10px 5px; text-align:justify}

.entry a{color:#7c98c5}
.entry a:hover{color:#000; background:#a6c6fb}

.entry ul{margin:0 10px 15px 30px; list-style-type:none; line-height:1.5em}
.entry ul li{padding:0 0 0 20px; background:transparent url(images/icons/headphone.gif) no-repeat top left}

#stats{border-bottom:1px dotted #aaa; padding:0px 0px 22px 0px; margin-bottom:20px; font:0.9em Arial}

.meta{float:right; padding:10px 0px; font:0.9em Arial; display:block}

#tools{width:570px; font-size:0.95em; padding-bottom:10px; border-bottom:1px dotted #aaa; margin-bottom:20px}

.tagbox{font:0.9em Arial}

.tagbox a, #stats a, .meta a{color:#717171}
.tagbox a:hover, #stats a:hover, #meta a:hover{color:#d3d3d3}

#tools img{border:none}

/* Sidebar*/
#sidebar{width:360px; float:right; margin:0px 0px 0px 0px}

#sidebar h3{background:transparent url(images/stripe.png) repeat; font-weight:bold; margin:10px 0px 5px 0px; padding:3px 10px; text-align:center}

#sidebar-top, #sidebar-bottom{width:340px; float:right; padding:0px 10px 10px 10px; background:#fff}

#sidebar-top2, #sidebar-bottom2{width:340px; float:right; margin-top:10px; padding:0px 10px 10px 10px; background:#fff}

#sidebar-bottom3{width:340px; float:right; margin-top:10px; padding:0px 10px 10px 10px; background:#eee}

#sidebar-bottom, #sidebar-middle{margin-top:10px}

#sidebar-middle, #sidebar-middle2{width:360px; float:right}

#sidebar-left{width:155px; padding:0px 10px 10px 10px; float:left; background:#fff}

#sidebar-left2, #sidebar-right2{margin-top:10px; width:155px; padding:0px 10px 10px 10px; float:left; background:#fff}

#sidebar-right2{margin-top:10px; margin-left:10px; width:155px; padding:0px 10px 10px 10px; float:left; background:#fff}

#sidebar-right{width:155px; padding:0px 10px 10px 10px; float:right; background:#fff}

#sidebar-beatcast{height:227px; width:155px; padding:0px 10px 10px 10px; float:left; background:#fff}

#sidebar-beatcast img{margin-top:30px}

#shortcuts li{list-style:none; margin-bottom:5px; border-bottom:1px dotted #ccc; display:block; padding:2px 0px 2px 2px}

#shortcuts ul li{display:block; padding:5px 0 5px 0; margin:0}
#shortcuts li a{color:#000}

#sidebar li{list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0px 2px 20px; background:url(images/icons/arrow.gif) no-repeat center left}

#sidebar li:hover, #shortcuts li:hover{background-color:#eee}

#sidebar li a{display:block}

#sidebar li a:hover{background-color:#eee; color:#000; display:block}

#sidebar ul li a{display:block}
#sidebar ul li li{padding-left:15px; border-bottom:1px solid #fff}
#sidebar ul li li a{display:block; margin:0; padding:5px 10px 0 20px}

#sidebar li ul li:last-child{list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px}

/* Form Elements */
select{border:1px solid #333; width:100%}

.field{padding:2px; border:1px solid #333; font-size:1.0em}

#s{padding:1px; font-size:1.0em; width:150px}

#s2{padding:1px; font-size:1.0em; width:200px}

#searchsubmit{padding-left:5px}

#commentform input{width:160px; margin:5px 5px 1px 0}

#commentform textarea{border:1px solid #333; margin-top:5px; padding:5px}

/* Comments*/
.commentnumber{font-family:Arial,Helvetica,sans-serif; margin-top:3px; float:right; color:#b3b3b3; font-size:18px}

.commentlist blockquote{background:#ededed}

.commentlist li{padding:10px 40px 10px 0px; list-style:none; margin-bottom:3px}

.commenttext{padding:5px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:430px; float:right}

.my_comment{width:430px; padding:5px 10px 0px 10px; float:right; background:#dedede}

.commentmetadata{color:#4d4d4d; display:block; margin-top:3px; text-align:right; font-size:0.9em}

.commentmetadata a, .commentmetadata a:visited{color:#959382}

.commentlist small{background:#e9e9e9}

.gravatar{width:55px; height:55px; float:left; clear:both;border:1px solid#aaaaaa;padding:2px;}

#comment{width:450px}

/* Footer*/
#footer{font-size:0.7em; color:#fff; width:960px; background:#eee url(images/bottombar.png) bottom no-repeat; margin:0 auto; padding:10px}

#footer a, #footer a:visited{color:#a6c6fb}
#footer a:hover{color:#c7dbfc}

#footer-bottom{margin:0 auto; width:980px; font-size:0.6em; padding-top:10px; padding-bottom:10px}

/* Float Properties*/
.clearfloat:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfloat{display:inline-block}

/* Hides from IE-mac \*/
* html .clearfloat{height:1%}

*+html .clearfloat{height:1%}

.clearfloat{display:block}

/* Images \*/
img.alignleft{float:left; margin:0 12px 0 0; padding:3px; border:1px solid #aaa}
img.alignright{float:right; margin:0 0 0 12px; padding:3px; border:1px solid #aaa}
img.centered,img.aligncenter{display:block; margin:0 auto; padding:3px; border:1px solid #aaa}
img, a img{border:0}

.searchpage img{border:0}
.archive_thumb img, .front_thumb img{float:left; padding:2px; margin:2px 10px 0 0; border:1px solid #aaa}
.reviewthumbs{padding:10px 0 10px 15px; margin-bottom:50px}
.reviewthumbs img, .musicthumbs img{float:left; border:1px solid #aaa; padding:2px; margin:2px}
.reviewthumbs img:hover, .archive_thumb img:hover, .musicthumbs img:hover, .blogroll img:hover{background-color:#a6c6fb; border:1px solid #aaa; padding:2px}
.front_thumb img:hover{background:none}
.musicthumbs{height:240px; border:1px solid #000}
.blogroll{width:300px; padding-left:10px}
.blogroll img{padding:2px; border:1px solid #000; margin-bottom:5px}

/* Misc */
.permalink{height:20px; padding-left:25px; background:url(images/icons/permalink.gif) no-repeat}
.rss{height:20px; padding-left:25px; background:url(images/icons/rss.gif) no-repeat}
.trackback{height:20px; padding-left:25px; background:url(images/icons/trackback.gif) no-repeat}
.locked{height:20px; padding-left:25px; background:url(images/icons/locked.gif) no-repeat}
.email{height:20px; padding-left:25px; background:url(images/icons/email.gif) no-repeat}
.sep{border-bottom:1px dotted #ccc; margin-bottom:5px}
.smallprint{font-size:1em; line-height:1.4em}
.dropdown{width:300px; margin-left:20px}
.albummonth{background:transparent url(images/backstripes.gif) repeat}
.quote{font-size:2.1em; color:#7c98c5; font-family:Georgia,"Times New Roman",Times,serif; text-align:center}
a.zeroinch:link {background: url(images/icons/zeroinch.gif) left top no-repeat;padding-left:50px;line-height:2em;}
a.zeroinch:hover {background: url(images/icons/zeroinch-hover.gif) left top no-repeat;color:#000000;}

/* Coda Slider \*/
#slider{ width:340px; margin:0 auto; position:relative}
.scroll{height:230px; width:340px; overflow:auto; overflow-x:hidden; position:relative; clear:left}
.scrollContainer div.panel{padding:10px; height:210px; width:330px}
ul.navigation{list-style:none; margin:0; padding:0; padding-bottom:9px}
ul.navigation li{display:inline; margin-right:5px}
ul.navigation a{padding:10px; color:#000; border:1px solid #eee; text-decoration:none}
ul.navigation a:hover{background-color:#f6f6f6}
ul.navigation a.selected{background-color:#eee}
ul.navigation a:focus{outline:none}
.hide{display:none}

/* pagebar */
.pagebar{font-size:11px; padding-top:20px; padding-bottom:10px; margin:0px}
.pagebar a, .pageList .this-page{color:#000; padding:2px 4px; border:solid 1px #ddd; background:#fff; text-decoration:none}
.pagebar a:visited{padding:2px 6px; border:solid 1px #ddd; background:#fff; text-decoration:none}
.pagebar .break{padding:2px 6px; border:none; background:#fff; text-decoration:none}
.pagebar .this-page{padding:2px 6px; border-color:#999; font-weight:bold; font-size:13px; background:#fff}
.pagebar a:hover{color:#fff; background:#333; border-color:#036; text-decoration:none}

/* search and submit buttons */
#commentsubmit{font-size:12px; border:1px solid #333; background-color:#333; font-family:Arial,Helvetica,sans-serif; color:#FFF; font-weight:bold}

#reccom ul{margin:0; padding:0; list-style-type:none}
#reccom ul li{border-bottom:1px dotted #dee4da; padding:5px 0 5px 0; display:block}
#reccom ul li:hover{border-bottom:1px dotted #dee4da; padding:5px 0 5px 0; display:block; background:#eee}

#reccom ul li a{margin:0; padding:5px 0 5px 20px; ; background:transparent url(images/icons/talk.gif) no-repeat center left; text-decoration:none}
#reccom ul li a:hover{color:#000; background-color:#eee}

.commentlink{float:right; margin:5px 0 0 0; padding:0 0 0 17px; background:transparent url(images/icons/talk.gif) no-repeat top left}

/* Calendar */
#wp-calendar{border:1px solid #B6B6B6; empty-cells:show; font-size:10px; margin-left:15px}
#wp-calendar #next a{padding-right:5px; text-align:right}
#wp-calendar #prev a{padding-left:5px; text-align:left}
#wp-calendar a:hover{background:#d0d0d0; color:#333}
#wp-calendar caption{color:#000; margin:5px 0 5px 0px; font-size:11px; text-align:center}
#wp-calendar td{color:#ccc; font:normal 10px 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; letter-spacing:normal; padding:0; text-align:center}
#wp-calendar th{font-style:normal; font-weight:bold; text-transform:capitalize}

/* page navigation */
.page-navigation{height:20px; color:#808080; font-size:1em; text-align:center; margin:10px 0 30px 0}
.page-navigation a{color:#808080}
.page-navigation a:hover{color:#fff; background:#333}

/* imprint */
#contactform{width:500px; padding:0; padding:10px 0 10px 0; height:490px; background:url(images/backstripes.gif) repeat; border:1px solid #000; margin:20px 0 20px 0}
#impressum{width:300px; text-align:center}
#contributors{width:300px; height:120px; padding-left:30px}
#partners{width:300px; height:40px; padding-left:10px}
#contributors img, #partners img{float:left; padding-left:10px}

/* twitter */
#twitterside{width:320px; padding:7px; background:url(images/twitter1.png) top right no-repeat}
#twitter-latest{padding-top:5px; display:block; width:265px; overflow:hidden}

/* Featured Content Gallery */
#myGallery, #myGallerySet, #flickrGallery{width:450px; height:200px; z-index:5; border:1px solid #000}
.jdGallery .slideInfoZone{position:absolute; z-index:10; width:100%; margin:0px; left:0; bottom:0; height:80px; background:#000; color:#fff; text-indent:0; overflow:hidden}