/*  
Theme Name: Music by Tyler Walker BETA
Description: BETA version of Music by Tyler Walker.com
Version: 0.2
Author: Wolfe Gleitsman
Author URI: http://wolfestar.net/
*/


html {overflow-y: scroll;}
body {background-color:#fff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
a:link   { color: #2c318c; text-decoration: none; }
a:visited   { color: #404386; text-decoration: none;}
a:hover  {color:#000dff; text-decoration:underline;}
h1 {color:#000; font-size:24px; font-weight:bold; letter-spacing:2px; margin-top:30px; margin-left:17px; text-transform:uppercase;}
h2 {font-weight:bold; float:none; clear:both; font-size:18px; margin-bottom:5px;}
#loading_box {position:absolute; z-index:20; height:66px; width:66px; background-image:url(images/loading.gif); left:50%; margin-left: 223px; top:500px; display:none;}
#centerer {/*padding-left:60px;*/}
#container {width:1000px; height:750px; margin-top:10px; /*padding-left:50px; background-image:url("images/bg-patch.jpg"); background-repeat:no-repeat; background-position:left center;*/}
.entry img {border:2px solid #ccc; }
.dateline {padding-bottom:14px; display:inline-block;}

/* Tooltips */
.tooltip {position:absolute; top:0; left:0; z-index:10; display:none; margin-top:20px; margin-left:-25px;}
#bttns_fb .tooltip {background-image:url("images/tool-tip-fb.png"); background-repeat:no-repeat; width:61px; height:55px;}
#bttns_rss .tooltip {background-image:url("images/tool-tip-rss.png"); background-repeat:no-repeat; width:82px; height:30px;}
#bttns_twitter .tooltip {background-image:url("images/tool-tip-twitter.png"); background-repeat:no-repeat; width:90px; height:35px;}

/* Left side */
#left_column {width: 488px; display:block; margin:0; padding:0; float:left;}
#left_01 {background-image:url("images/beta_01.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:488px; height:61px; text-align:left;}
#left_01 h1, .faux-left_01h1 {text-transform:uppercase; font-size: 11px; font-weight:bold; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; margin-left:18px;padding:0; padding-top:16px; color:#bdcbd2; letter-spacing:2px; line-height:15px;}
.faux-left_01h1 {position:absolute; top:25px;}
#left_02 {background-image:url("images/beta_03.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:488px; height:186px;}
#left_03 {background-image:url("images/beta_06.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:488px; height:57px;}
#left_04 {background-image:url("images/beta_08.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:488px; height:251px;}
#widget_holder {margin-left:22px; padding:0;}
#widget_holder2 {left:-120px; top:-10px; padding:0px; position:relative; z-index:5; width:620px; height:440px; background-image:url("images/player-bg2.png"); background-repeat:no-repeat;}
#widget_holder3 {left:25px; top:-32px; position:relative; z-index:5; width:455px; height:400px; background-image:url("images/player-bg3.png"); background-repeat:no-repeat; padding:25px; padding-left:10px; }
.widget {float:left; width:300px; display:inline-block; text-align:center;  font-size:10px; color:#999; margin:5px; padding:0;}
.widget-horizontal {width:400px; display:inline-block; text-align:center;  font-size:10px; color:#999; margin:5px; padding:0;}
#left_04 p {text-align:right; width:456px; font-size:10px; color:#999; margin:0; padding:0;}
#left_05 {background-image:url("images/beta_10.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:488px; height:184px;}



/* Right side */
#bttns_box {float:right; margin-right:20px; margin-top:17px; position:relative;}
#bttns_box a {margin-left:5px;}
#bttns_rss a:hover {height:100px; background-image:url("images/tool-tip-rss.png"); background-repeat:no-repeat; background-position:center bottom;}
#right_column {width:512px; display:block; margin:0; padding:0; float:right; position:relative; z-index:2;}
#right_01 {background-image:url("images/beta_02.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:512px; height:130px;}
#right_02 {position:relative; background-image:url("images/beta_04.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:285px; height:110px; float:left; text-align:left; }
#right_02 p {margin-top:25px; font-weight:bold; font-size:12px; text-transform:uppercase; letter-spacing:1px; word-spacing:2px;}
#right_03 {background-image:url("images/beta_05.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:227px; height:110px; float:right;}
#right_04 {background-image:url("images/beta_07.jpg"); background-repeat:no-repeat; margin:0; padding:0; width:512px; height:499px; float:none; clear:both; text-align:left; position:relative; z-index:0;}
#right_04a {background-image:url("images/beta_07a.png"); background-repeat:no-repeat; margin:0; padding:0; width:399px; height:12px; position:relative; z-index:10; }
#right_04b {background-image:url("images/beta_07b.png"); background-repeat:no-repeat; margin:0; padding:0; width:113px; height:53px; position:relative; z-index:10; position:relative; left:399px; top:-12px;}
#right_04c {background-image:url("images/beta_07c.png"); background-repeat:no-repeat; margin:0; padding:0; width:70px; height:57px; position:relative; z-index:10; position:relative; left:455px; top:-60px;}
#text_container {width:452px; height:424px; overflow:auto; text-align:justify; font-size:12px; line-height:18px; display:block; position:relative; top:-62px; padding:18px; padding-top:52px; padding-right:24px; position:relative; z-index:1; overflow-x:hidden;}
#text_container p {margin:0; padding:0; margin-bottom:20px;}

/* Wide Content Page */
#text_container.wide_content {width:880px; height:530px; overflow:auto; text-align:justify; font-size:12px; line-height:18px; display:block; position:relative; top:-182px; left:-450px; padding:18px; padding-top:52px; padding-right:24px; position:relative; z-index:10; overflow-x:hidden; background-color:#ffffff; border:1px solid #f2f2f2; -moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.35); box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.35) ;}
#right_02.wide_content {position:absolute; top:60px; left:-460px; padding-left:20px; width:700px; background-color:#ffffff; background-image:none; border:1px solid #f2f2f2; -moz-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.15); z-index:50;}
#album-banner.wide_content {display:none;}
#widget_holder3.wide_content {display:none;}
#bttns_fb .wide_content {background-color:blue;}
#bttns_twitter .wide_content {background-color:blue;}
#bttns_rss .wide_content {background-color:blue;}

/* Wordpress stuff */
#comment {width:440px;}
.commentlist {list-style-position:inside; padding-left:4px;}
.commentlist li {}
.commentlist cite {padding-left:7px;}
.commentlist small {padding-left:20px;}
.commentlist p {margin-left:20px !important;}
img.wp-smiley {border:none !important;}
#captcha {border:none;}
.alignright {float:right;}
.alignleft {float:left;}
img.centered {display: block; margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.navigation {margin:0; padding:0; padding-bottom:25px; display:block;}
.author {background-image:url("images/author_underline.png"); background-repeat:no-repeat; background-position:20px 18px; border-top:solid 2px #edf6fd; background-color:#FFF; border-bottom:solid 2px #edf6fd; margin-bottom:8px; padding-top:8px;}
.author cite {font-weight:bold; }
.author p {}
.post {margin-bottom:36px;}

/* iTunes Widget */

div.eia_top div.eia_screenshots_frame {
	max-width:96%;
	overflow:visible;
	border:none;
}
.eia_top div:nth-of-type(3), .eia_screenshots img {
	display:none;
}
.eia_screenshots img:nth-child(3){
	display:block;
	max-width:98%;
}


/* Sociable Plugin 
.sociable {font-size:10px; margin:0px; padding:0px; margin-top: 16px; margin-left:11px;}
.sociable img {padding:0px; background:none; border:none;}
.sociable a {border:none; color: 000;}
.sociable p {margin:0px; padding:0px;}
.sociable_tagline {margin-top:5px; float:left;}
.sociable-hovers {border:0;}
.sociable-hovers {opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
.sociable-hovers:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
.sociable ul {display: inline; margin: 0 !important; padding: 0 !important;}
.sociable li {background: none; display: inline !important; list-style-type: none;	margin: 0;	padding: 0px; margin-left: 8px !important;}*/

/* Share Buttons */
#share-buttons {font-size:10px; margin:0px; padding:0px; margin-top: 16px; margin-left:2px; margin-bottom:30px; display:block; height:21px; padding-top:4px; clear:both; float:none;}
#share-buttons a {border:none; color: 000;}
#share-buttons p {margin:0px; padding:0px;}
#share-buttons img {padding:0px; background:none; border:none;}
.share-tagline {padding-top:3px; float:left; margin:0; margin-right:4px;}
.share-hovers {border:0;}
.share-hovers {opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
.share-hovers:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
#share-buttons ul {display: inline; margin: 0; padding:0; position:relative; float:left; }
#share-buttons li {background: none; display: inline !important; list-style-type: none;	margin: 0; padding:0px; padding-left:7px; padding-bottom:3px;}
.share-buttons-first {}
.facebook-box {height:21px; float:left; width:72px; display:block; margin-right:4px;}
.plus-box {height:21px; width:70px; float:left; display:block; padding-top:3px;}

/* Footer */
#footer {width:1000px; height:11px; background-image:url("images/beta_11.jpg"); background-repeat:no-repeat; margin:0; padding:0; float:none; clear:both; text-align:left;}
#footer p {text-transform:uppercase; font-size: 9px; font-weight:bold; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; margin-left:18px; padding:0; color:#bdcbd2; letter-spacing:1px; line-height:15px;}
#footer a:link   { color: #a6c8d9; text-decoration: none; }
#footer a:visited   { color: #c7d0d5; text-decoration: none;}
#footer a:hover  {color:#8ab1c4; text-decoration:underline;}

/* Special Floating Items */
#album-banner {margin:0; padding:0; position:relative; z-index:10; left:385px; top:-810px; height:250px; width:246px; background-image:url("images/tropical-square-dance-crisis-bttn.png"); background-repeat:no-repeat; display:inline-block;}

/* SoundCloud Widget */
.widgetContainer, .multiTracks, .singleTrack {background:none;}
.multiTracks {background:none;}
.multiTracks__playerContainer {}
.singleTrack__artworkContainer {} /*shrink artwork box */
.singleTrack__artworkMode .singleTrack__content {} /* extend waveform horizontally */
.singleTrack__upperPart {height:29px;}
.singleTrack__buttonContainerWrapper {width:24px;}
.singleTrack__buttonContainer {height:24px; width:24px;}
.playerButton__svgContainer {height:24px; width:24px;}

.multiTracks__setMode .multiTracks__tracklistContainerWrapper {bottom:0;}
.setDetails {display:none;}