/* Layout styles for home page, internal pages and blog/directory pages */
@import url( _inc/css/layout/home-page/3c-right.css );
@import url( _inc/css/layout/internal-pages/3c-left.css );
@import url( _inc/css/layout/blog-dir-pages/2c-right.css );

ul#letter-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
	ul#letter-list li {
		float: left;
		margin: 0 4px 3px 0;
		width: 3.2%;
		min-width: 15px;
		list-style: none;
		padding: 0;
	}
		ul#letter-list li a {
			display: block;
			background: #eee;
			text-align: center;
			text-decoration: none;
			font-size: 12px;
			color: #0000ff;

			padding: 3px 5px;border:1px solid #444444;
		}
	
		ul#letter-list li a:hover {
			font-weight: bold;
			background: #fff9df;
			color: #f7740a;
		}
		
		ul#letter-list li a.selected {
			font-weight: bold;
			background: #aaa;
			color: #fff;
		}
div.bp-widget {
	position: relative;
	margin-bottom: 20px;
}
	div.bp-widget h4 {
		position: relative;
		background: #fc0;
		color: #000;
		padding: 6px 10px 15px 10px;
		font: bold 1em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
	}
		.left-menu div.bp-widget h4 {
			background:#fc0;
			color: #00;				
		}

		/* "See All" links in widget headers */
		div.bp-widget h4 span { position: absolute; right: 10px; }
		
		div.bp-widget h4 a {
			color: #000;
			font-weight: normal;
		}
/*** Content Header *************************************************************/
	
div.content-header {
	font: normal 1em "Georgia", Times, serif;
	text-transform: uppercase;
	text-align: center;
	background: url(../images/content_header.gif) top left repeat-x;
	min-height: 24px;
	padding: 8px 0 0 0;
	position: relative;
	z-index: 2;
	margin-left: 275px;
}
	ul.content-header-nav {
		margin: -8px 0 0 1.5em;
		list-style: none;
		padding: 0;
	}
		ul.content-header-nav li {
			float: left;
			padding: 8px 1em;
			height: 30px;
			font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
			text-transform: none;
		}
			ul.content-header-nav li a {
				color: #555;
				text-decoration: underline;
			}
				ul.content-header-nav li a:hover {
					color: #555;
					text-decoration: none;
				}
		
			ul.content-header-nav li span {
				color: #999;
			}
	
		ul.content-header-nav li.current {
			background: url(../images/topoption_selected_back.gif) top center no-repeat;
		}
			ul.content-header-nav li.current a {
				text-decoration: none;
			}
/* #userbar -- Holds the navigation for the logged in user on all internal pages */
#userbar {
	background: #eee;width:170px;text-transform:uppercase;font-weight:bold;
}

	#userbar h3, 2#optionsbar h3 {
		text-align: center;
		padding: 8px 0 8px 0;
		font-size: 1em;
		font-weight: bold;
		background: #ddd;
	}
		#userbar h3 { background-color: #ccc; }
		
	/* Center align avatars in both user and optionsbar */
	#userbar p, #optionsbar p { text-align: center; }
	#userbar ul, #optionsbar ul { list-style: none; }
