/* GLOBAL */
html,
body
{
	margin: 0;
	padding: 0;
	font-family: geneva, helvetica, arial, sans-serif;
	font-size: 12px;
	height: 100%;
	min-height: 100%;
	background-image: url( '/images/ofbg.gif' );
	background-repeat: repeat-y;
	background-color: #000;
}

img
{
	border: 0;
}

#wrapper
{
	position: relative;
	height: 100%;
	min-height: 100%;
	top: 0;
}

#left
{
	position: absolute;
	float: left;
	left: 0;
	width: 200px;
	height: auto;
	min-height: 100%;
}

#right
{
	position: absolute;
	float: left;
	left: 200px;
	width: 700px;
	height: auto;
	min-height: 100%;
	color: #777;
}

#extra
{
	position: absolute;
	float: left;
	left: 920px;
	top: 100px;
	width: 200px;
}

/* LOGO */
#logo
{
	position: relative;
	height: 50px;
	left: 15px;
	top: 15px;
}

#logo img
{
	position: relative;
	float: left;
	with: 50px;
	height: 50px;
}

#logoTitle
{
	position: relative;
	float: left;
	height: 16px;
	font-weight: normal;
	font-size: 14px;
	font-family: verdana, arial helvetica, sans-serif;
}

#logo a
{
	color: #4AA9FF;
	text-decoration: none;
	border: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: verdana, arial helvetica, sans-serif;
}

#logo a:hover
{
	color: #fff;
}

/* SEARCH */
#search,
#searchFeedsBox
{
	position: relative;
	height: 50px;
	left: 5px;
}

#search input[type="text"],
#searchFeedsBox input[type="text"]
{
	border: 1px solid #333;
	width: 134px;
	background-color: #111;
	color: #FF9100;
}

#search input[type="text"]:hover,
#searchFeedsBox input[type="text":hover
{
	border-color: #4AA9FF;
	color: #fff;
}

#searchButton
{
	border: 0;
	background-color: #000;
	color: #fff;
}

#searchButton:hover
{
	background-color: #fff;
	color: #000;
	cursor: pointer;
}

#searchFeedsBox a
{
	font-size: 11px;
	color: #4AA9FF;
	text-decoration: none;
}

#searchFeedsBox a:hover
{
	color: #fff;
}

/* STATUS */
#status
{
	position: relative;
	width: 180px;
	margin-left: 10px;
	color: #ccc;
	font-size: 10px;
	left: 5px;
}

#status small
{
	color: #4AA9FF;
}

/* SOURCES */
#sources
{
	position: relative;
	width: 180px;
	margin-left: 10px;
	color: #ccc;
	font-size: 10px;
	left: 5px;
}

#sources a
{
	color: #999;
	text-decoration: none;
	font-size: 10px;
}

#sources a:hover
{
	color: #fff;
}

#sourcesNew
{
	position: relative;
	border: 1px solid #222;
	padding: 10px;
	margin-bottom: 25px;
	height: 175px;
	overflow: auto;
}

#sourcesNewTitle
{
	position: relative;
	width: 100%;
	height: 25px;
	font-weight: bold;
	color: #1765D2;
}

#sourcesNewItems
{
	position: relative;
}


/* ABOUT */
#about
{
	position: relative;
	width: 180px;
	margin-left: 10px;
	color: #ccc;
	font-size: 10px;
	left: 5px;
}

#about a
{
	text-decoration: none;
	color: #4AA9FF;
}

#about a:hover
{
	color: #fff;
}

/* PAGE */
#pageHead
{
	position: relative;
	width: 660px;
	height: 100px;
	left: 20px;
	top: 20px;
}

#pageTitle
{
	position: relative;
	font-size: 16px;
	color: #FF9100;
}

#pageTitle a
{
	color: #FF9100;
	text-decoration: none;
}

#pageTitle a:hover
{
	text-decoration: underline;
}

#pageLine1,
#pageLine2
{
	position: relative;
	font-size: 11px;
}

#pageLine1 a,
#pageLine2 a
{
	color: inherit;
	text-decoration: none;
}

#pageLine1 a:hover,
#pageLine2 a:hover
{
	color: #fff;
}

#pageInner
{
	position: relative;
	border-left: 5px solid #333;
	border-right: 5px solid #333;
	border-top: 5px solid #333;
	background-color: #2d2d2d;
}

#pageBody
{
	position: relative;
	left: 20px;
	width: 660px;
	color: #ccc;
	line-height: 20px;
}

#pageBody em a
{
	color: #1FB2FF;
}

#pageBody em a:hover
{
	color: #fff;
}

#pageBody a
{
	text-decoration: none;
}

#pageBody .searchKeyword
{
	color: #FFCE8F;
}

#hotwords
{
	position: relative;
	background-color: #222;
	padding: 3px;
}

#hotwords a
{
	text-decoration: none;
	color: #FF9100;
}

#hotwords a:hover
{
	color: #fff;
}

#itemDetails
{
	position: relative;
	width: 650px;
	height: 240px;
	padding: 5px;
	font-size: 10px;
	background-color: #222;
	color: #4EB2FB;
}

#itemDetails .left
{
	position: relative;
	float: left;
	width: 100px;
}

#itemDetails .right
{
	position: relative;
	float: left;
}

#feedOutdated
{
	position: relative;
	width: 650px;
	height: 60px;
	padding: 5px;
	font-size: 10px;
	background-color: #222;
	color: #4EB2FB;
}

#feedOutdated a
{
	color: #FF9100;
	text-decoration: none;
}

#feedOutdated a:hover
{
	color: #fff;
}


#feedTranslated
{
	position: relative;
	width: 650px;
	height: 40px;
	padding: 5px;
	font-size: 10px;
	color: #4EB2FB;
	border: 2px dotted #222;
}

