body {
  }

div#skmts-pics {
  }

/*div#tweets {
  width: 50%;
  float: left;
  }

div#pics {
  width: 50%;
  float: left;
  }

*/

div#pics ul li:nth-child(2n) {
/*  position: relative;
  top: -45px;
*/}


div#pics ul {
  font-size: x-small;
  color: #666;
  margin: 0;
  }

div#skmts-pics {
  }

div#skmts-pics a,
div#skmts-pics img,
div#skmts-pics span {
  float: none;
  display: inline;
  }

div#skmts-pics a.pic {
  display: block;
  width: 150px;
  height: 150px;
  background: #e6e6e6;
  }

div#skmts-pics a.pic img {
  display: block;
/*
  -webkit-box-shadow: 2px 2px 10px rgba(0,0, 0, 0.5);
  -moz-box-shadow: 2px 2px 10px rgba(0,0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0,0, 0, 0.5);
*/
  }

div#skmts-pics a.avatar {
  float: left;
  display: block;
  }

div#pics a.avatar img {
	width: 48px;
	height: 48px;
  }

div#skmts-pics p {
  margin-left: 54px;
  }

div#skmts-pics p.id {
  margin-left: 0;
  display: none;
  }

div#skmts-pics p.name {
  padding-top: 3px;
  }

div#skmts-pics a {
  color: #E62173;
  }

div#skmts-pics p.name a.screen-name {
  font-size: 150%;
  font-weight: bold;
/*  text-shadow: #333 1px 1px 1px;
*/  color: #E62173;
  }

div#skmts-pics p.name span.name {
  margin-left: .5em;
  font-weight: bold;
  }

div#skmts-pics p.name {
  }

div#skmts-pics p.message {
  font-size: 110%;
  }

div#skmts-pics p.time {
  color: #ccc;
  margin-top: 1em;
  font-size: xx-small;
  }


div#pics {
  margin: 40px;
  }

div#pics ul li {
  position: relative;
  width: 150px;
  height: 150px;
/*
  width: 150px;
  height: 150px;
  background: #222;
*/
  margin-left: 10px;
  margin-bottom: 10px;
  }

div#pics ul li a.pic {
  display: block;
  }

div#pics ul li a.pic img {
  display: block;
  width: 150px;
  height: 150px;
  }

div#pics ul li:hover div.frame {
  -webkit-box-shadow: 0 0 10px rgba(0,0, 0, 0.75);
  -moz-box-shadow: 0 0 10px rgba(0,0, 0, 0.75);
  box-shadow: 0 0 10px rgba(0,0, 0, 0.75);
  }

div#pics ul li.hover div.frame {
  padding: 20px 0 15px 0;
  left: -50px;
  top: -20px;
  position: relative;
  background: #fff;
  z-index: 1000;
  width: 250px;
  }

div#pics ul li.hover div.frame a.pic {
  margin-left: 50px;
  }





/*

div#pics ul li a.pic:hover {
  }

div#pics ul li.hover {
  }

div#pics ul li.hover a.pic {
  }

*/

div#pics ul li div.info {
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
/*
  position: absolute;
  top: 150px;
*/
/*   z-index: 1000; */
/*   background: rgba(255, 255, 255, 0.95); */

/*   border: 1px solid #fff; */
/*
  -webkit-box-shadow: 0 10px 0 rgba(0,0, 0, 0.75);
  -moz-box-shadow: 0 0 10px rgba(0,0, 0, 0.75);
  box-shadow: 0 0 10px rgba(0,0, 0, 0.75);
*/
  padding: 10px 10px 0 10px;
  width: 230px;
/*   height: 100px; */
  }


div#pics ul li div.info p.loader {
  text-align: center;
  margin: 5px 0 0 0;
  }

div#pics ul li.time {
  background: #f3f3f3;
  }

div#pics ul li.time p {
  margin-left: 10px;
  font-family: georgia;
  font-size: small;
  color: #ccc;
  }

div#pics ul li.time p.date {
  margin-top: 40px;
  }

div#pics ul li.time p.hour {
  font-size: large;
  }

/*
    html.push('<li id="time_' + _time_id + '" class="time">');
    html.push('<p class="date">'date_obj.year + "/" + date_obj.month + "/" + date_obj.day + '</p>');
    html.push('<p class="hour">'date_obj.hh + '</p>');
    html.push('</li>');
*/


div#pic {
  width: 100%;
  height: 400px;
  background-color: rgba(10%, 10%, 10%, 0.9);
  position: fixed;
  top:0;
  z-index: 99999;
  }

div#pic p {
  color: #fff;
  margin-top: 0;
  }

div#pic div.pic-content {
  margin: 20px;
  }

div#pic div.pic {
  float: left;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px #000;
  -moz-box-shadow: 0 0 20px #000;
  }

div#pic div.info {
  font-size: small;
  width: 480px;
  float: left;
  margin-left: 20px;
  }

div#pic div.loader {
  position:absolute;
  top:50%;
  left:50%;
  margin: -24px 0 0 -24px;
  width: 24px;
  height: 24px;
  background: #000;
  padding: 12px;
  }

div#pic div.close {
  position:absolute;
  top:10px;
  right: 10px;
  }

div#pic div.nextprev {
  position:absolute;
  bottom:10px;
  right: 10px;
  }

div#pic div.nextprev a {
  margin-left: 10px;
  }

div#pic a.avatar img {
	width: 73px;
	height: 73px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 20px #000;
  -moz-box-shadow: 0 0 20px #000;
  }

div#pic p {
  margin-left: 90px;
  }



/*
  var html = [];
  html.push('<div class="pic">');
  html.push('<img src="' + obj.pic_img + '" />');
  html.push('</div>');
  html.push('<div class="info">');
  html.push('<a href="http://twitter.com/' + obj.username + ' target="_blank" class="avatar">');
  html.push('<img src="' + obj.avatar_url + '" /></a>');
  html.push('<p class="name"><a href="http://twitter.com/' + obj.username + ' target="_blank" class="screen-name">');
  html.push('@' + obj.username + '</a>');
  html.push('<span class="name">' + obj.name + '</span></p>');
  html.push('<p class="message">' + obj.message + '</p>');
  html.push('<p class="time">' + obj.timestamp + '</p>');
  html.push('</div>');
  return html.join("");
*/

/*

div#tweets ul {
  margin: 0;
  }


div#tweets ul li {
  width: 100%;
  padding-bottom: 10px;
  }





ul#tweets_0 {
  background: #000;
  }
  
ul#tweets_1 {
  background: #666;
  }
  ul#tweets_2 {
  background: #333;
  }
  
  */