/************************************************************\
* Featured / Top Articles
\************************************************************/
	.ftop {padding:10px;}
	.ftop .featured {float:left;width:630px;position:relative;}
	.ftop .featured .fwrap {width:630px;height:280px;overflow:hidden;position:relative;}
	.ftop .featured ul {width:100000px;position:absolute;top:0;left:0;}
	.ftop .featured li {list-style:none;float:left;}
	.ftop .featured li img {vertical-align:middle;}
	.ftop .featured li div {margin-top:1px;padding:5px;}
	.ftop .featured li div a {font-weight:bold;}
	.ftop .featured li div a.title {font-size:18px;font-weight:bold;}

	.ftop .featured .fthumbs {position:absolute;top:10px;left:10px;z-index:8;height:215px;overflow:hidden;}
	.ftop .featured .fthumbs img {border:2px solid #333;vertical-align:middle;margin-bottom:5px;width:62px;height:34px;}
	.ftop .featured .fthumbs img.active {border:2px solid #fff;}

	.ftop .featured a {outline:none;}

	.ftop .top {float:right;width:300px;}
	.ftop .top li {padding:10px 0;list-style:none;}
	.ftop .top li a {font-weight:bold;}
	.ftop .top li span {display:block;font-size:11px;height:14px;overflow:hidden;}
	.ftop .top li span a.comments {float:right;}
/*========= SIDEBAR =========*/

/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/
.sideTabs {
	border-bottom:1px solid #D6B656;
	height:31px;
	width:300px;
	float:left;
	display:block;
	}
.sideTabs .idTabs{
	font-size: 11px;
	height: 30px;
	letter-spacing: -1px;
}
.sideTabs .idTabs li{
	float: left;
	font-size: 12px;
	line-height: 30px;
}
.sideTabs .idTabs li a{
	background: #eeeeee;
	border: 1px solid #eeeeee;
	border-bottom: 0;
	color: #c0c0c0;
	display: block;
	margin: 0 2px 0 0;
	padding: 0 10px;
	font-weight:bold;
}
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
	background: #fff3b3;
	border: 1px solid #D6B656;border-bottom:1px solid #fff3b3;
	color: #373737;
	text-decoration: none;
}
.navbox{
	background: #fff3b3;
	border: 1px solid #D6B656;
	border-top: 0;
	margin: 32px 0 25px;
	padding: 10px 10px 5px;
	position: relative;
}
.list1,list3,list4{
	padding-bottom:12px;
	}
.list1 li,.list3 li,.list4 li{

	padding: 2px 0 2px 2px;text-transform:uppercase;font-weight:bold;font-size:10px;
	border-bottom:1px dotted #C0C0C0;
}
.list1 li a,.list3 li a,.list4 li a{
	color: #000000;
}

.list5 li {padding: 3px 0 3px 2px;text-transform:uppercase;font-weight:bold;font-size:10px;
	}
/* #search-login-bar -- Comes before the header and holds a search form and quick login bar */
#search-login-bar {
	background: #838C68;
	overflow: hidden;margin:auto;
	width: 850px;font-size:11px;font-family:arial;color:#fff;
}
	#search-login-bar #search-form {
		float: right;
		padding: 2px;
	}
		#search-login-bar input { font-size: 0.9em; }

	#search-login-bar #login-form, #search-login-bar #logout-link {
		float: left;
		padding: 2px 7px 12px 2px;
	}
#logout-link a{color:#ffff00;}
		#logout-link img { vertical-align: middle; }
/* Recent From */

.recentfrom {
	float: left;
	width: 300px;
	*width: 300px;
	margin: 0px;
}

.recentfrom h5 {
	font-size: 11px;
	text-transform: lowercase;
	padding-left: 9px;
	padding-top: 0px;
	color: #2e2e2e;
}

.recentfrom ul {
	margin: 0px 0 0 0;
	font-size: 11px;
}

.recentfrom ul li {
	padding: 5px;background: #ffffff;
	border-bottom: 1px dotted #d4d4d4;
}

.recentfrom ul li:hover {
	background: #ffffff url('img/btn_go.png') no-repeat right;
}
/**
 * Screen Stylesheet
 */

/*** User Navigation Bar *****************************************************/

li a#user-links, li a#my-links {
	background: url(../images/icons/star.png) 88% 52% no-repeat;
	padding: 0.55em 3em 0.55em 0 !important;
	margin-right: 0.85em !important;
}

li a#link-home, li a#link-wire, li a#link-admin {
	background: url(../images/icons/star.png) 88% 52% no-repeat;
	padding: 0.55em 3.1em 0.55em 0 !important;
	display: block;
	margin-right: 0.85em;
}
	li a#link-wire {
		background: url(../images/icons/comments.png) 88% 52% no-repeat;
	}

	li a#link-admin {
		background: url(../images/icons/key.png) 88% 52% no-repeat;
	}

/*** Home Widgets ************************************************************/

.widget #ajax-loader-links {
	padding-right: 5px;
	float: none !important;
}

/**** ACTIVITY STREAMS ***************************/

ul#activity-filter-links li#afilter-links a {
	background: url(../images/icons/star.png) no-repeat;
	background-position: 7px 4px !important;
}

/**** LINKS *****************/

#create-link-form, #link-settings-form {

	margin: 0 0 35px 0;
}

