News:

Create A Forum Installed

Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.

Topics - simply sibyl

Pages: [1] 2
1
Bugs / Errors when setting up a new forum
« on: July 09, 2011, 08:32:26 pm »
I signed up for a new test forum and the following occured immediately: 
1.  After installation I clicked on the "Profile" tab and got this error:
Quote
Unknown column 'mem.pm_receive_from' in 'field list'
File: C:\Inetpub\createaforum\Sources\Load.php
Line: 1057


         SELECT
         IFNULL(lo.log_time, 0) AS is_online, IFNULL(a.id_attach, 0) AS id_attach, a.filename, a.attachment_type,
         mem.signature, mem.personal_text, mem.location, mem.gender, mem.avatar, mem.id_member, mem.member_name,
         mem.real_name, mem.email_address, mem.hide_email, mem.date_registered, mem.website_title, mem.website_url,
         mem.openid_uri, mem.birthdate, mem.icq, mem.aim, mem.yim, mem.msn, mem.posts, mem.last_login, mem.karma_good,
         mem.karma_bad, mem.member_ip, mem.member_ip2, mem.lngfile, mem.id_group, mem.id_theme, mem.buddy_list,
         mem.pm_ignore_list, mem.pm_email_notify, mem.pm_receive_from, mem.time_offset, mem.usertitle,
         mem.time_format, mem.secret_question, mem.is_activated, mem.additional_groups, mem.smiley_set, mem.show_online,
         mem.total_time_logged_in, mem.id_post_group, mem.notify_announcements, mem.notify_regularity, mem.notify_send_body,
         mem.notify_types, lo.url, mg.online_color AS member_group_color, IFNULL(mg.group_name, '') AS member_group,
         pg.online_color AS post_group_color, IFNULL(pg.group_name, '') AS post_group, mem.ignore_boards, mem.warning,
         CASE WHEN mem.id_group = 0 OR mg.stars = '' THEN pg.stars ELSE mg.stars END AS stars, mem.password_salt, mem.pm_prefs
         FROM sibsplace_members AS mem
         LEFT JOIN _global_log_online  AS lo ON (lo.id_member = mem.id_member AND lo.subdomain = 'sibsplace')
         LEFT JOIN sibsplace_attachments AS a ON (a.id_member = mem.id_member)
         LEFT JOIN sibsplace_membergroups AS pg ON (pg.id_group = mem.id_post_group)
         LEFT JOIN sibsplace_membergroups AS mg ON (mg.id_group = mem.id_group)
         WHERE mem.id_member = 1
2.  Clicked the "Members" tab.     It set up TWO "sibyls" and both as Administrator.   One is listed as having been online today.   The other listed as Never.    They show up via Members in Admin too yet Forum Stats state there is 1 Member.
3.  Ran Find and Repair Errors.   Got the following error msg
Quote
The following errors are fouling up your forum:            
The subject of topic #1 is currently not stored in the subject
cache.               
Would you like to attempt to fix these errors?      
(clicking yes to fix it did clear it up)
Running "Recount all Forum Stats"  changed the number of members to "2"   (two of me) lol
Probably more i havent found yet.  Seems the install had a glitch  ;)
 

2
Style Support / Post and Poster area Modification 1
« on: June 30, 2011, 07:34:29 pm »
Thought I would show you how to change the Poster area.  (Both in posts on the forum and in the PM area)   This is one of a couple of ways I'll show you to do this. 
 

 
Modify your css via Style Manager.
 
Look for this in the css:
Code: [Select]

/* poster and postarea + moderation area underneath
*/
.post_wrapper
{
 float:left;
 width:100%;
}
.poster
{
 float:
left;
 width: 15em;
}
.postarea,
.moderatorbar
{
 margin: 0 0 0 16em;
}
.postarea
div.flow_hidden
{
 width: 100%;
}

 
.moderatorbar
{
 clear: right;
}
/* poster details and list
of items */
.poster h4, .poster ul
{
 padding: 0;
 margin:
0 1em 0 1.5em;
}
.poster h4
{
 margin: 0.2em 0 0.4em
1.1em;
 font-size: 120%;
}
.poster h4, .poster h4
a
{
 color: #c06002;
}
.poster ul ul
{
 margin:
0.3em 1em 0 0;
 padding: 0;
}
.poster ul ul
li
{
 display: inline;
}
.poster li.stars, .poster li.avatar,
.poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top:
0.5em;
}

 
Replace with this:
(be VERY careful that you copy and replace the exact code - no more/no less)
Code: [Select]
/* poster and postarea + moderation area underneath */
.post_wrapper
{
 float:left;
 width:100%;
}
.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.com/albums/s20/smfstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}
.postarea, .moderatorbar
{
 margin: 0 0 0 18em;
}
.postarea div.flow_hidden
{
 width: 100%;
}
.moderatorbar
{
 clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
 padding: 0;
 margin: 0 1em 0 1em;
}
.poster h4
{
 margin: 0.4em 0 0.4em 1.1em;
 font-size: 110%;
 text-align:left
}
.poster h4, .poster h4 a
{
 color: #c06002;
}
.poster ul ul
{
 margin: 1em 1em 0 0;
 padding: 0;
}
.poster ul ul li
{
 display: inline;
}
.poster li.gender, .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top: 1em;
 
}

 
If you are using a custom stylesheet and want to change how it looks look for this in the code:
 
Code: [Select]
.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.com/albums/s20/smfstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}

To change the small image that is at the bottom replace the url in this with your own image.  The image is 13px x 31px.
:
Code: [Select]
background: #ffffff url(http://i148.photobucket.com/albums/s20/smfstyles/imbg.png)repeat-x
left bottom;

To remove the background image at the bottom of the block completely replace that line of code with:
Code: [Select]
background: #ffffff;

To change the background color of the block replace #ffffff in the above code
To change the border color of the block change the color code in this part of the code:
Code: [Select]
border: 1px solid #D7D7D7;

3
Bugs / Unlimited Characters in Posts and Topics not working
« on: June 28, 2011, 06:41:50 pm »
Max allowed Post size set to zero  "0" does not work.   It cuts off large posts.   

Happens here too.  I just posted a stylesheet and it wiped out a quarter of the post.   I had to go back and wipe the post out so no one would try it and mess things up on their forum.    Here's the url for that one so you can remove the post as I dont have that option to do so:  http://support.createaforum.com/6/(stylesheet)-prince-of-darkness-2/

I tried to post it on my test site to get it to a member and have the settings correct but it wont let me do it there either.

4
Bugs / Poster Profile area editing images alignment messed up
« on: June 28, 2011, 04:50:05 pm »
The Poster Profile area under the username in posts is now shoved to the far left edge. 

The editing icons for  quote/modify/etc are pushed the far right edge and there is no longer spacing between them.

The editing icons are doing the same thing if you click to View the most recent posts on the Forum from the Info Center.

Also occurs in the PM area when viewing a PM.

Its happening here at Support and on my test forum.   

It does not effect the custom style I created and posted here last week.  The css for that style was created directly thru the style manager in Admin.   Possibly this happened after a Mod installation that was done after that point?

See attachment

5
Bugs / [ATTN CAF] Modification Bug
« on: June 21, 2011, 05:39:13 am »
Something odd here in the Style Board
I posted a new style a little bit ago.  I needed to Modify the post.   
1.  Cannot do so using the Modify tab.  It goes to a white page.
     Have to modify using the quick modify icon.

2.  After modifying the post it appeared to be fine.   Showed up in Recent Posts, etc.
     I went back TO it however and the post was wiped out and the only thing left was the info stating I edited the post.
    If I click the quick modify icon it shows the entire post in the editor box.   If I save it it again appears to be saved but if you refresh the page its wiped out again.

The post is here:
http://support.createaforum.com/6/(stylesheet)-prince-of-darkness/msg1722/#msg1722
All I see in it now is « Last Edit: Today at 05:34:00 am by simply sibyl »                     

I can not delete the post and as stated above cannot seem to modify it and get the info to stick.
If you view the most recent posts on the forum via the Info Center the entire post is there.   If you go to the post directly its empty.   
Really weird.

6
Style Support / [Stylesheet] Prince of Darkness
« on: June 21, 2011, 05:15:38 am »
This style is a remake of a theme created by Antechinus - credit goes to him for the images and design
 


Custom Images
http://s148.photobucket.com/albums/s20/smfstyles/pod/new_none.png
http://s148.photobucket.com/albums/s20/smfstyles/pod/new_redirect.png
http://s148.photobucket.com/albums/s20/smfstyles/pod/new_some.png
http://s148.photobucket.com/albums/s20/smfstyles/pod/off.png
http://s148.photobucket.com/albums/s20/smfstyles/pod/on.png
http://s148.photobucket.com/albums/s20/smfstyles/pod/on2.png
http://s148.photobucket.com/albums/s20/smfstyles/pod/redirect.png
 

Footer Code:
Code: [Select]
<div style="text-align:center;font-size:13px;">Re-creation of Antechinus's Prince of Darkness Theme</div>


css:
Code: [Select]
/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Normal, standard links. */
a:link, a:visited
{
color: #82705B;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
color: #82705B;
text-decoration: none;
}
a.new_win:hover
{
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* Set a fontsize that will look the same in all browsers. */
body
{
background: #101010 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/backdrop.png) 0 -143px repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}

/* Help popups require a different styling of the body element. */
body#help_popup
{
padding: 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
color: #7f7f7f;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 764px;
max-width: 2300px;
}

/* lets give all forms zero padding/margins */
form
{
padding: 0;
margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
.input_check   - covers input[type=checkbox] throughout all browsers
.input_radio   - covers input[type=radio] throughout all browsers
.input_text    - covers input[type=text] throughout all browsers
.input_file    - covers input[type=file] throughout all browsers
*/

input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #afafaf;
background: #2a2a2a;
border: 1px solid #6F5C45;
padding: 2px;
border-radius: 0.3em;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
padding: 0;
vertical-align: top;
font-size: 1em;
}

/* Add some padding to the options instead. */
select option
{
padding: 1px 7px 1px 1px;
}

/* The font size of textareas should be just a little bit larger. */
textarea
{
font: 100%/130% verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset, #message_index_jump_to input, #display_jump_to input, #mlist_submit
{
background: #090909 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/backdrop.png) repeat-x;
border: 1px solid #6F5C45;
border-radius: 0.3em;
padding: 0.1em 0.4em;
cursor: pointer;
font-weight: normal;
}
#message_index_jump_to input, #display_jump_to input
{
font-weight: bold;
}
input:hover, textarea:hover, button:hover, select:hover
{
border: solid 1px #8F7659;
}
.button_submit:hover, .button_reset:hover, #message_index_jump_to input:hover, #display_jump_to input:hover, #mlist_submit:hover
{
border: 1px solid #afa48e;
background: #111 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/backdrop.png) 0 -580px repeat-x;
color: #fff2cf;
}
input:focus, textarea:focus, button:focus, select:focus
{
border: solid 1px #8F7659;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
border: none;
background: none;
}
h3.catbg input.input_check
{
margin: 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text
{
background: #eee;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #6F5C45;
background: #6F5C45;
}

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6
{
color: #6F5C45;
font-size: 1em;
margin: 0;
padding: 0;
}

/* Fieldsets are used to group elements. */
fieldset
{
border: 1px solid #333;
border-radius: 0.2em;
padding: 1em;
margin: 0 0 0.5em 0;
}
fieldset legend
{
font-weight: bold;
color: #7f7f7f;
}
/* No image should have a border when linked. */
a img
{
border: 0;
}

/* Define strong as bold, and em as italics */
strong
{
font-weight: bold;
}

em
{
font-style: italic;
}
/* Alternative for u tag */
.underline
{
text-decoration: underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */

.floatright
{
float: right;
}
.floatleft
{
float: left;
}
/* Additional classes to fix Antiheinous's norty typos in ManageNews.template.php
/* Antiheinous shouldn't do svn commits late at night.
/* Mind you, nobody else spotted it either. :P */
.floatleftpadding
{
padding: 0.5em;
float: left;
}
.floatrightpadding
{
padding: 0.5em;
float: right;
}
/* End Antiheinous norty typos stuff. */
.flow_auto
{
overflow: auto;
}
.flow_hidden
{
overflow: hidden;
}
.flow_hidden .windowbg, .flow_hidden .windowbg2
{
margin-top: 2px;
}
.clear
{
clear: both;
}
.clear_left
{
clear: left;
}
.clear_right
{
clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
font-size: 0.85em;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 0.9em;
line-height: 1em;
font-family: verdana, sans-serif;
}
.normaltext
{
font-size: 1em;
line-height: 1.2em;
}
.largetext
{
font-size: 1.4em;
}
.centertext
{
margin: 0 auto;
text-align: center;
}
.righttext
{
margin-left: auto;
margin-right: 0;
text-align: right;
}
.lefttext
{
margin-left: 0;
margin-right: auto;
text-align: left;
}
.double_height
{
line-height: 2em;
}
/* some common padding styles */
.padding
{
padding: 0.7em;
}
.main_section, .lower_padding
{
padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
padding: 0;
margin: 0;
list-style: none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
font-size: x-small;
color: #8F8F8F;
line-height: 1.4em;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quote.png) 0.1em 0.1em no-repeat;
border-top: solid 1px #6F5C45;
border-bottom: solid 1px #6F5C45;
padding: 1.1em 1.4em;
margin: 0.1em 0 0.3em 0;
overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
background: #2c2c2c url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quote.png) 2px 2px no-repeat;
}
blockquote.bbc_alternate_quote
{
background: #1F1F1F;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
display: block;
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
font-size: x-small;
color: #7F7F7F;
background: #1F1F1F;
border-top: solid 1px #6F5C45;
border-bottom: solid 1px #6F5C45;
line-height: 1.5em;
padding: 3px 1em;
overflow: auto;
white-space: nowrap;
/* Show a scrollbar after about 24 lines. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
color: #7F7F7F;
font-size: x-small;
font-weight: bold;
padding: 0 0.3em;
}

/* For links to change the code stuff... */
.codeoperation
{
font-weight: normal;
}

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited
{
border-bottom: 1px solid #82705B;
}
.bbc_link:hover
{
text-decoration: none;
border-bottom: 1px solid #6F5C45;
}
.bbc_size
{
line-height: 1.4em;
}
.bbc_color a
{
color: inherit;
}
.bbc_img
{
border: 0;
}
.bbc_table
{
font: inherit;
color: inherit;
}
.bbc_table td
{
font: inherit;
color: inherit;
vertical-align: top;
}
.bbc_u
{
text-decoration: underline;
}
.bbc_list
{
text-align: left;
}
.bbc_tt
{
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* Highlighted text - such as search results. */
.highlight
{
font-weight: bold;
color: #efa34a !important;
font-size: 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2, tr.highlight2 td
{
background: #8F8674;
color: #000 !important;
}
.highlight2 a
{
color: #1f1400 !important;
font-weight: bold;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
color: #6F6045;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
background: #1a1a1a url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat -10px -380px;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
color: #FFDD99;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat -10px -280px;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
{
padding: 0 6px;
}
tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
color: #6F6045;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
color: #FFDD99;
}
.catbg select
{
height: 1.5em;
font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
color: #7F7F7F;
background: #141414;
}
.windowbg2
{
color: #7F7F7F;
background: #0B0B0B;
}
.windowbg3
{
color: #7F7F7F;
background: #141414;
}

/* the page navigation area */
.pagesection
{
font-size: 0.9em;
padding: 0.2em;
overflow: hidden;
margin-bottom: 1px;
}
div.pagesection div.floatright input
{
margin-top: 3px;
}

.pagelinks
{
padding: 0.6em 0 0.4em 0;
}

/* Colors for background of posts requiring approval */
.approvebg
{
color: #000;
background: #ffeaea;
}
.approvebg2
{
color: #000;
background: #fff2f2;
}

/* Color for background of *topics* requiring approval */
.approvetbg
{
color: #000;
background: #e4a17c;
}
.approvetbg2
{
color: #000;
background: #f3bd9f;
}

/* Sticky topics get a different background */
.stickybg, .topic_table tr td.stickybg2
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) -20px -380px no-repeat;
}
.stickybg2
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) -20px -380px no-repeat;
}

/* Locked posts get a different shade, too! */
.lockedbg, .topic_table tr td.lockedbg2, .topic_table tr td.windowbg
{
background: #0b0b0b;
}
.lockedbg, .lockedbg2
{
font-style: italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.4em;
padding: 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
width: 98%;
overflow: auto;
clear: right;
padding: 1em 0 3px 0;
border-top: 1px solid #aaa;
line-height: 1.4em;
font-size: 0.85em;
}
.custom_fields_above_signature
{
width: 98%;
clear: right;
padding: 1em 0 3px 0;
border-top: 1px solid #aaa;
line-height: 1.4em;
font-size: 0.85em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}

/* Messages that somehow need to attract the attention. */
.alert
{
color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday
{
color: #920ac4;
}

.event
{
color: #01BF00;
}

.holiday
{
color: #9F8F63;
}

/* Colors for warnings */
.warn_mute
{
color: red;
}

.warn_moderate
{
color: #ffa500;
}

.warn_watch, .success
{
color: #54BF53;
}

a.moderation_link, a.moderation_link:visited
{
color: red;
font-weight: bold;
}

.openid_login
{
background: #000000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/openid.gif) 2px 2px no-repeat;
padding-left: 18px;
}

/* a descriptive style */
.description, .description_board, .plainbox
{
padding: 0.5em 1em;
font-size: 0.9em;
line-height: 1.4em;
background: #0A0A0A;
border: 1px solid #3F3F3F;
margin: 0.2em 1px 1em 1px;
border-radius: 0.2em;
}
.description_board
{
margin: 1em 1px 0 1px;
}

/* an informative style */
.information
{
padding: 0.5em 1em;
font-size: 0.9em;
line-height: 1.3em;
background: #0A0A0A;
border: 1px solid #3F3F3F;
margin: 0.2em 1px 1em 1px;
border-radius: 0.2em;
}
.information p
{
padding: 1em;
margin: 0;
}
p.para2
{
padding: 1em 0 3.5em 0;
margin: 0;
}
/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
background: #0b0b0b;
border-bottom: 2px solid #6f5c45;
color: #6f5c45;
text-align: center;
font-size: 16pt;
padding: 0 8px;
width: 100%;
height: 1.7em;
line-height: 1.6em;
position: fixed;
top: 0;
left: 0;
}

#ajax_in_progress a
{
color: #FFDD99;
text-decoration: underline;
font-size: smaller;
float: right;
margin: 8px 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
clear: right;
overflow: auto;
margin: 0 0 10px 0;
padding: 0;
}
dl.settings dt
{
width: 40%;
float: left;
margin: 0 0 10px 0;
padding: 0;
clear: both;
}
dl.settings dt.settings_title
{
width: 100%;
float: none;
margin: 0 0 10px 0;
padding: 5px 0 0 0;
font-weight: bold;
clear: both;
}
dl.settings dt.windowbg
{
width: 98%;
float: left;
margin: 0 0 3px 0;
padding: 0 0 5px 0;
clear: both;
}
dl.settings dd
{
width: 56%;
float: right;
overflow: auto;
margin: 0 0 3px 0;
padding: 0;
}
dl.settings img
{
margin: 0 10px 0 0;
}
/* help icons */
dl.settings dt a img
{
position: relative;
top: 2px;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
overflow: hidden;
height: 31px;
line-height: 31px;
font-size: 1.2em;
font-weight: bold;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
color: #CFC2A8;
}
h3.catbg2 a, h3.catbg2
{
color: #FFDD99;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
color: #FFEFCF;
text-decoration: none;
}
h3.catbg2 a:hover
{
color: #FFEFCF;
text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
color: #6F6045;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
color: #8F7B59;
text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon
{
vertical-align: middle;
margin: -2px 5px 0 0;
}
h4.catbg a.toggle img
{
vertical-align: middle;
margin: -2px 5px 0 5px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -160px;
padding-right: 9px;
}
h4.titlebg, h3.titlebg
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -200px;
padding-right: 9px;
}
h4.titlebg img.icon
{
float: left;
margin: 5px 8px 0 0;
}
div.cat_bar
{
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_bar
{
background: #1a1a1a url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -200px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}

/* rounded bars needs a different background here */

div.roundframe div.cat_bar
{
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -240px;
margin-bottom: 0;
}
div.roundframe div.cat_bar h3.catbg
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -240px;
}
div.title_barIC
{
background: #1f1f1f url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin: 4px 0;
}
div.title_barIC h4.titlebg
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -120px;
}
#upshrinkHeaderIC p.pminfo
{
margin: 0;
padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
float: right;
margin: 10px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse
{
float: right;
}
table.table_list a.collapse
{
margin: 10px 5px 0 1em;
height: 31px;
line-height: 31px;
}

/* The half-round header bars for some tables. */
.table_grid tr.catbg, .table_grid tr.titlebg
{
font-size: 0.95em;
border-bottom: 1px solid #000;
}
.table_grid tr.catbg th, .table_grid tr.titlebg th
{
height: 28px;
line-height: 28px;
}
tr.catbg th.first_th
{
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -280px;
}
tr.catbg th.last_th
{
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -280px;
border-right: 1px solid #000;
}
tr.titlebg th.first_th
{
background: #1a1a1a url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -380px;
}
tr.titlebg th.last_th
{
background: #1a1a1a url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -380px;
border-right: 1px solid #000;
}
.table_grid th.last_th input
{
margin: 0 2px;
}
.table_grid th.lefttext
{
padding: 0 0.7em;
}

/* a general table class */
table.table_grid
{
border-collapse: collapse;
margin-top: 0.1em;
}
table.table_grid td
{
padding: 3px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

/* GenericList */
.additional_row
{
padding: 0.5em 0 0.5em 0;
}
table.table_grid thead tr.catbg th
{
white-space: nowrap;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid  td
{
padding: 0.4em 0.8em;
cursor: default;
}

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
display: block;
padding-left: 20px;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -30px no-repeat;
}
.windowbg span.topslice span
{
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -30px no-repeat;
height: 11px;
}
.windowbg span.botslice
{
display: block;
padding-left: 20px;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -41px no-repeat;
font-size: 5px;
line-height: 5px;
margin-bottom: 0.2em;
}
.windowbg span.botslice span
{
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -41px no-repeat;
height: 11px;
}

.windowbg2 span.topslice
{
display: block;
padding-left: 20px;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -60px no-repeat;
}
.windowbg2 span.topslice span
{
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -60px no-repeat;
height: 11px;
}
.windowbg2 span.botslice
{
display: block;
padding-left: 20px;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -71px no-repeat;
font-size: 5px;
line-height: 5px;
margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -71px no-repeat;
height: 11px;
}
.approvebg span.topslice
{
display: block;
padding-left: 20px;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 0 no-repeat;
}
.approvebg span.topslice span
{
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% 0 no-repeat;
height: 11px;
}
.approvebg span.botslice
{
display: block;
padding-left: 20px;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -11px no-repeat;
margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -11px no-repeat;
height: 11px;
}
.postbg
{
border-left: 1px solid #7f7f7f;
border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
padding: 0 10px;
background: #0A0A0A;
border-left: 1px solid #3F3F3F;
border-right: 1px solid #3F3F3F;
}
.roundframe dl, .roundframe dt, .roundframe p
{
margin: 0;
}
.roundframe p
{
padding: 0.5em;
}
span.upperframe
{
padding: 0;
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -90px no-repeat;
padding-left: 20px;
}
span.upperframe span
{
padding: 0;
height: 12px;
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
padding: 0;
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -102px no-repeat;
padding-left: 20px;
}
span.lowerframe span
{
padding: 0;
height: 12px;
display: block;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -102px no-repeat;
}

/* The main content area.
------------------------------------------------------- */
.content
{
padding: 0.5em 1.2em;
margin: 0;
border: none;
}
.content p
{
margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
border: 1px solid #6F5C45;
position: absolute;
visibility: hidden;
}
.auto_suggest_item
{
background: #ddd;
}
.auto_suggest_item_hover
{
background: #888;
cursor: pointer;
color: #eee;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
padding: 0 0.5em;
float: left;
margin: 0;
width: 98%;
}

.dropmenu, .dropmenu ul
{
list-style: none;
line-height: 1em;
padding: 0;
margin: 0;
}
.dropmenu
{
padding: 0 0.5em;
}
.dropmenu a
{
display: block;
color: #82705B;
text-decoration: none;
}
.dropmenu a span
{
display: block;
padding: 0 0 0 5px;
font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
display: block;
position: relative;
left: -5px;
padding-left: 5px;
height: 28px;
line-height: 19px;
white-space: pre;
}
.dropmenu li
{
float: left;
padding: 0;
margin: 0;
position: relative;
}
.dropmenu li ul
{
z-index: 90;
display: none;
position: absolute;
left: -6px;
width: 17em;
font-weight: normal;
background: #000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) -20px -580px no-repeat;
border: solid 1px #4F4131;
border-radius: 0.3em;
padding: 6px 0 2px 0;
}
.dropmenu li li
{
width: 17em;
margin: 0;
}
.dropmenu li li a span
{
display: block;
padding: 8px;
}
.dropmenu li ul ul
{
margin: -2.4em 0 0 15em;
padding: 2px 0;
}

/* the active button */
.dropmenu li a.active
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 100% 0;
color: #cfc2a8;
font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 0 0;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 100% -90px;
color: #cfc2a8;
cursor: pointer;
text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 0 -90px;
}
.dropmenu li a.active:hover
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 100% -30px;
color: #ffefcf;
font-weight: bold;
}
.dropmenu li a.active:hover span.firstlevel
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 0 -30px;
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat -20px -160px;
color: #cfc2a8;
text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
top: -999em;
}
.dropmenu li li:hover ul
{
top: auto;
}
.dropmenu li:hover ul
{
display: block;
top: 27px;
}
.dropmenu li li.additional_items
{
background: #000;
}

/* The dropdown menu toggle image */
#menu_toggle
{
float: right;
margin-right: 10px;
padding-top: 3px;
}
#menu_toggle span
{
position: relative;
right: 5000px;
}

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist ul
{
z-index: 100;
padding: 5px 0;
margin: 0 0.2em 5px 0;
}
.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.buttonlist ul li a
{
display: block;
font-size: 0.8em;
color: #6F5C45;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 0 -60px;
padding: 0 0 0 8px;
margin-left: 12px;
text-transform: uppercase;
cursor: pointer;
}
.buttonlist ul li a span
{
background: #000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 100% -60px;
display: block;
height: 20px;
line-height: 20px;
padding: 0 8px 0 0;
}
.buttonlist ul li a:hover
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 0 -90px;
color: #cfc2a8;
text-decoration: none;
}
.buttonlist ul li a:hover span
{
background: #000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 100% -90px;
}
/* the active one */
.buttonlist ul li a.active
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 0 -0px;
color: #ffefcf;
font-weight: bold;
}
.buttonlist ul li a.active span
{
background: #000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 100% -0px;
}
.buttonlist ul li a.active:hover
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 0 -30px;
color: #fff;
}
.buttonlist ul li a.active:hover span
{
background: #000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) no-repeat 100% -30px;
color: #fff;
}
.align_top ul li a, .align_bottom ul li a
{
margin: 0 12px 0 0;
}

/* the navigation list */
ul#navigation
{
margin: 0;
font-size: 0.9em;
padding: 1em 0.4em;
}
ul#navigation li
{
float: none;
font-size: 0.95em;
display: inline;
}

