﻿* { padding: 0; margin: 0; }

body, html
{
	height:100%;
	margin:0px;
	font-family:Tahoma;
	font-size:80%;
	background-repeat:repeat-y;
	background-position:center;
	
	background-color:#2a4d51;
	background-image:url( "/Public/Images/Backgrounds/Main.gif" );
	scrollbar-base-color: #225114;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #2a4d51;
	scrollbar-darkshadow-color: #0da7b1;
	scrollbar-face-color: #2a4d51;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #009099;
	scrollbar-track-color: #cdeded; 
	margin-top:10px;
	
}

h1.JibaHeading a
{
	color:#9bcb68;
	text-decoration:none;
}

h1.JibaHeading a:hover
{
	text-decoration:underline;
}



h1.JibaHeading
{
	color:#9bcb68;

	font-weight:normal;	
	margin:-4px 0px 10px 0px;
	font-size:280%;
	padding:0px;
	
}

.LatestMessages h1.JibaHeading
{
	font-size:180%;
}

.ContentBlock p 
{
	color:#FFFFFF;
	font-size:120%;
	line-height:140%;
}

.Now
{
	color:#a7df77;
	font-weight:bold;	
}

.ContentBlock p.Information
{
	font-size:100%;	
}

.Jiba p
{
	margin-bottom:15px;	
}

