@import url(//fonts.googleapis.com/css?family=Merriweather);

* { 
	margin: 0; padding: 0; 
} 
 
html {
	background: #fff;
	height: 100%;
}


a img {border:none;}
a:active, a:focus {outline: 0;}
a:focus { outline:none }

body {
	text-align: center;
	border: 0;
	color: #000;
	background: #fff;
	line-height: 22px;
	height: 100%;
	padding: 0;
	margin: 0;
	width: 254px;
}

.panes div {
	display:none;
	margin: 0;		
	height:310px;
	width: 254px;
	font-size:12px;
	background-color:#fff;
	font-family: 'Merriweather', Times New Roman, serif;
	overflow: hidden;
	word-wrap: normal;
	line-height: 13px;
	text-align: left;
}

/* 
	
	To add a scrollbar?
	
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
	
	
	*/
	

.panes .blog p {padding: 10px;}

.panes div a {
	color: #2C85C5; 
		text-decoration: none;
}

.panes div a:hover
{
	color: #EA7900; 
	border-bottom: solid 1px;  
	-webkit-transition:color 1s ease-in;  	   
   -moz-transition:color 1s ease-in;  
   -o-transition:color 1s ease-in;  
   transition:color 1s ease-in;
}



/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:40px;
	font-family: 'Merriweather', Times New Roman, serif;
	text-transform:uppercase;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../../../_img/tabs/bg.jpg) top center repeat-x;
	font-size:13px;
	display:block;
	height: 40px;  
	line-height:40px;
	width: 83px;
	text-align:center;	
	text-decoration:none;
	color:#464646;
	padding: 0px;
	margin:0px;	
	position:relative;
	border-left: 1px solid #fff;
	
}

ul.tabs a.press {width: 84px;}  /* Fixes width discrepancy */


ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background: #f1f1f1;	
	color:#2C85C5;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {	
	cursor:default !important; 
	color:#ea7900 !important;
	background: #fff;
}


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}




/* ***********************************************************************  

TWITTER

*********************************************************************** */ 


.tweet .tweet_list, .query .tweet_list 
{
    list-style-type: none; 
	color: #000; 
	overflow: hidden;
	padding: 10px;
	scrolling: auto;
	
}


.tweet .tweet_list li, .query .tweet_list li 
{
    overflow: hidden;
    padding: 0 0 12px 0; 
	list-style: none; 
	background: url(../../../_img/icon/tweet-tiny.png) left top no-repeat; 
	text-indent: 18px;
	line-height: 15px;
}