#create-link-form ul, #link-settings-form ul {
	margin: 5px 0 0 33px;
}

#create-link-form textarea, #link-settings-form textarea {
	height: 120px;
}

#create-link-form .checkbox, #create-link-form .radio ul, #link-settings-form .checkbox, #link-settings-form .checkbox {
	margin-bottom: 15px;
}

#create-link-form img.avatar, #link-settings-form img.avatar {
	border: none;
	margin-bottom: 20px;
}

#create-link-form ul li, #link-settings-form ul li {
	list-style-type: disc;
	padding-left: 5px;
}

ul#link-list li {
}

ul#link-list div.link-list-left,
	ul#link-list div.link-list-left-wide {
	float: left;
	margin-right: 25px;
}

ul#link-list img.avatar {
	float: none;
}

ul#link-list div.link-list-left img.avatar {
	margin: 5px 0 3px 12px;
}

ul#link-list div.link-list-left-wide img.avatar {
	margin: 0 0 3px 0;
}

ul#link-list div.link-list-right {}

ul#link-list div.link-list-footer {
	clear: left;
	padding-top: 5px;
}

ul#link-list div.link-list-footer div.link-list-footer-left {
	float: left;
	width: 80px;
}

ul#link-list div.link-list-footer div.link-list-footer-left-wide {
	float: left;
	width: 160px;
}

ul#link-list div.link-list-footer div.link-list-footer-right {
	margin-left: 80px;
}

ul#link-list div.link-list-footer div.link-list-footer-right-wide {
	margin-left: 160px;
}

ul#link-list li h4 {
	margin: 0 0 4px 0px;
}

ul#link-list li span.small {}

ul#link-list li p.desc {
	color: black;
	margin: 8px 50px 0 0px;
}

ul#link-list li p.desc span.domain {
	color: gray;
}

ul#link-list li div.xtrabar {
	margin-left: 15px;
}

ul#link-list li div.xtrabar a.home {
	background: url(images/icons/star.png) 5% no-repeat;
	padding-left: 2em !important;
	margin: 0.85em 0.5em;
}

ul#link-list li div.xtrabar a.comments {
	background: url(images/icons/comments.png) 5% no-repeat;
	padding-left: 2em !important;
	margin: 0.85em 0.5em;
}

ul#link-list li div.xtrabar span.owner {}

ul#link-list li div.xtrabar span.owner img.owner-avatar {
	vertical-align: -0.45em;
	padding-left: .6em !important;
}

div.link-vote-panel {
	width: auto;
}

div.link-vote-panel div.clickers {
	float: left;
	clear: right;
	width: 80px;
	text-align: center;
}

div.link-vote-panel div.clickers a.up,
	div.link-vote-panel div.clickers a.down {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}

div.link-vote-panel div.clickers a.up {
	background: url(images/icons/thumb_up.png) 50% 100% no-repeat;
}

div.link-vote-panel div.clickers a.down {
	background: url(images/icons/thumb_down.png) 50% 100% no-repeat;
}

div.link-vote-panel div.clickers div.vote-total {
	float: left;
	width: 40px;
}

div.link-vote-panel div.vote-count {
	float: left;
	width: 80px;
	line-height: 100%;
	margin-top: 4px;
	padding: 2px 0 2px 0;
	text-align: center;
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
}

ul#link-list div.link-list-footer div.link-list-footer-left-wide div.link-vote-panel div.vote-count {
	width: auto;
	margin: 0 0 0 10px;
	padding: 0 5px 0 5px;
	line-height: 160%;
}

div.bp-widget div.link-vote-panel {
	padding-left: 30px;
}

div.bp-widget img.owner-avatar {
	float: left;
}

div.bp-widget div.link-owner-text {
	padding-left: 60px;
}

#previous-next input#link-creation-previous {
	width: auto;
}

#previous-next input#link-creation-next, #previous-next input#link-creation-finish {
	width: auto;
	margin-left: 20px;
}

/*** Links Directory ***/

