/* Space out content a bit */
body {padding-top: 20px;padding-bottom: 20px;background:url(../images/background-1.jpg);}
body #feed {width:100%;}
body .container {width:800px;margin:0 auto;}
body #context {width:100%; height:600px;margin:0 auto;background:#CCC;}
h1 {font-size: 60px;font-weight: bold;text-align:center;height:240px;}
h1 img {display:none;}

.unselectable {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}
.selectable {-moz-user-select: text;-khtml-user-select: text;-webkit-user-select: text;-o-user-select: text;user-select: text;}
.cf:before, .cf:after {content: "\0020"; display: block; height: 0; overflow: hidden;}
.cf:after { clear: both; }
.cf { zoom: 1; } 
.clear-left {clear:left;} 
.clear-right {clear:right;}

div.tweet {padding: 10px 20px;border-radius: 10px;position:relative;width:100%;background:#F3F3F3;font-size:12px;font-family: "Arial", "Helvetica Neue", Helvetica, Arial, sans-serif;overflow:hidden;text-align:left;margin:20px 0;} 
div.tweet div.tweet-media {width:100%;float:left;}
div.tweet div.tweet-media img {width:100%;}
div.tweet div.tweet-header {width:100%;float:left;font-family:"Arial","Helvetica Neue", Helvetica, sans-serif;font-weight:bold;}
div.tweet div.tweet-header div.user-profile-image {width:68px;height:58px;display:inline-block;position:relative;margin:0px;}
div.tweet div.tweet-header div.user-profile-image a {display:block;}
div.tweet div.tweet-header div.user-profile-image img {width:48px;height:48px;margin:10px 10px 0px 10px;display:block;border-radius:5px;}
div.tweet div.tweet-header div.user-name {max-width:150px;display:inline-block;font-size:15px;margin:0px;position:relative;font-weight:normal;color:#000}
div.tweet div.tweet-header div.user-name a {/*color:#8D9AA3*/}
div.tweet div.tweet-header div.user-name a.screen-name {color:#8D9AA3;text-decoration:none;display:inline;}
div.tweet div.tweet-header div.user-name span.screen-name {font-size:15px;}
div.tweet div.tweet-content {float:left;margin:20px 0px;width:100%}
div.tweet div.tweet-content p {font-size:24px;}

div.tweet div.tweet-content p a{font-family: 'Arial', "Helvetica Neue", Helvetica, sans-serif;word-wrap:break-word;}
div.tweet div.tweet-content p a.link {word-wrap:break-word;word-break:break-all;-ms-word-break:break-all;white-space:pre-line;display:inline-block;/*color:#8D9AA3*/}
div.tweet a {text-decoration:none; color:#8D9AA3 !important}
div.tweet a:hover {text-decoration:underline;}

div.tweet div.tweet-footer {font-size:14px;margin:15px 0;font-family:"Arial","Helvetica Neue", Helvetica, sans-serif;position: relative;bottom: 0px;right: 0px;width:100%;}
div.tweet div.tweet-footer a {display:inline-block;margin:0px 5px;float:right;color:#BBB !important;margin:0px 15px 0px 0px;}
div.tweet div.tweet-footer a.timestamp {float:left;margin:0px 0px 0px 0px;text-decoration:none;}
div.tweet div.tweet-footer a.timestamp:hover {color:#8D9AA3 !important}

div.tweet div.tweet-footer span.twitter-icon {background:url(../images/social-icons-updated-2.png);display:inline-block;width:0px;height:20px;float:right;cursor:pointer;}

div.tweet div.tweet-footer span.reply-icon {background-position:-132px -31px;width:25px;}
div.tweet div.tweet-footer span.retweet-icon {background-position:-166px -32px;width:30px;margin-top:2px;}
div.tweet div.tweet-footer span.favorite-icon {background-position:-206px -30px;width:20px;}

div.tweet div.tweet-footer span.reply-icon:hover {background-position:-132px -51px}
div.tweet div.tweet-footer span.retweet-icon:hover {background-position:-166px -52px;}
div.tweet div.tweet-footer span.favorite-icon:hover {background-position:-206px -50px;}

div.tweet ul {list-style: none;display:block;}
div.tweet li {display:inline-block;}
div.tweet li div.jmol-context {width:220px; height:220px;background:none;cursor:pointer; float:left;}