/* To display twitter feed on a website */
/* http://www.mivamerchant.com/blog/how-to-make-custom-twitter-feed-for-your-website */
/* above website is depreciated due to twitter api v1.1 */
/* NOW HAVE TO USE OFFICIAL TWITTER WIDGET */

.twitterlogo {
  /* float: right; */
  margin-left: 15px;
  margin-top: -1em; 
  width: 28px;
  height:28px;
}

#twitter_container {
 background: white;
 min-height:25px;
 height:auto !important;
 height:20px;
 margin-top: 1.2em;
 padding: 2px 10px 5px 10px;
 text-decoration: none;
}

#twitter_update_list {
 padding: 0;
 overflow: hidden;
 font-family: Georgia;
 font-size: 12px;
 font-style: italic;
 color: #31353d;
 line-height: 16px;
 font-weight:bold;
 margin-bottom: -1.35em;
}
#twitter_update_list li {
 text-decoration: none;
}

#twitter_update_list li a {
 color: #5f6d76;
 border-bottom: dotted 1px;
 text-decoration: none;
}

#twitter_update_list li a:hover {
 color: #31353d;
 background: #d3f1f9;
}

#twitter_b {
 width: 84px;
 float:right;
 margin-top: 30px;
 margin-right: 2px;
}

#twitter_b a {
 text-decoration: none;
}

a.twitter-timeline {
 color: #000;
 text-decoration: none;
}

#twitter_b { display: block; }
#twitter_b_mobileview { display:none; }


/* RESPONSIVE LAYOUT */
/* 1920px == 24" screen, 1366px == 15" screen, 1280px == my standard desktop, 1024px == a desktop or ipad - landscape */
/* 980px == a tablet, 800px == my tablet in portrait view  */
/* 768px == ipad - portrait, 600px == samsung galaxy tab, or a phone  */


@media (max-width: 980px) {
 #twitter_b { display: none; }
 #twitter_b_mobileview { display: block; margin-top: 1em; }
}

@media (width: 800px) {
 #twitter_b { display: none; }
 #twitter_b_mobileview { display: block; margin-top: 1em; }
}
@media (max-width: 600px) {
 #twitter_b { display: none; }
 #twitter_b_mobileview { display: block; margin-top: 1em; }
}
@media (max-width: 480px) {
 #twitter_b { display: none; }
 #twitter_b_mobileview { display: block; margin-top: 1em; }
}