textarea { font-family:Tahoma; color:#a1a2a6; }

.Poll
{
	border-top:1px solid #09989e;
	border-bottom:1px solid #09989e;
	color:#FFFFFF;
	padding-top:15px;
	padding-bottom:15px;
	font-size:120%;
	line-height:150%;
}

.NoBorderBottom {border-bottom:none;}

ul.poll {padding-top:15px;}
/*------------------ POLLS --------------------*/
fieldset.form div.multiChoice ul.pollResults { height:auto; width:100%;margin-top:10px; }
fieldset.form div.multiChoice ul.pollResults li {list-style-type:none; }
fieldset.form div.multiChoice ul.pollResults li { float:left;   margin-bottom:0.3em; height:20px;}
fieldset.form div.multiChoice ul.pollResults li { background-color:#ab7d01; }
fieldset.form div.multiChoice ul.pollResults li { width:100%; }
fieldset.form div.multiChoice ul.pollResults li span { display:block; color: #FFFFFF; background-color:#feba00; font-size:80%; height:100%;}
fieldset.form div.multiChoice ul.poll label { margin-bottom:0; padding:2px; }
fieldset.form div.multiChoice ul.pollResults li div{ position:absolute; top:0px; left:0px; margin-left:10px;}
fieldset.form div.multiChoice ul.pollResults li div.Percentage{ text-align:right; width:93%;}
fieldset.form div.multiChoice ul.pollResults li { position:relative; }

fieldset.form div.multiChoice label { margin-bottom:1em; padding:4px;  }
fieldset.form div.multiChoice label:hover { background-color:#009099; color:#fff; }
fieldset.form div.multiChoice label input { border:none; margin:0 0.55em 0 0; }

fieldset.form label { display: block; text-transform: lowercase;  margin: 0 0 .45em 0; width: auto; float: none; }
fieldset.form .poll label{text-transform: none;}

/*------------------ CLEARING FLOATS HACK --------------------*/
.fc:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.fc {display:inline-block;clear:both;}

/* Hides from IE-mac \*/
* html .fc {height:1%;}
.fc {display:block;}
/* End hide from IE-mac */

ul.RelatedJibas li { margin:0px 0px 15px 0px; }
ul.RelatedJibas .Profile, ul.RelatedJibas .Posted { float:left; font-size:80%; }
ul.RelatedJibas .PostedFloat{ padding-left:6px; float:left; margin-top:8px; color:#e8e7e7;font-size:100%;}
ul.RelatedJibas .Posted{ margin:18px 0px 0px 6px; padding:0px;}
ul.RelatedJibas blockquote a { color:#f9ffff; clear:both; }
ul.RelatedJibas blockquote a span { color:#b2e676; clear:both; font-size:105%;}
ul.RelatedJibas blockquote { font-size:110%; clear:both; padding:5px 0px 3px 0px;}
div.RelatedJibas { border-top:1px solid #09989e; }
ul.RelatedJibas { list-style-type:none; }

h2.Graphic {  background-color:transparent; background-repeat:no-repeat; margin-bottom:15px; text-indent:-9999px; }
h2.Categories { background-image:url(/Public/Images/Categories.gif); height:31px;}
h2.YourComments{background-image:url(/Public/Images/YourComments.gif); height:30px;}
h2.AboutJibaJaba{background-image:url(/Public/Images/AboutJibaJaba.gif); height:30px;}
h2.TermsAndConditions{background-image:url(/Public/Images/TermsAndConditions.gif); height:30px;}
h2.ContactUs{background-image:url(/Public/Images/ContactUs.gif); height:30px;}
h2.Privacy{background-image:url(/Public/Images/Privacy.gif); height:30px;}
h2.LinkToThis{background-image:url(/Public/Images/LinkToThis.gif); height:25px;}
h2.GetVoting { background-image:url(/Public/Images/GetVotingDark.gif); height:31px;}
h2.PromotedJibas { background-image:url(/Public/Images/PromotedJibas.gif); height:31px;}
h2.JoinCommunity { background-image:url(/Public/Images/JoinCommunity.gif); height:31px;}
h2.LatestTweets { background-image:url(/Public/Images/LatestTweets.gif); height:31px;}
h2.WeNeedHelp { background-image:url(/Public/Images/WeNeedHelp.gif); height:61px;}




h2.LeaderBoard { background-image:url(/Public/Images/LeaderBoard.gif); height:72px;}

div.Dark h2.JibaJabaNow { background-image:url(/Public/Images/Jiba-Jaba-NowDark.gif); margin-top:0px; height:57px;}
h2.JibaJabaNow { background-image:url(/Public/Images/Jiba-Jaba-Now.gif); margin-top:30px; height:57px;}

h2.RelatedJibas { background-image:url(/Public/Images/RelatedJibas.gif); margin-top:25px; height:32px;}

.YouTubeVideo { margin-bottom:20px; }

div.Categories
{

	border-bottom:1px solid #09989e;
	padding:0px 0px 20px 0px;
}


div.Categories ul li, div.UndefinedTrends ul li
{
	float:left;
	width:90px;

	background-image:url(/Public/Images/Arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 14px;
}

.UndefinedTrends
{
	margin-top:20px;	
	
}

div.UndefinedTrends ul li
{
	float:none;
	width:100%;
}

div.UndefinedTrends ul
{
	margin-top:10px;	
}

div.Categories ul, div.UndefinedTrends ul
{
	list-style-type:none;

}

div.Categories ul a, div.UndefinedTrends ul a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:110%;
}

div.Categories ul a:hover, div.UndefinedTrends ul a:hover
{
	text-decoration:underline;
}

div.SearchBox
{
	margin-bottom:20px;
}

input.SearchBox
{
	color:#818181;
	background-image: url("/Public/Images/Backgrounds/SearchBox.gif"); /*Here we load the background image */
	background-repeat: no-repeat;
	font-size:12px;
	height: 21px; /*we specify the the object dimensions like the image dimensions*/
	width:172px;
	margin:0px;
	padding: 3px 0px 0px 3px; /*without padding, the text will start from upper-left corner*/
	border: 0px none; /*we do not need any border*/
	float:left;
}


.SearchButton
{
	height: 24px;
	margin:0px;
	float:left;
}

img
{
	border:0px;
}

h2
{
	font-size:160%;

}

#Page
{
	margin:auto;
	width:1198px;
	height:100%;
	background-image:url( "/Public/Images/Backgrounds/Main.gif" );
	
}

#Header
{
	height:127px;
}

blockquote a
{
	color:#000000;
	text-decoration:none;
}

blockquote a:hover
{
	text-decoration:underline;
}

blockquote
{
	font-size:500%;
}

blockquote
{
	margin:0px;
	padding:0px;
}

blockquote span
{
	font-size:120%;
}

.Logo
{
	float:left;
}



.Stats p { float:left; width:70px; }
.Stats p.Posts { margin-right:10px;  }
.Stats
{
	height:31px;
	padding:10px;
	margin:18px 0px 0px 120px;
	float:left;	
	font-size:110%
}

.Follow
{
	float:left;	
	width:290px;
	text-align:right;
}

.Stats .Posts 
{
	border-right:1px solid #018f9b;
}

.Stats a
{
	color:#97f8fe;
	text-decoration:none;
}

.Stats a:hover
{
	text-decoration:underline;	
}

.Counter
{
	font-size:140%;
	font-weight:bold;
}

.Spacer { margin-bottom:7px; }

.ContentBlock
{
	width:215px;
	padding:0px 0px 0px 28px;	
}

#LeftColumn
{
	float:left;
	width:602px;
	padding:0px 30px 0px 30px;
	overflow:hidden;
}

#LeftColumn blockquote
{
	font-size:170%;
	margin-top:-3px;
}

#MiddleColumn
{
	float:left;
	width:268px;
}

#RightColumn
{
	float:left;
	width:268px;
}

#Footer
{
	clear:both;
	font-size:90%;
}

.LatestMessage p, .LatestMessage h2
{
	margin:0px;
}

.LatestMessage p
{
	font-size:90%;
}

#LeftColumn .LatestMessages blockquote
{
	font-size:150%;
}

fieldset
{
	border:0px;
}

.Textbox, .TextboxUrl, .List
{
	border:1px solid #a1a2a6;
	padding:3px;
}

.Captcha { padding-top:10px; }
.Captcha p { font-size:100%; padding:0px 0px 5px 0px; }
.Captcha p a { color:#FFFFFF }

.SecurityTextbox
{
	border:1px solid #4f4f4f;
	margin:0px;
	padding:3px;
	
	
	width:194px;
}

.CreateMessage
{
	
}

.CounterTextbox
{
	border:1px solid #FFFFFF;
	border:none;
	font-family:Times New Roman;
	font-size:200%;
	font-weight:bold;
	color:#80d8dc;
	text-align:right;
	background-color:#07838b;	
}

div.Dark .CounterTextbox 
{
	background-color:#1f5d63;	
}

.Vote
{
	background-image: url("/Public/Images/Vote.gif");
	height:24px;
	width:61px;
	border:none;
}

/*
	width:208px;
	color:#484848;
	height:21px;
	font-size:200%;	
	line-height:150%;
*/

.List
{
	font-size:11px;
	color:#a1a2a6;

	width:205px;
	margin:0px;
	padding: 3px 0px 0px 3px; /*without padding, the text will start from upper-left corner*/

}

.CreateMessage .Textbox, .UserNameTextBox, .MyFirstAlbum .Textbox
{

	
	background-image: url("/Public/Images/Textbox.gif"); /*Here we load the background image */
	background-repeat: no-repeat;
	font-size:11px;
	color:#a1a2a6;
	height: 18px; /*we specify the the object dimensions like the image dimensions*/
	width:205px;
	margin:0px;
	padding: 3px 0px 0px 3px; /*without padding, the text will start from upper-left corner*/
	border: 0px none; /*we do not need any border*/
	float:left;
}

.CreateMessage .TextboxMessage
{
	font-size:130%;	
	font-weight:bold;
	height:146px;
	border: 0px none;
	background-image: url("/Public/Images/Textarea.gif"); /*Here we load the background image */
	
}

.CommentInput .Textbox { background-image: url("/Public/Images/TextboxWhite.gif"); }
.CommentInput .TextboxMessage
{
	background-image: url("/Public/Images/TextareaLarge.gif"); /*Here we load the background image */
	height:146px;
	width:337px;
	border: 0px none;
	padding: 3px 0px 0px 3px;
}

.Comments .FormRow label
{
	color:#515151;	
}



.CommentTextBox
{
	font-size:200%;	
	font-weight:bold;
	height:200px;
	width:930px;
}

.CreateMessage
{
	width:208px;
}

.CreateMessage .TextboxUrl
{
	
	width:270px;
	position:absolute;
	border-left:none;
	padding:2px 0px 0px 0px;
	height:33px;

}

.PaddedButtonRow
{
	margin-top:10px;
}

.ButtonRow
{
	text-align:right;	
}

.FormRow
{
	padding-bottom:20px;
	clear:both;
}

.FormRow label
{
	color:#FFFFFF;
	display:block;
	margin:10px 0px 3px 0px;
}



/* BLOG */

.BubbleBottom
{
	color:#e8e7e7;
}

.BubbleBottom p
{
	float:right;
	padding-left:20px;
	background-image:url("/Public/Images/CommentsIcon.gif");
	background-position:0px 2px;
	background-repeat:no-repeat;
}


.Bubble .BubbleBottom a, .Bubble .BubbleBottom
{
	color:#9df9ff;
}

.Bubble img, .Bubble .Jiba
{
	float:left;
}

.Bubble .Jiba
{
	width:480px;
	margin-left:15px;	
}
	
.MainBubble img { float:none; }
	
.MainBubble .Jiba
{
	width:565px;
	float:none;
	margin-left:0px;	
}


p.Posted
{
	padding-top:15px;
	color:#e8e7e7;
}



p.PostedNoMargin
{
	padding-top:0px;
	margin-top:-10px;
}

div.Tags{ color:#e4ebdb; margin-top:10px;}

.Posted a { color:#9df9ff; text-decoration:none; }
.Posted a:hover { color:#9df9ff; text-decoration:underline; }

.Bubble a, .Bubble blockquote, .BubbleBig blockquote
{
	color:#FFFFFF;

}

.BubbleBig a
{
	color:#FFFFFF;
}

.Bubble, .Comments
{
	width:607px;	
}

.Bubble blockquote
{

	overflow:hidden;
}


.WhiteBubbleMiddle label
{
	font-size:70%;
	color:#525252;
}

.WhiteBubbleMiddle input
{
	color:#525252;
}

.WhiteBubble{ margin-bottom:15px; }
.WhiteBubbleMiddle .ButtonRow { padding-right:30px; } 
.WhiteBubbleTop
{
	background-image:url( "/Public/Images/WhiteBubbleTop.gif" );
	height:17px;
	background-repeat:no-repeat;
}

.WhiteBubbleMiddle
{
	background-color:#FFFFFF;
	padding-left:20px;
}

.WhiteBubbleBottom
{
	background-image:url( "/Public/Images/WhiteBubbleBottom.gif" );
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:right;
	height:17px;
}


.Comments{ margin-bottom:15px; }
.CommentsMiddle .ButtonRow { padding-right:30px; } 
.CommentsTop
{
	background-image:url( "/Public/Images/CommentsTop.gif" );
	height:16px;
	background-repeat:no-repeat;
}

.CommentsMiddle
{
	background-color:#FFFFFF;
	padding-left:20px;
}

.CommentsBottom
{
	background-image:url( "/Public/Images/CommentsBottom.gif" );
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:right;
	height:16px;
}

.BubbleTop
{
	background-image:url( "/Public/Images/Backgrounds/HomePageQuoteTopLarge.gif" );
	height:22px;
	background-repeat:no-repeat;
}


.BubbleMiddle
{
	background-color:#009099;
	padding-left:20px;

}

.LetterCount6 blockquote{ font-size:1600%; }
.LetterCount5 blockquote{ font-size:1800%; }
.LetterCount4 blockquote{ font-size:2000%; }

.BubbleBottom
{
	background-image:url( "/Public/Images/Backgrounds/HomePageQuoteBottomLarge.gif" );
	background-color:#009099;
	background-repeat:no-repeat;
	background-position:bottom;
	padding-left:10px;
	padding-top:15px;
	padding-bottom:35px;
	padding-right:30px;
	text-align:right;
	margin:0px 0px 30px 0px;
}

.MainBubble .BubbleBottom
{
	padding-bottom:20px;
}


ul.CommentList 
{
	list-style:none;
	margin:0px;
	padding:0px;
}






.Button
{
	background: none;
	width: auto;
	height: auto;
	text-indent: 0;
	background-color:#162f11; 
	color:#fff; 
	font-size:100%; 
	padding:0.2em 0.4em;
}

.TheLatest blockquote
{
	font-size:140%;	
	font-weight:normal;
}

.TheLatestItem
{
	margin-bottom:15px;	
}

.TheLatest p
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 7px 20px;
	background-image:url(/Public/Images/Marker.gif);
	background-repeat:no-repeat;
	font-weight:bold;
}

.TheLatest p span
{
	font-weight:normal;
	font-size:85%;
}




.PostNow
{
	padding-top:15px;
}

.CommentNoComments
{
	font-size:130%;

}

#cse-search-results iframe
{
	width:610px;
}

.CommentInput .CounterRow
{
	width:345px;	
}
.CommentInput .CounterRow label{ float:left; }
.CommentInput .CounterRow input{ float:right; background-color:#FFFFFF; border:none;color:#07838b;}

#Footer
{
	padding:10px 10px 80px 30px;
}

#Footer a, #Footer
{
	color:#fefeff;
}

#Footer a
{
	padding:0px 10px 0px 10px;
	text-decoration:none;
}



#Footer a:hover { text-decoration:underline; }

.CommentWrapper
{
	width:920px;
}

div.PagerWrapper { margin-bottom:14px; }
div.PagerWrapper ul.paging { float:right; font-size:90%; line-height:100%; }
div.PagerWrapper ul.paging li { display:inline; }
div.PagerWrapper ul.paging li a { display:block; float:left; border-right:solid 1px #FFFFFF; padding-right:0.6em; margin-right:0.4em; color:#FFFFFF;}
div.PagerWrapper ul.paging li a.pageOn { color:#b4e477; }
div.PagerWrapper ul.paging li.lastnode a { border-right:none; padding-right:0; margin-right:0; }


.Tags{ color:#ff0000; float:left; }
.Tags a{ color:#9df9ff; }

.AddThisWrapper
{
	margin-top:10px;	
	float:right;
}

.Comments img.Profile{ border:3px solid #13d4f3; float:left; margin-right:12px; }
.Comments { color:#525252; }
.Comments .Comment{ float:left; width:500px;}
.Comments .Comment .Comment{ float:left; width:440px; }
.Comments .Comment .Comment .Comment{ float:left; width:380px; }
.Comments .Comment .CommentList{ margin-top:15px; border-top:1px dotted #9B9B9B;padding-top:15px; }
.Comments .Comment .Posted{ color:#909090; 	 }
.Comments .Comment .Posted a{ color:#008b90; }
ul.CommentList li .Comment ul.CommentList li { margin:0px 0px 15px 0px; }
ul.CommentList li { margin:0px 15px 15px 0px; border-bottom:1px dotted #9b9b9b;padding-bottom:15px; }
ul.CommentList li.Last {border-bottom:none; margin-bottom:120px;}

ul.CommentList .CommentText { font-size:140%; }
.CommentText a { color:#008b90; text-decoration:none; } 
.CommentText a { color:#008b90; text-decoration:underline; } 

.Top { border-bottom:1px dotted #9b9b9b; padding-bottom:15px; margin-bottom:15px;}
.Bottom { border-top:1px dotted #9b9b9b; padding-top:15px; margin-top:15px;}

.Views{font-weight:bold;}

.Stats p.Posts
{
	padding-bottom:5px;
}

.AboutJibaJaba h2
{
	font-size:300%;
}

.AboutJibaJaba p
{
	font-size:120%;
	padding-bottom:15px;
	line-height:130%;
	padding-right:20px;
}

.AboutJibaJaba a
{
	color:#008b90;
}

.AboutJibaJaba h3
{
	color:#9ec66a;
	padding-bottom:5px;
}

.MainBubble a 
{
	text-decoration:underline;
}

div.PromotedItems
{
	padding:0px 0px 20px 17px;	

}

div.Promoted 
{
	border-top:1px solid #09989e;
	padding-top:15px;
}

div.BorderTop
{
	border-top:1px solid #09989e;
	padding-top:20px;
}

div.Rating img { float:left; margin-left:5px; }
span.RatingText { color:#FFFFFF; margin-top:3px; display:block; float:left;}
.Comment span.RatingText { color:#525252; }

div.CommentRating { float:right; margin-bottom:10px;}
.Comment p.Posted
{
	padding:0px 0px 10px 0px;
}
.Comment p.Posted { float:left; }
.Comment .CommentFooter p.RepliesLink { float:left; }
.Comment .CommentFooter a.ReplyLink { float:right; color:#008b90; }



/* Twitiki BEGIN */
.TrendTextbox
{
	height:100px;
	width:565px;
	border:1px solid #CCCCCC;
}

.TrendContributorTextbox
{
	border:1px solid #CCCCCC;
	width:290px;
}

#TweetList div img
{
	border:1px solid #0da7b1;
	float:left;
	margin:0px 5px 5px 0px;
}

#TweetList div 
{
	width:280px;	
	height:70px;
	float:left;
	padding-right:10px;
}

#TweetList div a
{
	color:#008b90; 
	text-decoration:none; 
}

#TweetList div a:hover
{
	text-decoration:underline; 
}

.Trend label
{
	display:block;
	color:#FFFFFF;
	font-size:120%;
	padding:10px 0px 2px 0px;
}

.TrendButton
{
	padding-top:10px;
	display:block;	
}

.Bubble .Jiba .DefinitionRequired a
{
	color:#9bcb68;
}

.TopOfBubbleText a
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

.TopOfBubbleText a:hover
{
	text-decoration:underline;
}
.TopOfBubbleText
{
	color:#FFFFFF;
	font-size:130%;
	padding:0px 0px 10px 12px;	
}

.BigText a
{
	color:#97f8fe;
	text-decoration:none;
	font-weight:bold;
}

.BigText a:hover
{
	text-decoration:underline;
}

.BigText
{
	color:#FFFFFF;
	font-size:150%;	
	padding:0px 0px 10px 12px;	
}

/* Twitiki END */