/*** Top Menu ***/

ul.fabble-menu{
	background-color:#000000;
	padding:10px 10px 5px 10px !important;
	margin:10px 0 !important;
	text-align:right;
}

ul.fabble-menu a{
	text-decoration:none;
}

ul.fabble-menu li{
	display:inline;
	margin:5px !important;
	background-color:none;
	padding:5px !important;
	background-image:none;
	border:1px solid transparent;
}

ul.fabble-menu li:hover,
ul.fabble-menu li.fabble-active{
	background-color:#ffffff;
	border-bottom:0;
	padding-bottom:6px !important;
}

/*** End top menu ***/
#fabble-container h1{
	float:left;
	width:200px;	
}
#fabble-search{
		text-align:right !important;
}

#fabble-applications{
	clear:left;
}

#fabble-left{
	float:left;
	width:20%;
}

.fabble-clear-left{
	margin-left:20%;
}

#fabble-left h3{
	clear:left;
}

#fabble-center{
	margin-left:20%;
	margin-right:33%;
	padding:0 1em;
	border-right:1px dotted #666;
	border-left:1px dotted #666;
	background-color:#ffffff;
}

#fabble-center ul{
	padding-left:0;	
}

#fabble-right{
	float:right;
	background-color:#E0EBEF;
	width:32%;
}

#fabble-right #josForm, #fabble-right h2{
	margin:15px;
	padding-top:10px;
}


.todo{
	clear:oth;
	border:1px dotted #333;
	padding:10px;
	margin-top:150px;
}

/*** Side menu ***/

ul.fabble-side-menu{
	list-style:none;	
	margin:0;
	padding:0;
}

.fabble-side-menu li{
	background-image:none;
	margin-right:15px;
	padding:2px 0;
}
.fabble-side-menu li.open{
	background-color:#ffffff;
}

.fabble-side-menu li:hover{
	background-color:#fcfcfc;
}

#fabble-right #fabble-notifications{
	background:transparent;	
}

/*** End side menu ***/

/*** Center content ***/

#fabble-is_currently-form{
	margin-bottom:2em;
}

#fabble-menu-content > li{
	padding-left:0;
	}
ul.fabble-list{
	list-style:none;
	padding:0;
}

.light{
	color:#ccc;
}
ul.fabble-list>li{
	/*clear:left;*/
	background-image:none;
	border-top:1px dotted #aaa;
	padding:0.7em 0 0.5em 0;
	min-height:40px;
}

ul.fabble-list li.fabble-empty-listitem{
	border-top:0px;
}

.popup{
	background-color:#FFFFFF;	
	padding:10px;
	border:2px solid #CCCCCC;
}


ul.fabble-hover-list li{
	padding-left:0;
}

ul.fabble-list li.fabble-empty-message{
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	background-color:#FFDCBF;
		
}

ul.fabble-list li p{
	line-height:1.5em;
}

ul.fabble-list .fabrik-li-controls,
ul.fabble-side-menu .fabrik-li-controls
{
	float:right;
	width:30%;
}

.fabrik-li-controls li{
	padding:10px 0;	
}

.fabble-thumb{
	display:block;
	float:left;
	margin:0 10px 0 0;
	min-height:50px;
}

a.fabble-thumb img{
	padding:1px;
	border:2px solid #DDD !important;
}

.fabble-empty{
	padding:10px;
	border:1px dotted #aaccff;
}

/*** feed icons ***/
ul.fabble-list li.is-currently{
	padding-left:2em;
	background:url(../images/user.png) no-repeat left 30%;
}

ul.fabble-list li.friends{
	padding-left:2em;
	background:url(../images/action_add.png) no-repeat left 30%;
}

ul.fabble-list li.application{
	padding-left:2em;
	background:url(../images/application.png) no-repeat left 30%;
}

ul.fabble-list li.comment{
	padding-left:2em;
	background:url(../images/comments.png) no-repeat left 30% ;
}

/*** end feed icons ***/

/*** buttons ****/
.fabble-delete,
.fabble-add,
.fabble-edit,
.fabrik-preview{
	padding-left:2em;
	padding-bottom:1em;
	color:#D4A70B;
	padding-right:1em;
}

.fabble-add{
	color:#000;
	background:url(../images/add.png) no-repeat top left;
}

.fabble-edit{
	background:url(../images/reply.png) no-repeat top left;
}

.fabble-delete{
	background:url(../images/action_delete.png) no-repeat top left;
}

.fabrik-preview{
	background:url(../images/view.png) no-repeat top left;
}

.fabble-message{
	background-color:#FFFFFF;
}

/*** headings ****/

h1, h2, h3, h4{
padding-top:0;
margin-top:0 !important;
}

/** lifestream icons **/

li.twitter{
	background: transparent url('../images/icons/twitter.png') no-repeat top left;
	padding-left:20px;
}

li.delicious{
	background: transparent url('../images/icons/delicous.png') no-repeat top left;
	padding-left:20px;
}

li.hypemachine{
	background: transparent url('../images/icons/feed.png') no-repeat top left;
	padding-left:20px;
}

li.stumbleupon{
	background: transparent url('../images/icons/stumble.png') no-repeat top left;
	padding-left:20px;
}

li.googlereader{
	background: transparent url('../images/icons/stumble.png') no-repeat top left;
	padding-left:20px;
}

li.youtube{
	background: transparent url('../images/icons/youtube.png') no-repeat top left;
	padding-left:20px;
}

li.flickr{
	background: transparent url('../images/icons/flickr.png') no-repeat top left;
	padding-left:20px;
}

li.hypem{
	background: transparent url('../images/icons/hypem.png') no-repeat top left;
	padding-left:20px;
}

.fabble-toggle-content{
	padding:15px;	
}