#adm_submenus
{
padding-left: 2em;
overflow: hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */
#header
{
background: #000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -480px;
padding-left: 20px;
}
#header div.frame
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -480px;
display: block;
padding: 5px 20px 1em 0;
}
/* the content section */
#content_section
{
background: #000 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/frame_repeat.png) repeat-y top left;
padding-left: 20px;
}
#content_section div.frame
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/frame_repeat.png) repeat-y top right;
display: block;
padding: 0 20px 0 0;
}
#main_content_section
{
width: 100%;
min-height: 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
margin: 5px 0 0 0;
padding: 0;
float: right;
line-height: 3em;
}
h3, h4
{
padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
float: right;
margin: 1em;
}
/* ..so does the SMF logo */
img#smflogo
{
margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section
{
padding: 5px;
margin-bottom: 0;
}
#upper_section ul li.greeting
{
font-size: 1.3em;
font-weight: bold;
line-height: 1.5em;
}
#guest_form  .input_text, #guest_form  .input_password, #guest_form  select, #guest_form  .button_submit
{
margin: 0;
font-weight: bold;
color: #fff2cf;
background: #7f6b57 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) -5px -120px no-repeat;
border: 1px solid #6f5c45;
border-radius: 0.25em;
font-size: 1.1em;
padding: 3px 4px;
vertical-align: top;
}
#guest_form  select
{
padding: 1px 2px;
font-weight: normal;
}
#guest_form  .button_submit
{
padding: 2px 4px;
}
#guest_form  input:focus, #guest_form  .button_submit:hover
{
border: 1px solid #cfc2a8;
color: #fff;
}
#upper_section div.news
{
width: 287px;
float: right;
text-align: left;
max-height: 120px;
overflow: hidden;
}
/* Additional classes for the search form. */
#upper_section div.news h2
{
clear: both;
padding-top: 1em;
}
#upper_section div.news form#search_form
{
float: right;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/menu_gfx.png) 0 -119px no-repeat;
padding: 2px 4px;
border: none;
width: 200px;
}
#upper_section div.news form#search_form input
{
background: none;
border:none;
}
#upper_section div.news form#search_form input.input_text
{
color: #fff;
font-weight: bold;
width: 167px;
margin-right: 25px;
}
form#search_form input.button_submit
{
display: none;
}
/* End additional classes. */
#guest_form
{
overflow: hidden;
}
#guest_form .info
{
padding: 4px 0 ;
line-height: 1.3em;
}
div#upper_section div.user
{
width: 50%;
float: left;
overflow: auto;
}
div#upper_section div.user p
{
float: left;
margin: 0 1em 1em 0;
padding: 0;
}
div#upper_section div.user ul
{
margin: 0;
padding-left: 10px;
}
div#upper_section div.user ul li
{
margin-bottom: 2px;
}
div#upper_section div.news p
{
display: inline;
}
div#upper_section div.news form
{
padding-bottom: 10px;
}
/* clearing the floats */
#top_section
{
min-height: 65px;
overflow: hidden;
margin-bottom: 3px;
}
#upper_section
{
overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section
{
padding: 0.5em;
margin: 0 0 0 0;
}
.navigate_section ul
{
display: block;
margin: 0;
font-size: 0.9em;
padding: 1em 0 0.5em 0;
border-top: solid #6F5C45 1px;
overflow: hidden;
list-style: none;
clear: both;
width: 100%;
}
.navigate_section ul li
{
float: left;
padding: 0 0.5em 0 0;
font-size: 0.95em;
}
.navigate_section ul li a
{
white-space: pre;
}

/* The footer wih copyright links etc. */
#footer_section
{
text-align: center;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 0 -820px;
padding-left: 20px;
}
#footer_section span.smalltext
{
font-size: 100%;
}
#footer_section div.frame
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) no-repeat 100% -820px;
display: block;
padding: 60px 0 0 0;
}
#footer_section ul li, #footer_section p
{
font-size: 0.8em;
}
#footer_section ul li
{
display: inline;
padding-right: 5px;
}
#footer_section ul li.copyright
{
display: block;
}
select.qaction, input.qaction
{
font-size: 0.85em;
padding: 0;
}
input.qaction
{
padding: 1px 4px;
font-weight: bold;
}
#mlist table tbody td.windowbg2
{
text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
width: 100%;
}
table.table_list p
{
padding: 0;
margin: 0;
}
table.table_list td, table.table_list th
{
padding: 5px;
}
table.table_list tbody.header td
{
padding: 0;
}
table.table_list tbody.header td
{
padding: 0;
}
table.table_list div.cat_bar, .childboards  div.cat_bar, #newsfader  div.cat_bar
{
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -280px no-repeat;
}
table.table_list h3.catbg, .childboards h3.catbg, #newsfader  h3.catbg
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -280px no-repeat;
}
table.table_list tbody.content td.stats
{
font-size: 90%;
width: 15%;
text-align: center;
}
table.table_list tbody.content td.lastpost
{
line-height: 1.3em;
font-size: 85%;
width: 24%;
padding: 0.8em;
}
table.table_list tbody.content td.icon
{
text-align: center;
width: 6%;
vertical-align: top;
padding: 0.6em;
}
/* Additional classes. */
table.table_list tbody.content td.windowbg
{
background: #090909;
}
table.table_list tbody.content tr.windowbg2, table.table_list tbody.content td.stats
{
background: #090909 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/backdrop.png) 0 0 repeat-x;
}
/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject
{
font-weight: bold;
font-size: 110%;
color: #6F6045;
}
.table_list tbody.content td.children
{
color: #5F5F5F;
font-size: 85%;
padding-left: 0.85em;
}
p.moderators
{
font-size: 0.8em;
font-family: verdana, sans-serif;
}
/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
display: none;
}

/* the posting icons */
#posting_icons
{
padding: 0 1em 0.5em 1em;
margin: 0 0 1em 0;
line-height: 1em;
}
#posting_icons ul
{
font-size: 0.8em;
}
#posting_icons img
{
vertical-align: middle;
margin: 0 0 0 4ex;
}
#postbuttons_upper ul li a span
{
line-height: 19px;
padding: 0 0 0 6px;
}
.nextlinks, .nextlinks_bottom
{
text-align: right;
margin-top: -1px;
font-weight: bold;
line-height: 2em;
padding: 0 0.5em;
}
.nextlinks_bottom
{
clear: right;
text-align: right;
}
.mark_read
{
padding: 0 0.5em;
}

/* the newsfader */
#newsfader
{
margin: 0 2px;
}
#smfFadeScroller
{
text-align: center;
padding: 1em;
overflow: auto;
margin: 0 0 1em 0;
min-height: 40px;
color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
border: #111 1px solid;
border-top: none;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}

/* Styles for the info center on the board index.
---------------------------------------------------- */

#upshrinkHeaderIC
{
margin-top: 4px;
}
dl#ic_recentposts
{
margin: 0 0 0.5em 0;
padding: 0.5em;
line-height: 1.3em;
}
dl#ic_recentposts dt
{
float: left;
}
dl#ic_recentposts dd
{
text-align: right;
}
#upshrinkHeaderIC p
{
margin: 0 0 0.5em 0;
padding: 0.5em;
}
#upshrinkHeaderIC p.last
{
margin: 0;
padding: 0.5em;
border-top: dotted 2px #6F5C45;
}
#upshrinkHeaderIC p.inline
{
border: none;
margin: 0;
padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
font-size: 1.1em;
padding-top: 8px;
}
form#ic_login
{
padding: 0.5em;
height: 2em;
}
form#ic_login ul li
{
margin: 0;
padding: 0;
float: left;
width: 20%;
text-align: center;
}
form#ic_login ul li label
{
display: block;
}

/* the small stats */
#index_common_stats
{
display: block;
margin: 0 0 0.5em 0;
text-align: right;
font-size: 0.9em;
position: relative;
top: -20px;
line-height: 1px;
}

