/* Whatevermakesmylifeeasier.com
Author:	 Karl Norling <karl@whatevermakesmylifeeasier.com>
--------------------------------------------------------------------*/

/* CSS Reset Rules
--------------------------------------------------------------------
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
--------------------------------------------------------------------*/
html{color:#000;background:#FFF;margin:0;padding:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html{margin: 0; padding: 0; width: 100%; background: #353535; }
body{ font-family: helvetica, arial, sans-serif; font-size: 62.5%; margin: 0; padding: 0; background: #353535; color: #f1f1f1; width: 100%; height: 100%; text-align: left;}
h1{ color: #ffff00; display: block; font-size: 42px; padding: 15px 20px 0 20px; width: 680px; text-align: left;}
p{font-size: 13px; padding: 15px 20px 0 20px;}
p a{text-decoration: none; color: #ffff00;}
p a:hover{text-decoration: underline; color: #ffff00;}
ul.tweets{ width: 100%; text-align: left;}
li.tweet{display: none; margin: 15px; padding: 10px; height: 210px; width: 400px; background: #777; float: left; display: inline; position: relative; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-moz-border-radius: 10px; box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000;}
li.tweet p{width: 250px; display: inline; float: left; margin: -3px 0 0 10px; font-size: 14px; line-height: 22px; color: #f1f1f1; padding: 0;}
li.noimages p{width: auto;}
li.tweet p em{font-size: 13px; font-style: italic; color: #f3f3f3;}
li.tweet p a{ text-decoration: none; color: #ffff00;}
li.tweet p a:hover, a{ text-decoration: underline; color: #ffff00;}
li.tweet p span.artist {color: #333;}
li.tweet ol.images{width: 132px; height: 132px; display: inline; float: left;overflow: hidden;}
li.tweet li{width: 132px;width: 132px;}
li.tweet li a {display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-moz-border-radius: 3px; border: 3px solid #ffff00;}
li.tweet ol.images li a img{display: block;}