/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;  background: #f1f1f1 url(../images/bg_html.jpg) top center repeat; }
body { font: normal 62.5% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: #555555; min-height: 100%; background: transparent url(../images/bg_body.gif) top left repeat-y; }

h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #7d7974; font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200;}
p { font-size:1.2em; line-height:1.6em; margin:16px 0; }
small { font-size:1em; color: #999999; font-family: Georgia; font-style: italic; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
li.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #ce1315;}
a:visited { color: #ce1315;}
a:hover { color: #ce1315; text-decoration: underline;}
a:active { color: #ce1315;}

.crumbs a:link { color: #ce1315;}
.crumbs a:visited { color: #ce1315;}
.crumbs a:hover { color: #ce1315; text-decoration: underline;}
.crumbs a:active { color: #ce1315;}


.footer a:link { color: #ffffff;}
.footer a:visited { color: #ffffff;}
.footer a:hover { color: #ffffff; text-decoration: underline;}
.footer a:active { color: #ffffff;}


.btn_prev { display:block; width: 55px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_prev.jpg) top left no-repeat; position: absolute; top:23px; left: 20px; z-index: 99; }
.btn_prev:hover { background-position: bottom left;}

.btn_next { display:block; width: 60px; height: 14px; text-indent: -9999px; background: transparent url(../images/btn/btn_next.jpg) top right no-repeat; position: absolute; top:20px; right: 20px; z-index: 99;}
.btn_next:hover { background-position: bottom left;}


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.header { width: 100%; overflow: hidden; height: 102px; background: transparent url(../images/bg_header.jpg) top center repeat-x; min-width: 1000px;}
.container { width: 100%; margin: 0 auto; position: relative;}
.main_wrap { margin: 0; padding-left: 120px; }
.main { overflow: hidden; width: 100%; padding: 24px 0; margin: 0;}
.sidebar { width:80px; position: absolute; top: 0; left: 0px; }


/* Header Layout
--------------------------------------------------------------------------------------- */


.header h1 { margin: 38px 24px 0 30px; padding: 0; width: 324px; height: 32px; float:left; display:inline;}
.header p { margin: 38px 0 0 0; padding: 0; width: 260px; float:left; display:inline; font-family: Georgia, "Times New Roman", serif; font-style:italic; line-height: 1.3em; color: #999999;}
.section_wrap { margin: 0 40px 0 0; border-top: 1px solid #cccccc; padding-top: 12px; padding-bottom: 30px; clear: left;}
.more_padding { padding-top: 30px;}

.section_wrap h3 { float:right; display:inline; font-size: 3em; margin: 0; line-height: 1em; margin-top: -11px; text-shadow:  1px 1px 0 #ffffff; color: #ccc;}

.side_nav { width: 80px; margin:0;}
.side_nav li { width: 80px; height: 90px;}
.side_nav li a { display: block; width: 80px; height: 90px; text-indent: -9999px; background: transparent url(../images/bg_nav.png) 0 0 no-repeat;}
#albums { background-position: 0 0;}
#albums:hover { background-position: -160px 0;}
li.active #albums:hover, li.active #albums, body.home li #albums { background-position: -80px 0;}
#genres { background-position: 0 -90px;}
#genres:hover { background-position: -160px -90px;}
li.active #genres:hover, li.active #genres { background-position: -80px -90px;}
#artists { background-position: 0 -180px;}
#artists:hover { background-position: -160px -180px;}
li.active #artists:hover, li.active #artists { background-position: -80px -180px;}
#elements { background-position: 0 -270px;}
#elements:hover { background-position: -160px -270px;}
li.active #elements:hover, li.active #elements { background-position: -80px -270px;}

.social_head { width: 30px; height: 29px; float:right; display:inline; margin-top: 40px; margin-right: 16px; overflow: hidden;}
.social_head li { float:right; display:inline;}
.social_head li a { display: block; width: 30px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn_social.png) 0 0 no-repeat;}
.social_head li a:hover {  background-position: 0 -29px;}

/* Main Layout
--------------------------------------------------------------------------------------- */

.poster_item { height: 220px; margin: 0 24px 24px 0; float:left; display:inline; position: relative;}
.poster_item p { margin: 0;}
.poster_item:hover img { border-color: #666; position: relative; z-index: 95; }
.poster_item img {-moz-box-shadow: 4px 4px 10px #ccc; -webkit-box-shadow: 4px 4px 10px #ccc; box-shadow: 4px 4px 10px #ccc;}

.iLikeThis { display: none; position: absolute; top: 10px; right: 10px; z-index: 100; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; background: transparent url(../images/bg_transparency_75.png) 0 0 repeat; padding: 4px 9px 4px 3px; color: #ffffff; }
.poster_item:hover .iLikeThis { display: block;}
dd .iLikeThis { display: block; float:right; display:inline; position: relative; top: 0; right: 0; z-index: 100; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; background: none; padding: 0; color: #666666; }

.btn_details { display: none; margin: -105px auto 0 auto; position: relative; z-index: 99; width: 137px; height: 40px; text-indent: -9999px; background: transparent url(../images/btn_details.png) top left no-repeat;}
.poster_item:hover .btn_details { display: block;}
.poster_item:hover .btn_details:hover { background-position: bottom left;}

.btn_buy_poster { display: none; margin: 54px auto 0 auto; position: relative; z-index: 99; width: 137px; height: 40px; text-indent: -9999px; background: transparent url(../images/btn_buy_poster.png) top left no-repeat;}
.poster_item:hover .btn_buy_poster { display: block;}
.poster_item:hover .btn_buy_poster:hover { background-position: bottom left;}

.btn_preview { display: none; margin: -150px auto 0 auto; position: relative; z-index: 99; width: 158px; height: 158px; text-indent: -9999px; background: transparent url(../images/btn_preview.png) top left no-repeat;}
.poster_item:hover .btn_preview { display: block;}
.poster_item:hover .btn_preview:hover { background-position: bottom left;}

.btn_buy_poster_single { display: block; margin: 24px auto 0 auto; position: absolute; bottom: 0; left: 10px; z-index: 99; width: 199px; height: 45px; text-indent: -9999px; background: transparent url(../images/btn_buy_this_poster_single.png) top left no-repeat;}
.btn_buy_poster_single:hover { background-position: bottom left; margin-top: 236px;}

.single_post .btn_preview { margin-top: -188px;}

.left_details { height: 290px; float: left; display: inline; margin-right: 24px; position: relative; }
.left_details .poster_item { float: none; margin-right: 0;}

dl {width:  100%; overflow: hidden; font-size: 1.2em; margin: 24px 0; line-height: 1.4em;}
dt { float: left; display: inline; width: 120px; }
dd { float: left; display: inline; width: 380px; margin-bottom: 12px; }
dl small { font-size: .825em; display: block; margin-top: 6px; }

.btn_details_only { display: none; margin: -60px auto 0 auto; position: relative; z-index: 99; width: 137px; height: 40px; text-indent: -9999px; background: transparent url(../images/btn_details.png) top left no-repeat;}
.poster_item:hover .btn_details_only { display: block;}
.poster_item:hover .btn_details_only:hover { background-position: bottom left;}

.btn_preview_w_details { display: none; margin: -192px auto 0 auto; position: relative; z-index: 99; width: 158px; height: 158px; text-indent: -9999px; background: transparent url(../images/btn_preview.png) top left no-repeat;}
.poster_item:hover .btn_preview_w_details { display: block;}
.poster_item:hover .btn_preview_w_details:hover { background-position: bottom left;}

.crumbs { font-size: 1em; margin: 0 0 12px 0; float:left; display:inline;}

.wp-pagenavi a { border: none;}
.wp-pagenavi a:link { color: #000000;}
.wp-pagenavi a:visited { color: #000000;}
.wp-pagenavi a:hover { color: #000000; text-decoration: none; }
.wp-pagenavi a:active { color: #000000;}

.wp-pagenavi { clear: both; font-size: 1.2em; margin: 30px 40px 6px 0; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius:4px; background: #cccccc; padding: 5px 6px 3px 0; color: #666; font-family: Helvetica, sans-serif; }
.wp-pagenavi span { float:left; display:inline; margin-right: 5px; border: 0;}
.wp-pagenavi a {	text-decoration: none; color: #666; background: #ffffff; width: 20px; height: 20px; font-size: 1.2em; line-height: 22px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius:2px; margin: 2px; float: left; margin-right: 5px; border: none;	}
.wp-pagenavi a:hover, .wp-pagenavi span.current {}
.wp-pagenavi span.current {	font-weight: bold; font-size: 2em; padding: 0 4px 0 6px; height: 24px; line-height: 24px; text-align: center; display: block; margin-top: 5px; border: 0; color: #000; }
.wp-pagenavi .pages { margin-top: 6px; margin-left: 6px; margin-right: 10px; border: 0; color: #ffffff; }
.wp-pagenavi a.first, .wp-pagenavi a.last { width: 52px; line-height: 26px; }
.wp-pagenavi span.extend { margin-top: 12px; margin-left: 4px; }
.wp-pagenavi .nextpostslink { font-size: 1.8em; padding-left: 4px; }
.wp-pagenavi .previouspostslink { font-size: 1.8em; padding-left: 1px; }

.comments_ish { width: 498px; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius:6px; border: 1px solid #bbb; background: #ddd; border-right-color: #fff; border-bottom-color: #fff; margin-bottom: 24px; }
.comments_ish img { float:left; display:inline; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius:4px; background: #ffffff; margin: 12px 0 12px 12px; -moz-box-shadow: 3px 3px 5px #bbb; -webkit-box-shadow: 3px 3px 5px #bbb; box-shadow: 3px 3px 5px #bbb;}
.comment_details { float:right; display:inline; width: 390px;}
.comment_details h4 { font-size: 1.2em; color: #000; font-weight: bold; margin: 15px 0 0 0;}
.comment_details p { margin: 8px 0;}

.short_url { background: #ffffff; padding: 2px 5px; border: 0; color: #555; font-size: 1em; width: 140px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.bannerad { float:left; display:inline; margin-left: 40px; margin-top: 20px; padding: 9px; background: #ffffff; border: 1px solid #bbb; -moz-box-shadow: 4px 4px 10px #ddd; -webkit-box-shadow: 4px 4px 10px #ddd; box-shadow: 4px 4px 10px #ddd;}

.listing_paper { width: 592px; margin-top: 20px; float:left; display:inline;}
.listing li { padding: 6px 0; font-size: 1.2em; border-bottom: 1px solid #dddddd; text-align: right; overflow: hidden; width: 30%; margin-right: 3%; float:left; display:inline; }
.listing li a { float:left; display:inline; }

.letter_list { width: 100%; overflow: hidden; margin-bottom: 30px;}
.letter_list h1 { float:left; display:inline; font-size: 3em; color: #000; text-shadow:  1px 1px 0 #ffffff; margin-top: -3px; line-height: 1em;}
.letter_list ul { float:right; display:inline; width: 92%;}
.letter_list ul li { padding: 0 0 6px 0; margin-bottom: 6px; font-size: 1.2em; border-bottom: 1px solid #dddddd; text-align: right; overflow: hidden; width: 100%;}
.letter_list ul li a { float:left; display:inline; }

/* Entry Layouts
______________________________________________________________________________________ */


.poster_info { float:left; display:inline; width: 500px; margin-left: 16px;}
.poster_info h2.cufon { font-size: 3em; color: #000000; line-height: 1em; margin-top: -3px; }
h2.cufon { margin-bottom: 24px; margin-top: -12px; font-size: 3em; color: #000000; line-height: 1em;}
h2.cufon span { color: #ce1315;}
.poster_info h3 { font-size: 1.8em; color: #444; font-weight: bold; line-height: 1em; margin: 24px 0; }

.all-caps { text-transform: capitalize;}

.social_links_box { padding:12px 0 36px 0; border-top: 1px solid #ccc; width:100%; overflow: hidden; }
.social_links { width: 100%; overflow: hidden; height: 30px; margin: 0 0 0 0; padding: 0;}
.social_links li { float:left; display: inline; margin: 0 16px 0 0; padding: 0; list-style: none;}
.social_links li.last { margin-right: 0;}
.social_links li.extra_margin { margin-left: 2px;}
.social_links li a { display: block; height: 30px; width: 30px; text-indent: -9999px; background: transparent url(../images/btn_share.png) 0 0 no-repeat;}
#btn_sl_facebook { background-position: 0 0;}
#btn_sl_facebook:hover { background-position: 0 -30px;}
#btn_sl_twitter { background-position: -30px 0;}
#btn_sl_twitter:hover { background-position: -30px -30px;}
#btn_sl_delicious { background-position: -60px 0;}
#btn_sl_delicious:hover { background-position: -60px -30px;}
#btn_sl_stumbleupon { background-position: -90px 0;}
#btn_sl_stumbleupon:hover { background-position: -90px -30px;}
#btn_sl_digg { background-position: -120px 0;}
#btn_sl_digg:hover { background-position: -120px -30px;}
#btn_sl_mixx { background-position: -150px 0;}
#btn_sl_mixx:hover { background-position: -150px -30px;}
#btn_sl_technorati { background-position: -180px 0;}
#btn_sl_technorati:hover { background-position: -180px -30px;}
#btn_sl_newsvine { background-position: -210px 0;}
#btn_sl_newsvine:hover { background-position: -210px -30px;}
#btn_sl_reddit { background-position: -300px 0;}
#btn_sl_reddit:hover { background-position: -300px -30px;}
#btn_sl_rss { background-position: -330px 0;}
#btn_sl_rss:hover { background-position: -330px -30px;}
#btn_sl_email { background-position: -360px 0;}
#btn_sl_email:hover { background-position: -360px -30px;}



/* GENERAL BLOG STUFF
--------------------------------------------------------------------------------------- */

body.blog .main p.crumbs { margin: 0 0 16px 0;}

.sidebar ul ul li,
.sidebar ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike { color: #989383; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { letter-spacing: .07em; }


.right_post { float: right; display: inline; width: 87%; }
.post h6.counter { font-size: 4.3em; float: left; display: inline; color: #bdb8a8; width: 60px; text-align: right; }
.right_post small { display: block; font-size: 1.2em; margin: 3px 0 0 0; }


.main .postmetadata { padding-top: 5px; margin:8px 0; }
.main .small_info { font-size:1.0em; color:#0ebfeb; background:#eefcff; padding:6px 12px;}

.main .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.main .attachment { text-align: center; margin: 5px 0px; }



/* Main Layout
--------------------------------------------------------------------------------------- */

h3.first, img.first { margin-top: 20px; }

.groupbar {color: #000;}
.groupbar a{ line-height: 1.8em;margin: 0 5px; text-transform: uppercase;}


/* Images
--------------------------------------------------------------------------------------- */

p img { padding: 0; max-width: 100%; }

img.centered { border: 1px solid #bbb; background: #ffffff; padding: 9px;}
img.alignright { border: 1px solid #bbb; background: #ffffff; padding: 9px;}
img.alignleft { border: 1px solid #bbb; background: #ffffff; padding: 9px;}
img.aligncenter { border: 1px solid #bbb; background: #ffffff; padding: 9px;}

/* Lists
--------------------------------------------------------------------------------------- 

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets.        */	


.postmetadata ul,
.postmetadata li { display: inline; list-style-type: none; list-style-image: none; }


/* Comments Structure
--------------------------------------------------------------------------------------- */

.alt { margin: 0; padding: 10px; }

.yellow_paper { background: transparent url(../images/divider.gif) bottom left repeat-x; padding-bottom: 54px; margin-bottom: 36px;}

.commentlist { padding: 0;  }
.main_content .commentlist li { margin: 34px 0 3px 22px; padding: 0 0 0 44px; list-style: none; border-left:8px solid #ce1315; background: none; font-size: 1em; font-family: Georgia, serif; font-style: italic; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 16px 0 16px 0; display: block; }
.commentlist small { color: #555555;}
.commentmetadata h5 { font-weight: bold; color: #000000; font-size: 1.2em; margin-bottom: 3px; font-style: normal; }

/* Calendar Structure
--------------------------------------------------------------------------------------- */

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; } /* Doesn't work in IE */


/* Misc.
--------------------------------------------------------------------------------------- */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }


.logged_in { width:94%; padding:0 3%; border:1px solid #aeca61; color:#5baf07; overflow:hidden; background: #e6f7b8; margin-bottom:16px;} /* Width must equal panel_form_box minus 26px */
.logged_in p { margin: 8px 0;  }
.logged_in p a { color:#000000;}

.alert { margin-right: 40px; -moz-border-radius: 6px; -webkit-border-radius:6px;  padding:0 3%; color:#000000; overflow:hidden; text-align:center; background: #fff000; margin-bottom:16px;} /* Width must equal panel_form_box minus 26px */
.alert p { margin: 8px 0; font-size: 1.6em;  }


.back { float: right; display: inline; font-size: 1.2em; margin-top: 8px; }


.top_bar { width: 100%; overflow: hidden; margin-bottom: 12px;}

/* Search Box
--------------------------------------------------------------------------------------- */

.search_box { float: right; display: inline; background: transparent url(../images/bg_search.png) top right no-repeat; width: 241px; height:39px; padding: 3px 13px 0 34px; margin: 34px 26px 0 0; }
.small_search { width:241px; height:18px; padding: 0 0 0 0; font-size:1.2em; color:#999999; border: 0; background: none; margin-top: 8px; }
.small_search:focus { color:#000000; }

#comment_mail_notify { margin-left: 155px; margin-right: 10px; margin-top: 10px;}
p label { font-size: .825em; color: #666666;}

/*IE 8 Below hacks
--------------------------------------------------------------------------------------- */

.poster_item { width /*\**/: 230px\9 }
.poster_item { width: 230px\9 }
.left_details { width /*\**/: 230px\9 }
.left_details { width: 230px\9 }