img.new_posts
{
padding: 0 0.1em;
}
/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list
{
border-collapse: collapse;
margin: 2px 0;
}
.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
{
border-right: 2px solid #000;
}
#messageindex
{
clear: both;
}
/* the page navigation area */
.childboards
{
margin-bottom: 0.2em;
}
#childboards h3
{
padding-bottom: 0;
}
#childboards .table_list thead
{
display: none;
}
#childboards .table_list
{
margin-bottom: 1em;
}
.lastpost img
{
float: right;
padding: 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons
{
padding: 0.5em;
width: 40%;
float: right;
}
#postbuttons div.middletext
{
width: 60%;
}
#postbuttons span
{
display: block;
text-align: right;
}
#postbuttons span.lower
{
clear: right;
}
#postbuttons .buttonlist
{
float: right;
}
#postbuttons #pagelinks
{
padding-top: 1em;
}
#moderationbuttons
{
overflow: hidden;
}
/* Events */
.linked_events
{
padding: 1em 0;
}
.edit_event
{
margin: 0 1em;
vertical-align: middle;
}
/* Poll question */
#poll
{
overflow: hidden;
}
#poll .cat_bar
{
margin-bottom: 3px;
}

#poll .content
{
padding: 0 1em;
}
h4#pollquestion
{
padding: 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options
{
border-top: 1px solid #444;
padding: 1em 2.5em 0 2em;
margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
border-bottom: 1px solid #444;
clear: both;
padding: 0 0 1em 2em;
margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
border: solid #444;
border-width: 1px 0;
padding: 1em 2.5em 1em 2em;
margin: 0 1em 1em 0;
font-size: 1.1em;
line-height: 1.2em !important;
}
#poll_options dl.options dt
{
padding: 0.3em 0;
width: 30%;
max-width: 350px;
float: left;
margin: 0 0 0.4em 0;
clear: left;
}
#poll_options dl.options .voted
{
font-weight: bold;
}
#poll_options dl.options dd
{
margin: 0 0 0.4em 2em;
padding: 0;
width: 40em;
float: left;
background: #222;
}
#poll_options dl.options .percentage
{
display: block;
float: right;
line-height: 1.2em;
padding: 0 0 0 1em;
background: #141414;
width: 9em;
}

/* Poll notices */
#poll_options p
{
margin: 0 1.5em 0.2em 1.5em;
padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation
{
margin: 0;
padding: 0;
overflow: auto;
}
/* onto the posts */
#forumposts
{
clear: both;
}
#forumposts .cat_bar
{
margin: 0 0 2px 0;
}
/* author and topic information */
#forumposts h3 span#author
{
margin: 0 7.7em 0 0;
}
#forumposts h3 img
{
float: left;
margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
margin-bottom: 3px;
}
p#whoisviewing
{
margin: 0;
padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
#quickModForm  div.windowbg, #quickModForm  div.windowbg2
{
margin-top: 3px;
}
.post_wrapper
{
float:left;
width:100%;
}
.poster
{
float: left;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
width: 100%;
}

.moderatorbar
{
clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
padding: 0;
margin: 0 1em 0 1.5em;
}
.poster h4
{
margin: 0.2em 0 0.4em 1.1em;
font-size: 120%;
}
.poster h4, .poster h4 a
{
color: #AF6C2B;
}
.poster ul ul
{
margin: 0.3em 1em 0 0;
padding: 0;
}
.poster ul ul li
{
display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0.5em;
}
.poster li.avatar
{
overflow: hidden;
}
.poster li.warning
{
line-height: 1.2em;
padding-top: 1em;
}
.poster li.warning a img
{
vertical-align: bottom;
padding: 0 0.2em;
}
.messageicon
{
float: left;
margin: 0 0.5em 0 0;
}
.messageicon img
{
padding: 6px 3px;
}
.keyinfo
{
float: left;
width: 50%;
}
.modifybutton
{
clear: right;
float: right;
margin: 6px 20px 10px 0;
text-align: right;
font: bold 0.85em arial, sans-serif;
color: #334466;
}

/* The quick buttons */
div.quickbuttons_wrap
{
padding: 0.2em 0;
width: 100%;
float: left;
}

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;
}
ul.quickbuttons li
{
float: left;
display: inline;
margin: 0 0 0 11px;
}
ul.quickbuttons li a
{
padding: 0 0 0 20px;
display: block;
height: 20px;
line-height: 18px;
float: left;
}
ul.quickbuttons a:hover
{
color: #BFAD8F;
}
ul.quickbuttons li.quote_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.remove_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.modify_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.approve_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.restore_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.split_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.reply_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.notify_button
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quickbuttons.png) no-repeat 0 -210px;
}
ul.quickbuttons li.inline_mod_check
{
margin: 0 0 0 5px;
}

.post
{
margin-top: 0.5em;
clear: right;
}
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
border-top: solid 1px #6F5C45;
color: #7F7F7F;
}
img.smiley
{
vertical-align: bottom;
}
#forumposts .modified
{
float: left;
}
#forumposts .reportlinks
{
margin-right: 1.5em;
text-align: right;
clear: right;
}
#forumposts .signature, .post .signature
{
margin: 1em 0 0 0;
}
#forumposts span.botslice
{
clear: both;
}
.attachments hr
{
clear: both;
margin: 1em 0 1em 0;
}
.attachments
{
padding: 1em 0 2em 0;
}
.attachments div
{
padding: 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickreplybox
{
padding-bottom: 1px;
}
#quickreplybox .cat_bar
{
margin-bottom: 2px;
}
#quickReplyOptions .roundframe
{
padding: 0 10%;
}
#quickReplyOptions form textarea
{
height: 100px;
width: 635px;
max-width: 100%;
min-width: 100%;
margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
clear: both;
padding: 5px;
margin-top: 6px;
text-align: right;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe
{
padding: 0 12%;
}
#post_header, .postbox
{
padding: 0.5em;
overflow: hidden;
}
#post_header dt, .postbox dt
{
float: left;
padding: 0;
width: 15%;
margin: .5em 0 0 0;
font-weight: bold;
}
#post_header dd, .postbox dd
{
float: left;
padding: 0;
width: 83%;
margin: .3em 0;
}
#post_header img
{
vertical-align: middle;
}
ul.post_options
{
margin: 0 0 0 1em;
padding: 0;
list-style: none;
overflow: hidden;
}
ul.post_options li
{
margin: 0.2em 0;
width: 49%;
float: left;
}
#postAdditionalOptionsHeader
{
margin-top: 1em;
}
#postMoreOptions
{
border-bottom: 1px solid #cacdd3;
padding: 0.5em;
}
#postAttachment, #postAttachment2
{
overflow: hidden;
margin: .5em 0;
padding: 0;
border-bottom: 1px solid #cacdd3;
padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd
{
margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt
{
font-weight: bold;
}
#postAttachment3
{
margin-left: 1em;
}
#post_confirm_strip, #shortcuts
{
padding: 1em 0 0 0;
}
.post_verification
{
margin-top: .5em;
}
.post_verification #verification_control
{
margin: .3em 0 .3em 1em;
}
/* The BBC buttons */
#bbcBox_message
{
margin: 0.75em 0.5em;
}
#bbcBox_message div
{
margin: 0.2em 0;
vertical-align: top;
}
#bbcBox_message div img
{
margin: 0 1px 0 0;
vertical-align: top;
}
#bbcBox_message select
{
margin: 0 2px;
}
/* The smiley strip */
#smileyBox_message
{
margin: 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe
{
padding: 0 12%;
}
#post_event fieldset
{
padding: 0.5em;
clear: both;
}
#post_event #event_main input
{
margin: 0 0 1em 0;
float: left;
}
#post_event #event_main div.smalltext
{
width: 33em;
float: right;
}
#post_event div.event_options
{
float: right;
}
#post_event ul.event_main, ul.event_options
{
padding: 0;
overflow: hidden;
}
#post_event ul.event_main li
{
list-style-type: none;
margin: 0.2em 0;
width: 49%;
float: left;
}
#post_event ul.event_options
{
margin: 0;
padding: 0 0 .7em .7em;
}
#post_event ul.event_options li
{
list-style-type: none;
margin: 0;
float: left;
}
#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
{
margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll
{
overflow: hidden;
}
#edit_poll fieldset
{
padding: 0.5em;
clear: both;
overflow: hidden;
}
#edit_poll fieldset input
{
margin-left: 8.1em;
}
#edit_poll ul.poll_main li
{
padding-left: 1em;
}
#edit_poll ul.poll_main input
{
margin-left: 1em;
}
#edit_poll ul.poll_main, dl.poll_options
{
overflow: hidden;
padding: 0 0 .7em .7em;
list-style: none;
}
#edit_poll ul.poll_main li
{
margin: 0.2em 0;
}
#edit_poll dl.poll_options dt
{
width: 33%;
padding: 0 0 0 1em;
}
#edit_poll dl.poll_options dd
{
width: 65%;
}
#edit_poll dl.poll_options dd input
{
margin-left: 0;
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks, #readbuttons .pagelinks
{
padding-bottom: 1em;
width: 60%;
}
#readbuttons .pagelinks
{
padding-top: 1em;
}
#recent
{
clear: both;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl
{
margin-bottom: 0;
}
#move_topic dl.settings dt
{
width: 40%;
}
#move_topic dl.settings dd
{
width: 59%;
}
.move_topic
{
width: 710px;
margin: auto;
text-align: left;
}
div.move_topic fieldset
{
padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic
{
border: none;
padding: 0.5em;
}
dl.send_topic
{
margin-bottom: 0;
}
dl.send_mail dt
{
width: 35%;
}
dl.send_mail dd
{
width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl
{
margin-bottom: 0;
}
#report_topic dl.settings dt
{
width: 20%;
}
#report_topic dl.settings dd
{
width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected
{
width: 49%;
}
ul.split_messages li.windowbg, ul.split_messages li.windowbg2
{
margin: 1px;
}
ul.split_messages li a.split_icon
{
padding: 0 0.5em;
}
ul.split_messages div.post
{
padding: 1em 0 0 0;
border-top: 1px solid #000;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li
{
list-style-type: none;
}
dl.merge_topic dt
{
width: 25%;
}
dl.merge_topic dd
{
width: 74%;
}
fieldset.merge_options
{
clear: both;
}
.custom_subject
{
margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login
{
width: 540px;
margin: 0 auto;
}
.login dl
{
overflow: auto;
clear: right;
}
.login dt, .login dd
{
margin: 0 0 0.4em 0;
width: 44%;
padding: 0.1em;
}
.login dt
{
float: left;
clear: both;
text-align: right;
font-weight: bold;
}
.login dd
{
width: 54%;
float: right;
text-align: left;
}
.login p
{
text-align: center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
border: 1px dashed red;
padding: 5px;
margin: 0 1ex 1ex 1ex;
}
.register_error span
{
text-decoration: underline;
}

/* Additional profile fields */
dl.register_form
{
margin: 0;
clear: right;
}

dl.register_form dt
{
font-weight: normal;
float: left;
clear: both;
width: 50%;
margin: 0.5em 0 0 0;
}

dl.register_form dt strong
{
font-weight: bold;
}

dl.register_form dt span
{
display: block;
}

dl.register_form dd
{
float: left;
width: 49%;
margin: 0.5em 0 0 0;
}

#confirm_buttons
{
text-align: center;
padding: 1em 0;
}

.coppa_contact
{
padding: 4px;
width: 32ex;
background: #fff;
color: #000;
margin-left: 5ex;
border: 1px solid #6F5C45;
}

.valid_input
{
background: #f5fff0;
}
.invalid_input
{
background: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
width: 75%;
min-width: 520px;
text-align: left;
}
#maintenance_mode img.floatleft
{
margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img
{
vertical-align: middle;
margin-right: 0.5em;
margin-top: -1px;
}
tr.titlebg td
{
padding-left: 0.7em;
}
#admin_menu
{
min-height: 2em;
padding-left: 0;
}
#admin_content
{
clear: left;
padding-top: 0.5em;
}
/* Custom profile fields like to play with us some times. */
#admin_content .custom_field
{
margin-bottom: 15px;
}
#admin_login .centertext
{
padding: 1em;
}
#admin_login .centertext .error
{
padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
padding: 0;
margin: 0;
list-style: none;
}
#left_admsection
{
width: 160px;
float: left;
padding-right: 10px;
}
.adm_section h4.titlebg
{
font-size: 95%;
margin-bottom: 5px;
}
#main_container
{
position: relative;
}
.left_admmenu li
{
padding: 0 0 0 0.5em;
}
.left_admmenu
{
margin-bottom: 0.5em;
}
#main_admsection
{
position: relative;
left: 0;
right: 0;
overflow: hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
{
padding: 0.3em 0.7em;
}
#credits p
{
padding: 0;
font-style: italic;
margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats
{
text-align: center;
}
#topic_icons
{
margin: 1em 0 0 0;
}
#topic_icons .description
{
margin: 0;
}
.topic_table table thead
{
border-bottom: 1px solid #000;
}
/* the subject column */
.topic_table td
{
font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats
{
font-size: 0.85em;
padding: 0;
margin: 0;
}
.topic_table td.lastpost
{
font-size: 0.85em;
line-height: 1.3em;
padding: 4px;
}
.topic_table td.stickybg2
{
background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quick_sticky.gif);
background-repeat: no-repeat;
background-position: 98% 4px;
}
.topic_table td.lockedbg2
{
background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quick_lock.gif);
background-repeat: no-repeat;
background-position: 98% 4px;
}
.topic_table td.locked_sticky2
{
background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/quick_sticky_lock.gif);
background-repeat: no-repeat;
background-position: 98% 4px;
}
.topic_table td.lastpost
{
background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error
{
width: 80%;
margin: auto;
}

.errorbox
{
padding: 1em;
border: 1px solid #cc3344;
color: #000;
background: #ffe4e9;
margin-bottom: 1em;
}
.errorbox h3
{
padding: 0;
margin: 0;
font-size: 1.1em;
text-decoration: underline;
}
.errorbox p
{
margin: 1em 0 0 0;
}
.errorbox p.alert
{
padding: 0;
margin: 0;
float: left;
width: 1em;
font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl
{
overflow: auto;
margin: 0;
padding: 0;
}

/* The basic user info on the left */
#basicinfo
{
width: 20%;
float: left;
}
#basicinfo .windowbg .content
{
padding-left: 20px;
}
#detailedinfo
{
width: 79.5%;
float: right;
}
#basicinfo h4
{
font-size: 135%;
font-weight: 100;
line-height: 105%;
white-space: pre-wrap;
overflow: hidden;
}
#basicinfo h4 span.position
{
font-size: 80%;
font-weight: 100;
display: block;
}
#basicinfo img.avatar
{
display: block;
margin: 10px 0 0 0;
}
#basicinfo ul
{
list-style-type: none;
margin: 10px 0 0 0;
}
#basicinfo ul li
{
display: block;
float: left;
margin-right: 5px;
height: 20px;
}
#basicinfo span#userstatus
{
display: block;
clear: both;
}
#basicinfo span#userstatus img
{
vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl
{
clear: right;
overflow: auto;
margin: 0 0 18px 0;
padding: 0 0 15px 0;
border-bottom: 1px #6F5C45 solid;
}
#detailedinfo div.content dt, #tracking div.content dt
{
width: 35%;
float: left;
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
width: 65%;
float: left;
margin: 0 0 3px 0;
padding: 0;
}
#detailedinfo div.content dl.noborder
{
border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
width: 100%;
}
.signature, .custom_fields_above_signature
{
border-top: 1px #6F5C45 solid;
}
.signature h5
{
font-size: 0.85em;
margin-bottom: 10px;
}
#personal_picture
{
display: block;
margin-bottom: 0.3em;
}
#avatar_server_stored div
{
float: left;
}
#avatar_upload
{
overflow: auto;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo
{
width: 100%;
}
#main_admsection #basicinfo h4
{
float: left;
width: 35%;
}
#main_admsection #basicinfo img.avatar
{
float: right;
vertical-align: top;
}
#main_admsection #basicinfo ul
{
clear: left;
}
#main_admsection #basicinfo span#userstatus
{
clear: left;
}
#main_admsection #basicinfo p#infolinks
{
display: none;
clear: both;
}
#main_admsection #basicinfo .botslice
{
clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success
{
margin: 0 0 1em 0;
padding: 1em 2em;
border: 1px solid;
}
div#profile_error
{
border-color: red;
color: red;
background: #2B2B2B;
}

div#profile_error span
{
text-decoration: underline;
}

div#profile_success
{
border-color: #54BF53;
color: #54BF53;
background: #2B2B2B;
}

/* Profile statistics */
#profileview div.cat_bar
{
margin: -1px 0 3px 0;
}
#generalstats div.content dt
{
width: 50%;
float: left;
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
clear: both;
}
#generalstats div.content dd
{
width: 50%;
float: left;
margin: 0 0 3px 0;
padding: 0;
}

/* Activity by time */
#activitytime
{
margin: 6px 0;
}
.activity_stats
{
margin: 0;
padding: 0;
list-style: none;
}
.activity_stats li
{
margin: 0;
padding: 0;
width: 4.16%;
float: left;
}
.activity_stats li span
{
display: block;
border: solid #555;
border-width: 2px 1px 0 0;
text-align: center;
}
.activity_stats li.last span
{
border-right: none;
}
.activity_stats li div.bar
{
margin: 0 auto;
width: 15px;
}
.activity_stats li div.bar div
{
background: #444;
border-radius: 0.15em 0.15em 0 0;
}
.activity_stats li div.bar span
{
position: absolute;
top: -1000em;
left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts
{
width: 49.5%;
float: left;
}
#popularactivity
{
width: 49.5%;
float: right;
}

#popularposts div.content dt, #popularactivity div.content dt
{
width: 65%;
float: left;
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd
{
width: 35%;
float: left;
margin: 0 0 3px 0;
padding: 0;
}

.profile_pie
{
background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/stats_pie.png);
float: left;
height: 20px;
width: 20px;
margin: 0 1em 0 0;
padding: 0;
text-indent: -1000em;
}

/* View posts */
.topic .time
{
float: right;
}

.counter
{
margin: 0 0 0 0;
padding: 0.2em 0.5em 0.1em 0.2em;
font-size: 2.2em;
font-weight: bold;
color: #555;
float: left;
}
.list_posts
{
border-top: 1px solid #444;
padding-top: 12px;
margin-top: 6px;
overflow: auto;
}

.core_posts
{
margin-bottom: 3px;
}

.topic h4
{
margin: 3px 0;
}

.topic .post
{
margin: 0 1em;
min-height: 80px;
height: auto !important;
height: 80px;
}

.topic .mod_icons
{
text-align: right;
margin-right: 1em;
}

#tracking div.content dl
{
border-bottom: 0;
margin: 0;
padding: 0;
}

#creator dl
{
margin: 0;
}
#creator dt
{
width: 40%;
float: left;
clear: both;
margin: 0 0 10px 0;
}
#creator dd
{
float: right;
width: 55%;
margin: 0 0 10px 2px;
overflow: auto;
}

.ignoreboards
{
margin: 0 2%;
padding: 0;
width: 45%;
}
.ignoreboards a
{
font-weight: bold;
border-bottom: 1px solid #c4c4c4;
padding: 0.1em 0;
}
.ignoreboards a:hover
{
text-decoration: none;
border-bottom: 1px solid #334466;
}
.ignoreboards ul
{
margin: 0;
padding: 0;
}
.ignoreboards li
{
list-style: none;
float: left;
clear: both;
}
.ignoreboards li.category
{
margin: 0.7em 0 0 0;
width: 100%;
}
.ignoreboards li ul
{
margin: 0.2em 0 0 0;
}
.ignoreboards li.category ul li.board
{
width: 93%;
}

#theme_settings
{
overflow: auto;
margin: 0;
padding: 0;
}

#theme_settings li
{
list-style: none;
margin: 10px 0;
padding: 0;
}
#theme_settings li select
{
position: absolute;
left: 30em;
width: 13em;
}
/* Paid Subscriptions */
#paid_subscription
{
width: 100%;
}
#paid_subscription dl.settings
{
margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
margin-bottom: 4px;
}
/* Pick theme */
#pick_theme
{
width: 100%;
float: left;
}
/*Issue a warning*/
#warn_body{
width: 80%;
font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
padding: 0.5em 0;
}
#statistics div.title_bar
{
margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
text-align: center;
}
#statistics div.content
{
min-height: 210px;
}
#statistics div.top_row
{
min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
float: left;
width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
float: right;
width: 49.5%;
}
dl.stats
{
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
}
dl.stats dt
{
width: 49%;
float: left;
margin: 0 0 4px 0;
line-height: 16px;
padding: 0;
clear: both;
font-size: 1em;
}
dl.stats dd
{
text-align: right;
width: 50%;
font-size: 1em;
float: right;
margin: 0 0 4px 0;
line-height: 16px;
padding: 0;
}
.statsbar div.bar
{
float: left;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/bar_stats.png) no-repeat;
display: block;
margin: 0 4px;
height: 16px;
}
.statsbar div.bar div
{
position: relative;

right: -4px;
padding: 0 4px 0 0;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/bar_stats.png) no-repeat 100%;
height: 16px;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
float: left;
}
#personal_messages h3 span#author
{
margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title
{
margin: 0 0 0 9em;
}
#personal_messages div.labels
{
padding: 0 1em 0 0;
}
#personal_messages .capacity_bar
{
background: #f0f4f7;
display: block;
margin: 0.5em 0 0 1em;
height: 1em;
border: 1px solid #adadad;
width: 10em;
}
#personal_messages .capacity_bar span
{
border-right: 1px solid #adadad;
display: block;
height: 1em;
}
#personal_messages .capacity_bar span.empty
{
background: #a6d69d;
}
#personal_messages .capacity_bar span.filled
{
background: #eea800;
}
#personal_messages .capacity_bar span.full
{
background: #f10909;
}
#personal_messages .reportlinks
{
padding: 0.5em 1.3em;
}
#searchLabelsExpand li
{
padding: 0.3em 0.5em;
}
#manrules div.righttext
{
padding: 0.3em 0.1em;
}
dl.addrules dt.floatleft
{
width: 15em;
color: #333;
padding: 0 1.25em 0.5em 1.25em;
}
#addrule fieldset
{
clear: both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/backdrop.png) 0 0 repeat-x;
}

#month_grid
{
width: 200px;
text-align: center;
float: left;
}
#month_grid div.cat_bar
{
height: 25px;
width: 189px;
margin: 0 1px;
}
#month_grid h3.catbg
{
height: 25px;
line-height: 27px;
}
#month_grid table
{
width: 200px;
}
#main_grid table
{
width: 100%;
padding-bottom: 4px;
}
#main_grid div.cat_bar
{
text-align: center;
margin: 1px;
height: 29px;
border-top: 2px solid #000;
border-bottom: none;
background: #222 url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -280px no-repeat;
}
#main_grid h3.catbg
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -280px no-repeat;
}
#main_grid table.weeklist td.windowbg
{
text-align: center;
height: 49px;
width: 25px;
font-size: large;
padding: 0 7px;
border-left: 0;
border-bottom: 2px solid #000000;
}
#main_grid table.weeklist td.weekdays
{
height: 49px;
width: 100%;
padding: 4px;
text-align: left;
vertical-align: middle;
border-right: 0;
border-bottom: 2px solid #000000;
}
#main_grid h3.weekly
{
text-align: center;
padding-left: 0;
font-size: large;
height: 29px;
}
#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
display: block;
font-weight: bold;
}
#main_grid table th.days
{
width: 14%;
padding: 4px 0;
}
#main_grid table.weeklist div.title_bar
{
background: #1a1a1a url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 0 -380px no-repeat;
}
#main_grid table.weeklist h4.titlebg
{
margin: 0 0 0 0;
height: 23px;
line-height: 27px;
background: url(http://s148.photobucket.com/albums/s20/smfstyles/pod/main_block.png) 100% -380px no-repeat;
}
#main_grid table td.weeks
{
vertical-align: middle;
text-align: center;
padding: 0 0.3em;
font-weight: bold;
font-size: large;
}
#main_grid table td.days
{
vertical-align: top;
text-align: center;
}

a.modify_event
{
color: #FF0000;
}

span.hidelink
{
font-style: italic;
}

#calendar_navigation
{
text-align: center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
margin: auto;
width: 500px;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
padding: 0.5em;
margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
text-align: center !important;
margin: 0;
}
#search_error
{
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input
{
font-size: 115%;
margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
text-align: left;
padding: 0;
border: none;
}
#advanced_search dl#search_options
{
margin: 0 auto;
width: 600px;
padding-top: 1em;
overflow: hidden;
}
#advanced_search dt
{
clear: both;
float: left;
padding: 0.2em;
text-align: right;
width: 20%;
}
#advanced_search dd
{
width: 75%;
float: left;
padding: 0.2em;
margin: 0 0 0 0.5em;
text-align: left;
}
#searchform p.clear
{
clear: both;
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote, .topic_table td .quoteheader
{
margin: 0.5em;
}
.search_results_posts
{
overflow: hidden;
}
.search_results_posts .buttons
{
padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container
{
margin: 4px 0 0 0;
padding: 0 0 8px 0;
}
#helpmain
{
padding: 0 1em;
}
#helpmain p
{
margin: 0 0 1.5em 0;
line-height: 1.5em;
}
#helpmain ul
{
line-height: 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print
{
#headerarea
{
display: none;
}

.tborder
{
border: none;
}
}



7
Bugs / Bugs after Upgrade
« on: June 16, 2011, 11:08:41 pm »
Found a few bugs
1.  Many missing icons.   Icons in Info Center missing.   Icons missing on in Board indexes  (new.gif, lastpost.gif, etc)
    Glossary at bottom of a Boards Index page missing all icons.     (note they are missing on the SMF for Free forums so its probably connected to your moving them last nite)

2.  Clicking Arcade here at Support tosses this error msg:  Invalid value inserted or no type specified.
I do not have an Arcade on my Create a Forum test site so I cant check there.  http://sibs.createaforum.com
 

8
Style Support / [Stylesheet] Curvy Caramel
« on: August 19, 2010, 09:25:42 pm »
A re-creation of Crip's Curvy Caramel Theme
 
Screenshot:

 
Footer Code:
 
Code: [Select]
<div style="text-align:center;font-size:14px;">Re-creation of Crip's Curvy Caramel Theme</div>

Custom Images:
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/new_none.png
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/new_redirect.png
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/new_some.png
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/off.png
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/on.png
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/on2.png
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/redirect.png
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/collapse.gif
http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/expand.gif
 
css:
 
Code: [Select]

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
/* Normal, standard links. */
a:link, a:visited
{
 color: #78561F;
 text-decoration: none;
}
a:hover
{
 text-decoration: underline;
}
/* Tables should show empty cells. */
table
{
 empty-cells: show;
}
/* Set a fontsize that will look the same in all browsers. */
body
{
 background: #D3C194 url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/backdrop.png) repeat-x;
 font: 78%/130% verdana, Helvetica, sans-serif;
 margin: 0 auto;
 padding: 15px 5%;
}
/* Help popups require a different styling of the body element. */
body#help_popup
{
 padding: 1em;
}
/* use dark grey for the text, leaving black for headers etc */
body, td, th, tr
{
 color: #444444;
}
/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
 margin: 0 auto;
}
/* lets give all forms zero padding/margins */
form
{
 padding: 0;
 margin: 0;
}
/* We can style the different types of input buttons to be uniform thoughout different browsers and their colour themes.
 .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
 .button_reset  - covers input[type=reset] and button[type=reset] thoughout all browsers
 .input_check - covers input[type=checkbox] thoughout all browsers
 .input_radio - covers input[type=radio] thoughout all browsers
 .input_text  - covers input[type=text] thoughout all browsers
 .input_file  - covers input[type=file] thoughout all browsers
*/
input, button, select, textarea
{
 font: 95%/115% verdana, Helvetica, sans-serif;
 color: #000000;
 background: #E2D5B0;
 border: 1px solid #F0E8CD;
 padding: 2px;
}
/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
 padding: 0;
}
/* Add some padding to the options instead. */
select option
{
 padding: 1px;
}
/* The font size of textareas should be just a little bit larger. */
textarea
{
 font: 100%/130% verdana, Helvetica, sans-serif;
}
/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
 background: #d0be8f url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/submit_bg.png) no-repeat;
 border: 1px solid #87662c;
 cursor: pointer;
 font-weight: normal;
}
input:hover, textarea:hover, button:hover, select:hover
{
 border: solid 1px #664511;
}
.button_submit:hover, .button_reset:hover
{
 border: 1px solid #d0be8f;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/submit_bg.png) no-repeat 0 -218px #cde7ff;
}
input:focus, textarea:focus, button:focus, select:focus
{
 border: solid 1px #664511;
}
/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
 border: none;
 background: none;
}
/* Standard horizontal rule.. (
[hr], etc.) */
hr, .hrcolor
{
 height: 1px;
 border: 0;
 color: #664511;
 background-color: #664511;
}
/* By default set the color on these tags as black. */
h1, h2, h3, h4, h5, h6
{
 color: black;
 font-size: 1em;
 margin: 0;
 padding: 0;
}
/* Fieldsets are used to group elements. */
fieldset
{
 border: groove #E2D5B0 2px;
 padding: 1em;
 margin: 0 0 0.3em 0;
}
/* No image should have a border when linked. */
a img
{
 border: 0;
}
/* Define strong as bold, and em as italics */
strong
{
 font-weight: bold;
}
em
{
 font-style: italic;
}
/* Alternative for u tag */
.underline
{
 text-decoration: underline;
}
/* Common classes to easy styling.
------------------------------------------------------- */
.floatright, .align_right
{
 float: right;
}
.floatleft, .align_left
{
 float: left;
}
.flow_auto
{
 overflow: auto;
}
.flow_hidden
{
 overflow: hidden;
}
.clear
{
 clear: both;
}
.clear_left
{
 clear: left;
}
.clear_right
{
 clear: right;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
 font-size: 0.85em;
 font-family: verdana, sans-serif;
}
.middletext
{
 font-size: 0.9em;
 line-height: 1em;
 font-family: verdana, sans-serif;
}
.normaltext
{
 font-size: 1em;
 line-height: 1.2em;
}
.largetext
{
 font-size: 1.4em;
}
.centertext
{
 margin: 0 auto;
 text-align: center;
}
.righttext
{
 margin-left: auto;
 margin-right: 0;
 text-align: right;
}
.lefttext
{
 margin-left: 0;
 margin-right: auto;
 text-align: left;
}
/* some common padding styles */
.padding
{
 padding: 0.7em;
}
.main_section, .lower_padding
{
 padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
 padding: 0;
 margin: 0;
 list-style: none;
}
/* Some BBC related styles.
------------------------------------------------------- */
/* A quote, perhaps from another post. */
.quoteheader
{
 color: brown;
}
.codeheader, .quoteheader
{
 font-size: 0.9em;
 font-weight: 900;
 padding-left: 5px;
}
blockquote, blockquote blockquote blockquote
{
 font-size: 0.9em;
 color: #000000;
 line-height: 1.4em;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quote.png) 2px 2px no-repeat #E1CEA1;
 border-top: solid 1px #2C1200;
 border-bottom: solid 1px #2C1200;
 padding: 1em 1em 1em 2em;
 margin: 0.3em 0 0 0;
}
blockquote blockquote
{
 background: #EEE7CB;
}
/* A code block - maybe even PHP ;). */
code
{
 display: block;
 font-family: "courier new", "times new roman", monospace;
 font-size: x-small;
 background: #F5E6C1;
 border-top: solid 1px #2C1200;
 border-bottom: solid 1px #2C1200;
 line-height: 1.3em;
 padding: 3px 1em;
 overflow: auto;
 white-space: pre;
 /* Stop after about 24 lines, and just show a scrollbar. */
 max-height: 24em;
}
/* For links to change the code stuff... */
.codeoperation
{
 font-weight: normal;
}
/* Styling for BBC tags */
.bbc_size
{
 line-height: 1.4em;
}
.bbc_color a
{
 color: inherit;
}
.bbc_img
{
 border: 0;
}
.bbc_table
{
 font: inherit;
 color: inherit;
}
.bbc_table td
{
 font: inherit;
 color: inherit;
 vertical-align: top;
}
.bbc_u
{
 text-decoration: underline;
}
/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
 cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
 color: red;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
 width: 96%;
}
/* Highlighted text - such as search results. */
.highlight
{
 background-color: yellow;
 font-weight: bold;
 color: black;
}
/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
 background-color: #B3F4B0;
 color: black;
}
/* Generic, mostly colour-related, classes.
------------------------------------------------------- */
.titlebg, .titlebg2, thead tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
 color: black;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat -10px -120px;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
 color: #E2D8BB;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat -10px -160px;
}
/* adjust the table versions of headers */
tr.titlebg td, tr.titlebg2 td
{
 padding: 6px;
}
tr.catbg td, tr.catbg2 td, td.catbg, td.catbg2, tr.catbg th, tr.catbg2 th, th.catbg, th.catbg2
{
 padding: 6px;
}
tr.titlebg td a, tr.titlebg2 td a
{
 color: black;
}
tr.catbg td a, tr.catbg2 td a, .catbg a
{
 color: #E2D8BB;
}
tr.catbg th.smalltext
{
 font-size: 0.9em;
}
tr.titlebg th.smalltext, thead tr.titlebg th a:link, thead tr.titlebg th a:visited
{
 color: black;
 font-size: 0.95em;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
 color: #000000;
 background-color: #D0BE8F;
}
.windowbg2
{
 color: #000000;
 background-color: #D9C89E;
}
.windowbg3
{
 color: #000000;
 background-color: #F0E8CD;
}
/* the page navigation area */
.pagesection
{
 font-size: 0.9em;
 padding: 0 0 0.2em 0;
 overflow: hidden;
 margin-bottom: 1px;
}
div.pagesection div.floatright input
{
 margin-top: 3px;
}
.pagelinks
{
 padding:  0.6em 0 0.4em 0;
}
/* GenericList */
.additional_row
{
 float: right;
 padding: 0.5em 0 0.5em 2em;
}
.additional_row input
{
 margin-left: 1em;
}
table.table_grid thead tr.catbg th.smalltext
{
 white-space: nowrap;
}
/* Colors for background of posts requiring approval */
.approvebg
{
 color: #000000;
 background-color: #ffeaea;
}
.approvebg2
{
 color: #000000;
 background-color: #fff2f2;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
 color: #000000;
 background-color: #e4a17c;
}
.approvetbg2
{
 color: #000000;
 background-color: #f3bd9f;
}
/* Sticky topics get a different background */
.stickybg
{
 background: #e8d8cf;
}
.stickybg2
{
 background: #f2e3d9;
}
/* Locked posts get a different shade, too! */
.lockedbg
{
 background: #d4dce2;
 font-style: italic;
}
.lockedbg2
{
 background: #d8e1e7;
 font-style: italic;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
 overflow: auto;
 line-height: 1.4em;
 padding: 0.1em 0;
}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
 width: 98%;
 overflow: auto;
 clear: right;
 padding: 1em 0 3px 0;
 border-top: solid 1px #87662C;
 line-height: 1.4em;
 font-size: 0.85em;
}
.custom_fields_above_signature
{
 width: 98%;
 clear: right;
 padding: 1em 0 3px 0;
 border-top: solid 1px #aaa;
 line-height: 1.4em;
 font-size: 0.85em;
}
/* Sometimes there will be an error when you post */
.error
{
 color: red;
}
/* Messages that somehow need to attract the attention. */
.alert
{
 color: red;
}
/* Calendar colors for birthdays, events and holidays */
.birthday
{
 color: #920AC4;
}
.event
{
 color: #078907;
}
.holiday
{
 color: #000080;
}
/* Colors for warnings */
.warn_mute
{
 color: red;
}
.warn_moderate
{
 color: #FFA500;
}
.warn_watch, .success
{
 color: green;
}
a.moderation_link, a.moderation_link:visited
{
 color: red;
 font-weight: bold;
}
.openid_login
{
 background: #e5d9b6 url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/openid.gif) no-repeat;
 padding-left: 18px;
}
/* a descriptive style */
.description, .plainbox
{
 padding: 0.5em 1em 1em 1em;
 font-size: 0.9em;
 line-height: 1.4em;
 border: solid 1px #87662c;
 background: #e5d9b6;
 margin: 0 0 1em 0;
}
/* an informative style */
.information
{
 padding: 0.5em 1em 1em 1em;
 font-size: 0.9em;
 line-height: 1.3em;
 border: solid 1px #87662c;
 background: #e5d9b6;
 margin: 0.3em 0 1em 0;
}
.information p
{
 padding: 1em;
 margin: 0;
}
/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/loadingbar.png) repeat-x;
 color: #F96F00;
 text-align: center;
 font-size: 16pt;
 padding: 8px;
 width: 100%;
 height: 66px;
 line-height: 25px;
 position: fixed;
 top: 0;
 left: 0;
}
#ajax_in_progress a
{
 color: orange;
 text-decoration: underline;
 font-size: smaller;
 float: right;
 margin-right: 20px;
}
/* a general table class */
table.table_grid
{
 border-collapse: collapse;
}
table.table_grid td
{
 padding: 3px;
 border-bottom: solid 1px #9f8146;
 border-right: solid 1px #9f8146;
}
/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
 clear: right;
 overflow: auto;
 margin: 0 0 10px 0;
 padding: 0;
}
dl.settings dt
{
 width: 48%;
 float: left;
 margin: 0 0 10px 0;
 padding: 0;
 clear: both;
}
dl.settings dt.settings_title
{
 width: 100%;
 float: none;
 margin: 0 0 10px 0;
 padding: 5px 0 0 0;
 font-weight: bold;
 clear: both;
}
dl.settings dt.windowbg
{
 width: 98%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0 0 5px 0;
 clear: both;
}
dl.settings dd
{
 width: 48%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
dl.settings img
{
 margin: 0 10px 0 0;
}
/* help icons */
dl.settings dt a img
{
 position: relative;
 top: 2px;
}
/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, .table_list tbody.header td
{
 overflow: hidden;
 height: 31px;
 line-height: 32px;
 font-size: 1.2em;
 font-weight: bold;
}
h3.catbg a, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
 color: #E2D8BB;
}
h3.catbg2 a, h3.catbg2
{
 color: #feb;
}
h3.catbg a:hover, .table_list tbody.header td a:hover
{
 color: #fd9;
 text-decoration: none;
}
h3.catbg2 a:hover
{
 color: #fe9;
 text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
 color: black;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
 color: #FFA500;
 text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon
{
 vertical-align: middle;
 margin: -2px 5px 0 0;
}
div.cat_bar
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -160px;
 padding-left: 9px;
 overflow: hidden;
}
div.title_bar
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -200px;
 padding-left: 9px;
 overflow: hidden;
}
div.title_barIC
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -120px;
 padding-left: 9px;
 overflow: hidden;
}
h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
 float: left;
 display: block;
 width: 9px;
 height: 31px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -160px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 100% -160px;
 padding-right: 9px;
}
h4.titlebg span.left, h3.titlebg span.left
{
 float: left;
 display: block;
 width: 9px;
 height: 31px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -200px;
}
h4.titlebg, h3.titlebg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 100% -200px;
 padding-right: 9px;
}
h4.titlebg img.icon
{
 float: left;
 margin: 5px 8px 0 0;
}
/* rounded bars needs a different background here */
#upshrinkHeaderIC h3.catbg span.left, #upshrinkHeaderIC h3.catbg2 span.left
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -160px;
}
#upshrinkHeaderIC h3.catbg, #upshrinkHeaderIC h3.catbg2
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 100% -160px;
}
#upshrinkHeaderIC h4.titlebg span.left
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -120px;
}
#upshrinkHeaderIC h4.titlebg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 100% -120px;
}
#upshrinkHeaderIC p.pminfo
{
 margin: 0;
 padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
 float: right;
 margin: 10px 5px 0 0;
}
table.table_list a.unreadlink,table.table_list a.collapse
{
 float: right;
}
table.table_list a.collapse
{
 margin: 10px 5px 0 1em;
}
/* The half-round header bars for some tables. */
.table_grid thead th
{
 height: 28px;
 color: #9f8146;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat -10px -160px;
}
.table_grid thead th a:link, .table_grid thead th a:visited
{
 color: #9f8146;
}
.table_grid th.first_th
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -160px;
}
.table_grid th.last_th
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 100% -160px;
}
/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 -30px no-repeat;
}
.windowbg span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% -30px no-repeat;
 height: 11px;
}
.windowbg span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 -40px no-repeat;
 font-size: 5px;
 line-height: 5px;
 margin-bottom: 0.2em;
}
.windowbg span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% -40px no-repeat;
 height: 11px;
}
.windowbg2 span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 -60px no-repeat;
}
.windowbg2 span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% -60px no-repeat;
 height: 11px;
}
.windowbg2 span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 -71px no-repeat;
 font-size: 5px;
 line-height: 5px;
 margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% -71px no-repeat;
 height: 11px;
}
.approvebg span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 0 no-repeat;
}
.approvebg span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% 0 no-repeat;
 height: 11px;
}
.approvebg span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 -11px no-repeat;
 margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% -11px no-repeat;
 height: 11px;
}
.postbg { border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F;}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
 padding: 0 10px;
 background: #DACAA1;
 border-left: 1px solid #AD9158;
 border-right: 1px solid #AD9158;
}
.roundframe dl, .roundframe dt, .roundframe p
{
 margin: 0;
}
.roundframe p
{
 padding: 0.5em;
}
span.upperframe
{
 padding: 0;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 -90px no-repeat;
 padding-left: 20px;
}
span.upperframe span
{
 padding: 0;
 height: 12px;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
 padding: 0;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 0 -102px no-repeat;
 padding-left: 20px;
}
span.lowerframe span
{
 padding: 0;
 height: 12px;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) 100% -102px no-repeat;
}
/* The main content area.
------------------------------------------------------- */
.content
{
 padding: 1em 1.5em;
 margin: 0;
 border: none;
}
.content p
{
 margin: 0 0 0.5em 0;
}
/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
 border: 1px solid black;
 position: absolute;
 visibility: hidden;
}
.auto_suggest_item
{
 background-color: #DDDDDD;
}
.auto_suggest_item_hover
{
 background-color: #888888;
 cursor: pointer;
 color: #EEEEEE;
}
/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
 padding: 0 0 0 0.5em;
 float: left;
 margin: 0;
 width: 98%;
}
.dropmenu, .dropmenu ul
{
 list-style: none;
 line-height: 1em;
 padding: 0;
 margin: 0;
}
.dropmenu
{
 padding: 0 0.5em;
}
.dropmenu a
{
 display: block;
 color: #000000;
 text-decoration: none;
}
.dropmenu a span
{
 display: block;
 padding: 0 0 0 5px;
 font-size: 0.9em;
}
/* the backgrounds first level only*/
.dropmenu li a.firstlevel
{
 margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
 display: block;
 position: relative;
 left: -5px;
 padding-left: 5px;
 height: 22px;
 line-height: 19px;
}
.dropmenu li
{
 float: left;
 padding: 0;
 margin: 0;
 position: relative;
}
.dropmenu li ul
{
 z-index: 90;
 display: none;
 position: absolute;
 width: 19.2em;
 font-weight: normal;
 border-bottom: solid 1px #999;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) 0 -100px no-repeat;
 padding: 7px 0 0 0;
}
.dropmenu li li
{
 width: 19em;
 margin: 0;
 border-left: solid 1px #999;
 border-right: solid 1px #999;
}
.dropmenu li li a span
{
 display: block;
 padding: 8px;
}
.dropmenu li ul ul
{
 margin: -1.8em 0 0 13em;
}
/* the active button */
.dropmenu li a.active
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 100% 0;
 color: #ffffff;
 font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 0 0;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 100% -30px;
 color: #ffffff;
 cursor: pointer;
 text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 0 -30px;
}
/* the hover effects on level2 and 3*/
.dropmenu li li a:hover
{
 background: #D0BE8F;
 color: #000;
 text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
 top: -999em;
}
.dropmenu li li:hover ul
{
 top: auto;
}
.dropmenu li:hover ul
{
 display: block;
}
.dropmenu li li.additional_items
{
 background-color: #EFE6CB;
}
/* The dropdown menu toggle image */
#menu_toggle
{
 float: right;
 margin-right: 10px;
 padding-top: 3px;
}
#menu_toggle span
{
 position: relative;
 right: 5000px;
}
/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist ul
{
 z-index: 100;
 padding: 5px;
 margin: 0 0.2em 0 0;
}
.buttonlist ul li
{
 margin: 0;
 padding: 0;
 list-style: none;
 float: left;
}
.buttonlist ul li a
{
 display: block;
 font-size: 0.8em;
 color: black;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 0 -60px;
 padding: 0;
 margin-left: 12px;
 text-transform: uppercase;
 cursor: pointer;
}
.buttonlist ul li a:hover
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 0 0;
 color: #fff;
 text-decoration: none;
}
.buttonlist ul li a span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 100% -60px;
 display: block;
 height: 24px;
 line-height: 20px;
 padding: 0 8px 0 0;
 position: relative;
 right: -8px;
}
.buttonlist ul li a:hover span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 100% 0;
}
/* the active one */
.buttonlist ul li a.active
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 0 -30px;
 color: white;
 font-weight: bold;
}
.buttonlist ul li a.active span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/menu_gfx.png) no-repeat 100% -30px;
}
.buttonlist ul li a.active
{
 font-weight: bold;
}
.buttonlist ul li a.active:hover
{
 color: #ddf;
}
.align_top ul li a, .align_bottom ul li a
{
 margin: 0 12px 0 0;
}
/* the navigation list */
ul#navigation
{
 margin: 0;
 font-size: 0.9em;
 padding: 1em 0.4em;
}
ul#navigation li
{
 float: none;
 font-size: 0.95em;
 display: inline;
}
#adm_submenus
{
 padding-left: 2em;
}
#adm_submenus, #adm_submenus ul
{
 height: 3em;
 overflow: auto;
}
/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
/* the framing graphics */
#header
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) #e5d9b6 no-repeat 0 -240px;
 padding-left: 20px;
}
#header div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 100% -240px;
 display: block;
 padding: 5px 20px 0 0px;
}
/* the content section */
#content_section
{
 background: #e5d9b6 url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/frame_repeat.png) repeat-y top left;
 padding-left: 20px;
}
#content_section div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/frame_repeat.png) repeat-y right;
 display: block;
 padding: 0px 20px 0px 0;
}
#main_content_section
{
 width: 100%;
 min-height: 200px;
}
/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
 line-height: 45px;
 font-size: 1.8em;
 font-family: Geneva, verdana, sans-serif;
 margin: 0;
 padding: 0;
 float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
 margin: 0;
 padding: 0;
 float: right;
 line-height: 3em;
}
h3, h4
{
 padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
 float: right;
 margin: 1em;
}
/* ..so does the SMF logo */
img#smflogo
{
 margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section
{
 padding: 5px;
 margin-bottom: 1.5em;
}
#upper_section ul li.greeting
{
 font-size: 1.3em;
 font-weight: bold;
 line-height: 1.5em;
}
#upper_section div.news
{
 width: 50%;
 float: right;
 text-align: right;
}
#guest_form .info
{
 padding: 4px 0 ;
}
div#upper_section div.user
{
 width: 50%;
 float: left;
 overflow: auto;
}
div#upper_section div.user p
{
 float: left;
 margin: 0 1em 1em 0;
 padding: 0;
}
div#upper_section div.user ul
{
 margin: 0;
 padding-left: 10px;
}
div#upper_section div.user ul li
{
 margin-bottom: 2px;
}
div#upper_section div.news p
{
 display: inline;
}
div#upper_section div.news form
{
 padding-bottom: 10px;
}
/* clearing the floats */
#top_section
{
 min-height: 65px;
 overflow: hidden;
 margin-bottom: 3px;
}
#upper_section
{
 overflow: hidden;
}
/* the navigation list */
.navigate_section
{
 overflow: hidden;
 margin: 0;
 padding: 0.5em;
 margin: 1em 0 0 0;
}
.navigate_section ul
{
 display: block;
 margin: 0;
 font-size: 0.9em;
 padding: 1em 0 0.5em 0;
 border-top: solid #87662c 1px;
}
.navigate_section ul li
{
 display: inline;
 font-size: 0.95em;
}
/* the footer wih copyright links etc. */
#footer_section
{
 text-align: center;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 0 -820px;
 padding-left: 20px;
}
#footer_section span.smalltext
{
 font-size: 100%;
}
#footer_section div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/main_block.png) no-repeat 100% -820px;
 display: block;
 padding: 60px 0 0 0;
}
#footer_section ul li, #footer_section p
{
 font-size: 0.8em;
}
#footer_section ul li
{
 display: inline;
 padding-right: 5px;
}
#footer_section ul li.copyright
{
 display: block;
}
select.qaction, input.qaction
{
 font-size: 0.7em;
 padding: 0;
}
#mlist table tbody td.windowbg2
{
 text-align: center;
}
/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
 width: 100%;
}
table.table_list p
{
 padding: 0;
 margin: 0;
}
table.table_list td,table.table_list th
{
 padding: 5px;
}
table.table_list tbody.header td
{
 padding: 0px;
}
table.table_list tbody.content td.stats
{
 font-size: 90%;
 width: 15%;
 text-align: center;
}
table.table_list tbody.content td.lastpost
{
 line-height: 1.3em;
 font-size: 85%;
 width: 24%;
}
table.table_list tbody.content td.icon
{
 text-align: center;
 width: 6%;
}
/* Styles for the board index.
------------------------------------------------- */
/* the board title! */
.table_list tbody.content td.info a.subject
{
 font-weight: bold;
 font-size: 110%;
 color: #75531C;
}
.table_list tbody.content td.children
{
 color: #555;
 font-size: 85%;
}
p.moderators
{
 font-size: 0.8em;
 font-family: verdana, sans-serif;
}
/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
 display: none;
}
/* the posting icons */
#posting_icons
{
 padding: 0 1em 0.5em 1em;
 margin: 0 0 1em 0;
 line-height: 1em;
}
#posting_icons ul
{
 font-size: 0.8em;
}
#posting_icons img
{
 vertical-align: middle;
 margin: 0 0 0 4ex;
}
#postbuttons_upper ul li a span
{
 line-height: 19px;
 padding: 0 0 0 6px;
}
.nextlinks
{
 text-align: right;
 margin-top: -1px;
}
.nextlinks_bottom
{
 clear: right;
 text-align: right;
}
.mark_read
{
 padding: 0 0.5em;
}
/* the newsfader */
#smfFadeScroller
{
 text-align: center;
 padding: 0 2em;
 overflow: auto;
 margin: 1em 0;
}
/* Styles for the info centre on the board index.
---------------------------------------------------- */
#upshrinkHeaderIC
{
 margin-top: 4px;
}
dl#ic_recentposts
{
 margin: 0 0 0.5em 0;
 padding: 0.5em;
 line-height: 1.3em;
}
dl#ic_recentposts dt
{
 float: left;
}
dl#ic_recentposts dd
{
 text-align: right;
}
#upshrinkHeaderIC p
{
 margin: 0 0 0.5em 0;
 padding: 0.5em;
}
#upshrinkHeaderIC p.last
{
 margin: 0;
 padding: 0.5em;
 border-top: dotted 2px #6b4914;
}
#upshrinkHeaderIC p.inline
{
 border: none;
 margin: 0;
 padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
 font-size: 1.1em;
 padding-top: 8px;
}
form#ic_login
{
 padding: 0.5em;
 height: 2em;
}
form#ic_login ul li
{
 margin: 0;
 padding: 0;
 float: left;
 width: 20%;
 text-align: center;
}
form#ic_login ul li label
{
 display: block;
}
/*the small stats*/
#index_common_stats
{
 display: block;
 margin: 0 0 0.5em 0;
 text-align: right;
 font-size: 0.9em;
 position: relative;
 top: -20px;
 line-height: 1px;
}
#upshrinkHeaderIC p.pminfo
{
 margin: 0;
 padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
 float: right;
 margin: 10px 5px 0 0;
}
table.table_list a.unreadlink,table.table_list a.collapse
{
 float: right;
}
table.table_list a.collapse
{
 margin: 10px 5px 0 1em;
}
img.new_posts
{
 padding: 0 0.1em;
}
/* Styles for the message (topic) index.
---------------------------------------------------- */
#messageindex
{
 clear: both;
}
/* the page navigation area */
#childboards h3
{
 padding-bottom: 0;
}
#childboards .table_list thead
{
 display: none;
}
#childboards .table_list
{
 margin-bottom: 1em;
}
.lastpost img
{
 float: right;
}
/* Styles for the display template (topic view).
---------------------------------------------------- */
#postbuttons div.buttons
{
 padding: 0.5em;
 width: 40%;
 float: right;
}
#postbuttons div.middletext
{
 width: 60%;
}
#postbuttons span
{
 display: block;
 text-align: right;
}
#postbuttons span.lower
{
 clear: right;
}
#postbuttons .buttonlist
{
 float: right;
}
#postbuttons #pagelinks
{
 padding-top: 1em;
}
#moderationbuttons
{
 overflow: hidden;
}
/* Events */
#edit_event
{
 margin: 0 1em;
 vertical-align: middle;
}
/* Poll question */
#poll
{
 overflow: hidden;
}
h4#pollquestion
{
 padding: 0 0 0.5em 2em;
}
/* Poll vote options */
#poll_options ul.options
{
 border-top: 1px solid #87662C;
 padding: 1em 2.5em 0 2em;
 margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
 border-bottom: 1px solid #87662C;
 clear: both;
 padding: 0 0 1em 2em;
 margin: 0 0 1em 0;
}
/* Poll results */
#poll_options dl.options
{
 border: solid #87662C;
 border-width: 1px 0;
 padding: 1em 2.5em 0 2em;
 margin: 0 1em 1em 0;
 clear: right;
 overflow: hidden;
}
#poll_options dl.options dt
{
 line-height: 1.6em;
 vertical-align: middle;
 width: 48%;
 float: left;
 clear: both;
 margin-bottom: 4px;
}
#poll_options dl.options dt.voted
{
 font-weight: bold;
}
#poll_options dl.options dd
{
 margin: 0 4px 1em 0;
 vertical-align: middle;
 line-height: 1.6em;
 width: 48%;
 float: left;
}
#poll .content
{
 padding: 0 1em;
}
/* Poll notices */
#poll_options p
{
 margin: 0 1.5em 0.2em 1.5em;
 padding: 0 0.5em 0.5em 0.5em;
}
div#pollmoderation
{
 margin: 0;
 padding: 0;
 overflow: auto;
}
/* onto the posts */
#forumposts
{
 clear: both;
}
/* author and topic informaton */
#forumposts h3 span#author, #forumposts h3 span#top_subject
{
 float: left;
}
#forumposts h3 span#top_subject
{
 margin: 0 0 0 7.7em;
}
#forumposts h3 img
{
 float: left;
 margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
 margin-bottom: 3px;
}
p#whoisviewing
{
 margin: 0;
 padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
.poster
{
 float: left;
 width: 15em;
}
.postarea, .moderatorbar
{
 margin: 0 0 0 16em;
}
.moderatorbar
{
 clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
 padding: 0;
 margin: 0 1em 0 1.5em;
}
.poster h4
{
 margin: 0.2em 0 0.4em 1.1em;
 font-size: 120%;
}
.poster h4, .poster h4 a
{
 color: #c06002;
}
.poster ul ul
{
 margin: 0.3em 1em 0 0;
 padding: 0;
}
.poster ul ul li
{
 display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top: 0.5em;
}
.messageicon
{
 float: left;
 margin: 0 0.5em 0 0;
}
.messageicon img
{
 padding: 6px 3px;
}
.keyinfo
{
 float: left;
 width: 50%;
}
.modifybutton
{
 clear: right;
 float: right;
 margin: 8px 20px 10px 0;
 text-align: right;
}
.postarea ul.quickbuttons
{
 clear: right;
 float: right;
 text-align: right;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 0.85em;
}
.postarea ul.quickbuttons a:hover
{
 color: #a70;
}
/* The quick buttons */
ul.quickbuttons
{
 margin: 0.9em 11px 0 0;
}
ul.quickbuttons li
{
 float: left;
 display: inline;
 margin: 0 0 0 11px;
}
ul.quickbuttons li a
{
 padding: 0 0 0 20px;
 display: block;
 height: 20px;
 line-height: 18px;
 float: left;
}
ul.quickbuttons li.approve_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.quote_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.reply_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.modify_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.remove_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.split_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.restore_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.inline_mod_check
{
 margin: 0 0 0 5px;
}
.post
{
 margin-top: 0.5em;
 clear: right;
}
.inner
{
 padding: 1em 1em 0 0;
 margin: 0 1em 0 0;
 border-top: solid 1px #87662C;
}
.inner img.smiley
{
 vertical-align: bottom;
}
#forumposts .modified
{
 float: left;
}
#forumposts .reportlinks
{
 margin-right: 1.5em;
 text-align: right;
 clear: right;
}
#forumposts .signature, .post .signature
{
 margin: 1em 0 0 0;
}
#forumposts span.botslice
{
 clear: both;
}
.attachments hr
{
 clear: both;
 margin: 1em 0 1em 0;
}
.attachments
{
 padding: 1em 0 2em 0;
}
.attachments div
{
 padding: 0 0.5em;
}
/* Styles for the quick reply area.
---------------------------------------------------- */
/* The quick-reply area. Horizontal alignments go a bit wonky in IE6 and IE7 but I'm not sure it's worth worrying about. */
#quickReplyOptions .roundframe
{
 text-align: center;
 padding: 0 10%;
}
#quickReplyContent
{
 padding: 0.5em 0;
}
#quickReplyContent form textarea
{
 width: 91%;
 height: 100px;
 margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
 clear: both;
 padding: 5px;
 margin-top: 2px;
}
/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
 display: none;
}
/* Styles for edit post section
---------------------------------------------------- */
#post_header
{
 margin-bottom: 0.5em;
 border-bottom: 1px solid #87662C;
 padding: 0.5em;
 overflow: hidden;
}
#post_header dt
{
 float: left;
 margin: 0;
 padding: 0;
 width: 15%;
 margin: .3em 0;
 font-weight: bold;
}
#post_header dd
{
 float: left;
 margin: 0;
 padding: 0;
 width: 83%;
 margin: .3em 0;
}
#post_header img
{
 vertical-align: middle;
}
ul.post_options
{
 margin: 0 0 0 1em;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
ul.post_options li
{
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#postAdditionalOptionsHeader
{
 margin-top: 1em;
}
#postMoreOptions
{
 border-bottom: 1px solid #87662C;
 padding: 0.5em;
}
#postAttachment, #postAttachment2
{
 overflow: hidden;
 margin: .5em 0;
 padding: 0;
 border-bottom: 1px solid #87662C;
 padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd
{
 margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt
{
 font-weight: bold;
}
#postAttachment3
{
 margin-left: 1em;
}
#post_confirm_strip, #shortcuts
{
 padding: 1em 0 0 0;
}
.post_verification
{
 margin-top: .5em;
}
.post_verification #verification_control
{
 margin: .3em 0 .3em 1em;
}
/* the BBC buttons */
#bbcBox_message
{
 margin-bottom: 2px;
}
#bbcBox_message div
{
 margin: 0.3em 0 1em 0;
 line-height: 1.2em;
 height: 1.2em;
 vertical-align: top;
}
#bbcBox_message div img
{
 margin: 0 1px 0 0;
 vertical-align: top;
}
#bbcBox_message select
{
 margin: 0 2px
}
/* Styles for edit event section
---------------------------------------------------- */
#post_event fieldset
{
 margin-bottom: 0.5em;
 border: none;
 border-bottom: 1px solid #666666;
 padding: 0.5em;
 clear: both;
}
#post_event legend
{
 font-weight: bold;
 color: black;
}
#post_event div.event_options
{
 width: 49%;
 float: left;
}
#post_event ul.event_main, ul.event_options
{
 padding: 0;
 overflow: hidden;
}
#post_event ul.event_main li
{
 list-style-type: none;
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#post_event ul.event_options
{
 margin: 0;
 padding: 0 0 .7em .7em;
}
#post_event ul.event_options li
{
 list-style-type: none;
 margin: 0.3em 0 0 0;
}
/* Styles for edit poll section.
---------------------------------------------------- */
#edit_poll fieldset
{
 margin-bottom: 0.5em;
 border: none;
 border-bottom: 1px solid #666666;
 padding: 0.5em;
 clear: both;
}
#edit_poll legend
{
 font-weight: bold;
 color: black;
}
#edit_poll div.poll_options
{
 width: 49%;
 float: left;
}
#edit_poll ul.poll_main, ul.poll_options
{
 overflow: hidden;
 padding: 0 0 .7em .7em;
 list-style: none;
}
#edit_poll ul.poll_main li
{
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#edit_poll ul.poll_options
{
 margin: 0;
}
#edit_poll ul.poll_options li
{
 margin: 0.3em 0 0 0;
}
/* Styles for the recent messages section.
---------------------------------------------------- */
#readbuttons_top .pagelinks,#readbuttons .pagelinks
{
 padding-bottom: 1em;
 width: 60%;
}
#readbuttons .pagelinks
{
 padding-top: 1em;;
}
#recent
{
 clear: both;
}
/* Styles for the move topic section.
---------------------------------------------------- */
#move_topic dl
{
 margin-bottom: 0;
}
.move_topic
{
 width: 710px;
 margin: auto;
 text-align: left;
}
div.move_topic fieldset
{
 margin: 0.5em 0;
 border: 1px solid #87662C;
 padding: 0.5em;
}
/* Styles for the send topic section.
---------------------------------------------------- */
fieldset.send_topic
{
 margin-bottom: 0.5em;
 border: none;
 padding: 0.5em;
}
dl.send_topic
{
 margin-bottom: 0;
}
dl.send_mail dt
{
 width: 35%;
}
dl.send_mail dd
{
 width: 64%;
}
/* Styles for the split topic section.
---------------------------------------------------- */
#selected, #not_selected
{
 width: 49%;
}
ul.merge_topics li
{
 list-style-type: none;
}
dl.merge_topic dt
{
 width: 25%;
}
dl.merge_topic dd
{
 width: 74%;
}
fieldset.merge_options
{
 margin-bottom: 0.5em;
}
fieldset.merge_options legend
{
 font-weight: bold;
}
.custom_subject
{
 margin: 0.5em 0;
}
/* Styles for the login areas.
------------------------------------------------------- */
.login
{
 width: 540px;
 margin: 0 auto;
}
.login dl
{
 overflow: auto;
 clear: right;
}
.login dt, .login dd
{
 margin: 0 0 0.4em 0;
 width: 44%;
 padding: 0.1em;
}
.login dt
{
 float: left;
 clear: both;
 text-align: right;
 font-weight: bold;
}
.login dd
{
 width: 54%;
 float: right;
 text-align: left;
}
.login p
{
 text-align: center;
}
/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
 border: 1px dashed red;
 padding: 5px;
 margin: 0 1ex 1ex 1ex;
}
.register_error span
{
 text-decoration: underline;
}
/* Additional profile fields */
dl.register_form
{
 margin: 0;
 clear: right;
 overflow: auto;
}
dl.register_form dt
{
 font-weight: normal;
 float: left;
 clear: both;
 width: 50%;
 margin: 0.5em 0 0 0;
}
dl.register_form dt strong
{
 font-weight: bold;
}
dl.register_form dt span
{
 display: block;
}
dl.register_form dd
{
 float: left;
 width: 49%;
 margin: 0.5em 0 0 0;
}
#confirm_buttons
{
 text-align: center;
 padding: 1em 0;
}
.coppa_contact
{
 padding: 4px;
 width: 32ex;
 background-color: #e2d5b0;
 color: black;
 margin-left: 5ex;
 border: 1px solid #9f8146;
}
/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
 width: 75%;
 min-width: 520px;
 text-align: left;
}
#maintenance_mode img.align_left
{
 margin-right: 1em;
}
/* common for all admin sections */
h3.titlebg img
{
 vertical-align: middle;
 margin-right: 0.5em;
 margin-top: -1px;
}
tr.titlebg td
{
 padding-left: 0.7em;
}
#admin_menu
{
 min-height: 2em;
 padding-left: 0;
}
#admin_content
{
 clear: left;
 padding-top: 0.5em;
}
#admin_login .centertext
{
 padding: 1em;
}
/* Styles for sidebar menus.
------------------------------------------------------- */
#left_admsection h4.catbg span.left,
#left_admsection h4.catbg span.right
{
 width: 9px;
 height: 31px;
}
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
 padding: 0;
 margin: 0;
 list-style: none;
}
#left_admsection
{
 width: 160px;
 float: left;
 padding-right: 10px;
}
.adm_section h4.titlebg
{
 font-size: 95%;
 margin-bottom: 5px;
}
#adm_container
{
 border-bottom: solid 1px #9f8146;
 margin-bottom: 5px;
}
.left_admmenu li
{
 padding: 0 0 0 0.5em;
}
.left_admmenu
{
 margin-bottom: 0.5em;
}
#main_admsection
{
 margin-left: 172px;
}
tr.windowbg td, tr.windowbg2 td, tr.approvebg td
{
 padding: 0.3em 0.7em;
}
#credits p
{
 padding: 0;
 font-style: italic;
 margin: 0;
}
/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
 width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats
{
 text-align: center;
}
#topic_icons
{
 margin: 1em 0 0 0;
}
#topic_icons .description
{
 margin: 0;
}
.topic_table table thead
{
 border-bottom: solid 1px #9f8146;
}
/* the subject column */
.topic_table td
{
 font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats
{
 font-size: 0.85em;
 padding: 0;
 margin: 0;
}
.topic_table td.lastpost
{
 font-size: 0.85em;
 line-height: 1.3em;
 padding: 4px;
}
.topic_table td.lastpost,.topic_table td.lastpost
{
 font-size: 0.9em;
 line-height: 100%;
 padding: 4px;
}
.topic_table td.stickybg2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quick_sticky.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.lockedbg2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quick_lock.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.locked_sticky2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/quick_sticky_lock.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.lastpost
{
 background-image: none;
}
/* Styles for (fatal) errors.
------------------------------------------------- */
#fatal_error
{
 width: 80%;
 margin: auto;
}
.errorbox
{
 padding: 1em;
 border: 1px solid #cc3344;
 color: black;
 background-color: #ffe4e9;
 margin-bottom: 1em;
}
.errorbox h3
{
 padding: 0;
 margin: 0;
 font-size: 1.1em;
 text-decoration: underline;
}
.errorbox p
{
 margin: 1em 0 0 0;
}
.errorbox p.alert
{
 padding: 0;
 margin: 0;
 float: left;
 width: 1em;
 font-size: 1.5em;
}
/* Styles for the profile section.
------------------------------------------------- */
dl
{
 overflow: auto;
 margin: 0;
 padding: 0;
}
/* The basic user info on the left */
#basicinfo
{
 width: 20%;
 float: left;
}
#basicinfo .windowbg .content
{
 padding-left: 20px;
}
#detailedinfo
{
 width: 79.5%;
 float: right;
}
#basicinfo h4
{
 font-size: 135%;
 font-weight: 100;
 line-height: 105%;
 white-space: pre-wrap;
 overflow: hidden;
}
#basicinfo h4 span.position
{
 font-size: 80%;
 font-weight: 100;
 display: block;
}
#basicinfo img.avatar
{
 display: block;
 margin: 10px 0 0 0;
}
#basicinfo ul
{
 list-style-type: none;
 margin: 10px 0 0 0;
}
#basicinfo ul li
{
 display: block;
 float: left;
 margin-right: 5px;
 height: 20px;
}
#basicinfo span#userstatus
{
 display: block;
 clear: both;
}
#basicinfo span#userstatus img
{
 vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl
{
 clear: right;
 overflow: auto;
 margin: 0 0 18px 0;
 padding: 0 0 15px 0;
 border-bottom: 1px #ccc solid;
}
#detailedinfo div.content dt, #tracking div.content dt
{
 width: 35%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
 width: 65%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
#detailedinfo div.content dl.noborder
{
 border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
 width: 100%;
}
.signature, .custom_fields_above_signature
{
 border-top: 1px #ccc solid;
}
.signature h5
{
 font-size: 0.85em;
 margin-bottom: 10px;
}
#personal_picture
{
 display: block;
 margin-bottom: 0.3em;
}
#avatar_server_stored div
{
 float: left;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo
{
 width: 100%;
}
#main_admsection #basicinfo h4
{
 float: left;
 width: 35%;
}
#main_admsection #basicinfo img.avatar
{
 float: right;
 vertical-align: top;
}
#main_admsection #basicinfo ul
{
 clear: left;
}
#main_admsection #basicinfo span#userstatus
{
 clear: left;
}
#main_admsection #basicinfo p#infolinks
{
 display: none;
 clear: both;
}
#main_admsection #basicinfo .botslice
{
 clear: both;
}
/* Simple feedback messages */
div#profile_error, div#profile_success
{
 margin: 0 0 1em 0;
 padding: 1em 2em;
 border: 1px solid;
}
div#profile_error
{
 border-color: red;
 color: red;
 background: #fee;
}
div#profile_error span
{
 text-decoration: underline;
}
div#profile_success
{
 border-color: green;
 color: green;
 background: #efe;
}
/* Profile statistics */
#generalstats div.content dt
{
 width: 50%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#generalstats div.content dd
{
 width: 50%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
/* Activity by time */
#activitytime
{
 margin: 6px 0;
}
.activity_stats
{
 margin: 0;
 padding: 0;
 list-style: none;
}
.activity_stats li
{
 margin: 0;
 padding: 0;
 width: 4.16%;
 float: left;
}
.activity_stats li span
{
 display: block;
 border: solid #000;
 border-width: 1px 1px 0 0;
 text-align: center;
}
.activity_stats li.last span
{
 border-right: none;
}
.activity_stats li div.bar
{
 margin: 0 auto;
 width: 15px;
}
.activity_stats li div.bar div
{
 background: #6294CE;
}
.activity_stats li div.bar span
{
 position: absolute;
 top: -1000em;
 left: -1000em;
}
/* Most popular boards by posts and activity */
#popularposts
{
 width: 49.5%;
 float: left;
}
#popularactivity
{
 width: 49.5%;
 float: right;
}
#popularposts div.content dt, #popularactivity div.content dt
{
 width: 65%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd
{
 width: 35%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
.profile_pie
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/stats_pie.png);
 float: left;
 height: 20px;
 width: 20px;
 margin: 0 1em 0 0;
 padding: 0;
 text-indent: -1000em;
}
/* View posts */
.topic .time
{
 float: right;
}
.counter
{
 margin: 0 0 0 0;
 padding: 0.2em 0.5em 0.1em 0.2em;
 font-size: 2.2em;
 font-weight: bold;
 color: #3f3f3f;
 float: left;
}
.list_posts
{
 border-top: 2px solid #b3b3bf;
 padding-top: 12px;
 margin-top: 6px;
}
.core_posts
{
 margin-bottom: 3px;
}
.topic h4
{
 margin: 3px 0;
}
.topic .post
{
 margin: 0 1em;
 min-height: 80px;
 height: auto !important;
 height: 80px;
}
.topic .mod_icons
{
 text-align: right;
 margin-right: 1em;
}
#permissions dt
{
 width: 48%;
 float: left;
 line-height: 1.2em;
 margin: 0;
 padding: 1%;
 clear: both;
 border-top: 1px solid #fff;
}
#permissions dd
{
 width: 48%;
 float: left;
 margin: 0;
 padding: 1%;
 border-top: 1px solid #fff;
}
#tracking div.content dl
{
 border-bottom: 0;
 margin: 0;
 padding: 0;
}
#creator dl
{
 margin: 0;
}
#creator dt
{
 width: 40%;
 float: left;
 clear: both;
 margin: 0 0 10px 0;
}
#creator dd
{
 float: left;
 width: 60%;
 margin: 0 0 10px 0;
}
.ignoreboards
{
 margin: 0;
 padding: 0;
 width: 49%;
 overflow: auto;
}
.ignoreboards a
{
 text-decoration: underline;
}
.ignoreboards ul
{
 overflow: auto;
 margin: 0 0 0 1em;
 padding: 0;
}
.ignoreboards li
{
 list-style: none;
 float: left;
 clear: both;
}
#theme_settings
{
 overflow: auto;
 margin: 0;
 padding: 0;
}
#theme_settings li
{
 list-style: none;
 margin: 10px 0;
 padding: 0;
}
/*Paid Subscriptions*/
#paid_subscription
{
 width: 100%;
}
#paid_subscription dl.settings
{
 margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
 margin-bottom: 4px;
}
/*pick theme*/
#pick_theme
{
 width: 100%;
 float: left;
}
/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
 padding: 0.5em 0;
}
#statistics div.title_bar
{
 margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
 text-align: center;
}
#statistics div.content
{
 min-height: 210px;
}
#statistics div.top_row
{
 min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
 float: left;
 width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
 float: right;
 width: 49.5%;
}
dl.stats
{
 clear: both;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
dl.stats dt
{
 width: 49%;
 float: left;
 margin: 0 0 4px 0;
 line-height: 16px;
 padding: 0;
 clear: both;
 font-size: 1em;
}
dl.stats dd
{
 text-align: right;
 width: 50%;
 font-size: 1em;
 float: right;
 margin: 0 0 4px 0;
 line-height: 16px;
 padding: 0;
}
.statsbar div.bar
{
 float: left;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/bar_stats.png) no-repeat;
 display: block;
 margin: 0 4px;
 height: 16px;
}
.statsbar div.bar div
{
 position: relative;
 right: -4px;
 padding: 0 4px 0 0;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/curvycaramel/bar_stats.png) no-repeat 100%;
 height: 16px;
}
/* Styles for the personal messages section.
------------------------------------------------- */
#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
 float: left;
}
#personal_messages h3 span#author
{
 margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title
{
 margin: 0 0 0 9em;
}
#personal_messages div.labels
{
 padding: 0 1em 0 0;
}
#personal_messages .capacity_bar
{
 background: #f0f4f7;
 display: block;
 margin: 0.5em 0 0 1em;
 height: 1em;
 border: 1px solid #adadad;
 width: 10em;
}
#personal_messages .capacity_bar span
{
 border-right: 1px solid #adadad;
 display: block;
 height: 1em;
}
#personal_messages .capacity_bar span.empty
{
 background: #a6d69d;
}
#personal_messages .capacity_bar span.filled
{
 background: #eea800;
}
#personal_messages .capacity_bar span.full
{
 background: #f10909;
}
#personal_messages .reportlinks
{
 padding: 0.5em 1.3em;
}
/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
 margin-bottom: 0.7em;
}
/* Used to indicate the current day in the grid. */
.calendar_today
{
 color: brown;
 background-color: #E5D9B6;
}
#month_grid
{
 width: 200px;
 text-align: center;
 float: left;
}
#month_grid table
{
 width: 200px;
}
#main_grid table
{
 width: 100%;
 padding-bottom: 4px;
}
#main_grid table h3.catbg
{
 text-align: center;
 height: 29px;
 border-top: 2px solid #9f8146;
 border-bottom: none;
}
#main_grid table.weeklist td.windowbg
{
 text-align: center;
 height: 49px;
 width: 25px;
 font-size: large;
 padding: 0 7px;
 border-left: 2px solid #9f8146;
 border-bottom: 2px solid #9f8146;
}
#main_grid table.weeklist td.weekdays
{
 height: 49px;
 width: 100%;
 padding: 4px;
 text-align: left;
 vertical-align: middle;
 border-right: 2px solid #9f8146;
 border-bottom: 2px solid #9f8146;
}
#main_grid h3.weekly
{
 text-align: center;
 padding-left: 0;
 font-size: large;
 height: 29px;
}
#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
 display: block;
 font-weight: bold;
}
#main_grid table th.days
{
 width: 14%;
}
#main_grid table td.weeks
{
 vertical-align: middle;
 text-align: center;
}
#main_grid table td.days
{
 vertical-align: top;
 text-align: center;
}
a.modify_event
{
 color: #FF0000;
}
span.hidelink
{
 font-style: italic;
}
#calendar_navigation
{
 text-align: center;
}
/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
 margin: auto;
 width: 500px;
}
/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
 padding: 0.5em;
 margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
 text-align: center !important;
 margin: 0;
}
#search_error
{
 font-style: italic;
 padding: 0.3em 1em;
}
#search_term_input
{
 font-size: 115%;
 margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
 text-align: left;
 padding: 0;
 margin: 0.5em 0;
 border: none;
}
#advanced_search dl#search_options
{
 margin: 0 auto;
 width: 600px;
 padding-top: 1em;
 overflow: hidden;
}
#advanced_search dt
{
 clear: both;
 float: left;
 padding: 0.2em;
 text-align: right;
 width: 20%;
}
#advanced_search dd
{
 width: 75%;
 float: left;
 padding: 0.2em;
 margin: 0 0 0 0.5em;
 text-align: left;
}
#searchform p.clear
{
 clear: both;
}
/* Boards picker */
#searchform fieldset div#searchBoardsExpand ul
{
 overflow: auto;
 margin: 0 0 0 1em;
 padding: 0;
 width: 48%;
}
#searchform fieldset div#searchBoardsExpand ul ul
{
 width: auto;
}
#searchform fieldset div#searchBoardsExpand a
{
 text-decoration: underline;
}
#searchform fieldset div#searchBoardsExpand li
{
 list-style: none;
 float: left;
 clear: both;
}
#searchform fieldset p
{
 padding: 4px;
 text-align: left;
 margin-top: 5px;
}
/* Styles for the search results page.
------------------------------------------------- */
#search_results form
{
 padding: 1em;
}
.topic_table td blockquote, .topic_table td .quoteheader
{
 margin: 0.5em;
}
.search_results_posts
{
 overflow: hidden;
}
.search_results_posts  .inner
{
 padding: 0.5em 1em;
 overflow: hidden;
}
.search_results_posts .windowbg2
{
 margin-top: 4px;
}
.search_results_posts .buttons
{
 padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------------------------- */
#help_container
{
 margin: 8px 0 0 0;
 padding: 0 0 8px 0;
}
#helpmain
{
 padding: 0 1em;
}
#helpmain h1.section
{
 font-size: 18px;
}
#helpmain h2.section
{
 font-size: 18px;
 border-bottom: solid 1px;
 padding-bottom: 0.5em;
 margin: 0 0 0.5em 0;
}
#helpmain h3.section
{
 font-size: 16px;
 font-weight: normal;
 margin: 2em 0 0.5em 0;
 padding: 0 0 0.5em 0.5em;
}
/* Samples should be easily distinguishable. */
#helpmain .help_sample
{
 border: 1px solid #87662c;
 background: #e5d9b6;
 padding: 1em;
 overflow: auto;
 margin-bottom: 1em;
}
#helpmain .help_sample .navigate_section
{
 margin: 0;
}
#helpmain .help_sample .navigate_section ul
{
 padding-top: 0;
 border: none;
}
/* We need some air between the lines */
#helpmain p
{
 margin: 0 0 1.5em 0;
 line-height: 1.5em;
}
#helpmain ol
{
 font-weight: bold;
 list-style-type: disc;
 margin-bottom: 1em;
 margin-top: 1em;
 line-height: 1.5em;
}
#helpmain ol.la
{
 font-weight: normal;
 list-style-type: circle;
 margin: 0.5em 0 1em 0;
 padding-left: 1.5em;
}
/* put back the bullets please */
#helpmain #messageindex
{
 clear: right;
}
 

9
Style Support / [Stylesheet] Orangina
« on: August 19, 2010, 09:02:44 pm »
A re-creation of Crip's Orangina Theme
 
Screenshot:

 
Footer Code:
 
Code: [Select]
<div style="text-align:center;font-size:14px;">Re-creation of Crip's Orangina Theme</div>

Custom Images:
http://s148.photobucket.com/albums/s20/smfstyles/orangina/new_none.png
http://s148.photobucket.com/albums/s20/smfstyles/orangina/new_redirect.png
http://s148.photobucket.com/albums/s20/smfstyles/orangina/new_some.png
http://s148.photobucket.com/albums/s20/smfstyles/orangina/off.png
http://s148.photobucket.com/albums/s20/smfstyles/orangina/on.png
http://s148.photobucket.com/albums/s20/smfstyles/orangina/on2.png
http://s148.photobucket.com/albums/s20/smfstyles/orangina/redirect.png
http://s148.photobucket.com/albums/s20/smfstyles/orangina/collapse.gif
http://s148.photobucket.com/albums/s20/smfstyles/orangina/expand.gif
 
css:
 
Code: [Select]

/* Styles for the general looks for the Orangina Curve theme.
------------------------------------------------------- */
/* Normal, standard links. */
a:link, a:visited
{
 color: #704404;
 text-decoration: none;
}
a:hover
{
 text-decoration: underline;
}
/* Tables should show empty cells. */
table
{
 empty-cells: show;
}
/* Set a fontsize that will look the same in all browsers. */
body
{
 background: #EAEADB url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/backdrop.png) repeat-x;
 font: 78%/130% verdana, Helvetica, sans-serif;
 margin: 0 auto;
 padding: 15px 5%;
}
/* Help popups require a different styling of the body element. */
body#help_popup
{
 padding: 1em;
}
/* use dark grey for the text, leaving black for headers etc */
body, td, th, tr
{
 color: #444444;
}
/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
 margin: 0 auto;
}
/* lets give all forms zero padding/margins */
form
{
 padding: 0;
 margin: 0;
}
/* We can style the different types of input buttons to be uniform thoughout different browsers and their colour themes.
 .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
 .button_reset  - covers input[type=reset] and button[type=reset] thoughout all browsers
 .input_check - covers input[type=checkbox] thoughout all browsers
 .input_radio - covers input[type=radio] thoughout all browsers
 .input_text  - covers input[type=text] thoughout all browsers
 .input_file  - covers input[type=file] thoughout all browsers
*/
input, button, select, textarea
{
 font: 95%/115% verdana, Helvetica, sans-serif;
 color: #000000;
 background: #eaeadb;
 border: 1px solid #c7c7b1;
 padding: 2px;
}
/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
 padding: 0;
}
/* Add some padding to the options instead. */
select option
{
 padding: 1px;
}
/* The font size of textareas should be just a little bit larger. */
textarea
{
 font: 100%/130% verdana, Helvetica, sans-serif;
}
/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
 background: #d2d2c1 url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/submit_bg.png) no-repeat;
 border: 1px solid #aaa;
 cursor: pointer;
 font-weight: normal;
}
input:hover, textarea:hover, button:hover, select:hover
{
 border: solid 1px #c7c7c7;
}
.button_submit:hover, .button_reset:hover
{
 border: 1px solid #aaa;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/submit_bg.png) no-repeat 0 -218px #e2e2d2;
}
input:focus, textarea:focus, button:focus, select:focus
{
 border: solid 1px #c7c7b1;
}
/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
 border: none;
 background: none;
}
/* Standard horizontal rule.. (
[hr], etc.) */
hr, .hrcolor
{
 height: 1px;
 border: 0;
 color: #666666;
 background-color: #666666;
}
/* By default set the color on these tags as black. */
h1, h2, h3, h4, h5, h6
{
 color: #333;
 font-size: 1em;
 margin: 0;
 padding: 0;
}
/* Fieldsets are used to group elements. */
fieldset
{
 border: groove #fff 2px;
 padding: 1em;
 margin: 0 0 0.3em 0;
}
/* No image should have a border when linked. */
a img, a
{
 border: 0;
 outline: 0;
}
/* Define strong as bold, and em as italics */
strong
{
 font-weight: bold;
}
em
{
 font-style: italic;
}
/* Alternative for u tag */
.underline
{
 text-decoration: underline;
}
/* Common classes to easy styling.
------------------------------------------------------- */
.floatright, .align_right
{
 float: right;
}
.floatleft, .align_left
{
 float: left;
}
.flow_auto
{
 overflow: auto;
}
.flow_hidden
{
 overflow: hidden;
}
.clear
{
 clear: both;
}
.clear_left
{
 clear: left;
}
.clear_right
{
 clear: right;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
 font-size: 0.85em;
 font-family: verdana, sans-serif;
}
.middletext
{
 font-size: 0.9em;
 line-height: 1em;
 font-family: verdana, sans-serif;
}
.normaltext
{
 font-size: 1em;
 line-height: 1.2em;
}
.largetext
{
 font-size: 1.4em;
}
.centertext
{
 margin: 0 auto;
 text-align: center;
}
.righttext
{
 margin-left: auto;
 margin-right: 0;
 text-align: right;
}
.lefttext
{
 margin-left: 0;
 margin-right: auto;
 text-align: left;
}
/* some common padding styles */
.padding
{
 padding: 0.7em;
}
.main_section, .lower_padding
{
 padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
 padding: 0;
 margin: 0;
 list-style: none;
}
/* Some BBC related styles.
i put the New quote/code styles at bd ------------------------------------------------------- */
/* A quote, perhaps from another post. */
.quoteheader
{
 color: #7a899c;
}
.codeheader, .quoteheader
{
 font-size: 0.9em;
 font-weight: bold;
 padding-left: 5px;
}
blockquote, blockquote blockquote blockquote
{
 font-size: 0.9em;
 color: #000000;
 line-height: 1.4em;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quote.png) 2px 2px no-repeat #DDDDC8;
 border: solid 1px #c7c7b1;
 padding: 1em 1em 1em 2em;
 margin: 0.3em 0 0 0;
 border-radius: 1ex;
 -webkit-border-radius: 1ex;
 -khtml-border-radius: 1ex;
 -moz-border-radius: 1ex;
}
blockquote blockquote
{
 background: #EFEFE6;
}
/* A code block - maybe even PHP ;). */
code
{
 display: block;
 font-family: "courier new", "times new roman", monospace;
 font-size: x-small;
 background: #eee;
 border-top: solid 1px #000;
 border-bottom: solid 1px #000;
 line-height: 1.3em;
 padding: 3px 1em;
 overflow: auto;
 white-space: pre;
 /* Stop after about 24 lines, and just show a scrollbar. */
 max-height: 24em;
}
/* For links to change the code stuff... */
.codeoperation
{
 font-weight: normal;
}
/* Styling for BBC tags */
.bbc_size
{
 line-height: 1.4em;
}
.bbc_color a
{
 color: inherit;
}
.bbc_img
{
 border: 0;
}
.bbc_table
{
 font: inherit;
 color: inherit;
}
.bbc_table td
{
 font: inherit;
 color: inherit;
 vertical-align: top;
}
.bbc_u
{
 text-decoration: underline;
}
/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
 cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
 color: red;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
 width: 96%;
}
/* Highlighted text - such as search results. */
.highlight
{
 background-color: yellow;
 font-weight: bold;
 color: black;
}
/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
 background-color: #B3F4B0;
 color: black;
}
/* Generic, mostly colour-related, classes.
------------------------------------------------------- */
.titlebg, .titlebg2, thead tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
 color: #704404;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat -10px -120px;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
 color: white;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat -10px -160px;
}
/* adjust the table versions of headers */
tr.titlebg td, tr.titlebg2 td
{
 padding: 6px;
}
tr.catbg td, tr.catbg2 td, td.catbg, td.catbg2, tr.catbg th, tr.catbg2 th, th.catbg, th.catbg2
{
 padding: 6px;
}
tr.titlebg td a, tr.titlebg2 td a
{
 color: #704404;
}
tr.catbg td a, tr.catbg2 td a, .catbg a
{
 color: white;
}
tr.catbg th.smalltext
{
 font-size: 0.9em;
}
tr.titlebg th.smalltext, thead tr.titlebg th a:link, thead tr.titlebg th a:visited
{
 color: #704404;
 font-size: 0.95em;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
 color: #000000;
 background-color: #e1e1d2;
}
.windowbg2
{
 color: #000000;
 background-color: #e9e9d9;
}
.windowbg3
{
 color: #000000;
 background-color: #cacdd3;
}
/* the page navigation area */
.pagesection
{
 font-size: 0.9em;
 padding: 0 0 0.2em 0;
 overflow: hidden;
 margin-bottom: 1px;
}
div.pagesection div.floatright input
{
 margin-top: 3px;
}
.pagelinks
{
 padding:  0.6em 0 0.4em 0;
}
/* GenericList */
.additional_row
{
 float: right;
 padding: 0.5em 0 0.5em 2em;
}
.additional_row input
{
 margin-left: 1em;
}
table.table_grid thead tr.catbg th.smalltext
{
 white-space: nowrap;
}
/* Colors for background of posts requiring approval */
.approvebg
{
 color: #000000;
 background-color: #ffeaea;
}
.approvebg2
{
 color: #000000;
 background-color: #fff2f2;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
 color: #000000;
 background-color: #e4a17c;
}
.approvetbg2
{
 color: #000000;
 background-color: #f3bd9f;
}
/* Sticky topics get a different background */
.stickybg
{
 background: #e8d8cf;
}
.stickybg2
{
 background: #f2e3d9;
}
/* Locked posts get a different shade, too! */
.lockedbg
{
 background: #d4dce2;
 font-style: italic;
}
.lockedbg2
{
 background: #d8e1e7;
 font-style: italic;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
 overflow: auto;
 line-height: 1.4em;
 padding: 0.1em 0;
}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
 width: 98%;
 overflow: auto;
 clear: right;
 padding: 1em 0 3px 0;
 border-top: solid 1px #aaa;
 line-height: 1.4em;
 font-size: 0.85em;
}
.custom_fields_above_signature
{
 width: 98%;
 clear: right;
 padding: 1em 0 3px 0;
 border-top: solid 1px #aaa;
 line-height: 1.4em;
 font-size: 0.85em;
}
/* Sometimes there will be an error when you post */
.error
{
 color: red;
}
/* Messages that somehow need to attract the attention. */
.alert
{
 color: red;
}
/* Calendar colors for birthdays, events and holidays */
.birthday
{
 color: #920AC4;
}
.event
{
 color: #078907;
}
.holiday
{
 color: #000080;
}
/* Colors for warnings */
.warn_mute
{
 color: red;
}
.warn_moderate
{
 color: #FFA500;
}
.warn_watch, .success
{
 color: green;
}
a.moderation_link, a.moderation_link:visited
{
 color: red;
 font-weight: bold;
}
.openid_login
{
 background: white url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/openid.gif) no-repeat;
 padding-left: 18px;
}
/* a descriptive style */
.description, .plainbox
{
 padding: 0.5em 1em 1em 1em;
 font-size: 0.9em;
 line-height: 1.4em;
 border: solid 1px #bbb;
 background: #f5f5f0;
 margin: 0 0 1em 0;
}
/* an informative style */
.information
{
 padding: 0.5em 1em 1em 1em;
 font-size: 0.9em;
 line-height: 1.3em;
 border: solid 1px #bbb;
 background: #f0f6f0;
 margin: 0.3em 0 1em 0;
}
.information p
{
 padding: 1em;
 margin: 0;
}
/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/loadingbar.png) repeat-x;
 color: #F96F00;
 text-align: center;
 font-size: 16pt;
 padding: 8px;
 width: 100%;
 height: 66px;
 line-height: 25px;
 position: fixed;
 top: 0;
 left: 0;
}
#ajax_in_progress a
{
 color: orange;
 text-decoration: underline;
 font-size: smaller;
 float: right;
 margin-right: 20px;
}
/* a general table class */
table.table_grid
{
 border-collapse: collapse;
}
table.table_grid td
{
 padding: 3px;
 border-bottom: solid 1px white;
 border-right: solid 1px white;
}
/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
 clear: right;
 overflow: auto;
 margin: 0 0 10px 0;
 padding: 0;
}
dl.settings dt
{
 width: 48%;
 float: left;
 margin: 0 0 10px 0;
 padding: 0;
 clear: both;
}
dl.settings dt.settings_title
{
 width: 100%;
 float: none;
 margin: 0 0 10px 0;
 padding: 5px 0 0 0;
 font-weight: bold;
 clear: both;
}
dl.settings dt.windowbg
{
 width: 98%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0 0 5px 0;
 clear: both;
}
dl.settings dd
{
 width: 48%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
dl.settings img
{
 margin: 0 10px 0 0;
}
/* help icons */
dl.settings dt a img
{
 position: relative;
 top: 2px;
}
/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, .table_list tbody.header td
{
 overflow: hidden;
 height: 31px;
 line-height: 32px;
 font-size: 1.2em;
 font-weight: bold;
}
h3.catbg a, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
 color: white;
}
h3.catbg2 a, h3.catbg2
{
 color: #feb;
}
h3.catbg a:hover, .table_list tbody.header td a:hover
{
 color: #fd9;
 text-decoration: none;
}
h3.catbg2 a:hover
{
 color: #fff;
 text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
 color: #704404;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
 color: #FFF;
 text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon
{
 vertical-align: middle;
 margin: -2px 5px 0 0;
}
div.cat_bar
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -160px;
 padding-left: 9px;
 overflow: hidden;
}
div.title_bar
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -200px;
 padding-left: 9px;
 overflow: hidden;
}
div.title_barIC
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -120px;
 padding-left: 9px;
 overflow: hidden;
}
h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
 float: left;
 display: block;
 width: 9px;
 height: 31px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -160px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 100% -160px;
 padding-right: 9px;
}
h4.titlebg span.left, h3.titlebg span.left
{
 float: left;
 display: block;
 width: 9px;
 height: 31px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -200px;
}
h4.titlebg, h3.titlebg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 100% -200px;
 padding-right: 9px;
}
h4.titlebg img.icon
{
 float: left;
 margin: 5px 8px 0 0;
}
/* rounded bars needs a different background here */
#upshrinkHeaderIC h3.catbg span.left, #upshrinkHeaderIC h3.catbg2 span.left
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -160px;
}
#upshrinkHeaderIC h3.catbg, #upshrinkHeaderIC h3.catbg2
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 100% -160px;
}
#upshrinkHeaderIC h4.titlebg span.left
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -120px;
}
#upshrinkHeaderIC h4.titlebg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 100% -120px;
}
#upshrinkHeaderIC p.pminfo
{
 margin: 0;
 padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
 float: right;
 margin: 10px 5px 0 0;
}
table.table_list a.unreadlink,table.table_list a.collapse
{
 float: right;
}
table.table_list a.collapse
{
 margin: 10px 5px 0 1em;
}
/* The half-round header bars for some tables. */
.table_grid thead th
{
 height: 28px;
 color: white;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat -10px -160px;
}
.table_grid thead th a:link, .table_grid thead th a:visited
{
 color: white;
}
.table_grid th.first_th
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -160px;
}
.table_grid th.last_th
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 100% -160px;
}
/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 -30px no-repeat;
}
.windowbg span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% -30px no-repeat;
 height: 11px;
}
.windowbg span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 -40px no-repeat;
 font-size: 5px;
 line-height: 5px;
 margin-bottom: 0.2em;
}
.windowbg span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% -40px no-repeat;
 height: 11px;
}
.windowbg2 span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 -60px no-repeat;
}
.windowbg2 span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% -60px no-repeat;
 height: 11px;
}
.windowbg2 span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 -71px no-repeat;
 font-size: 5px;
 line-height: 5px;
 margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% -71px no-repeat;
 height: 11px;
}
.approvebg span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 0 no-repeat;
}
.approvebg span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% 0 no-repeat;
 height: 11px;
}
.approvebg span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 -11px no-repeat;
 margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% -11px no-repeat;
 /* height: 11px; */
}
.postbg { border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F;}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
 padding: 0 10px;
 background: #efefe6;
 border-left: 1px solid #bcbca4;
 border-right: 1px solid #bcbca4;
}
.roundframe dl, .roundframe dt, .roundframe p
{
 margin: 0;
}
.roundframe p
{
 padding: 0.5em;
}
span.upperframe
{
 padding: 0;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 -90px no-repeat;
 padding-left: 20px;
}
span.upperframe span
{
 padding: 0;
 height: 12px;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
 padding: 0;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 0 -102px no-repeat;
 padding-left: 20px;
}
span.lowerframe span
{
 padding: 0;
 height: 12px;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) 100% -102px no-repeat;
}
/* The main content area.
------------------------------------------------------- */
.content
{
 padding: 1em 1.5em;
 margin: 0;
 border: none;
}
.content p
{
 margin: 0 0 0.5em 0;
}
/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
 border: 1px solid black;
 position: absolute;
 visibility: hidden;
}
.auto_suggest_item
{
 background-color: #DDDDDD;
}
.auto_suggest_item_hover
{
 background-color: #888888;
 cursor: pointer;
 color: #EEEEEE;
}
/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
 padding: 0 0 0 0.5em;
 float: left;
 margin: 0;
 width: 98%;
}
.dropmenu, .dropmenu ul
{
 list-style: none;
 line-height: 1em;
 padding: 0;
 margin: 0;
}
.dropmenu
{
 padding: 0 0.5em;
}
.dropmenu a
{
 display: block;
 color: #704404;
 text-decoration: none;
}
.dropmenu a span
{
 display: block;
 padding: 0 0 0 5px;
 font-size: 0.9em;
}
/* the backgrounds first level only*/
.dropmenu li a.firstlevel
{
 margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
 display: block;
 position: relative;
 left: -5px;
 padding-left: 5px;
 height: 22px;
 line-height: 19px;
}
.dropmenu li
{
 float: left;
 padding: 0;
 margin: 0;
 position: relative;
}
.dropmenu li ul
{
 z-index: 90;
 display: none;
 position: absolute;
 width: 19.2em;
 font-weight: normal;
 border-bottom: solid 1px #5d5d5d;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) 0 -100px no-repeat;
 padding: 7px 0 0 0;
}
.dropmenu li li
{
 width: 19em;
 margin: 0;
 border-left: solid 1px #5d5d5d;
 border-right: solid 1px #5d5d5d;
}
.dropmenu li li a span
{
 display: block;
 padding: 8px;
}
.dropmenu li ul ul
{
 margin: -1.8em 0 0 13em;
}
/* the active button */
.dropmenu li a.active
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 100% 0;
 color: #ffffff;
 font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 0 0;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 100% -30px;
 color: #ffffff;
 cursor: pointer;
 text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 0 -30px;
}
/* the hover effects on level2 and 3*/
.dropmenu li li a:hover
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat -10px -160px;
 color: #FFF;
 text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
 top: -999em;
}
.dropmenu li li:hover ul
{
 top: auto;
}
.dropmenu li:hover ul
{
 display: block;
}
.dropmenu li li.additional_items
{
 background-color: #ddddcb;
}
/* The dropdown menu toggle image */
#menu_toggle
{
 float: right;
 margin-right: 10px;
 padding-top: 3px;
}
#menu_toggle span
{
 position: relative;
 right: 5000px;
}
/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist ul
{
 z-index: 100;
 padding: 5px;
 margin: 0 0.2em 0 0;
}
.buttonlist ul li
{
 margin: 0;
 padding: 0;
 list-style: none;
 float: left;
}
.buttonlist ul li a
{
 display: block;
 font-size: 0.8em;
 color: black;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 0 -60px;
 padding: 0;
 margin-left: 12px;
 text-transform: uppercase;
 cursor: pointer;
}
.buttonlist ul li a:hover
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 0 0;
 color: #fff;
 text-decoration: none;
}
.buttonlist ul li a span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 100% -60px;
 display: block;
 height: 24px;
 line-height: 20px;
 padding: 0 8px 0 0;
 position: relative;
 right: -8px;
}
.buttonlist ul li a:hover span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 100% 0;
}
/* the active one */
.buttonlist ul li a.active
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 0 -30px;
 color: white;
 font-weight: bold;
}
.buttonlist ul li a.active span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/menu_gfx.png) no-repeat 100% -30px;
}
.buttonlist ul li a.active
{
 font-weight: bold;
}
.buttonlist ul li a.active:hover
{
 color: #ddf;
}
.align_top ul li a, .align_bottom ul li a
{
 margin: 0 12px 0 0;
}
/* the navigation list */
ul#navigation
{
 margin: 0;
 font-size: 0.9em;
 padding: 1em 0.4em;
}
ul#navigation li
{
 float: none;
 font-size: 0.95em;
 display: inline;
}
#adm_submenus
{
 padding-left: 2em;
}
#adm_submenus, #adm_submenus ul
{
 height: 3em;
 overflow: auto;
}
/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
/* the framing graphics */
#header
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) #e7e7da no-repeat 0 -240px;
 padding-left: 20px;
}
#header div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 100% -240px;
 display: block;
 padding: 5px 20px 0 0px;
}
/* the content section */
#content_section
{
 background: #efefe6 url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/frame_repeat.png) repeat-y top left;
 padding-left: 20px;
}
#content_section div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/frame_repeat.png) repeat-y right;
 display: block;
 padding: 0px 20px 0px 0;
}
#main_content_section
{
 width: 100%;
 min-height: 200px;
}
/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
 line-height: 45px;
 font-size: 1.8em;
 font-family: Geneva, verdana, sans-serif;
 margin: 0;
 padding: 0;
 float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
 margin: 0;
 padding: 0;
 float: right;
 line-height: 3em;
}
h3, h4
{
 padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
 float: right;
 margin: 1em;
}
/* ..so does the SMF logo */
img#smflogo
{
 margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section
{
 padding: 5px;
 margin-bottom: 1.5em;
}
#upper_section ul li.greeting
{
 font-size: 1.3em;
 font-weight: bold;
 line-height: 1.5em;
}
#upper_section div.news
{
 width: 50%;
 float: right;
 text-align: right;
}
#guest_form .info
{
 padding: 4px 0 ;
}
div#upper_section div.user
{
 width: 50%;
 float: left;
 overflow: auto;
}
div#upper_section div.user p
{
 float: left;
 margin: 0 1em 1em 0;
 padding: 0;
}
div#upper_section div.user ul
{
 margin: 0;
 padding-left: 10px;
}
div#upper_section div.user ul li
{
 margin-bottom: 2px;
}
div#upper_section div.news p
{
 display: inline;
}
div#upper_section div.news form
{
 padding-bottom: 10px;
}
/* clearing the floats */
#top_section
{
 min-height: 65px;
 overflow: hidden;
 margin-bottom: 3px;
}
#upper_section
{
 overflow: hidden;
}
/* the navigation list */
.navigate_section
{
 overflow: hidden;
 margin: 0;
 padding: 0.5em;
 margin: 1em 0 0 0;
}
.navigate_section ul
{
 display: block;
 margin: 0;
 font-size: 0.9em;
 padding: 1em 0 0.5em 0;
 border-top: dashed #c7c7b1 1px;
}
.navigate_section ul li
{
 display: inline;
 font-size: 0.95em;
}
/* the footer wih copyright links etc. */
#footer_section
{
 text-align: center;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 0 -820px;
 padding-left: 20px;
}
#footer_section span.smalltext
{
 font-size: 100%;
}
#footer_section div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) no-repeat 100% -820px;
 display: block;
 padding: 60px 0 0 0;
}
#footer_section ul li, #footer_section p
{
 font-size: 0.8em;
}
#footer_section ul li
{
 display: inline;
 padding-right: 5px;
}
#footer_section ul li.copyright
{
 display: block;
}
select.qaction, input.qaction
{
 font-size: 0.7em;
 padding: 0;
}
#mlist table tbody td.windowbg2
{
 text-align: center;
}
/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
 width: 100%;
}
table.table_list p
{
 padding: 0;
 margin: 0;
}
table.table_list td,table.table_list th
{
 padding: 5px;
}
table.table_list tbody.header td
{
 padding: 0px;
}
table.table_list tbody.content td.stats
{
 font-size: 90%;
 width: 15%;
 text-align: center;
}
table.table_list tbody.content td.lastpost
{
 line-height: 1.3em;
 font-size: 85%;
 width: 24%;
}
table.table_list tbody.content td.icon
{
 text-align: center;
 width: 6%;
}
/* Styles for the board index.
------------------------------------------------- */
/* the board title! */
.table_list tbody.content td.info a.subject
{
 font-weight: bold;
 font-size: 110%;
 color: #d97b33;
}
.table_list tbody.content td.children
{
 color: #555;
 font-size: 85%;
}
p.moderators
{
 font-size: 0.8em;
 font-family: verdana, sans-serif;
}
/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
 display: none;
}
/* the posting icons */
#posting_icons
{
 padding: 0 1em 0.5em 1em;
 margin: 0 0 1em 0;
 line-height: 1em;
}
#posting_icons ul
{
 font-size: 0.8em;
}
#posting_icons img
{
 vertical-align: middle;
 margin: 0 0 0 4ex;
}
#postbuttons_upper ul li a span
{
 line-height: 19px;
 padding: 0 0 0 6px;
}
.nextlinks
{
 text-align: right;
 margin-top: -1px;
}
.nextlinks_bottom
{
 clear: right;
 text-align: right;
}
.mark_read
{
 padding: 0 0.5em;
}
/* the newsfader */
#smfFadeScroller
{
 text-align: center;
 padding: 0 2em;
 overflow: auto;
 margin: 1em 0;
}
/* Styles for the info centre on the board index.
---------------------------------------------------- */
#upshrinkHeaderIC
{
 margin-top: 4px;
}
dl#ic_recentposts
{
 margin: 0 0 0.5em 0;
 padding: 0.5em;
 line-height: 1.3em;
}
dl#ic_recentposts dt
{
 float: left;
}
dl#ic_recentposts dd
{
 text-align: right;
}
#upshrinkHeaderIC p
{
 margin: 0 0 0.5em 0;
 padding: 0.5em;
}
#upshrinkHeaderIC p.last
{
 margin: 0;
 padding: 0.5em;
 border-top: dotted 2px #704404;
}
#upshrinkHeaderIC p.inline
{
 border: none;
 margin: 0;
 padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
 font-size: 1.1em;
 padding-top: 8px;
}
form#ic_login
{
 padding: 0.5em;
 height: 2em;
}
form#ic_login ul li
{
 margin: 0;
 padding: 0;
 float: left;
 width: 20%;
 text-align: center;
}
form#ic_login ul li label
{
 display: block;
}
/*the small stats*/
#index_common_stats
{
 display: block;
 margin: 0 0 0.5em 0;
 text-align: right;
 font-size: 0.9em;
 position: relative;
 top: -20px;
 line-height: 1px;
}
#upshrinkHeaderIC p.pminfo
{
 margin: 0;
 padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
 float: right;
 margin: 10px 5px 0 0;
}
table.table_list a.unreadlink,table.table_list a.collapse
{
 float: right;
}
table.table_list a.collapse
{
 margin: 10px 5px 0 1em;
}
img.new_posts
{
 padding: 0 0.1em;
}
/* Styles for the message (topic) index.
---------------------------------------------------- */
#messageindex
{
 clear: both;
}
/* the page navigation area */
#childboards h3
{
 padding-bottom: 0;
}
#childboards .table_list thead
{
 display: none;
}
#childboards .table_list
{
 margin-bottom: 1em;
}
.lastpost img
{
 float: right;
}
/* Styles for the display template (topic view).
---------------------------------------------------- */
#postbuttons div.buttons
{
 padding: 0.5em;
 width: 40%;
 float: right;
}
#postbuttons div.middletext
{
 width: 60%;
}
#postbuttons span
{
 display: block;
 text-align: right;
}
#postbuttons span.lower
{
 clear: right;
}
#postbuttons .buttonlist
{
 float: right;
}
#postbuttons #pagelinks
{
 padding-top: 1em;
}
#moderationbuttons
{
 overflow: hidden;
}
/* Events */
#edit_event
{
 margin: 0 1em;
 vertical-align: middle;
}
/* Poll question */
#poll
{
 overflow: hidden;
}
h4#pollquestion
{
 padding: 0 0 0.5em 2em;
}
/* Poll vote options */
#poll_options ul.options
{
 border-top: 1px solid #9999AA;
 padding: 1em 2.5em 0 2em;
 margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
 border-bottom: 1px solid #9999AA;
 clear: both;
 padding: 0 0 1em 2em;
 margin: 0 0 1em 0;
}
/* Poll results */
#poll_options dl.options
{
 border: solid #9999AA;
 border-width: 1px 0;
 padding: 1em 2.5em 0 2em;
 margin: 0 1em 1em 0;
 clear: right;
 overflow: hidden;
}
#poll_options dl.options dt
{
 line-height: 1.6em;
 vertical-align: middle;
 width: 48%;
 float: left;
 clear: both;
 margin-bottom: 4px;
}
#poll_options dl.options dt.voted
{
 font-weight: bold;
}
#poll_options dl.options dd
{
 margin: 0 4px 1em 0;
 vertical-align: middle;
 line-height: 1.6em;
 width: 48%;
 float: left;
}
#poll .content
{
 padding: 0 1em;
}
/* Poll notices */
#poll_options p
{
 margin: 0 1.5em 0.2em 1.5em;
 padding: 0 0.5em 0.5em 0.5em;
}
div#pollmoderation
{
 margin: 0;
 padding: 0;
 overflow: auto;
}
/* onto the posts */
#forumposts
{
 clear: both;
}
/* author and topic informaton */
#forumposts h3 span#author, #forumposts h3 span#top_subject
{
 float: left;
}
#forumposts h3 span#top_subject
{
 margin: 0 0 0 7.7em;
}
#forumposts h3 img
{
 float: left;
 margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
 margin-bottom: 3px;
}
p#whoisviewing
{
 margin: 0;
 padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
.poster
{
 float: left;
 width: 15em;
}
.postarea, .moderatorbar
{
 margin: 0 0 0 16em;
}
.moderatorbar
{
 clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
 padding: 0;
 margin: 0 1em 0 1.5em;
}
.poster h4
{
 margin: 0.2em 0 0.4em 1.1em;
 font-size: 120%;
}
.poster h4, .poster h4 a
{
 color: #c06002;
}
.poster ul ul
{
 margin: 0.3em 1em 0 0;
 padding: 0;
}
.poster ul ul li
{
 display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top: 0.5em;
}
.messageicon
{
 float: left;
 margin: 0 0.5em 0 0;
}
.messageicon img
{
 padding: 6px 3px;
}
.keyinfo
{
 float: left;
 width: 50%;
}
.modifybutton
{
 clear: right;
 float: right;
 margin: 8px 20px 10px 0;
 text-align: right;
}
.postarea ul.quickbuttons
{
 clear: right;
 float: right;
 text-align: right;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 0.85em;
}
.postarea ul.quickbuttons a:hover
{
 color: #a70;
}
/* The quick buttons */
ul.quickbuttons
{
 margin: 0.9em 11px 0 0;
}
ul.quickbuttons li
{
 float: left;
 display: inline;
 margin: 0 0 0 11px;
}
ul.quickbuttons li a
{
 padding: 0 0 0 20px;
 display: block;
 height: 20px;
 line-height: 18px;
 float: left;
}
ul.quickbuttons li.approve_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.quote_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.reply_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.modify_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.remove_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.split_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.restore_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.inline_mod_check
{
 margin: 0 0 0 5px;
}
.post
{
 margin-top: 0.5em;
 clear: right;
}
.inner
{
 padding: 1em 1em 0 0;
 margin: 0 1em 0 0;
 border-top: solid 1px #99a;
}
.inner img.smiley
{
 vertical-align: bottom;
}
#forumposts .modified
{
 float: left;
}
#forumposts .reportlinks
{
 margin-right: 1.5em;
 text-align: right;
 clear: right;
}
#forumposts .signature, .post .signature
{
 margin: 1em 0 0 0;
}
#forumposts span.botslice
{
 clear: both;
}
.attachments hr
{
 clear: both;
 margin: 1em 0 1em 0;
}
.attachments
{
 padding: 1em 0 2em 0;
}
.attachments div
{
 padding: 0 0.5em;
}
/* Styles for the quick reply area.
---------------------------------------------------- */
/* The quick-reply area. Horizontal alignments go a bit wonky in IE6 and IE7 but I'm not sure it's worth worrying about. */
#quickReplyOptions .roundframe
{
 text-align: center;
 padding: 0 10%;
}
#quickReplyContent
{
 padding: 0.5em 0;
}
#quickReplyContent form textarea
{
 width: 91%;
 height: 100px;
 margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
 clear: both;
 padding: 5px;
 margin-top: 2px;
}
/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
 display: none;
}
/* Styles for edit post section
---------------------------------------------------- */
#post_header
{
 margin-bottom: 0.5em;
 border-bottom: 1px solid #CACDD3;
 padding: 0.5em;
 overflow: hidden;
}
#post_header dt
{
 float: left;
 margin: 0;
 padding: 0;
 width: 15%;
 margin: .3em 0;
 font-weight: bold;
}
#post_header dd
{
 float: left;
 margin: 0;
 padding: 0;
 width: 83%;
 margin: .3em 0;
}
#post_header img
{
 vertical-align: middle;
}
ul.post_options
{
 margin: 0 0 0 1em;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
ul.post_options li
{
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#postAdditionalOptionsHeader
{
 margin-top: 1em;
}
#postMoreOptions
{
 border-bottom: 1px solid #CACDD3;
 padding: 0.5em;
}
#postAttachment, #postAttachment2
{
 overflow: hidden;
 margin: .5em 0;
 padding: 0;
 border-bottom: 1px solid #CACDD3;
 padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd
{
 margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt
{
 font-weight: bold;
}
#postAttachment3
{
 margin-left: 1em;
}
#post_confirm_strip, #shortcuts
{
 padding: 1em 0 0 0;
}
.post_verification
{
 margin-top: .5em;
}
.post_verification #verification_control
{
 margin: .3em 0 .3em 1em;
}
/* the BBC buttons */
#bbcBox_message
{
 margin-bottom: 2px;
}
#bbcBox_message div
{
 margin: 0.3em 0 1em 0;
 line-height: 1.2em;
 height: 1.2em;
 vertical-align: top;
}
#bbcBox_message div img
{
 margin: 0 1px 0 0;
 vertical-align: top;
}
#bbcBox_message select
{
 margin: 0 2px
}
/* Styles for edit event section
---------------------------------------------------- */
#post_event fieldset
{
 margin-bottom: 0.5em;
 border: none;
 border-bottom: 1px solid #666666;
 padding: 0.5em;
 clear: both;
}
#post_event legend
{
 font-weight: bold;
 color: black;
}
#post_event div.event_options
{
 width: 49%;
 float: left;
}
#post_event ul.event_main, ul.event_options
{
 padding: 0;
 overflow: hidden;
}
#post_event ul.event_main li
{
 list-style-type: none;
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#post_event ul.event_options
{
 margin: 0;
 padding: 0 0 .7em .7em;
}
#post_event ul.event_options li
{
 list-style-type: none;
 margin: 0.3em 0 0 0;
}
/* Styles for edit poll section.
---------------------------------------------------- */
#edit_poll fieldset
{
 margin-bottom: 0.5em;
 border: none;
 border-bottom: 1px solid #666666;
 padding: 0.5em;
 clear: both;
}
#edit_poll legend
{
 font-weight: bold;
 color: black;
}
#edit_poll div.poll_options
{
 width: 49%;
 float: left;
}
#edit_poll ul.poll_main, ul.poll_options
{
 overflow: hidden;
 padding: 0 0 .7em .7em;
 list-style: none;
}
#edit_poll ul.poll_main li
{
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#edit_poll ul.poll_options
{
 margin: 0;
}
#edit_poll ul.poll_options li
{
 margin: 0.3em 0 0 0;
}
/* Styles for the recent messages section.
---------------------------------------------------- */
#readbuttons_top .pagelinks,#readbuttons .pagelinks
{
 padding-bottom: 1em;
 width: 60%;
}
#readbuttons .pagelinks
{
 padding-top: 1em;;
}
#recent
{
 clear: both;
}
/* Styles for the move topic section.
---------------------------------------------------- */
#move_topic dl
{
 margin-bottom: 0;
}
.move_topic
{
 width: 710px;
 margin: auto;
 text-align: left;
}
div.move_topic fieldset
{
 margin: 0.5em 0;
 border: 1px solid #cacdd3;
 padding: 0.5em;
}
/* Styles for the send topic section.
---------------------------------------------------- */
fieldset.send_topic
{
 margin-bottom: 0.5em;
 border: none;
 padding: 0.5em;
}
dl.send_topic
{
 margin-bottom: 0;
}
dl.send_mail dt
{
 width: 35%;
}
dl.send_mail dd
{
 width: 64%;
}
/* Styles for the split topic section.
---------------------------------------------------- */
#selected, #not_selected
{
 width: 49%;
}
ul.merge_topics li
{
 list-style-type: none;
}
dl.merge_topic dt
{
 width: 25%;
}
dl.merge_topic dd
{
 width: 74%;
}
fieldset.merge_options
{
 margin-bottom: 0.5em;
}
fieldset.merge_options legend
{
 font-weight: bold;
}
.custom_subject
{
 margin: 0.5em 0;
}
/* Styles for the login areas.
------------------------------------------------------- */
.login
{
 width: 540px;
 margin: 0 auto;
}
.login dl
{
 overflow: auto;
 clear: right;
}
.login dt, .login dd
{
 margin: 0 0 0.4em 0;
 width: 44%;
 padding: 0.1em;
}
.login dt
{
 float: left;
 clear: both;
 text-align: right;
 font-weight: bold;
}
.login dd
{
 width: 54%;
 float: right;
 text-align: left;
}
.login p
{
 text-align: center;
}
/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
 border: 1px dashed red;
 padding: 5px;
 margin: 0 1ex 1ex 1ex;
}
.register_error span
{
 text-decoration: underline;
}
/* Additional profile fields */
dl.register_form
{
 margin: 0;
 clear: right;
 overflow: auto;
}
dl.register_form dt
{
 font-weight: normal;
 float: left;
 clear: both;
 width: 50%;
 margin: 0.5em 0 0 0;
}
dl.register_form dt strong
{
 font-weight: bold;
}
dl.register_form dt span
{
 display: block;
}
dl.register_form dd
{
 float: left;
 width: 49%;
 margin: 0.5em 0 0 0;
}
#confirm_buttons
{
 text-align: center;
 padding: 1em 0;
}
.coppa_contact
{
 padding: 4px;
 width: 32ex;
 background-color: white;
 color: black;
 margin-left: 5ex;
 border: 1px solid black;
}
/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
 width: 75%;
 min-width: 520px;
 text-align: left;
}
#maintenance_mode img.align_left
{
 margin-right: 1em;
}
/* common for all admin sections */
h3.titlebg img
{
 vertical-align: middle;
 margin-right: 0.5em;
 margin-top: -1px;
}
tr.titlebg td
{
 padding-left: 0.7em;
}
#admin_menu
{
 min-height: 2em;
 padding-left: 0;
}
#admin_content
{
 clear: left;
 padding-top: 0.5em;
}
#admin_login .centertext
{
 padding: 1em;
}
/* Styles for sidebar menus.
------------------------------------------------------- */
#left_admsection h4.catbg span.left,
#left_admsection h4.catbg span.right
{
 width: 9px;
 height: 31px;
}
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
 padding: 0;
 margin: 0;
 list-style: none;
}
#left_admsection
{
 width: 160px;
 float: left;
 padding-right: 10px;
}
.adm_section h4.titlebg
{
 font-size: 95%;
 margin-bottom: 5px;
}
#adm_container
{
 border-bottom: solid 1px #ccc;
 margin-bottom: 5px;
}
.left_admmenu li
{
 padding: 0 0 0 0.5em;
}
.left_admmenu
{
 margin-bottom: 0.5em;
}
#main_admsection
{
 margin-left: 172px;
}
tr.windowbg td, tr.windowbg2 td, tr.approvebg td
{
 padding: 0.3em 0.7em;
}
#credits p
{
 padding: 0;
 font-style: italic;
 margin: 0;
}
/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
 width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats
{
 text-align: center;
}
#topic_icons
{
 margin: 1em 0 0 0;
}
#topic_icons .description
{
 margin: 0;
}
.topic_table table thead
{
 border-bottom: solid 1px white;
}
/* the subject column */
.topic_table td
{
 font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats
{
 font-size: 0.85em;
 padding: 0;
 margin: 0;
}
.topic_table td.lastpost
{
 font-size: 0.85em;
 line-height: 1.3em;
 padding: 4px;
}
.topic_table td.lastpost,.topic_table td.lastpost
{
 font-size: 0.9em;
 line-height: 100%;
 padding: 4px;
}
.topic_table td.stickybg2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quick_sticky.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.lockedbg2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quick_lock.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.locked_sticky2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quick_sticky_lock.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.lastpost
{
 background-image: none;
}
/* Styles for (fatal) errors.
------------------------------------------------- */
#fatal_error
{
 width: 80%;
 margin: auto;
}
.errorbox
{
 padding: 1em;
 border: 1px solid #cc3344;
 color: black;
 background-color: #ffe4e9;
 margin-bottom: 1em;
}
.errorbox h3
{
 padding: 0;
 margin: 0;
 font-size: 1.1em;
 text-decoration: underline;
}
.errorbox p
{
 margin: 1em 0 0 0;
}
.errorbox p.alert
{
 padding: 0;
 margin: 0;
 float: left;
 width: 1em;
 font-size: 1.5em;
}
/* Styles for the profile section.
------------------------------------------------- */
dl
{
 overflow: auto;
 margin: 0;
 padding: 0;
}
/* The basic user info on the left */
#basicinfo
{
 width: 20%;
 float: left;
}
#basicinfo .windowbg .content
{
 padding-left: 20px;
}
#detailedinfo
{
 width: 79.5%;
 float: right;
}
#basicinfo h4
{
 font-size: 135%;
 font-weight: 100;
 line-height: 105%;
 white-space: pre-wrap;
 overflow: hidden;
}
#basicinfo h4 span.position
{
 font-size: 80%;
 font-weight: 100;
 display: block;
}
#basicinfo img.avatar
{
 display: block;
 margin: 10px 0 0 0;
}
#basicinfo ul
{
 list-style-type: none;
 margin: 10px 0 0 0;
}
#basicinfo ul li
{
 display: block;
 float: left;
 margin-right: 5px;
 height: 20px;
}
#basicinfo span#userstatus
{
 display: block;
 clear: both;
}
#basicinfo span#userstatus img
{
 vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl
{
 clear: right;
 overflow: auto;
 margin: 0 0 18px 0;
 padding: 0 0 15px 0;
 border-bottom: 1px #ccc solid;
}
#detailedinfo div.content dt, #tracking div.content dt
{
 width: 35%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
 width: 65%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
#detailedinfo div.content dl.noborder
{
 border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
 width: 100%;
}
.signature, .custom_fields_above_signature
{
 border-top: 1px #ccc solid;
}
.signature h5
{
 font-size: 0.85em;
 margin-bottom: 10px;
}
#personal_picture
{
 display: block;
 margin-bottom: 0.3em;
}
#avatar_server_stored div
{
 float: left;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo
{
 width: 100%;
}
#main_admsection #basicinfo h4
{
 float: left;
 width: 35%;
}
#main_admsection #basicinfo img.avatar
{
 float: right;
 vertical-align: top;
}
#main_admsection #basicinfo ul
{
 clear: left;
}
#main_admsection #basicinfo span#userstatus
{
 clear: left;
}
#main_admsection #basicinfo p#infolinks
{
 display: none;
 clear: both;
}
#main_admsection #basicinfo .botslice
{
 clear: both;
}
/* Simple feedback messages */
div#profile_error, div#profile_success
{
 margin: 0 0 1em 0;
 padding: 1em 2em;
 border: 1px solid;
}
div#profile_error
{
 border-color: red;
 color: red;
 background: #fee;
}
div#profile_error span
{
 text-decoration: underline;
}
div#profile_success
{
 border-color: green;
 color: green;
 background: #efe;
}
/* Profile statistics */
#generalstats div.content dt
{
 width: 50%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#generalstats div.content dd
{
 width: 50%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
/* Activity by time */
#activitytime
{
 margin: 6px 0;
}
.activity_stats
{
 margin: 0;
 padding: 0;
 list-style: none;
}
.activity_stats li
{
 margin: 0;
 padding: 0;
 width: 4.16%;
 float: left;
}
.activity_stats li span
{
 display: block;
 border: solid #000;
 border-width: 1px 1px 0 0;
 text-align: center;
}
.activity_stats li.last span
{
 border-right: none;
}
.activity_stats li div.bar
{
 margin: 0 auto;
 width: 15px;
}
.activity_stats li div.bar div
{
 background: #6294CE;
}
.activity_stats li div.bar span
{
 position: absolute;
 top: -1000em;
 left: -1000em;
}
/* Most popular boards by posts and activity */
#popularposts
{
 width: 49.5%;
 float: left;
}
#popularactivity
{
 width: 49.5%;
 float: right;
}
#popularposts div.content dt, #popularactivity div.content dt
{
 width: 65%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd
{
 width: 35%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
.profile_pie
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/stats_pie.png);
 float: left;
 height: 20px;
 width: 20px;
 margin: 0 1em 0 0;
 padding: 0;
 text-indent: -1000em;
}
/* View posts */
.topic .time
{
 float: right;
}
.counter
{
 margin: 0 0 0 0;
 padding: 0.2em 0.5em 0.1em 0.2em;
 font-size: 2.2em;
 font-weight: bold;
 color: #3f3f3f;
 float: left;
}
.list_posts
{
 border-top: 2px solid #b3b3bf;
 padding-top: 12px;
 margin-top: 6px;
}
.core_posts
{
 margin-bottom: 3px;
}
.topic h4
{
 margin: 3px 0;
}
.topic .post
{
 margin: 0 1em;
 min-height: 80px;
 height: auto !important;
 height: 80px;
}
.topic .mod_icons
{
 text-align: right;
 margin-right: 1em;
}
#permissions dt
{
 width: 48%;
 float: left;
 line-height: 1.2em;
 margin: 0;
 padding: 1%;
 clear: both;
 border-top: 1px solid #fff;
}
#permissions dd
{
 width: 48%;
 float: left;
 margin: 0;
 padding: 1%;
 border-top: 1px solid #fff;
}
#tracking div.content dl
{
 border-bottom: 0;
 margin: 0;
 padding: 0;
}
#creator dl
{
 margin: 0;
}
#creator dt
{
 width: 40%;
 float: left;
 clear: both;
 margin: 0 0 10px 0;
}
#creator dd
{
 float: left;
 width: 60%;
 margin: 0 0 10px 0;
}
.ignoreboards
{
 margin: 0;
 padding: 0;
 width: 49%;
 overflow: auto;
}
.ignoreboards a
{
 text-decoration: underline;
}
.ignoreboards ul
{
 overflow: auto;
 margin: 0 0 0 1em;
 padding: 0;
}
.ignoreboards li
{
 list-style: none;
 float: left;
 clear: both;
}
#theme_settings
{
 overflow: auto;
 margin: 0;
 padding: 0;
}
#theme_settings li
{
 list-style: none;
 margin: 10px 0;
 padding: 0;
}
/*Paid Subscriptions*/
#paid_subscription
{
 width: 100%;
}
#paid_subscription dl.settings
{
 margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
 margin-bottom: 4px;
}
/*pick theme*/
#pick_theme
{
 width: 100%;
 float: left;
}
/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
 padding: 0.5em 0;
}
#statistics div.title_bar
{
 margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
 text-align: center;
}
#statistics div.content
{
 min-height: 210px;
}
#statistics div.top_row
{
 min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
 float: left;
 width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
 float: right;
 width: 49.5%;
}
dl.stats
{
 clear: both;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
dl.stats dt
{
 width: 49%;
 float: left;
 margin: 0 0 4px 0;
 line-height: 16px;
 padding: 0;
 clear: both;
 font-size: 1em;
}
dl.stats dd
{
 text-align: right;
 width: 50%;
 font-size: 1em;
 float: right;
 margin: 0 0 4px 0;
 line-height: 16px;
 padding: 0;
}
.statsbar div.bar
{
 float: left;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/bar_stats.png) no-repeat;
 display: block;
 margin: 0 4px;
 height: 16px;
}
.statsbar div.bar div
{
 position: relative;
 right: -4px;
 padding: 0 4px 0 0;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/bar_stats.png) no-repeat 100%;
 height: 16px;
}
/* Styles for the personal messages section.
------------------------------------------------- */
#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
 float: left;
}
#personal_messages h3 span#author
{
 margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title
{
 margin: 0 0 0 9em;
}
#personal_messages div.labels
{
 padding: 0 1em 0 0;
}
#personal_messages .capacity_bar
{
 background: #f0f4f7;
 display: block;
 margin: 0.5em 0 0 1em;
 height: 1em;
 border: 1px solid #adadad;
 width: 10em;
}
#personal_messages .capacity_bar span
{
 border-right: 1px solid #adadad;
 display: block;
 height: 1em;
}
#personal_messages .capacity_bar span.empty
{
 background: #a6d69d;
}
#personal_messages .capacity_bar span.filled
{
 background: #eea800;
}
#personal_messages .capacity_bar span.full
{
 background: #f10909;
}
#personal_messages .reportlinks
{
 padding: 0.5em 1.3em;
}
/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
 margin-bottom: 0.7em;
}
/* Used to indicate the current day in the grid. */
.calendar_today
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/main_block.png) -20px -297px no-repeat;
}
#month_grid
{
 width: 200px;
 text-align: center;
 float: left;
}
#month_grid table
{
 width: 200px;
}
#main_grid table
{
 width: 100%;
 padding-bottom: 4px;
}
#main_grid table h3.catbg
{
 text-align: center;
 height: 29px;
 border-top: 2px solid #FFFFFF;
 border-bottom: none;
}
#main_grid table.weeklist td.windowbg
{
 text-align: center;
 height: 49px;
 width: 25px;
 font-size: large;
 padding: 0 7px;
 border-left: 2px solid #FFFFFF;
 border-bottom: 2px solid #FFFFFF;
}
#main_grid table.weeklist td.weekdays
{
 height: 49px;
 width: 100%;
 padding: 4px;
 text-align: left;
 vertical-align: middle;
 border-right: 2px solid #FFFFFF;
 border-bottom: 2px solid #FFFFFF;
}
#main_grid h3.weekly
{
 text-align: center;
 padding-left: 0;
 font-size: large;
 height: 29px;
}
#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
 display: block;
 font-weight: bold;
}
#main_grid table th.days
{
 width: 14%;
}
#main_grid table td.weeks
{
 vertical-align: middle;
 text-align: center;
}
#main_grid table td.days
{
 vertical-align: top;
 text-align: center;
}
a.modify_event
{
 color: #FF0000;
}
span.hidelink
{
 font-style: italic;
}
#calendar_navigation
{
 text-align: center;
}
/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
 margin: auto;
 width: 500px;
}
/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
 padding: 0.5em;
 margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
 text-align: center !important;
 margin: 0;
}
#search_error
{
 font-style: italic;
 padding: 0.3em 1em;
}
#search_term_input
{
 font-size: 115%;
 margin: 0 0 1em;
}
/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
 text-align: left;
 padding: 0;
 margin: 0.5em 0;
 border: none;
}
#advanced_search dl#search_options
{
 margin: 0 auto;
 width: 600px;
 padding-top: 1em;
 overflow: hidden;
}
#advanced_search dt
{
 clear: both;
 float: left;
 padding: 0.2em;
 text-align: right;
 width: 20%;
}
#advanced_search dd
{
 width: 75%;
 float: left;
 padding: 0.2em;
 margin: 0 0 0 0.5em;
 text-align: left;
}
#searchform p.clear
{
 clear: both;
}
/* Boards picker */
#searchform fieldset div#searchBoardsExpand ul
{
 overflow: auto;
 margin: 0 0 0 1em;
 padding: 0;
 width: 48%;
}
#searchform fieldset div#searchBoardsExpand ul ul
{
 width: auto;
}
#searchform fieldset div#searchBoardsExpand a
{
 text-decoration: underline;
}
#searchform fieldset div#searchBoardsExpand li
{
 list-style: none;
 float: left;
 clear: both;
}
#searchform fieldset p
{
 padding: 4px;
 text-align: left;
 margin-top: 5px;
}
/* Styles for the search results page.
------------------------------------------------- */
#search_results form
{
 padding: 1em;
}
.topic_table td blockquote, .topic_table td .quoteheader
{
 margin: 0.5em;
}
.search_results_posts
{
 overflow: hidden;
}
.search_results_posts  .inner
{
 padding: 0.5em 1em;
 overflow: hidden;
}
.search_results_posts .windowbg2
{
 margin-top: 4px;
}
.search_results_posts .buttons
{
 padding: 5px 1em 0 0;
}
/* Styles for the help section.
------------------------------------------------- */
#help_container
{
 margin: 8px 0 0 0;
 padding: 0 0 8px 0;
}
#helpmain
{
 padding: 0 1em;
}
#helpmain h1.section
{
 font-size: 18px;
}
#helpmain h2.section
{
 font-size: 18px;
 border-bottom: solid 1px;
 padding-bottom: 0.5em;
 margin: 0 0 0.5em 0;
}
#helpmain h3.section
{
 font-size: 16px;
 font-weight: normal;
 margin: 2em 0 0.5em 0;
 padding: 0 0 0.5em 0.5em;
}
/* Samples should be easily distinguishable. */
#helpmain .help_sample
{
 border: 1px solid #99a;
 background: #fff;
 padding: 1em;
 overflow: auto;
 margin-bottom: 1em;
}
#helpmain .help_sample .navigate_section
{
 margin: 0;
}
#helpmain .help_sample .navigate_section ul
{
 padding-top: 0;
 border: none;
}
/* We need some air between the lines */
#helpmain p
{
 margin: 0 0 1.5em 0;
 line-height: 1.5em;
}
#helpmain ol
{
 font-weight: bold;
 list-style-type: disc;
 margin-bottom: 1em;
 margin-top: 1em;
 line-height: 1.5em;
}
#helpmain ol.la
{
 font-weight: normal;
 list-style-type: circle;
 margin: 0.5em 0 1em 0;
 padding-left: 1.5em;
}
/* put back the bullets please */
#helpmain #messageindex
{
 clear: right;
}