#feedTranslated a
{
	color: #FF9100;
	text-decoration: none;
}

#feedTranslated a:hover
{
	color: #fff;
}

#itemCensored
{
	position: relative;
	width: 650px;
	height: 40px;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 10px;
	color: #000;
	border: 2px solid #222;
	background-color: #4EB2FB;
}

#itemCensored a
{
	color: #FF9100;
	text-decoration: none;
}

#itemCensored a:hover
{
	color: #fff;
}


/* INDEX */
.indexRow
{
	position: relative;
	padding: 5px;
	background-color: #2d2d2d;
}

.indexRow:hover
{
	background-color: #242424;
}

.indexRowButtons
{
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}

.indexFeed
{
	position: relative;
}

.indexItemTitle
{
	position: relative;
}

.indexItemTitle a
{
	color: #fff;
}

.indexItemTitle a:hover
{
	color: #1FB2FF;
}

.indexItemDate
{
	position: relative;
	font-size: 11px;
	color: #666;
}

.indexItemDate a
{
	color: #666;
}

.indexItemDate a:hover
{
	color: #1FB2FF;
}

/* CONTACT */
#contactForm
{
	position: relative;
	vertical-align: text-top;
	color: #fff;
}

#contactForm a
{
	color: #1FB2FF;
	text-decoration: none;
}

#contactForm a:hover
{
	text-decoration: none;
}

#contactForm label
{
	color: #ccc;
}

#contactForm input[type="text"]
{
	width: 300px;
}

#contactForm #message
{
	width: 300px;
	height: 200px;
}

#contactForm .formError
{
	font-size: 11px;
	font-weight: bold;
	color: #f00;
}

/* STATS */
#statsViewedItems
{
	position: relative;
	top: 20px;
}

#statsViewedItems a
{
	color: #93D353;
	text-decoration: none;
}

#statsViewedItems a:hover
{
	text-decoration: underline;
}

#statsSearches
{
	position: relative;
	top: 20px;
	width: 230px;
}

#statsSearchLeft
{
	position: relative;
	float: left;
	width: 200px;
}

#statsSearchRight
{
	position: relative;
	float: left;
	width: 30px;
}

#statsSearches a
{
	color: #fff;
	text-decoration: none;
}

#statsSearches a:hover
{
	text-decoration: underline;
}


/* PAGENAV */
#pageNavTop
{
	position: relative;
	border-bottom: 1px solid #1765D2;
	font-size: 11px;
	color: #1765D2;
}

#pageNavTop a
{
	color: #8CA8CF;
	text-decoration: none;
}

#pageNavTop a:hover
{
	color: #fff;
}

#pageNavBottom
{
	position: relative;
	border-top: 1px solid #1765D2;
	font-size: 11px;
	color: #1765D2;
}

#pageNavBottom a
{
	color: #8CA8CF;
	text-decoration: none;
}

#pageNavBottom a:hover
{
	color: #fff;
}

/* SMALL COLUMN */
.smallCol
{
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.smallCol a
{
	color: #93D353;
	text-decoration: none;
}

.smallCol a:hover
{
	color: #fff;
}

.statsHotterms a
{
	color: #93D353;
}

.statsHotterms a:hover
{
	color: #fff;
}

/* DIRECTORY */
.directoryCat
{
	position: relative;
	float: left;
	width: 200px;
	margin-bottom: 20px;
}

.directoryCat a
{
	text-decoration: none;
	color: #93D350;
}

.directoryCat a:hover
{
	color: #fff;
}

.directoryCatTitle
{
	position: relative;
	color: #ccc;
	font-weight: bold;
}

.directoryCatFeeds
{
	position: relative;
}


/* ONTOPIC */
.ontopicWord
{
	position: relative;
	float: left;
	width: 200px;
	min-height: 400px;
	margin-bottom: 20px;
}

.ontopicWord a
{
	text-decoration: none;
	color: #93D350;
}

.ontopicWord a:hover
{
	color: #fff;
}

.ontopicWordTitle
{
	position: relative;
	color: #ccc;
	font-weight: bold;
}

.ontopicWordContent
{
	position: relative;
}


#searchMessage a
{
	color: #FF9100;
	text-decoration: none;
}
        
#searchMessage a:hover
{
	color: #fff;  
}

/* TWITTER COLOR */
.twitterHash
{
	color: #FF9100;
}

/* SPAM FLAG */
.itemFlag:hover {
	cursor: pointer;
	color: #fff;
}

#itemSpam
{
	position: relative;
	width: 650px;
	height: 40px;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 10px;
	color: #000;
	border: 2px solid #222;
	background-color: #4EB2FB;
}

#itemSpam a
{
	color: #FF9100;
	text-decoration: none;
}

#itemSpam a:hover
{
	color: #fff;
}

/* Blue box */
.blueBox
{
	position: relative;
	width: 650px;
	height: 40px;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 10px;
	color: #000;
	border: 2px solid #222;
	background-color: #4EB2FB;
}

.blueBox a
{
	color: #FF9100;
	text-decoration: none;
}

.blueBox a:hover
{
	color: #fff;
}

/* tweets */
#tweetList {
	position: relative;
	width: 600px;
}

#tweetList a {
	color: #EC9328;
}

#tweetList a:hover {
	text-decoration: underline;
}

#tweetList .tweet {
	position: relative;
	width: 600px;
	display: block;
	font-size: 11px;
	height: 60px;
}

#tweetList .ago {
	position: relative;
	display: block;
	float: left;
	width: 30px;
	height: 60px;
}

#tweetList .screenname {
	position: relative;
	float: left;
	width: 100px;
}

#tweetList .text {
	position: relative;
	float: left;
	width: 430px;
}