h2.tut{
	color:white;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	padding:12px 0 0 58px;
	text-transform:uppercase;
	
	text-shadow:2px 1px 6px #333;
}

h2.tut2{
    color:white;
    font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
    font-size:16px;
    padding:12px 0 0 10px;
    text-transform:uppercase;
    
    text-shadow:2px 1px 6px #333;
}

#twitter-ticker, #fb-ticker {
	width:200px;
	background:url(../images/social/slickbg.png) no-repeat #f5f5f5;
	color:#666666;
	display:none;

	text-align:left;
}

#tweet-container, #fb-container{
	width:auto;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}

#fbIcon{
    position:absolute;
    top:-25px;
    right:-8px;
    width:64px;
    height:64px;
}

#top-bar{
    border-top: 1px solid #aac;
	height:45px;
	background: #4bb2f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #4bb2f7 0%, #4aa0e6 10%, #438ad1 25%, #3e89da 37%, #388be4 50%, #257cd3 51%, #43b3eb 83%, #4ee0fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4bb2f7), color-stop(10%,#4aa0e6), color-stop(25%,#438ad1), color-stop(37%,#3e89da), color-stop(50%,#388be4), color-stop(51%,#257cd3), color-stop(83%,#43b3eb), color-stop(100%,#4ee0fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4bb2f7 0%,#4aa0e6 10%,#438ad1 25%,#3e89da 37%,#388be4 50%,#257cd3 51%,#43b3eb 83%,#4ee0fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4bb2f7 0%,#4aa0e6 10%,#438ad1 25%,#3e89da 37%,#388be4 50%,#257cd3 51%,#43b3eb 83%,#4ee0fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4bb2f7 0%,#4aa0e6 10%,#438ad1 25%,#3e89da 37%,#388be4 50%,#257cd3 51%,#43b3eb 83%,#4ee0fa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4bb2f7 0%,#4aa0e6 10%,#438ad1 25%,#3e89da 37%,#388be4 50%,#257cd3 51%,#43b3eb 83%,#4ee0fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb2f7', endColorstr='#4ee0fa',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #aac;
	position:relative;
}

.tweet, .fb{
	padding:5px;
	margin:0 8px 8px;
	
	border:1px solid #F0F0F0;
	background:url(../images/social/transparent.png);
	
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time,
.fb .avatar,
.fb .user,
.fb .time
{
	float:left;
}

.tweet .time, .fb .time {
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img, .fb .avatar img {
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}

.tweet .txt, .fb .txt {
	clear:both;
}

.tweet .user, .fb .user {
	font-weight:bold;
}

#loading{
	margin:100px 95px;
}

/* The styles below are only necessary for the demo page */

#twitter-ticker, #fb-ticket {
	/*margin:40px auto 20px;*/
}