/* Some BBC related styles.
------------------------------------------------------- */
/* / A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
 font-size: 0.9em;
 color: #000000;
 line-height: 1.4em;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/orangina/quote.png) 2px 2px no-repeat #DDDDC8;
 border: solid 1px #c7c7b1;
 padding: 1em 1em 1em 2em;
 margin: 0.3em 0 0 0;
 border-radius: 1ex;
 -webkit-border-radius: 1ex;
 -khtml-border-radius: 1ex;
 -moz-border-radius: 1ex;
}
/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
 background-color: #d7daec;
}
blockquote.bbc_alternate_quote
{
 background-color: #e7eafc;
}
 

10
Bugs / Missing Image in /images/icons folder
« on: August 19, 2010, 04:39:55 am »
/images/icons/quick_lock.gif  image is missing in the Curve theme on the hosted forums and here at Support.
 
Click a Board - go to the bottom of the page - you'll see the red-x for the image there. (see attached screenshot from here)
 
Attached Curves quick_lock.gif for you
 

11
Style Support / [Stylesheet] Dark Modern
« on: August 19, 2010, 03:54:47 am »
A re-creation of Crip's Dark Modern Theme
 
Screenshot:


Footer Code:

Code: [Select]
<div style="text-align:center;font-size:14px;">Re-creation of Crip's Dark Modern Theme</div>

Custom Images:
http://s148.photobucket.com/albums/s20/smfstyles/dm/new_none.png
http://s148.photobucket.com/albums/s20/smfstyles/dm/new_redirect.png
http://s148.photobucket.com/albums/s20/smfstyles/dm/new_some.png
http://s148.photobucket.com/albums/s20/smfstyles/dm/off.png
http://s148.photobucket.com/albums/s20/smfstyles/dm/on.png
http://s148.photobucket.com/albums/s20/smfstyles/dm/on2.png
http://s148.photobucket.com/albums/s20/smfstyles/dm/redirect.png
http://s148.photobucket.com/albums/s20/smfstyles/dm/collapse.gif
http://s148.photobucket.com/albums/s20/smfstyles/dm/expand.gif
 
css:
 
Code: [Select]

 /* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Normal, standard links. */