div#links-directory-page ul#filter-nav {
	list-style: none;
	margin: 5px 10px 10px 10px;
	padding: 0;
}
	div#links-directory-page ul#filter-nav li {
		float: left;
		margin-right: 20px;
	}
		div#links-directory-page ul#filter-nav li a {
			display: block;
			background: #eee;
			padding: 4px 12px;
			text-decoration: none;
			font-size: 12px;
			color: inherit;
		}

		div#links-directory-page ul#filter-nav li.current a {
			font-weight: bold;
		}
		
		div#links-directory-page ul#filter-nav li.current a,
			div#links-directory-page ul#filter-nav li a:hover {
			background: #fff9df;
			color: #f7740a;
		}

div#links-directory-page div#filter-cat {
	float: left;
	padding: 5px 0 0 20px;
}

/**** SETTINGS SCREEN ***************************/

table#links-notification-settings th.icon {
	background-image: url(images/icons/star.png);
}

/**** EMBED TWEAKS *****************************/

.internal-page #content img.avatar-embed-picapp, ul#link-list img.avatar-embed-picapp {
	/* picapp avatars are maxed at 140x140 so we must fatten up the border */
	border-width: 8px;
}

/*** Profiles ****************/

#link-name h1 {
	font-size: 1.5em;
	margin: 10px 0 25px 0;
	font-family: Georgia, times, serif;
}

#link-name h1 a {
	text-decoration: underline;
	color: #f7740a;
}

#link-name p.status {
	font: 1.2em "Georgia", Times, serif;
 	margin: -10px 0 15px 0;
 	color: #888;
}
/* #content --  Holds the main content on every page */
#content1 {
	padding: 5px;background: #ffffff;float:right;width:78%;
}
	
	/* Left menu within the #content div */
	#content1 .left-menu {
		float: left;
		width: 155px;
	}
		.left-menu input { width: 80%; }
		.left-menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.left-menu h5 { margin: 0; font-size: 1em; }
		
		/* Holds buttons, usually positioned within the content menu */
		div.button-block {
			margin: 5px 0;
		}
	
	/* Main column within the #content div */
	#content1 .main-column {
		margin-left: 0px;
	}
/*** Wire ****************/

div.wire-post-metadata {
	font-size: 0.9em;
	color: #888;
	margin-bottom: 10px;
}
	div.wire-post-metadata a {
		font-size: 1em;
	}

div#wire-post-new {
	margin-top: 15px;
}

	div#wire-post-new-metadata img.avatar { 
		float: left;
		margin-right: 10px;
	}
	
	div#wire-post-new-input {
		margin-left: 65px;
	}
		div#wire-post-new-input textarea {
			height: 75px;
			width: 90%;
		}

		input#wire-post-submit { 
			display: block;
			margin-top: 10px;
		}

form#wire-post-new-form {
	margin-bottom: 20px;
	background: #f5f5f5;
	margin: -14px -14px 15px -14px;
	padding: 15px;
}
.indexnews{
	height: 300px;
	margin: 2px 3px 5px 3px;
	overflow: hidden;
}
.indexnews h2{
	font-size: 11px;
	padding: 5px 0;
}
.indexnews h3{
	font-size: 15px;text-transform:uppercase;font-family:arial;
	padding: 2px 0 0px 0;
}
.indexnews h3 a {
	color:#ffff00;
}
.indexnews h3 a:hover {
	color:#FF7800;
}
.indexnews p {
	margin-bottom:5px;font-size:10px;line-height:13px;
}
.indexnews1-img{

	width:535px;
	height:300px;
}
.indexnews-img{
	margin: 3px 5px 3px 3px;
	width:540px;
	height:300px;
	float:left;
	display:inline;
}

#indexnews-th{
	height: 60px;
	margin: 0 0 15px;
}
#indexnews-th img{
	margin: 0;align:center;
	border:3px solid #444;padding:0px;background:#111111;
}
#indexnews-th .idTabs {
	list-style:none;
	}
#indexnews-th .idTabs li {
	float:left;
	display:inline;
	margin-left:5px;
	}
#indexnews-th .idTabs li.last {
	margin-right:0px !important;
	}
.front {
padding:5px;width:525px;height: 100px;top:190px;position: relative;background: #500000;color:#ffffff;text-transform:lowercase;font-weight:bold;
	opacity: 9.9;
	-moz-opacity: 9.9;
	filter:alpha(opacity=100);
}