/* Fellowship One - Developer Forum

author: Aaron Martin
website: www.fellowshiptech.com
version: 24 August 2009

*/

/* ============================================================================== @ Hard Image Links Elements */

html { background: #193065 url(http://developer.fellowshipone.com/_assets/img/bg-home.gif) repeat-x; }
blockquote { background: url(http://developer.fellowshipone.com/_assets/img/icon-quote.png) no-repeat 10px 4px; }
#wiki input[type=text], #wikicreate input[type=text], #wikisearch input[type=text], form#search input { background: #fff url(http://developer.fellowshipone.com/_assets/img/icon-magglass.png) no-repeat 7px center; }
#nav { background: url(http://developer.fellowshipone.com/_assets/img/bg-nav.png) no-repeat center top; }
body#single #wiki, body#single #main { background: #fff url(http://developer.fellowshipone.com/_assets/img/bg-subpage.png) repeat-x left -50px; }
#intro { background: url(http://developer.fellowshipone.com/_assets/img/bg-intro-glow.png) no-repeat center center; }
#memberinfo { background: url(http://developer.fellowshipone.com/_assets/img/bg-wiki-usernav.png) no-repeat left bottom; }
#tour #tourslider #tourslide #explore { background: url(http://developer.fellowshipone.com/_assets/img/bg-intro-arrow.png) no-repeat left 170px; }
#tour #tourslider #tourslide #experience { background: url(http://developer.fellowshipone.com/_assets/img/bg-intro-arrow.png) no-repeat 190px 170px; }
#tour #tourslider #tourslide #engage { background: url(http://developer.fellowshipone.com/_assets/img/bg-intro-arrow.png) no-repeat 375px 170px; }
#aside { background: url(http://developer.fellowshipone.com/_assets/img/bg-recententries.png) no-repeat left top; }
.alert { background: #fcfde3 url(http://developer.fellowshipone.com/_assets/img/icon-alert.png) no-repeat 10px center; }
.warning { background: #d36d6d url(http://developer.fellowshipone.com/_assets/img/icon-warning.png) no-repeat 10px center; }
.success { background: #fff url(http://developer.fellowshipone.com/_assets/img/icon-success.png) no-repeat 8px center; }
body #main { padding: 0 0; }



/* ============================================================================== @ Forum Styles */

/*
    Larger Links 
------------------------------------------------------ */ 

.largeLinks {
	font-size:			12px;
	background:			transparent;
}
.largeLinks a:link {
	text-decoration:	none;
	background:			transparent;
} 
.largeLinks a:visited {
	text-decoration:	none;
	background:			transparent;
}
.largeLinks a:hover {
	text-decoration:	underline;
	background:			transparent;
}



/*
    Alternate links
------------------------------------------------------ */ 

.altLinks {
	color:				#fff;
}
.altLinks a:link {
	color:				#fff;
} 
.altLinks a:visited {
	color:				#fff;
}
.altLinks a:hover {
}



/*
    Small links
------------------------------------------------------ */ 

.smallLinks {
	font-size: 10px;
	}

.smallLinks a:link {
	}

.smallLinks a:visited {
	}

.smallLinks a:hover {
	}



/*
  Links in forum posts
------------------------------------------------------ */ 

.post a {
}
  
.post a:visited {
}

.post a:hover {
}



/*
    Basic stuff
------------------------------------------------------ */ 

.default,
.defaultBold,
.defaultRight,
.defaultCenter {
	font-size: 11px;
	}

.defaultBold {
	font-weight: bold;
	}

.defaultRight {
	text-align: right;
	}

.defaultCenter {
	text-align: center;
	}

.lighttext {
	font-size: 10px;
	color: #333;
	}

.bluetext {
	font-size: 10px;
	color: #193065;
	}

.smalllink {
	color: #fff;
	font-size: 10px;
	}

.text10 {
	font-size: 10px;
	}

.text11 {
	font-size: 11px;
	}



/*
    Special formatting for quotes, <code>, <pre> etc..
------------------------------------------------------ */ 

code {
	white-space:		normal;
	}

pre {
	background:			#eee;
	border:				1px solid #333;
	font-size:			11px;
	padding:			10px 10px 10px 6px;
	margin:				8px 4px 10px 3px;
	white-space:		normal;
	}

.codeblock {
	background:			#eee;
	border:				1px solid #333;
	font-size:			11px;
	padding:			10px 10px 10px 6px;
	margin:				8px 4px 10px 3px;
	}

blockquote {
	background:			#eee;
	border:				1px solid #333;
	border-left:		4px solid #333;
	font-size:			11px;
	padding:			5px 10px 10px 6px;
	margin:				8px 2px 10px 6px;
	}

.quote_author {
	font-size:			10px;
	font-weight:		bold;
	margin:				0 0 4px 0;
	}




/*
    Top Bar 
------------------------------------------------------ */ 

.welcome {
	text-align: left;
	}

#topBar {
	background:			#ccc;
	text-align:			center;
	padding:			2px 0;
	}

.topBarLinks {
	font-size:			11px;
	}

.topBarLinks a:link {
	background:			transparent;
	text-decoration:	underline;
	}

.topBarLinks a:visited {
	background:			transparent;
	text-decoration:	underline;
	}

.topBarLinks a:hover {
	background:			transparent;
	text-decoration:	none;
	}




/*
    Page Header 
------------------------------------------------------ */ 

#pageheader {
	background: #193065;
	color: #fff;
	height: 15px;
	margin: 10px 0;
	padding: 0;
	}




/*
    Right side of page banner
------------------------------------------------------ */ 
.rightheader {
	font-size:			11px;
	text-align:			left;
	padding:			0 22px 0 22px;
	}

.rightheader a:link {
	background:			transparent;
	text-decoration:	underline;
	}

.rightheader a:visited {
	background:			transparent;
	text-decoration:	underline;
	}

.rightheader a:hover {
	background:			transparent;
	text-decoration:	none;
	}



/*
    Private message box
------------------------------------------------------ */ 

.privatemessagebox{
	background:			#ccc;
	padding:			3px;
	border:				1px solid #333;
	}




/*
    Member Signature
------------------------------------------------------ */ 

.signature {
	margin:				15px 0 0 0;
	padding:			3px 10px 4px 6px;
	}

.signatureTitle {
	font-size:			10px;
	color:				#333;
	}




/*
    Sub-header Bar
    Contains the breadcrumb links
------------------------------------------------------ */ 

#subheader {
	margin: 10px 0;
	padding: 10px 0 15px;
	}



/*
    Breadcrumb Links
------------------------------------------------------ */ 
.breadcrumb {
	font-size: 10px;
	}

.breadcrumb a:link {
	background: transparent;
	text-decoration: none;
	}

.breadcrumb a:visited {
	background: transparent;
	text-decoration: none;
	}

.breadcrumb a:hover {
	background: transparent;
	text-decoration: underline;
	}

.currentcrumb {
	font-weight: bold;
	}

.breadcrumbspacer {
	}



/*
    Misc. Formatting Items
------------------------------------------------------ */ 

.spacer {
	margin-bottom:			5px;
	}

.itempad {
	padding: 2px 0;
	}

.itempadbig {
	padding: 5px 0;
	}

.itempad20 {
	padding: 20px 0 !important;
	}

.bottompad {
	padding:				0 0 2px 0;
	}

.marginpad {
	padding:				12px 0 10px 3px;
	}

.leftpad {
	padding:				0 0 0 4px;
	}

.floatright {
	float: right;
	}

.floatleft {
	float: left;
	margin-right: 20px;
	}

.postEntry {
	margin-bottom: 20px;
	}



/*
   Forum related text formatting
------------------------------------------------------ */ 

.forumName {
	font-size: 12px;
	}

.forumDescription {
	color: #193065;
	font-size: 11px;
	}

.forumLightLinks {
	font-size:				10px;
	}

.forumLightLinks a:link {
	background:				transparent;
	text-decoration:		none;
	}

.forumLightLinks a:visited {
	background:				transparent;
	text-decoration:		none;
	}

.forumLightLinks a:hover {
	background:				transparent;
	text-decoration:		underline;
	}

.topicTitle {
	font-size:				12px;
	}

.userBlock {
	padding: 2px 0 2px 0;
	}

.edited {
	font-size:		9px;
	color:			#888;
	}



/*
    File Attachments
------------------------------------------------------ */ 

.attachTitle {
	background: #193065;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin: 10px 0 1px 0;
	padding: 5px 5px 5px 7px;
	}

.attachBody {
	background: #fff;
	font-size: 10px;
	margin-bottom: 10px;
	padding: 5px;
	}

	.attachBody img {
		background: #fff;
		}

.attachThumb {
	margin: 3px 6px 3px 3px;
	}



/*
    User Rank Text in Post
------------------------------------------------------ */ 

.rankAdmin {
	color: #5e6e93;
	font-size: 10px;
	font-weight: bold;
	}

.rankModerator {
	color: #5e6e93;
	font-size: 10px;
	font-weight: bold;
	}

.rankMember {
	color: #5e6e93;
	font-size: 10px;
	font-weight: bold;
	}

.rankImage {
	border: 0;
	margin: 0;
	padding: 0;
	}



/*
    Button Formatting
	This controls the look of the various buttons, like
	the "NEW TOPIC" and "POST REPLY" buttons
------------------------------------------------------ */ 

.button {
	width: 80px;
	}

.button40 {
	width: 40px;
	}

.button80 {
	width: 80px;
	}

.button100 {
	width: 100px;
	}

.button150 {
	width: 150px;
	}

.button210 {
	width: 210px;
	}

.buttonSpacer{
	margin: 0 0 0 6px;
	}

.buttonLarge {
	background: #193065;
	border-bottom: 1px solid #d5dbda;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0 4px 5px;
	padding: 2px 8px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	}

.buttonLargeOrange {
	background: #f0a230;
	border-bottom: 1px solid #d8932b;
	}

.buttonLargeHover {
	background: #57698e;
	border-bottom: 1px solid #d5dbda;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0 4px 5px;
	padding: 2px 8px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	}

.buttonSmall {
	background: #8c97b2;
	border-bottom: 1px solid #808ea5;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	margin: 0 2px 0 3px;
	padding: 2px 3px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	}

.buttonSmallHover {
	background: #57698e;
	border-bottom: 1px solid #485b82;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	margin: 0 2px 0 3px;
	padding: 2px 3px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	}

.smallNav,
.smallNav a {
/*	background: url(http://developer.fellowshipone.com/themes/forum_themes/developer/images/marker_moved_topic.gif) no-repeat left center; */
	color: #57698e;
	font-size: 10px;
	font-weight: bold;
	padding: 0 20px 0 0;
/*	padding: 0 20px 0 15px; */
	}



/*
    Post Preview
------------------------------------------------------ */ 

.preview {
	background:				#eee;
	font-size:				11px;
	padding:				10px;
	margin:					0 0 12px 0;
	border:					1px solid #333;
	}

.previewheading {
	background:				#ccc;
	font-weight:			bold;
	font-size:				11px;
	padding:				5px 0 5px 10px;
	border:					1px solid #333;
	border-bottom:			0;
	}



/*
    Moderator Highlight
    This controls the look of the name of moderators
    that appear in the stats area.  The idea is that
    moderators appear in the list differently than
    regular members
------------------------------------------------------ */ 

.activeModerator {
	font-weight:			bold;
	}



/*
    Table Formatting
------------------------------------------------------ */ 

.border {
	border: 1px solid #333;
	}

.tableBorder {
	border: 1px solid #d5dbda;
	}

.tableBorderLeft {
	border-left:			1px solid #333;
	}

.tableBorderTopLeft {
	border-top:				1px solid #333;
	border-left:			1px solid #333;
	}

.tableBorderPad {
	padding: 1px;
	}

.threadBorder {
	border-bottom:			1px solid #333;
	}

.tableBG {
	background: #bdcad3;
	}

.tablePad {
	padding:				0 2px 4px 2px;
	}

.tableHeadingBG {
	background: #193065;
	color: #fff;
	padding: 7px 6px;
	}

.tableHeading {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	}

.tableHeadingSmall {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

.tableRowHeading,
.tableRowHeadingBold {
	background: #bdcad3;
	border-bottom: 1px solid #b4bab9;
	color: #193065;
	font-size: 11px;
	padding: 4px 10px 4px 6px;
	}

.tableRowHeadingBold {
	font-weight: bold;
	}

.tableRowSpacer {
	background:				#193065;
	padding:				0;
	}

.tableCellOne {
	background: #dde6e8;
	border-bottom: 1px solid #d5dbda;
	padding: 6px 12px;
	}

.tableCellTwo {
	background: transparent;
	padding: 6px 12px;
	}

.tableCellThree {
	background: #f5f7f8;
	border-bottom: 1px solid #d5dbda;
	border-right: 1px solid #d5dbda;
	padding: 6px 12px;
	}

.tableCellFour {
	background: #f5f7f8;
	border-bottom: 1px solid #d5dbda;
	padding: 6px 12px;
	}

.tablePostInfo {
	font-size: 10px;
	}

.ignored {
	}



/*
    Member Profile Page
------------------------------------------------------ */ 

.profileHeadingBG {
	background:				#193065;
	color:					#fff;
	padding:				5px;
	}

.profileAlertHeadingBG {
	background:				#900;
	color:					#fff;
	padding:				5px;
	}

.profileTopBox {
	padding: 6px;
	}

.profileTitle {
	font-size:				14px;
	font-weight:			bold;
	}

.profileItem {
	}

.profilePhoto {
	background:				#eee;
	border-left:			1px solid #333;
	}

.avatar {
	background-color: #fff;
	border: 1px solid #d6d6d6;
	margin: 5px 0 10px;
	padding: 3px;
	}

	.floatleft .avatar {
		background-color: #fff;
		border: 1px solid #d6d6d6;
		margin: 0 0 10px;
		padding: 3px;
		}

.avatarLeft {
	background-color: #fff;
	border: 1px solid #d6d6d6;
	margin: 5px 10px 10px 0;
	padding: 3px;
	}

.photo {
	margin:					2px 15px 0 2px;
	}

.profileHead {
	font-weight:			bold;
	text-transform:			uppercase;
	background:				#193065;
	color:					#fff;
	border-top:				1px solid #333;
	border-bottom:			1px solid #333;
	padding:				3px 5px;
	}

.menuHeadingBG {
	background:				#777;
	color:					#fff;
	padding:				6px;
	}

.profileMenu a {
	font-size: 11px;
	font-weight: bold;
	}

.profileMenuInner {
	margin: 4px 0;
	padding: 0 10px;
	}

.menuItem {
	padding: 3px 0;
	}

.borderTopBot {
	border-top:				1px solid #333;
	border-bottom:			1px solid #333;
	}

.borderBot {
	border-bottom:			1px solid #333;
	}

.success {
	color:					#093;
	font-weight:			bold;
	}

.memberlistHead {
	background: #193065;
	color: #fff;
	font-weight: bold;
	padding: 4px 8px;
	}

.memberlistRowOne {
	background: #dde6e8;
	border-bottom: 1px solid #d5dbda;
	padding: 4px 8px;
	}

.memberlistRowTwo {
	background: #dde6e8;
	border-bottom: 1px solid #d5dbda;
	padding: 4px 8px;
	}

.memberlistFooter {
	padding: 10px 0;
	}

.innerShade {
	background:				#eee;
	border:					1px solid #ccc;
	padding:				10px;
	}



/*
    Search Formatting
------------------------------------------------------ */ 

.searchBox {
	border:					1px solid #333;
	margin:					15px 0 0 0;
	padding:				6px;
	}

.searchBoxTitle {
	font-size:				10px;
	}

.searchpad {
	padding:				7px 0;
	}

.searchspacer {
	margin-bottom:			8px;
	}



/*
    Pagination Links
------------------------------------------------------ */ 

.paginateBorder {
	}

.paginate {
	padding: 2px 4px;
	}

.paginateStat {
	background: #193065;
	color: #fff;
	margin: 0 10px 0 0;
	padding: 2px 10px;
	white-space: nowrap;
	}

.paginateCur {
	color: #999;
	padding: 2px 6px;
	}
 
.paginate a:link {
	}
  
.paginatea:visited {
	}

.paginate a:hover {
	}



/*

    Form Field Formatting
------------------------------------------------------ */ 

form {
	margin:					0;
	padding:				0;
	border:					0;
	}

.hidden {
	margin: 0;
	padding: 0;
	border: 0;
	}

.buttons {
	cursor: pointer;
	padding: 4px 5px;
	}

.submit {
	cursor:					pointer;
	padding:				2px 5px;
	}



/*
    Error messages
------------------------------------------------------ */ 

.errorHeading {
	background:				#600;
	color:					#fff;
	padding:				6px;
	}

.errorMessage {
	color:					#900;
	padding:				10px;
	}

.errorBox {
	color:					#900;
	background:				#eee;
	border:					1px solid #900;
	padding:				10px;
	}

.highlight {
	color:					#900;
	}



/*
    Formatting Buttons
------------------------------------------------------ */ 

.buttonMode {
	font-size:				10px;
	white-space:			nowrap;
	}

.htmlButtonOuter, .htmlButtonOuterL {
	background:				#eee;
	border:					1px solid #333;
	border-left:			0;
	padding:				0;
	}

.htmlButtonOuterL  {
	border-left:			1px solid #333;
	}

.htmlButtonInner {
	text-align:				center;
	padding:				0 5px;
	border-left:			1px solid #fff;
	border-top:				1px solid #fff;
	border-right:			1px solid #ccc;
	border-bottom:			1px solid #ccc;
	}

.htmlButtonOff {
	font-weight:			bold;
	white-space:			nowrap;
	padding:				2px;
	}

.htmlButtonOff a:link {
	color:					#000;
	text-decoration:		none;
	white-space:			nowrap;
	}

.htmlButtonOff  a:visited {
	text-decoration:		none;
	}

.htmlButtonOff a:active {
	}

.htmlButtonOff a:hover {
	text-decoration:		none;
	color:					#999;
	}

.htmlButtonOn {
	font-weight:			bold;
	white-space:			nowrap;
	padding:				2px;
	}

.htmlButtonOn a:link {
	color:					#900;
	text-decoration:		none;
	}

.htmlButtonOn  a:visited {
	text-decoration:		none;
	}

.htmlButtonOn a:active {
	text-decoration:		none;
	color:					#999;
	}

.htmlButtonOn a:hover {
	text-decoration:		none;
	color:					#999;
	}



/*
    SPELL CHECK CSS
--------------------------------------------------------------- */

.iframe {
	border:					1px solid #ccc;
	}

.wordSuggestion {
	border:					1px solid #ccc;
	padding:				4px;
	}

.wordSuggestion a, .wordSuggestion a:active {
	cursor:					pointer;
	}

.spellchecked_word {
	cursor:					pointer;
	border-bottom:			1px dashed #f00;
	}

.spellchecked_word_selected {
	}