a:link, a:visited
{
 color: #c5a79c;
 text-decoration: none;
}
a:hover
{
 text-decoration: underline;
cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
color: #346;
text-decoration: none;
}
a.new_win:hover
{
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
 empty-cells: show;
}

/* Set a fontsize that will look the same in all browsers. */
body
{
 background: #252525 url(http://s148.photobucket.com/albums/s20/smfstyles/dm/backdrop.png) repeat-x;
 font: 78%/130% verdana, Helvetica, sans-serif;
 margin: 0 auto;
 padding: 15px 5%;
}

/* Help popups require a different styling of the body element. */
body#help_popup
{
 padding: 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
 color: #7f7f7f;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 920px;
max-width: 2300px;
}

/* lets give all forms zero padding/margins */
form
{
 padding: 0;
 margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
.input_check   - covers input[type=checkbox] throughout all browsers
.input_radio   - covers input[type=radio] throughout all browsers
.input_text    - covers input[type=text] throughout all browsers
.input_file    - covers input[type=file] throughout all browsers
*/

input, button, select, textarea
{
 font: 95%/115% verdana, Helvetica, sans-serif;
 color: #FFFFFF;
 background: #2e2d2d;
 border: 1px solid #656565;
 padding: 2px;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
 padding: 0;
}

/* Add some padding to the options instead. */
select option
{
 padding: 1px;
}

/* The font size of textareas should be just a little bit larger. */
textarea
{
 font: 100%/130% verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
 background: #191919 url(http://s148.photobucket.com/albums/s20/smfstyles/dm/submit_bg.png) no-repeat;
 border: 1px solid #545454;
 cursor: pointer;
 font-weight: normal;
}
input:hover, textarea:hover, button:hover, select:hover
{
 border: solid 1px #454545;
}
.button_submit:hover, .button_reset:hover
{
 border: 1px solid #545454;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/submit_bg.png) no-repeat 0 -218px #121212;
}
input:focus, textarea:focus, button:focus, select:focus
{
 border: solid 1px #454545;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
 border: none;
 background: none;
}
h3.catbg input.input_check
{
 margin: 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text
{
 background-color: #eee;
}
/* Standard horizontal rule.. ([hr], etc.) */


hr, .hrcolor
{
 height: 1px;
 border: 0;
 color: #666666;
 background-color: #666666;
}

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6
{
 color: #f4f0f4;
 font-size: 1em;
 margin: 0;
 padding: 0;
}

/* Fieldsets are used to group elements. */
fieldset
{
 border: groove #fff 2px;
 padding: 1em;
margin: 0 0 0.5em 0;
}
fieldset legend
{
font-weight: bold;
color: #444;
}
/* No image should have a border when linked. */
a img
{
 border: 0;
}

/* Define strong as bold, and em as italics */
strong
{
 font-weight: bold;
}

em
{
 font-style: italic;
}
/* Alternative for u tag */
.underline
{
 text-decoration: underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */

.floatright
{
float: right;
}
.floatleft
{
float: left;
}

.flow_auto
{
 overflow: auto;
}
.flow_hidden
{
 overflow: hidden;
}
.flow_hidden .windowbg, .flow_hidden .windowbg2
{
 margin-top: 2px;
}
.clear
{
 clear: both;
}
.clear_left
{
 clear: left;
}
.clear_right
{
 clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
 font-size: 0.85em;
 font-family: verdana, sans-serif;
}
.middletext
{
 font-size: 0.9em;
 line-height: 1em;
 font-family: verdana, sans-serif;
}
.normaltext
{
 font-size: 1em;
 line-height: 1.2em;
}
.largetext
{
 font-size: 1.4em;
}
.centertext
{
 margin: 0 auto;
 text-align: center;
}
.righttext
{
 margin-left: auto;
 margin-right: 0;
 text-align: right;
}
.lefttext
{
 margin-left: 0;
 margin-right: auto;
 text-align: left;
}
.double_height
{
 line-height: 2em;
}
/* some common padding styles */
.padding
{
 padding: 0.7em;
}
.main_section, .lower_padding
{
 padding-bottom: 0.5em;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
 padding: 0;
 margin: 0;
 list-style: none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */

blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
font-size: x-small;
color: #EAEAEA;
line-height: 1.4em;
background: #4B4B4B;
              border: 1px solid  #393939;
padding: 1.1em 1.4em;
margin: 0.1em 0 0.3em 0;
overflow: auto;

}


/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
background-color: #4B4B4B;
}
blockquote.bbc_alternate_quote
{
background-color: #4B4B4B;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
display: block;
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
font-size: x-small;
background: #393939;
border-top: 2px solid #393939;
border-bottom: 2px solid #393939;
line-height: 1.5em;
padding: 3px 1em;
overflow: auto;
white-space: nowrap;
/* Show a scrollbar after about 24 lines. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
color: #fff;
font-size: x-small;
font-weight: bold;
padding: 0 0.3em;
}

/* For links to change the code stuff... */
.codeoperation
{
 font-weight: normal;
}

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited
{
 color: #fff;
}

.bbc_size
{
 line-height: 1.4em;
}
.bbc_color a
{
 color: inherit;
}
.bbc_img
{
 border: 0;
}
.bbc_table
{
 font: inherit;
 color: inherit;
}
.bbc_table td
{
 font: inherit;
 color: inherit;
 vertical-align: top;
}
.bbc_u
{
 text-decoration: underline;
}
.bbc_list
{
text-align: left;
}
.bbc_tt
{
font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
 cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
 color: red;
}

/* Highlighted text - such as search results. */
.highlight
{
 background-color: yellow;
 font-weight: bold;
 color: black !important;
font-size: 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
 background-color: #B3F4B0;
 color: black !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
 color: #efebef;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat -10px -120px;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
 color: white;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat -10px -160px;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
{
padding: 0 6px;
}
tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
 color: white;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{

color: #fff;
}

.catbg select
{


height: 1.5em;
font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
 color: #efebef;
 background-color: #282828;
}
.windowbg2
{
 color: #efebef;
 background-color: #202020;
}
.windowbg3
{
 color: #f4f0f4;
 background-color: #cacdd3;
}

/* the page navigation area */
.pagesection
{
font-size: 0.9em;
padding: 0.2em;
overflow: hidden;
margin-bottom: 1px;
}

div.pagesection div.floatright input
{
 margin-top: 3px;
}

.pagelinks
{
 padding:  0.6em 0 0.4em 0;
}
/* Colors for background of posts requiring approval */
.approvebg
{
 color: #c5a79c;
 background-color: #1e1e1e;
}
.approvebg2
{
 color: #c5a79c;
 background-color: #282828;
}

/* Color for background of *topics* requiring approval */
.approvetbg
{
 color: #c5a79c;
 background-color: #2e2e2e;
}
.approvetbg2
{
 color: #c5a79c;
 background-color: #4a4a4a;
}

/* Sticky topics get a different background */
.stickybg
{
 background: #2e2d2d;
}
.stickybg2
{
 background: #303030;
}

/* Locked posts get a different shade, too! */
.lockedbg
{
 background: #323232;
 font-style: italic;
}
.lockedbg2
{
 background: #383838;
 font-style: italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
 overflow: auto;
 line-height: 1.4em;
 padding: 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
 width: 98%;
 overflow: auto;
 clear: right;
 padding: 1em 0 3px 0;
 border-top: solid 1px #191919;
 line-height: 1.4em;
 font-size: 0.85em;
}
.custom_fields_above_signature
{
 width: 98%;
 clear: right;
 padding: 1em 0 3px 0;
 border-top: solid 1px #202020;
 line-height: 1.4em;
 font-size: 0.85em;
}

/* Sometimes there will be an error when you post */
.error
{
 color: red;
}

/* Messages that somehow need to attract the attention. */
.alert
{
 color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday
{
 color: #920AC4;
}

.event
{
 color: #078907;
}

.holiday
{
 color: #EA5F38;
}

/* Colors for warnings */
.warn_mute
{
 color: red;
}

.warn_moderate
{
 color: #FFA500;
}

.warn_watch, .success
{
 color: green;
}

a.moderation_link, a.moderation_link:visited
{
 color: red;
 font-weight: bold;
}

.openid_login
{
 background: black url(http://s148.photobucket.com/albums/s20/smfstyles/dm/openid.gif) no-repeat;
 padding-left: 18px;
}

/* a descriptive style */
.description, .description_board, .plainbox
{
padding: 0.5em 1em;
font-size: 0.9em;
line-height: 1.4em;
 border: solid 1px #545454;
 background: #393939;
margin: 0.2em 1px 1em 1px;
color: #fff;
}
.description_board
{
margin: 1em 1px 0 1px;
}

/* an informative style */
.information
{
padding: 0.5em 1em;
font-size: 0.9em;
line-height: 1.3em;
 border: solid 1px #545454;
 background: #393939;
 color: #fff;
margin: 0.2em 1px 1em 1px;
}
.information p
{
padding: 1em;
margin: 0;
}
p.para2
{
padding: 1em 0 3.5em 0;
margin: 0;
}
/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/loadingbar.png) repeat-x;
 color: #F96F00;
 text-align: center;
 font-size: 16pt;
 padding: 8px;
 width: 100%;
 height: 66px;
 line-height: 25px;
 position: fixed;
 top: 0;
 left: 0;
}

#ajax_in_progress a
{
 color: orange;
 text-decoration: underline;
 font-size: smaller;
 float: right;
 margin-right: 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
 clear: right;
 overflow: auto;
 margin: 0 0 10px 0;
 padding: 0;
}
dl.settings dt
{
width: 40%;
 float: left;
 margin: 0 0 10px 0;
 padding: 0;
 clear: both;
}
dl.settings dt.settings_title
{
 width: 100%;
 float: none;
 margin: 0 0 10px 0;
 padding: 5px 0 0 0;
 font-weight: bold;
 clear: both;
}
dl.settings dt.windowbg
{
 width: 98%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0 0 5px 0;
 clear: both;
}
dl.settings dd
{
width: 56%;
float: right;
overflow: auto;
margin: 0 0 3px 0;
padding: 0;
}
dl.settings img
{
 margin: 0 10px 0 0;
}
/* help icons */
dl.settings dt a img
{
 position: relative;
 top: 2px;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
overflow: hidden;
height: 31px;
 line-height: 32px;
 font-size: 1.2em;
 font-weight: bold;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
color: #fff;
}
h3.catbg2 a, h3.catbg2
{
 color: #feb;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
 color: #fd9;
 text-decoration: none;
}
h3.catbg2 a:hover
{
 color: #fff;
 text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
 color: #efebef;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
 color: #7f7f7f;
 text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon
{
 vertical-align: middle;
 margin: -2px 5px 0 0;
}

h4.catbg a.toggle img
{
vertical-align: middle;
margin: -2px 5px 0 5px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -160px;
 padding-right: 9px;
}

h4.titlebg, h3.titlebg
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -200px;
 padding-right: 9px;
}
h4.titlebg img.icon
{
 float: left;
 margin: 5px 8px 0 0;
}
div.cat_bar
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_bar
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -200px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
/* rounded bars needs a different background here */



div.roundframe div.cat_bar
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 0 -240px;
margin-bottom: 0;
}

div.roundframe div.cat_bar h3.catbg
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -240px;
}

div.title_barIC
{
background: #171717 url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
background: #171717 url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -120px;
}
#upshrinkHeaderIC p.pminfo
{
 margin: 0;
 padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink
{
 float: right;
 margin: 10px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse
{
float: right;
}
table.table_list a.collapse
{
margin: 10px 5px 0 1em;
height: 31px;
line-height: 31px;
}

/* The half-round header bars for some tables. */
.table_grid tr.catbg, .table_grid tr.titlebg
{
font-size: 0.95em;
border-bottom: 1px solid #535353;
}
.table_grid tr.catbg th, .table_grid tr.titlebg th
{
height: 28px;
line-height: 28px;
}

tr.catbg th.first_th
{

background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 0 -160px;
}
tr.catbg th.last_th
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -160px;
}
tr.titlebg th.first_th
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 0 -380px;
}
tr.titlebg th.last_th
{
background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -380px;
}
.table_grid th.last_th input
{
margin: 0 2px;
}
.table_grid th.lefttext
{
padding: 0 0.7em;
}

/* a general table class */
table.table_grid
{
border-collapse: collapse;
margin-top: 0.1em;
}
table.table_grid td
{
padding: 3px;
border-bottom: 1px solid #535353;
border-right: 1px solid #535353;
}

/* GenericList */
.additional_row
{
padding: 0.5em 0 0.5em 0;
}
table.table_grid thead tr.catbg th
{
white-space: nowrap;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid  td
{
padding: 0.4em 0.8em;
cursor: default;
}

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 -30px no-repeat;
}
.windowbg span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% -30px no-repeat;
 height: 11px;
}
.windowbg span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 -40px no-repeat;
 font-size: 5px;
 line-height: 5px;
 margin-bottom: 0.2em;
}
.windowbg span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% -40px no-repeat;
 height: 11px;
}

