/*

	GREEN PARENT FORUMS by ERSKINE DESIGN
	VERSION 1.0
	
*/


/* Default Body
------------------------------------------------------ */ 

body { margin:0; padding:0; font-family:Georgia,serif; font-size:13px; line-height:17px; background:#fff url(../images/site/advertising_main_bg.gif) repeat-x left top; }



/* Advertising
------------------------------------------------------ */ 

div#advertising_main { width:945px; margin:0 auto; background:#65635e url(../images/site/advertising_main_bg.gif) repeat-x left bottom; padding:20px 0; position:relative; }
div#banner { width:728px; height:90px; }

div#gp_subscribe { position:absolute; top:20px; left:750px; width:113px; padding:7px 60px 7px 15px; background:#687056; border:1px solid #777c6a; text-align:center; }
div#gp_subscribe h4 { font-family:Helvetica,Arial,sans-serif; font-style:normal; line-height:16px; margin:0; margin-bottom:5px; }
div#gp_subscribe h4 a { color:#fff; text-decoration:none; }
div#gp_subscribe h4 a em { color:#8bd629; text-transform:uppercase; font-style:normal; }
div#gp_subscribe h4 a:hover em,
div#gp_subscribe h4 a:focus em { color:#fff; }
div#gp_subscribe img { position:absolute; left:130px; top:-17px; border:none; }
div#gp_subscribe p { margin:0; font-style:italic; }
div#gp_subscribe p a { color:#ddd; text-decoration:none; }
div#gp_subscribe p a em { text-decoration:underline; }
div#gp_subscribe p a:hover em,
div#gp_subscribe p a:focus em { color:#fff; }



/* Default Links
------------------------------------------------------ */ 

a {	color:#7aad38; text-decoration:none; }
a:hover,
a:focus { color:#5b7d2f; text-decoration:underline; }



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

.largeLinks { font-size:15px; }



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

.altLinks { color:#666; }
.altLinks:hover,
.altLinks:focus { color:#444; text-decoration:none; }



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

.smallLinks { font-size:11px; }
.smallLinks a {  }
.smallLinks a:hover,
.smallLinks a:focus {  }



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

.post a {  }
.post a:hover {  }



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

p {	font-size:13px; }

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

.defaultBold {  }
.defaultRight { text-align:right; }
.defaultCenter { text-align:center; }

h2 { font-size:13px; }
h3 { font-size:12px; }

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



/* 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 { font-style:italic; padding:5px 0 5px 15px; border-left:1px solid #ccc; margin-bottom:18px; }
.quote_author { margin:0; font-style:normal; font-size:11px; }



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

#topBar { background:#7aad38 url(../images/site/navigation_pri_bg.png) repeat-x left bottom; text-align:right; padding:10px 25px 10px 0; color:#fff; font-size:11px; }
#topBar a { color:#fff; text-decoration:none; }
#topBar a:hover,
#topBar a:focus { color:#fff; text-decoration:underline; }

.topBarback { float:left; margin:0 0 0 20px; }
.topBarback a { color:#fff; }


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

#pageheader { background:#fff; border-bottom:1px solid #ccc; padding:20px 0 20px 15px; }
#pageheader a.maintitle { display:block; text-indent:-9999px; width:255px; height:75px; text-decoration:none; background:url(../images/site/branding_h1_forums_bg.png) no-repeat left top; }


/* Right side of page banner
------------------------------------------------------ */ 

.rightheader { font-size:11px; text-align:left; padding:0 22px 0 22px; }
.rightheader a { text-decoration:underline; }



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

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



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

.signature { border-top:1px solid #000; border-left:1px solid transparent; border-right:1px solid transparent; border-bottom:1px solid transparent; margin:15px 0 0 0; padding:3px 10px 4px 6px; }
.signatureTitle { font-size:10px; color:#333; }



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

#subheader { background:#eee; padding:10px 25px 10px 27px; border-bottom:1px solid #ccc; }



/* Breadcrumb Links
------------------------------------------------------ */ 

.breadcrumb { font-size:12px; font-style:italic; color:#333; }

.currentcrumb {	font-weight:bold; }
.breadcrumbspacer { font-weight:bold; font-size:10px; color:#999; }



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

.spacer { margin-bottom:20px; }
.itempad { padding:5px 0; }
.itempadbig { padding:5px 0; }
.bottompad { padding:0 0 2px 0; }
.marginpad { padding:12px 0 10px 3px; }
.leftpad { padding:	0 0 0 4px; }



/* Main Content Wrapper
------------------------------------------------------ */ 

#content { left:0; right:10px; margin:20px 20px 0 20px; padding:0; width:auto; }
* html #content { width:100%; width:auto; }



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

.forumName { font-size:12px; }
.forumDescription {	font-size:11px; }
.forumLightLinks { font-size:10px; }
.forumLightLinks a { text-decoration:none; }
.forumLightLinks a:hover { text-decoration:underline; }
.topicTitle { font-size:12px; }
.userBlock { padding:2px 0 2px 0; }
.edited { font-size:9px; color:#888; }



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

.attachTitle { font-size:10px; font-weight:bold; margin:10px 0 1px 0; background:#ccc; }
.attachBody { font-size:11px; margin-bottom:10px; background:#eee; }
.attachThumb { margin:3px 6px 3px 3px; }



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

.rankAdmin { font-size:10px; font-weight:bold; }
.rankModerator { font-size:10px; font-weight:bold; }
.rankMember { font-size:10px; font-weight:bold; }
.rankImage { margin:0; padding:0; border: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 { font-family:Verdana,sans-serif; color:#fff; font-weight:bold; padding:2px 6px; margin:10px 0; white-space:nowrap; cursor:pointer; background:#bbb; border:1px solid #999; text-align:center; font-size:9px; text-transform:uppercase; }
.buttonLargeHover { font-family:Verdana,sans-serif; color:#fff; font-weight:bold; padding:2px 6px; margin:10px 0; white-space:nowrap; cursor:pointer; background:#aaa; border:1px solid #666; text-align:center; font-size:9px; text-transform:uppercase; }

.buttonSmall { font-family:Verdana,sans-serif; color:#fff; font-weight:bold; padding:0px 3px; margin:5px 5px 5px 0; white-space:nowrap; cursor:pointer; background:#bbb; border:1px solid #999; text-align:center; font-size:9px; text-transform:uppercase; }
.buttonSmallHover { font-family:Verdana,sans-serif; color:#fff; font-weight:bold; padding:0px 3px; margin:5px 5px 5px 0; white-space:nowrap; cursor:pointer; background:#aaa; border:1px solid #666; text-align:center; font-size:9px; text-transform:uppercase; }

a.buttonSmall { display:inline-block; }
a.buttonSmall:hover,
a.buttonSmall:focus { background-color:#aaa; text-decoration:none; color:#fff; }



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

.post_preview { background:#ffffcc; border:2px solid #e9e9bb; padding:10px; margin-bottom:20px; }
.post_preview h3 { font-weight:bold; font-style:italic; margin:0 0 20px 0; }
h3.post_heading { border-bottom:1px solid #e9e9bb; font-weight:bold; font-size:10px; padding:5px 0; font-family:Verdana,sans-serif; text-transform:uppercase; color:#666; font-style:normal; }



/* 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
------------------------------------------------------ */ 

table { border-collapse:collapse; }
.border { border:1px solid #ccc; }
.tableBorder { border:1px solid #ccc; }
.tableBorderLeft { border-left:1px solid #ccc; }
.tableBorderTopLeft { border-top:1px solid #ccc; border-left:1px solid #ccc; }
.tableBorderPad { border:1px solid #ccc; padding:1px; }
.threadBorder { border-bottom:1px solid #ccc; }
.tableBG { background:#eee; }
.tablePad { padding:0 2px 4px 2px; }
.tableHeadingBG { background:#7aad38 url(../images/site/navigation_pri_bg.png) repeat-x left bottom; color:#fff; padding:7px 6px; }
.tableHeading { font-size:13px; color:#fff; padding:0; margin:0; white-space:nowrap; }
.tableHeadingSmall { font-size:11px; font-weight:normal; color:#fff; padding:0; margin:0; }
.tableRowHeading,
.tableRowHeadingBold { background:#eee; font-size:11px; color:#444; padding:8px 10px 8px 6px; }
.tableRowHeadingBold { font-weight:bold; }
.tableRowSpacer { background:red; padding:0; }
.tableCellOne { background:#fff; padding:3px 6px; border:1px solid #ccc; }
.tableCellTwo { background:#eee; padding:3px 6px; border:1px solid #ccc; }
.tablePostInfo { font-size:11px; }
.ignored {  }

#forumstatson { padding-top:30px; margin-top:30px; border-top:2px dotted #777; }



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

.profileHeadingBG { background:#7aad38 url(../images/site/navigation_pri_bg.png) repeat-x left bottom; color:#fff; padding:6px; border-left:1px solid #cc; }
.profileAlertHeadingBG { background:#900; color:#fff; padding:5px; }
.profileTopBox { background:#e8f4d9; padding:6px; }
.profileTitle { font-size:13px; font-weight:bold; font-style:italic; }
.profileItem {  }
.profilePhoto { background:#e8f4d9; border-left:1px solid #ccc; }
.avatar { margin:2px 15px 0 2px; }
.photo { margin:2px 15px 0 2px; }
.profileHead { text-transform:uppercase; font-family:Verdana,sans-serif; font-size:9px; background:#ddd; color:#666; padding:3px 5px; }
.menuHeadingBG { background:#7aad38 url(../images/site/navigation_pri_bg.png) repeat-x left bottom; color:#fff; padding:6px; }
.profileMenu { background:#eee; }
.profileMenuInner { padding:0 10px; margin:4px 0; font-size:11px; }
.menuItem { padding:1px 0; }
.borderTopBot { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.borderBot { border-bottom:1px solid #ccc; }
.success { color:#093; font-weight:bold; }
.memberlistRowOne { background:#e8f4d9; padding:4px 8px; border:1px solid #ccc; }
.memberlistRowTwo { background:#fff; padding:4px 8px; border:1px solid #ccc; }
.memberlistHead { background:#7aad38 url(../images/site/navigation_pri_bg.png) repeat-x left bottom; color:#fff; padding:7px 6px; }
.memberlistFooter { padding:8px; background:#ccc; color:#444; font-size:10px; border-top:2px solid #aaa; border-bottom:1px solid #aaa; }
.innerShade { background:#eee; border:1px solid #ccc; padding:10px; }



/* Member Forms
------------------------------------------------------ */

fieldset#login_form { width:460px; border:none; padding:10px 0; margin:0 auto; }
fieldset#login_form label { width:150px; display:block; float:left; height:20px; }



/* Private Message View
------------------------------------------------------ */

div#movemenu,
div#copymenu { border:none !important; padding:10px 0; }



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

.searchBox { border:0px solid #333; margin:15px 0 0 0; padding:6px; }
.searchBoxTitle { font-size:9px; font-family:Verdana,sans-serif; font-weight:bold; color:#666; }
.searchpad { padding:7px 0; }
.searchspacer { margin-bottom:8px; }



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

.paginateBorder { font-family:Verdana,sans-serif; font-weight:bold; font-size:10px; }
.paginate { background:#eee; padding:2px 4px; }
.paginateStat { background:#ccc; color:#fff; white-space:nowrap; padding:2px 10px; }
.paginateCur { background:#eee; color:#666; padding:2px 6px; }
.paginate a {  }
.paginate a:hover {  }



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

form { margin:0; padding:0; border:0; }
.hidden { margin:0; padding:0; border:0; }
.input { font-family:Verdana, sans-serif; font-size:11px;  }
.textarea { font-family:Verdana, sans-serif; font-size:11px; line-height:16px; }
.select {  }
.multiselect {  }
.radio {  }
.checkbox {  }
.buttons { font-weight:bold; cursor:pointer; padding:2px 5px; }
.submit { cursor:pointer; padding:2px 5px; }



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

.errorHeading { background:#600; color:#fff; padding:6px; }
.errorMessage { color:#900; padding:10px; }
.errorBox { background:#990000; color:#fff; border:2px solid #660000; padding:10px; margin-bottom:20px; font-style:italic; }
.errorBox a { color:#fff; text-decoration:underline; }
.errorBox a:hover,
.errorBox a:focus { color:#fff; }
.alert { font-weight:bold; color:#900; }
.highlight { color:#990000; font-weight:bold; font-style:italic; font-size:11px; padding:5px 0; }



/* Page Footer
------------------------------------------------------ */

#footer { border-top:2px solid #ccc; height:40px; margin:30px 20px 10px 20px ; clear:both; text-align:left; font-family:Verdana,sans-serif; color:#999; font-weight:bold; }
#footer a { color:#999; font-size:10px; text-transform:uppercase; }
#footer a:hover,
#footer a:focus { color:#777; text-decoration:none; }


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

.buttonMode { font-size:11px; white-space:nowrap; font-weight:bold; color:#444; }
.htmlButtonOuter, .htmlButtonOuterL { background:#ccc; border:1px solid #999; padding:0; }
.htmlButtonOuterL {  }
.htmlButtonInner { text-align:center; padding:0 5px 2px 5px; font-family:Verdana,sans-serif; font-size:9px; }
.htmlButtonOff { font-weight:bold; white-space:nowrap; }
.htmlButtonOff a { color:#666; text-decoration:none; white-space:nowrap; }
.htmlButtonOff a:hover,
.htmlButtonOff a:focus { text-decoration:none; color:#444; }
.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; background:#fff; }
.wordSuggestion { border:1px solid #999; padding:4px; background:#fff; }
.wordSuggestion a, .wordSuggestion a:active { cursor:pointer; }
.spellchecked_word { cursor:pointer; border-bottom:1px dotted #cc0000; }
.spellchecked_word_selected { background-color:#ffffcc !important; }