.windowbg2 span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 -60px no-repeat;
}
.windowbg2 span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% -60px no-repeat;
 height: 11px;
}
.windowbg2 span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 -71px no-repeat;
 font-size: 5px;
 line-height: 5px;
 margin-bottom: 0.2em;
}
.windowbg2 span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% -71px no-repeat;
 height: 11px;
}
.approvebg span.topslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 0 no-repeat;
}
.approvebg span.topslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% 0 no-repeat;
 height: 11px;
}
.approvebg span.botslice
{
 display: block;
 padding-left: 20px;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 -11px no-repeat;
 margin-bottom: 0.2em;
}
.approvebg span.botslice span
{
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% -11px no-repeat;
 height: 11px;
}
.postbg { border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F;}






/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
 padding: 0 10px;
 background: #1f1f1f;
 border-left: 1px solid #4a4a4a;
 border-right: 1px solid #4a4a4a;
}
.roundframe dl, .roundframe dt, .roundframe p
{
 margin: 0;
}
.roundframe p
{
 padding: 0.5em;
}
span.upperframe
{
 padding: 0;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 -90px no-repeat;
 padding-left: 20px;
}
span.upperframe span
{
 padding: 0;
 height: 12px;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
 padding: 0;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 0 -102px no-repeat;
 padding-left: 20px;
}
span.lowerframe span
{
 padding: 0;
 height: 12px;
 display: block;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) 100% -102px no-repeat;
}

/* The main content area.
------------------------------------------------------- */
.content
{
 padding: 0.5em 1.2em;
 margin: 0;
 border: none;
}
.content p
{
 margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
 border: 1px solid #7f7f7f;
 position: absolute;
 visibility: hidden;
}
.auto_suggest_item
{
 background-color: #171717;
}
.auto_suggest_item_hover
{
 background-color: #353535;
 cursor: pointer;
 color: #EEEEEE;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
padding: 0 0.5em;
 float: left;
 margin: 0;
 width: 98%;
}

.dropmenu, .dropmenu ul
{
 list-style: none;
 line-height: 1em;
 padding: 0;
 margin: 0;
}
.dropmenu
{
 padding: 0 0.5em;
}
.dropmenu a
{
 display: block;
 color: #f4f0f4;
 text-decoration: none;
}
.dropmenu a span
{
 display: block;
 padding: 0 0 0 5px;
 font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
 margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel
{
display: block;
position: relative;
left: -5px;
padding-left: 5px;
height: 22px;
line-height: 19px;
white-space: pre;
}
.dropmenu li
{
 float: left;
 padding: 0;
 margin: 0;
 position: relative;
}
.dropmenu li ul
{
 z-index: 90;
 display: none;
 position: absolute;
 width: 19.2em;
 font-weight: normal;
 border-bottom: solid 1px #131313;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) 0 -100px no-repeat;
 padding: 7px 0 0 0;
}
.dropmenu li li
{
 width: 19em;
 margin: 0;
 border-left: solid 1px #131313;
 border-right: solid 1px #131313;
}
.dropmenu li li a span
{
 display: block;
 padding: 8px;
}
.dropmenu li ul ul
{
 margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 100% 0;
 color: #ffffff;
 font-weight: bold;
}
.dropmenu li a.active span.firstlevel
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 0 0;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 100% -30px;
 color: #ffffff;
 cursor: pointer;
 text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 0 -30px;
}
/* the hover effects on level2 and 3*/
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
 background: #242424 url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat -10px -160px;

 color: #fff;
 text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
 top: -999em;
}
.dropmenu li li:hover ul
{
 top: auto;
}
.dropmenu li:hover ul
{
 display: block;
}
.dropmenu li li.additional_items
{
 background-color: #333333;
}

/* The dropdown menu toggle image */
#menu_toggle
{
 float: right;
 margin-right: 10px;
 padding-top: 3px;
}
#menu_toggle span
{
 position: relative;
 right: 5000px;
}

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist ul
{
 z-index: 100;
 padding: 5px;
margin: 0 0.2em 5px 0;
}
.buttonlist ul li
{
 margin: 0;
 padding: 0;
 list-style: none;
 float: left;
}
.buttonlist ul li a
{
 display: block;
 font-size: 0.8em;
 color: #f4f0f4;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 0 -60px;
padding: 0 0 0 8px;
margin-left: 12px;
text-transform: uppercase;
cursor: pointer;
}
.buttonlist ul li a:hover
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 0 0;
 color: #fff;
 text-decoration: none;
}
.buttonlist ul li a span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 100% -60px;
 display: block;
 height: 24px;
 line-height: 20px;
 padding: 0 8px 0 0;
 position: relative;
 right: -8px;
}
.buttonlist ul li a:hover span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 100% 0;
}
/* the active one */
.buttonlist ul li a.active
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 0 -30px;
 color: white;
 font-weight: bold;
}
.buttonlist ul li a.active span
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/menu_gfx.png) no-repeat 100% -30px;
}
.buttonlist ul li a.active
{
 font-weight: bold;
}
.buttonlist ul li a.active:hover
{
 color: #f4f0f4;
}
.align_top ul li a, .align_bottom ul li a
{
 margin: 0 12px 0 0;
}

/* the navigation list */
ul#navigation
{
 margin: 0;
 font-size: 0.9em;
 padding: 1em 0.4em;
}
ul#navigation li
{
 float: none;
 font-size: 0.95em;
 display: inline;
}

#adm_submenus
{
padding-left: 2em;




overflow: hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */
#header
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) #1c1c1c no-repeat 0 -240px;
 padding-left: 20px;
}
#header div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -240px;
 display: block;
padding: 5px 20px 1em 0;
}
/* the content section */
#content_section
{
 background: #1b1b1b url(http://s148.photobucket.com/albums/s20/smfstyles/dm/frame_repeat.png) repeat-y top left;
 padding-left: 20px;
}
#content_section div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/frame_repeat.png) repeat-y right;
 display: block;
padding: 0 20px 0 0;
}
#main_content_section
{
 width: 100%;
 min-height: 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
 line-height: 45px;
 font-size: 1.8em;
 font-family: Geneva, verdana, sans-serif;
 margin: 0;
 padding: 0;
 float: left;
}
/* float these items to the right */
#siteslogan, img#smflogo
{
 margin: 0;
 padding: 0;
 float: right;
 line-height: 3em;
}
h3, h4
{
 padding-bottom: 3px;
}
/* the upshrink image needs some tweaking */
img#upshrink
{
 float: right;
 margin: 1em;
}
/* ..so does the SMF logo */
img#smflogo
{
 margin-left: 1em;
}
/* the upper_section, float the two each way */
#upper_section
{
 padding: 5px;
 margin-bottom: 1.5em;
}
#upper_section ul li.greeting
{
 font-size: 1.3em;
 font-weight: bold;
 line-height: 1.5em;
}
#upper_section div.news
{
 width: 50%;
 float: right;
 text-align: right;
}
#guest_form
{
 overflow: hidden;
}
#guest_form .info
{
padding: 4px 0 ;
line-height: 1.3em;
}
div#upper_section div.user
{
 width: 50%;
 float: left;
 overflow: auto;
}
div#upper_section div.user p
{
 float: left;
 margin: 0 1em 1em 0;
 padding: 0;
}
div#upper_section div.user ul
{
 margin: 0;
 padding-left: 10px;
}
div#upper_section div.user ul li
{
 margin-bottom: 2px;
}
div#upper_section div.news p
{
 display: inline;
}
div#upper_section div.news form
{
 padding-bottom: 10px;
}
/* clearing the floats */
#top_section
{
 min-height: 65px;
 overflow: hidden;
 margin-bottom: 3px;
}
#upper_section
{
 overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section
{
 padding: 0.5em;
margin: 0 0 0 0;
}
.navigate_section ul
{
 display: block;
 margin: 0;
 font-size: 0.9em;
 padding: 1em 0 0.5em 0;
 border-top: dashed #545454 1px;
overflow: hidden;
list-style: none;
clear: both;
width: 100%;
}
.navigate_section ul li
{
float: left;
padding: 0 0.5em 0 0;
font-size: 0.95em;
}
.navigate_section ul li a
{
white-space: pre;
}

/* The footer wih copyright links etc. */
#footer_section
{
 text-align: center;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 0 -820px;
 padding-left: 20px;
}
#footer_section span.smalltext
{
 font-size: 100%;
}
#footer_section div.frame
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) no-repeat 100% -820px;
 display: block;
 padding: 60px 0 0 0;
}
#footer_section ul li, #footer_section p
{
 font-size: 0.8em;
}
#footer_section ul li
{
 display: inline;
 padding-right: 5px;
}
#footer_section ul li.copyright
{
 display: block;
}
select.qaction, input.qaction
{
font-size: 0.85em;

 padding: 0;
}
#mlist table tbody td.windowbg2
{
 text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
 width: 100%;
}
table.table_list p
{
 padding: 0;
 margin: 0;
}
table.table_list td,table.table_list th
{
 padding: 5px;
}
table.table_list tbody.header td
{
padding: 0;
}
table.table_list tbody.content td.stats
{
 font-size: 90%;
 width: 15%;
 text-align: center;
}
table.table_list tbody.content td.lastpost
{
 line-height: 1.3em;
 font-size: 85%;
 width: 24%;
}
table.table_list tbody.content td.icon
{
 text-align: center;
 width: 6%;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject
{
 font-weight: bold;
 font-size: 110%;
 color: #c3c3c3;
}
.table_list tbody.content td.children
{
 color: #c5a79c;
 font-size: 85%;
}
p.moderators
{
 font-size: 0.8em;
 font-family: verdana, sans-serif;
}
/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
 display: none;
}

/* the posting icons */
#posting_icons
{
 padding: 0 1em 0.5em 1em;
 margin: 0 0 1em 0;
 line-height: 1em;
}
#posting_icons ul
{
 font-size: 0.8em;
}
#posting_icons img
{
 vertical-align: middle;
 margin: 0 0 0 4ex;
}
#postbuttons_upper ul li a span
{
 line-height: 19px;
 padding: 0 0 0 6px;
}
.nextlinks
{
 text-align: right;
 margin-top: -1px;
}
.nextlinks_bottom
{
 clear: right;
 text-align: right;
}
.mark_read
{
 padding: 0 0.5em;
}

/* the newsfader */
#newsfader
{
margin: 0 2px;
}
#smfFadeScroller
{
 text-align: center;
 padding: 0 2em;
 overflow: auto;
 margin: 1em 0;
color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
}

/* Styles for the info center on the board index.
---------------------------------------------------- */

#upshrinkHeaderIC
{
 margin-top: 4px;
}
dl#ic_recentposts
{
 margin: 0 0 0.5em 0;
 padding: 0.5em;
 line-height: 1.3em;
}
dl#ic_recentposts dt
{
 float: left;
}
dl#ic_recentposts dd
{
 text-align: right;
}
#upshrinkHeaderIC p
{
 margin: 0 0 0.5em 0;
 padding: 0.5em;
}
#upshrinkHeaderIC p.last
{
 margin: 0;
 padding: 0.5em;
 border-top: dotted 2px #565656;
}
#upshrinkHeaderIC p.inline
{
 border: none;
 margin: 0;
 padding: 0.2em 0.5em 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats
{
 font-size: 1.1em;
 padding-top: 8px;
}
form#ic_login
{
 padding: 0.5em;
 height: 2em;
}
form#ic_login ul li
{
 margin: 0;
 padding: 0;
 float: left;
 width: 20%;
 text-align: center;
}
form#ic_login ul li label
{
 display: block;
}

/*the small stats*/
#index_common_stats
{
 display: block;
 margin: 0 0 0.5em 0;
 text-align: right;
 font-size: 0.9em;
 position: relative;
 top: -20px;
 line-height: 1px;
}

img.new_posts
{
 padding: 0 0.1em;
}
/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list
{
border-collapse: collapse;
margin: 2px 0;
}
.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
{
border-right: 2px solid white;
}
#messageindex
{
 clear: both;
}
/* the page navigation area */
.childboards
{
margin-bottom: 0.2em;
}
#childboards h3
{
 padding-bottom: 0;
}
#childboards .table_list thead
{
 display: none;
}
#childboards .table_list
{
 margin-bottom: 1em;
}
.lastpost img
{
 float: right;
 padding: 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons
{
 padding: 0.5em;
 width: 40%;
 float: right;
}
#postbuttons div.middletext
{
 width: 60%;
}
#postbuttons span
{
 display: block;
 text-align: right;
}
#postbuttons span.lower
{
 clear: right;
}
#postbuttons .buttonlist
{
 float: right;
}
#postbuttons #pagelinks
{
 padding-top: 1em;
}
#moderationbuttons
{
 overflow: hidden;
}
/* Events */

.linked_events
{
padding: 1em 0;
}
.edit_event
{
margin: 0 1em;
vertical-align: middle;
}
/* Poll question */
#poll
{
overflow: hidden;
}
#poll .content
{
padding: 0 1em;
}
h4#pollquestion
{
padding: 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options
{
 border-top: 1px solid #545454;
 padding: 1em 2.5em 0 2em;
 margin: 0 0 1em 0;
}
#poll_options div.submitbutton
{
 border-bottom: 1px solid #545454;
 clear: both;
 padding: 0 0 1em 2em;
 margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
 border: solid #545454;
border-width: 1px 0;
padding: 1em 2.5em 1em 2em;
margin: 0 1em 1em 0;
line-height: 1.1em !important;

}

#poll_options dl.options dt
{
 padding: 0.3em 0;
 width: 30%;
 float: left;
 margin: 0;
 clear: left;
}
#poll_options dl.options .voted
{
font-weight: bold;
}

#poll_options dl.options dd
{
margin: 0 0 0 2em;
padding: 0.1em 0 0 0;
width: 60%;
max-width: 450px;
float: left;
}






#poll_options dl.options .percentage
{
display: block;
float: right;
padding: 0.2em 0 0.3em 0;
}

/* Poll notices */
#poll_options p
{
 margin: 0 1.5em 0.2em 1.5em;
 padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation
{
 margin: 0;
 padding: 0;
 overflow: auto;
}

/* onto the posts */
#forumposts
{
clear: both;
}


#forumposts .cat_bar
{

margin: 0 0 2px 0;
}
/* author and topic information */
#forumposts h3 span#author
{
margin: 0 7.7em 0 0;
}
#forumposts h3 img
{
 float: left;
 margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg
{
 margin-bottom: 3px;
}
p#whoisviewing
{
 margin: 0;
 padding: 0.5em;
}
/* poster and postarea + moderation area underneath */
.post_wrapper
{
float:left;
width:100%;
}
.poster
{
 float: left;
 width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
width: 100%;
}

.moderatorbar
{
 clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
 padding: 0;
 margin: 0 1em 0 1.5em;
}
.poster h4
{
 margin: 0.2em 0 0.4em 1.1em;
 font-size: 120%;
}
.poster h4, .poster h4 a
{
 color: #c06002;
}
.poster ul ul
{
 margin: 0.3em 1em 0 0;
 padding: 0;
}
.poster ul ul li
{
 display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0.5em;
}
.poster li.avatar
{
overflow: hidden;
}
.poster li.warning
{
line-height: 1.2em;
padding-top: 1em;
}
.poster li.warning a img
{
vertical-align: bottom;
padding: 0 0.2em;
}
.messageicon
{
 float: left;
 margin: 0 0.5em 0 0;
}
.messageicon img
{
 padding: 6px 3px;
}
.keyinfo
{
 float: left;
 width: 50%;
}
.modifybutton
{
clear: right;
float: right;
margin: 6px 20px 10px 0;
text-align: right;
font: bold 0.85em arial, sans-serif;
color: #334466;
}

/* The quick buttons */
div.quickbuttons_wrap
{
padding: 0.2em 0;
width: 100%;
float: left;
}

ul.quickbuttons
{
margin: 0.9em 11px 0 0;
clear: right;
float: right;
text-align: right;
font: bold 0.85em arial, sans-serif;


}
ul.quickbuttons li
{
 float: left;
 display: inline;
 margin: 0 0 0 11px;
}
ul.quickbuttons li a
{
 padding: 0 0 0 20px;
 display: block;
 height: 20px;
 line-height: 18px;
 float: left;
}
ul.quickbuttons a:hover
{
 color: #a70;
}
ul.quickbuttons li.quote_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 0;
}
ul.quickbuttons li.remove_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -30px;
}
ul.quickbuttons li.modify_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -60px;
}
ul.quickbuttons li.approve_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -90px;
}
ul.quickbuttons li.restore_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -120px;
}
ul.quickbuttons li.split_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -150px;
}
ul.quickbuttons li.reply_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.reply_all_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -180px;
}
ul.quickbuttons li.notify_button
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quickbuttons.png) no-repeat 0 -210px;
}
ul.quickbuttons li.inline_mod_check
{
 margin: 0 0 0 5px;
}

.post
{
 margin-top: 0.5em;
 clear: right;
}
.inner
{
padding: 1em 1em 2px 0;
margin: 0 1em 0 0;
 border-top: solid 1px #545454;
}
img.smiley
{
 vertical-align: bottom;
}
#forumposts .modified
{
 float: left;
}
#forumposts .reportlinks
{
 margin-right: 1.5em;
 text-align: right;
 clear: right;
}
#forumposts .signature, .post .signature
{
 margin: 1em 0 0 0;
}
#forumposts span.botslice
{
 clear: both;
}
.attachments hr
{
 clear: both;
 margin: 1em 0 1em 0;
}
.attachments
{
 padding: 1em 0 2em 0;
}
.attachments div
{
 padding: 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */



#quickreplybox
{


padding-bottom: 1px;
}

#quickReplyOptions .roundframe
{

padding: 0 10%;
}
#quickReplyOptions form textarea
{

height: 100px;
width: 635px;
max-width: 100%;
min-width: 100%;
margin: 0.25em 0 1em 0;
}
/* The jump to box */
#display_jump_to
{
clear: both;
padding: 5px;
margin-top: 6px;
text-align: right;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe
{
padding: 0 12%;




}
#post_header, .postbox
{



padding: 0.5em;
overflow: hidden;
}
#post_header dt, .postbox dt
{
float: left;

padding: 0;
width: 15%;
margin: .5em 0 0 0;
font-weight: bold;
}
#post_header dd, .postbox dd
{
float: left;

padding: 0;
width: 83%;
margin: .3em 0;
}
#post_header img
{
 vertical-align: middle;
}
ul.post_options
{
 margin: 0 0 0 1em;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
ul.post_options li
{
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#postAdditionalOptionsHeader
{
 margin-top: 1em;
}
#postMoreOptions
{
border-bottom: 1px solid #cacdd3;
padding: 0.5em;
}
#postAttachment, #postAttachment2
{
overflow: hidden;
margin: .5em 0;
padding: 0;
border-bottom: 1px solid #cacdd3;
padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd
{
 margin: .3em 0 .3em 1em;
}
#postAttachment dt, #postAttachment2 dt
{
 font-weight: bold;
}
#postAttachment3
{
 margin-left: 1em;
}
#post_confirm_strip, #shortcuts
{
 padding: 1em 0 0 0;
}
.post_verification
{
 margin-top: .5em;
}
.post_verification #verification_control
{
 margin: .3em 0 .3em 1em;
}
#bbcBox_message
{
margin: 0.75em 0.5em;
}
#bbcBox_message div
{
margin: 0.2em 0;
vertical-align: top;
}
#bbcBox_message div img
{
margin: 0 1px 0 0;
vertical-align: top;
}
#bbcBox_message select
{
margin: 0 2px;
}
/* The smiley strip */
#smileyBox_message
{
margin: 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe
{
padding: 0 12%;
}
#post_event fieldset
{




padding: 0.5em;
clear: both;
}
#post_event #event_main input
{


margin: 0 0 1em 0;
float: left;
}
#post_event #event_main div.smalltext
{
width: 33em;
float: right;
}
#post_event div.event_options
{

float: right;
}
#post_event ul.event_main, ul.event_options
{
 padding: 0;
 overflow: hidden;
}
#post_event ul.event_main li
{
 list-style-type: none;
 margin: 0.2em 0;
 width: 49%;
 float: left;
}
#post_event ul.event_options
{
 margin: 0;
 padding: 0 0 .7em .7em;
}
#post_event ul.event_options li
{
list-style-type: none;
margin: 0;
float: left;
}
#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
{
margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll
{
overflow: hidden;
}
#edit_poll fieldset
{




padding: 0.5em;
clear: both;
overflow: hidden;
}
#edit_poll fieldset input
{


margin-left: 8.1em;
}
#edit_poll ul.poll_main li
{

padding-left: 1em;
}
#edit_poll ul.poll_main input
{
margin-left: 1em;
}
#edit_poll ul.poll_main, dl.poll_options
{
overflow: hidden;
padding: 0 0 .7em .7em;
list-style: none;
}
#edit_poll ul.poll_main li
{
margin: 0.2em 0;


}
#edit_poll dl.poll_options dt
{

width: 33%;
padding: 0 0 0 1em;
}
#edit_poll dl.poll_options dd
{

width: 65%;
}
#edit_poll dl.poll_options dd input
{
margin-left: 0;
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks, #readbuttons .pagelinks
{
padding-bottom: 1em;
width: 60%;
}
#readbuttons .pagelinks
{
padding-top: 1em;
}
#recent
{
 clear: both;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl
{
margin-bottom: 0;
}
#move_topic dl.settings dt
{
width: 40%;
}
#move_topic dl.settings dd
{
width: 59%;
}
.move_topic
{
 width: 710px;
 margin: auto;
 text-align: left;
}
div.move_topic fieldset
{


padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic
{

border: none;
padding: 0.5em;
}
dl.send_topic
{
 margin-bottom: 0;
}
dl.send_mail dt
{
 width: 35%;
}
dl.send_mail dd
{
width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl
{
margin-bottom: 0;
}
#report_topic dl.settings dt
{
width: 20%;
}
#report_topic dl.settings dd
{
width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected
{
width: 49%;
}
ul.split_messages li.windowbg, ul.split_messages li.windowbg2
{
margin: 1px;
}
ul.split_messages li a.split_icon
{
padding: 0 0.5em;
}
ul.split_messages div.post
{
padding: 1em 0 0 0;
border-top: 1px solid #535353;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li
{
 list-style-type: none;
}
dl.merge_topic dt
{
 width: 25%;
}
dl.merge_topic dd
{
 width: 74%;
}
fieldset.merge_options
{





clear: both;
}
.custom_subject
{
margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login
{
 width: 540px;
 margin: 0 auto;
}
.login dl
{
 overflow: auto;
 clear: right;
}
.login dt, .login dd
{
 margin: 0 0 0.4em 0;
 width: 44%;
 padding: 0.1em;
}
.login dt
{
 float: left;
 clear: both;
 text-align: right;
 font-weight: bold;
}
.login dd
{
 width: 54%;
 float: right;
 text-align: left;
}
.login p
{
 text-align: center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
 border: 1px dashed red;
 padding: 5px;
 margin: 0 1ex 1ex 1ex;
}
.register_error span
{
 text-decoration: underline;
}

/* Additional profile fields */
dl.register_form
{
 margin: 0;
 clear: right;
 overflow: auto;
}

dl.register_form dt
{
 font-weight: normal;
 float: left;
 clear: both;
 width: 50%;
 margin: 0.5em 0 0 0;
}

dl.register_form dt strong
{
 font-weight: bold;
}

dl.register_form dt span
{
 display: block;
}

dl.register_form dd
{
 float: left;
 width: 49%;
 margin: 0.5em 0 0 0;
}


#confirm_buttons
{
 text-align: center;
 padding: 1em 0;
}

.coppa_contact
{
 padding: 4px;
 width: 32ex;
 background-color: #222222;
 color: black;
 margin-left: 5ex;
 border: 1px solid black;
}

.valid_input
{
background-color: #f5fff0;
}
.invalid_input
{
background-color: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
 width: 75%;
 min-width: 520px;
 text-align: left;
}
#maintenance_mode img.floatleft
{
 margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img
{
 vertical-align: middle;
 margin-right: 0.5em;
 margin-top: -1px;
}
tr.titlebg td
{
 padding-left: 0.7em;
}
#admin_menu
{
 min-height: 2em;
 padding-left: 0;
}
#admin_content
{
clear: left;
padding-top: 0.5em;
}
/* Custom profile fields like to play with us some times. */
#admin_content .custom_field
{
margin-bottom: 15px;
}
#admin_login .centertext
{
padding: 1em;
}




#admin_login .centertext .error
{


padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
padding: 0;
margin: 0;
list-style: none;
}
#left_admsection
{
 width: 160px;
 float: left;
 padding-right: 10px;
}
.adm_section h4.titlebg
{
font-size: 95%;
margin-bottom: 5px;
}
#main_container
{


position: relative;
}
.left_admmenu li
{
 padding: 0 0 0 0.5em;
}
.left_admmenu
{
 margin-bottom: 0.5em;
}
#main_admsection
{

position: relative;
left: 0;
right: 0;
overflow: hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
{
padding: 0.3em 0.7em;
}
#credits p
{
padding: 0;
font-style: italic;
margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
 width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats
{
 text-align: center;
}
#topic_icons
{
 margin: 1em 0 0 0;
}
#topic_icons .description
{
 margin: 0;
}
.topic_table table thead
{
 border-bottom: solid 1px #171717;
}
/* the subject column */
.topic_table td
{
 font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats
{
 font-size: 0.85em;
 padding: 0;
 margin: 0;
}
.topic_table td.lastpost
{
 font-size: 0.85em;
 line-height: 1.3em;
 padding: 4px;
}
.topic_table td.stickybg2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quick_sticky.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.lockedbg2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quick_lock.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.locked_sticky2
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/quick_sticky_lock.gif);
 background-repeat: no-repeat;
 background-position: 98% 4px;
}
.topic_table td.lastpost
{
 background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error
{
 width: 80%;
 margin: auto;
}

.errorbox
{
 padding: 1em;
 border: 1px solid #cc3344;
color: #000;
 background-color: #ffe4e9;
 margin-bottom: 1em;
}
.errorbox h3
{
 padding: 0;
 margin: 0;
 font-size: 1.1em;
 text-decoration: underline;
}
.errorbox p
{
 margin: 1em 0 0 0;
}
.errorbox p.alert
{
 padding: 0;
 margin: 0;
 float: left;
 width: 1em;
 font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl
{
 overflow: auto;
 margin: 0;
 padding: 0;
}

/* The basic user info on the left */
#basicinfo
{
 width: 20%;
 float: left;
}
#basicinfo .windowbg .content
{
 padding-left: 20px;
}
#detailedinfo
{
 width: 79.5%;
 float: right;
}
#basicinfo h4
{
 font-size: 135%;
 font-weight: 100;
 line-height: 105%;
 white-space: pre-wrap;
 overflow: hidden;
}
#basicinfo h4 span.position
{
 font-size: 80%;
 font-weight: 100;
 display: block;
}
#basicinfo img.avatar
{
 display: block;
 margin: 10px 0 0 0;
}
#basicinfo ul
{
 list-style-type: none;
 margin: 10px 0 0 0;
}
#basicinfo ul li
{
 display: block;
 float: left;
 margin-right: 5px;
 height: 20px;
}
#basicinfo span#userstatus
{
 display: block;
 clear: both;
}
#basicinfo span#userstatus img
{
 vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl
{
 clear: right;
 overflow: auto;
 margin: 0 0 18px 0;
 padding: 0 0 15px 0;
 border-bottom: 1px #ccc solid;
}
#detailedinfo div.content dt, #tracking div.content dt
{
 width: 35%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#detailedinfo div.content dd, #tracking div.content dd
{
 width: 65%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}
#detailedinfo div.content dl.noborder
{
 border-bottom: 0;
}
#detailedinfo div.content dt.clear
{
 width: 100%;
}
.signature, .custom_fields_above_signature
{
 border-top: 1px #ccc solid;
}
.signature h5
{
 font-size: 0.85em;
 margin-bottom: 10px;
}
#personal_picture
{
 display: block;
 margin-bottom: 0.3em;
}
#avatar_server_stored div
#avatar_server_stored div
{
float: left;
}
#avatar_upload
{
overflow: auto;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo
{
 width: 100%;
}
#main_admsection #basicinfo h4
{
 float: left;
 width: 35%;
}
#main_admsection #basicinfo img.avatar
{
 float: right;
 vertical-align: top;
}
#main_admsection #basicinfo ul
{
 clear: left;
}
#main_admsection #basicinfo span#userstatus
{
 clear: left;
}
#main_admsection #basicinfo p#infolinks
{
 display: none;
 clear: both;
}
#main_admsection #basicinfo .botslice
{
 clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success
{
 margin: 0 0 1em 0;
 padding: 1em 2em;
 border: 1px solid;
}
div#profile_error
{
 border-color: red;
 color: red;
 background: #fee;
}

div#profile_error span
{
 text-decoration: underline;
}

div#profile_success
{
 border-color: green;
 color: green;
 background: #efe;
}

/* Profile statistics */
#generalstats div.content dt
{
 width: 50%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#generalstats div.content dd
{
 width: 50%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}

/* Activity by time */
#activitytime
{
 margin: 6px 0;
}
.activity_stats
{
 margin: 0;
 padding: 0;
 list-style: none;
}
.activity_stats li
{
 margin: 0;
 padding: 0;
 width: 4.16%;
 float: left;
}
.activity_stats li span
{
 display: block;
 border: solid #000;
 border-width: 1px 1px 0 0;
 text-align: center;
}
.activity_stats li.last span
{
 border-right: none;
}
.activity_stats li div.bar
{
 margin: 0 auto;
 width: 15px;
}
.activity_stats li div.bar div
{
 background: #6294CE;
}
.activity_stats li div.bar span
{
 position: absolute;
 top: -1000em;
 left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts
{
 width: 49.5%;
 float: left;
}
#popularactivity
{
 width: 49.5%;
 float: right;
}

#popularposts div.content dt, #popularactivity div.content dt
{
 width: 65%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
 font-weight: bold;
 clear: both;
}
#popularposts div.content dd, #popularactivity div.content dd
{
 width: 35%;
 float: left;
 margin: 0 0 3px 0;
 padding: 0;
}

.profile_pie
{
 background-image: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/stats_pie.png);
 float: left;
 height: 20px;
 width: 20px;
 margin: 0 1em 0 0;
 padding: 0;
 text-indent: -1000em;
}

/* View posts */
.topic .time
{
 float: right;
}

.counter
{
 margin: 0 0 0 0;
 padding: 0.2em 0.5em 0.1em 0.2em;
 font-size: 2.2em;
 font-weight: bold;
 color: #525252;
 float: left;
}
.list_posts
{
 border-top: 2px solid #b3b3bf;
 padding-top: 12px;
 margin-top: 6px;
overflow: auto;
}

.core_posts
{
 margin-bottom: 3px;
}

.topic h4
{
 margin: 3px 0;
}

.topic .post
{
 margin: 0 1em;
 min-height: 80px;
 height: auto !important;
 height: 80px;
}

.topic .mod_icons
{
 text-align: right;
 margin-right: 1em;
}

#tracking div.content dl
{
 border-bottom: 0;
 margin: 0;
 padding: 0;
}

#creator dl
{
 margin: 0;
}
#creator dt
{
width: 40%;
float: left;
clear: both;
margin: 0 0 10px 0;
}
#creator dd
{
float: right;
width: 55%;
margin: 0 0 10px 2px;
overflow: auto;
}

.ignoreboards
{
margin: 0 2%;
padding: 0;
width: 45%;

}
.ignoreboards a
{

font-weight: bold;
border-bottom: 1px solid #c4c4c4;
padding: 0.1em 0;
}
.ignoreboards a:hover
{
text-decoration: none;
border-bottom: 1px solid #334466;
}
.ignoreboards ul
{

margin: 0;
padding: 0;
}
.ignoreboards li
{
 list-style: none;
 float: left;
 clear: both;
}
.ignoreboards li.category
{
margin: 0.7em 0 0 0;
width: 100%;
}
.ignoreboards li ul
{
margin: 0.2em 0 0 0;
}
.ignoreboards li.category ul li.board
{
width: 93%;
}

#theme_settings
{
 overflow: auto;
 margin: 0;
 padding: 0;
}

#theme_settings li
{
 list-style: none;
 margin: 10px 0;
 padding: 0;
}
/*Paid Subscriptions*/
#paid_subscription
{
 width: 100%;
}
#paid_subscription dl.settings
{
 margin-bottom: 0;
}
#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
 margin-bottom: 4px;
}
/* Pick theme */
#pick_theme
{
width: 100%;
float: left;
}
/*Issue a warning*/
#warn_body{
width: 80%;
font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
 padding: 0.5em 0;
}
#statistics div.title_bar
{
 margin: 4px 0 -2px 0;
}
#statistics h3.catbg
{
 text-align: center;
}
#statistics div.content
{
 min-height: 210px;
}
#statistics div.top_row
{
 min-height: 150px;
}
#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
 float: left;
 width: 49.5%;
}
#stats_right, #top_boards, #top_topics_views, #most_online
{
 float: right;
 width: 49.5%;
}
dl.stats
{
 clear: both;
 overflow: hidden;
 margin: 0;
 padding: 0;
}
dl.stats dt
{
 width: 49%;
 float: left;
 margin: 0 0 4px 0;
 line-height: 16px;
 padding: 0;
 clear: both;
 font-size: 1em;
}
dl.stats dd
{
 text-align: right;
 width: 50%;
 font-size: 1em;
 float: right;
 margin: 0 0 4px 0;
 line-height: 16px;
 padding: 0;
}
.statsbar div.bar
{
 float: left;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/bar_stats.png) no-repeat;
 display: block;
 margin: 0 4px;
 height: 16px;
}
.statsbar div.bar div
{
 position: relative;
 right: -4px;
 padding: 0 4px 0 0;
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/bar_stats.png) no-repeat 100%;
height: 16px;
}
tr.windowbg2 th.stats_month
{
width: 25%;
padding: 0 2em;
text-align: left;
}
tr.windowbg2 td.stats_day
{
padding: 0 3.5em;
text-align: left;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
 float: left;
}
#personal_messages h3 span#author
{
 margin: 0 0 0 0.5em;
}
#personal_messages h3 span#topic_title
{
 margin: 0 0 0 9em;
}
#personal_messages div.labels
{
 padding: 0 1em 0 0;
}
#personal_messages .capacity_bar
{
 background: #f0f4f7;
 display: block;
 margin: 0.5em 0 0 1em;
 height: 1em;
 border: 1px solid #adadad;
 width: 10em;
}
#personal_messages .capacity_bar span
{
 border-right: 1px solid #adadad;
 display: block;
 height: 1em;
}
#personal_messages .capacity_bar span.empty
{
 background: #a6d69d;
}
#personal_messages .capacity_bar span.filled
{
 background: #eea800;
}
#personal_messages .capacity_bar span.full
{
 background: #f10909;
}
#personal_messages .reportlinks
{
 padding: 0.5em 1.3em;
}
#searchLabelsExpand li
{
padding: 0.3em 0.5em;
}
#manrules div.righttext
{
padding: 0.3em 0.1em;
}
dl.addrules dt.floatleft
{
width: 15em;
color: #333;
padding: 0 1.25em 0.5em 1.25em;
}
#addrule fieldset
{
clear: both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
 margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today
{
 background: url(http://s148.photobucket.com/albums/s20/smfstyles/dm/main_block.png) -20px -297px no-repeat;

}

#month_grid
{
width: 200px;
text-align: center;
float: left;
}
#month_grid div.cat_bar
{
height: 25px;
}
#month_grid h3.catbg
{
height: 25px;
line-height: 27px;

}
#month_grid table
{
 width: 200px;
}
#main_grid table
{
 width: 100%;
 padding-bottom: 4px;
}
#main_grid table h3.catbg
{
 text-align: center;
 height: 29px;
 border-top: 2px solid #171717;
 border-bottom: none;
}
#main_grid table.weeklist td.windowbg
{
 text-align: center;
 height: 49px;
 width: 25px;
 font-size: large;
 padding: 0 7px;
 border-bottom: 2px solid #171717;
}
#main_grid table.weeklist td.weekdays
{
 height: 49px;
 width: 100%;
 padding: 4px;
 text-align: left;
 vertical-align: middle;
 border-bottom: 2px solid #171717;
}
#main_grid h3.weekly
{
 text-align: center;
 padding-left: 0;
 font-size: large;
 height: 29px;
}
#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
 display: block;
 font-weight: bold;
}
#main_grid table th.days
{
 width: 14%;
 padding: 4px 0;
}
#main_grid table.weeklist h4.titlebg
{
margin: 0 0 0 0;
height: 23px;
line-height: 27px;
}
#main_grid table td.weeks
{
 vertical-align: middle;
 text-align: center;
 font-weight: bold;
 font-size: large;
}
#main_grid table td.days
{
 vertical-align: top;
 text-align: center;
}

a.modify_event
{
 color: #FF0000;
}

span.hidelink
{
 font-style: italic;
}

#calendar_navigation
{
 text-align: center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
 margin: auto;
 width: 500px;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
 padding: 0.5em;
 margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
 text-align: center !important;
 margin: 0;
}
#search_error
{
 font-style: italic;
 padding: 0.3em 1em;
}
#search_term_input
{
 font-size: 115%;
 margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
 text-align: left;
 padding: 0;
 border: none;
}
#advanced_search dl#search_options
{
 margin: 0 auto;
 width: 600px;
 padding-top: 1em;
 overflow: hidden;
}
#advanced_search dt
{
 clear: both;
 float: left;
 padding: 0.2em;
 text-align: right;
 width: 20%;
}
#advanced_search dd
{
 width: 75%;
 float: left;
 padding: 0.2em;
 margin: 0 0 0 0.5em;
 text-align: left;
}
#searchform p.clear
{
 clear: both;
}

/* Styles for the search results page.
------------------------------------------------- */

.topic_table td blockquote, .topic_table td .quoteheader
{
 margin: 0.5em;
}
.search_results_posts
{
 overflow: hidden;
}
.search_results_posts .buttons
{
 padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container
{
margin: 4px 0 0 0;
padding: 0 0 8px 0;
}
#helpmain
{
padding: 0 1em;
}

#helpmain p
{
margin: 0 0 1.5em 0;
line-height: 1.5em;
}
#helpmain ul
{
line-height: 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print
{
#headerarea
{
display: none;
}

.tborder
{
border: none;
}
}

12
Bugs / Unable to post in the Style Board
« on: August 19, 2010, 03:38:56 am »
Heya
 
Im trying to post a stylesheet in the Style Support board here and its not letting me create the post.
I save it and get a blank white page with "done" in my browsers status bar.  The post doesnt post though.  Have tried 3 times so far.

13
Create A Forum Discussion / Core Features - Arcade image missing
« on: August 03, 2010, 08:44:13 am »
Heya
I noticed that the following image is missing in Core Features in Admin
/Themes/default/images/admin/feature_arcade.png
 
I have one if you want to use it.. attached image

14
Guides and Tutorials / How to Put a Shoutbox on your Forum
« on: January 08, 2010, 02:05:36 am »
You will need to sign up for a shoutbox/chatbox someplace and get the code.

Here is a list of chat/shout boxes:

www.cbox.ws
www.yellbox.com
www.myshoutbox.com
www.shoutmix.com
www.shoutbox.us
www.tag-board.com
www.tagboards.tk
www.tagboardsite.com/
www.xat.com/
http://chatango.com/

Decide where you want the Shoutbox to be on your forum.

In your Header or Footer:
Admin > Style Manager > Edit Header/Footer

In a board description:
Create a board for the shoutbox, paste the shoutbox code in the boards description area. Its nice to do it this way as you can limit who can see it by the boards permissions.

In a Portal block:
Make an html block and put the code in there.

15
To set a Member as a BOARD Moderator

Admin > Boards


Go to the Board you want them to modify

Click the Modify link

Scroll down, Look for Moderators

Type the name of the member whom you want to Moderate that board, or click the exclamation mark there and you can search for their name.


To set a Member as Administrator or Global Moderator

Go to the Members Profile > Account Settings
Change their "Primary Membergroup" to the appropriate membergroup.

If you want to Promote them to Administrator or Global Moderator privately (so it does not show that they are in their Profile or posts)  click the Show Additional Groups link and choose the group there instead.

Pages: [1] 2