/* The DSG Yuku forum skin V3.0 Fixed width
Design by Sean Noonan with assistance from the members of Yuku's Skins forum */


/* Width set to 940px for 1024 and wider screens, use screen resolution class for 800 wide screens */


/*--------------------------------------------------------------------------------------------------------------------*/


/* BASIC SETTINGS FOR THE WHOLE FORUM */


/* This resets white space globally before starting, to clear any browser defaults */

* {margin: 0; padding: 0;}


/* Remove borders from control box and jump box and remove padding from jump box globally */

.control-box, .control-box .onionskin1, .control-box .onionskin2, .control-box .onionskin3, .control-box .boxbody
	{border: none;}

.jump-box, .jump-box .onionskin1, .jump-box .onionskin2, .jump-box .onionskin3, .jump-box .boxbody
	{border: none;}

.jump-box .boxbody
	{padding: 0;}
	
	
/* Remove borders and padding from headers globally*/	

h1, h2, h3, h4
	{margin: 0; padding: 0;}


/* Hide the Kudos column */

html > body .kudos
	{display: none;} /* for standards compliant browsers*/

* html > body col.kudos
	{display: none;} /* for IE7 */

* html col.kudos
	{display: none;} /* for IE6 */


/* Hide the tags box and the kudos button in each thread */

.tags-box, .post-tags, .kudos
	{display: none; }


/* This removes the invite friends button, which I think is unecessary in a DSG context */

.invite {display: none; }


/* Set the basic text style and colour. Verdana for Win, Helvetica for Mac, Arial and Trebuchet to fall back on*/

body, td, th 
	{font-family: Verdana, Helvetica, Arial, "Trebuchet MS",  sans-serif;
	color: #2b2b2b;}


/* Set default text size and put in 'star html' hack for IE to prevent excessive text resizing in IE6 and lower */

body {font-size: 12px;}

* html body, *body {font-size: 72%;}


/* Set body background colour as mid-grey*/

body {background: #d9d9dc;}


/* Set heading sizes relative to normal text size */

h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em}
h4 {font-size: 1em;}


/* Set standard paragraph font size to be same as default set above. Maybe unnecessary? */

p {font-size: 1em;}


/* Set up link colours and behaviour and remove blue border from linked images (e.g. thumbnails). */

a:link {color: #2b2b2b; text-decoration: none;}

a:visited {color: #2b2b2b; text-decoration: none;}

a:hover {color: #000000; text-decoration: underline;}

a:active {color: #000000; text-decoration: none;}

a img {border-style: none;}


/* The wrapper is the next div inside the body and constrains the content area.
To make it fixed, set a width in pixels. 'Margin: auto;' centres it in its parent.
Set wrapper colour to off-white to match the website. */

#wrapper
	{margin:auto;
	margin-top: 2em;
	width: 940px;
	background: #fefefe;}
	

/* Set a narrower wrapper for 800 wide screens */	
	
.res-800-600 #wrapper {width: 780px;}


/* Set general widths and padding for all the boxes */

.boxheading, .boxbody {margin: auto; width: 90%;}


/* END OF BASIC SETTINGS */


/*--------------------------------------------------------------------------------------------------------------------*/


/* STYLING FOR THE CUSTOM HEADER AND FOOTER */

/* The next section styles the html in the custom header and footer, to match the website.
The HTML for this is in the custom header and footer section in 'customised skins'. This is not standard Yuku. */

/* Set up the two divs that form the header */

.logo 
	{float: left;
	padding-left: 5%;}

.logo img 
	{border-style: none;
	padding-top: 2em;
	padding-bottom: 1.5em;}

.title
	{float: right;
	padding-top: 42px;
	padding-right: 5%;
	text-align: right;
	font-style: italic;}

.title h1
	{font-size: 2em;
	font-weight: bold;}

.title h3
	{font-size: 1.2em;
	padding-top: 0.1em;
	padding-bottom: 1.5em;
	padding-right: 0.2em;
	color: #9e1623;}


/* Set up the top navigation bar */

/* Clear the floats first */

.navbar
 	{clear: both;}


/* Then set up the UL so it spans the wrapper, with a background and white space below */

.navbar ul
	{float: left;
	width: 100%;
	margin-bottom: 2.3em;
	background: #0b0b0b url(http://i117.photobucket.com/albums/o50/Droopsnootgroup/Web%20graphics/CSS/Navbar30_2.gif) repeat-x;}


/* Make the list elements display inline without bullets */

.navbar li
	{list-style-type: none;
	display: inline;}


/* Then set up the buttons. Change of font because Arial looks better for the buttons.
Line height centers the text vertically. No text decoration removes the usual underline for the links */

.navbar li a
	{float: left;
	width: 12.3%;
	background: #0b0b0b url(http://i117.photobucket.com/albums/o50/Droopsnootgroup/Web%20graphics/CSS/Navbar30_2.gif) repeat-x;
	text-align: center;
	line-height: 2em;
	font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
	color: #ffffff;
	font-size: 1.2em;
	text-decoration: none;
	border-left: 1px solid #fefefe;}

/* Make the button text display white in all circumstances so it's clear */

.navbar li a:link, .navbar li a:hover, .navbar li a:active, .navbar li a:visited {color: #ffffff;}


/* Give the buttons a darker background on hover and activation to show they do something */

.navbar li a:hover, .navbar li a:active 
	{background: #0b0b0b url(http://i117.photobucket.com/albums/o50/Droopsnootgroup/Web%20graphics/CSS/Navbar30dark.gif) repeat-x;
	text-decoration: none;}

/* Remove the left border from the first button so it looks correctly positioned */

#cars
	{border: none;}


/* Give the current button a red background to show users where they are */

.navbar ul .thispage a
	{background: #ff0000 url(http://i117.photobucket.com/albums/o50/Droopsnootgroup/Web%20graphics/CSS/Navbar_red.gif) repeat-x;}


/* Do the same for the bottom navigation bar as the top */

.footer
	{clear: both;}


.footer ul
	{float: left;
	width: 100%;
	background: #fefefe url(http://i117.photobucket.com/albums/o50/Droopsnootgroup/Web%20graphics/CSS/Footer1.png) repeat-x;
	border-top: 1px solid #f0f0f5;
	border-bottom: 1.5em solid #d9d9dc;}


.footer li
	{list-style-type: none;
	display: inline;}


.footer li a
	{float: left;
	width: 14%;
	background: #fefefe url(http://i117.photobucket.com/albums/o50/Droopsnootgroup/Web%20graphics/CSS/Footer1.png) repeat-x;
	text-align: center;
	text-decoration: none;
	line-height: 2.2em;
	font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
	color: #303030;
	font-size: 1em;
	border-left: 1px solid #fefefe;}


.footer li a:hover, .footer li a:active
	{background: url(http://i117.photobucket.com/albums/o50/Droopsnootgroup/Web%20graphics/CSS/Footer1dark.png) repeat-x;
	text-decoration: none;}


#members
	{border: none;}



/* END OF WEBSITE HEADER AND FOOTER STYLING */


/*--------------------------------------------------------------------------------------------------------------------*/


/* BOARD MAIN PAGE AND SOME FORUM PAGE (the next page down, with the list of topic titles) STYLING */


/* General tool-box layout.
The toolbox is the box at the top of the page which contains the forum title, search, email and RSS feeds etc.
It repeats on the forum page. */


/* First pad the body of the toolbox out to space it off the search form and button, and set a margin. */

.tool-box .boxbody
	{margin-top: 0.5em;
	padding: 0.8em 0 0.4em 0;}
	

/* Remove the contributions button because we don't need it. */
	
.tool-box .contribute {display: none;}


/* The toolbox on the forum page behaves slightly differently.
Use the ID forum-view to target the toolbox on the forum page only.
Give it a bit more margin and padding and a grey bottom border */

#forum_view .tool-box .boxbody
	{margin-top: 0.5em;
	padding: 1em 0 1.4em 0;
	border-bottom: 1px solid #d9d9dc;}


/* In IE7 the toolbox wants to sit right on the navigation bar.
Hack for IE7 to give the tool box some space off the navigation bar. */

*:first-child+html .tool-box
	{margin-top: 2.3em;}


/* This next section sets up the appearance of the search box and search results */

#search.text, #search-input.text
	{width: 25%;
	height: 1.3em;
	border: 1px solid #d9d9dc;}

#search_form select {border: 1px solid #d9d9dc;}

.results-box h2, .results-box p {padding: 0.5em 0 0.5em 0;}

#search_text .firstcol {padding: 0.8em 2em 0.8em 0;}

#search_text .lastcol {padding: 0.8em 0 0.8em 2em;}

#search_text tbody {border-top: 1px solid #d9d9dc;}

#search_text td a {font-weight: bold;}

#search_text .control-box.top {display: none;}

#search_text th.forum-title {text-align: left;}


/* The announcement box is the container at the top for community announcements, when one is posted */

/* Set the width, centre it, put a bit of space round it and set a grey top and bottom border.
Centre the text and give it a bit more white space. */

.announcement-box .boxbody
	{width: 90%;
	padding: 0.8em 0;
	margin: 0 auto 0.8em auto;
	border-top: 1px solid #d9d9dc;
	border-bottom: 1px solid #d9d9dc;
	text-align: center;
  line-height: 1.6;}
  
  
/* Give any image in the announcement box a margin */

/*.announcement-box img {margin: 20px;}*/


/* Give the announcement box links more weight so they stand out */

.announcement-box a {font-weight: bold;}


/* Pad the paragraphs so they're not on top of each other */

/*.announcement-box p
	{padding: 0.8em;}*/


/* Control boxes contain the forum and topic control buttons and are available on all pages.
Pad them to give a bit of white space. */

.control-box.top {padding: 1em 0;}

.control-box.bottom {padding-top: 1em;}


/* The 'Mark All Read' and 'Bookmarks' buttons at the top of the main page cause the appearance of a control box.
Remove the padding from this one to avoid excess white space above the first category box*/

#directory_default .control-box.top {display: none;}


/* The category boxes are the boxes on the main page which contain the forum titles and descriptions etc.
They're made of tables, with the table headers containing the captions and the table cells containing the information. The cells are further defined by the column names and individual cell names. */


/* First, remove the caption cells (th = table headers) */

.category-box th
	{display: none;}


/* Remove the columns showing number of posts, number of topics and latest post */

.category-box .posts, .category-box .topics, .category-box .latest
	{display: none;}


/* Pad out the forum titles a bit to create white space */

.forumtitle h3
	{padding-bottom: 0.3em;}

.category-box .forumtitle
	{padding-bottom: 1.5em;}


/* Give the box bodies a bit of extra padding and a grey bottom border */

.category-box .boxbody
	{padding-bottom: 0.5em;
	border-bottom: 1px solid #d9d9dc;}
	

/* Centre and width for the category boxes when they're collapsed, as for some reason they don't respond to the global setting */

.category-box.collapsed
        {margin: auto;
        width: 90%;}


/* Give some of the table cells some padding so the content isn't right up against the walls */

.category-box td.firstcol, td.forumtitle, .category-box td.lastcol
	{padding: .6em;}


/* Remove the poster name from the last column for tidiness.
Only needed when those columns show, so commented out here */

/*.category-box .user-name, .category-box .post-title
 {display: none;}*/
 
 
/* Remove the subforum titles from the main page to keep things clean */

.category-box .subforums {display: none;}


/* Set a top and bottom margin round the main headers for each group of forums to create white space */

.category-box h2
	{padding: 1.2em 0 0.6em 0;}


#dir-10 .forumtitle h3, #dir-10 .icon {display: none;}


/* Set padding round the forum description text to create white space */

.description {padding: 0.1em 0;}


/* Reduce the size of the moderator names so they don't dominate. 0.85em = 85% of default font size set above. */

.moderator-list { font-size: 0.85em;}


/* Hide the title for the members' forums announcement as it's a link we don't want, make the links in the text clear, space the lines out a bit and hide the icons. */


#dir-12 h3, #dir-12 .icon {display: none;}

#dir-12 a {font-weight: 600;}

#dir-12 {line-height: 1.4em;}


/* Stats-box, legend-box, rules-box, tags-box are the boxes at the bottom of the page.
Stats holds the forum statistics, legend is the key to the icons, rules is what you can do in the various forums. Rules doesn't show on the front page. No CSS for the tags box as we removed it in the CSS above. */


/* Pad all the headings out a bit */

.stats-box .boxheading, .legend-box .boxheading, .rules-box .boxheading
	{padding: 0.3em;}


/* Pad out the stats box content a bit so it doesn't look so crammed.
'p' is any text paragraphs, ul is the stats list and li are the elements of the stats list.
Daily stats li is the second column, about what's happened today. */

.stats-box p
	{padding-top: 0.8em;}

.stats-box ul
	{margin-top: 1em;}

.stats-box li
	{padding: 0.1em;}

.daily-stats li
	{margin-right: 4em;}
	
	
/* Remove the underline from the stats box links. */	

.stats-box a
	{text-decoration: none;}
	
	
/* Make the font size in the stats box etc. a bit smaller than default to drop it back a bit. */	

 .visitors, .users-online, .stats-box h2, .community-stats, .domain-time
	{font-size: 0.9em;}
 
.visitors, .users-online, .stats-box
	{font-size: 0.9em;}

.calendar-stats {font-size: 1em; margin-top: 1.5em; border-top: 1px solid #d9d9dc; border-bottom: 1px solid #d9d9dc;}

/* Set padding for the legend box heading and put a grey border above to separate it. */

.legend-box .boxheading
	{padding: 1em 0;
	border-top: 1px solid #d9d9dc;}


/* Set bottom padding for the legend box to set white space below it. */

.legend-box .boxbody {padding-bottom: 1em;}


/* Remove the display of members' birthdays. */

a.birthday {display: none;}

/*emphasise the calendar etc. links*/

.info-links a {font-weight: bold;}


/* END OF MAIN PAGE STYLING */


/*--------------------------------------------------------------------------------------------------------------------*/


/* FORUM PAGE AND SOME TOPIC PAGE STYLING */


/* Hide the forum box header. */

.forum-box h2
	{display: none;}


/* Make the font a touch smaller than default. */

.forum-box th
	{/*padding-bottom: 1em;*/
	font-size: 0.9em;}


/* The forum box, containing the topic titles, is again a table as with the main page.
Pad the table cells a but and give them a grey bottom border. */

.forum-box td, .forum-box th
	{padding: 0.8em 0; border-bottom: 1px solid #d9d9dc;}


/* Pad the LH side of the titles to space them away from the icons. */

.forum-box .topic-titles
	{padding: 0 0 0 2%;}

#forum_view td.forumtitle {padding: 1% 2%; line-height: 1.6;}

.forum-box td.author {padding-left: 2%;}

.forum-box .topic-pager {white-space: nowrap;}

/* Remove the hot topic icons. */

li.icon-hot-unread, li.icon-hot-read
	{display: none;}


/* Reduce the font size on the latest reply to drop it back a bit and tidy things up. */

td.latest
	{font-size: 0.85em;}


/* Reposition the sticky topic titles a bit to tidy things up. */

.row-sticky .topic-titles a, .row-sticky span.topic-pager
	{margin-left: 1%; position: relative; top: -0.5em;}
	
	
/* Clear margin of pager and place it. */	

.row-sticky span.topic-pager a {margin: 0; top: 0;}


/* Breadcrumbs are the row of links at the top of the forum and topic pages that tell you your navigation.
Set the breadcrumb box width, give it a two line top and bottom margin and centre it. */

.breadcrumb-box
	{width: 87%; margin: 2em auto;}
	
	
/* Set up some spacing and a grey border round the email and RSS feeds and remove the underline from the links. */

.breadcrumb-box .subscription-links a
	{padding: 0.2em; border: 1px solid #d9d9dc; text-decoration: none;}

.breadcrumb-box .subscription-links .email
	{margin-top: 1.2em;}


/* Buttons above and below the posts, and at forum level */

.dropdown p.button, .control-box a.button, .forum-controls a.button
	{text-decoration: none;
	padding: 0.2em;
	border: 1px solid #d9d9dc;}


/*  END OF FORUM STYLING */


/*--------------------------------------------------------------------------------------------------------------------*/


/* STYLE THE THREADS AND POSTS */


/* Give all the headings a bit of padding (to align everything) and a bottom border (to separate). */

.discussion-box th
	{padding-left: 1.5em;
	border-bottom: 1px solid #d9d9dc;}

.community-content.discussion-box .boxheading h2 {margin-bottom: 2em;}

/* Set padding round the false table headers at the top of each post to create space. */

td.th
	{padding-top: 2em;}


/* Give the subject title left padding to align. */

.discussion-box .post-subject
	{padding-left: 1.5em;}


/*set a background for the actual content of the post and the info about the poster, 
and space the content off the sides of the box. */

td.post-content
	{padding: 1.5em 0 1.5em 1.5em;
	border-left: 1px solid #d9d9dc;
	line-height: 1.5em;}

/* space the question lines in polls out */

.poll-body p, .poll-body h3 {line-height: 2.5;}

/* Give the links in the posts a weight so they stand out. */

td.post-content a
	{font-weight: bold; text-decoration: underline;}


/* Set a maximum width for images for standards-compliant browsers. IE doesn't obey so is done by Javascript. */

.post-body img {max-width: 640px;}

/* Limit the width of the scrolling div to prevent overflow breaking out */

#wrapper .discussion-box .scrolling {width: 650px;}

.res-800-600 #wrapper .scrolling {width: 450px;}


/* This is supposed to make IE7 behave with wide content in the posts, but I don't think it works. */

.post-body {overflow: auto;}


/* Pad the box containing the poster's stats and avatar to create space. */

td.poster-detail
	{padding: 1.5em 0 1.5em 1.5em;}


/* Pad the poster's stats, title etc. out to tidy things up a bit. */

td.poster-detail p
	{font-size: 0.8em;
	padding: 0.1em;}


/* Pad the box round the edit and reply buttons and set grey borders. */

td.post-tools
	{padding 1.5em;
	border-bottom: 1px solid #d9d9dc;
	border-left: 1px solid #d9d9dc;}

.post-tools a
	{text-decoration: none;
	padding: 0.2em;
	border: 1px solid #d9d9dc;}


/* Set grey border below the box with the interact tools, under the avatar box, and to the left of the heading
 and post content boxes. */

td.poster-interact
	{border-bottom: 1px solid #d9d9dc;}

th.comment-header, td.post-subject
	{border-left: 1px solid #d9d9dc;}


/* Pad the poster interact button for alignment. */

.poster-interact
	{padding-left: 1.5em;}


/* Restrict the width of the left hand column of the table. */

.poster-name, .poster-detail, td.poster-detail .avatar-block, .poster-name .user-name
	{width: 135px;}
	
	
/* Remove as much space as possible from around the avatar to give maximum space for the post content. */	

.avatar-block
	{padding: 0; margin: 0;}	
	
	
/* Allow a long user name to wrap if there's a space in it. */	

.user-name a
	{white-space: normal;}
	
	
/* Set the appearance of a quote in a post. */

/* Pad out the whole quote and set its text colour, border and background. */

blockquote
	{padding: 5px; 
	border: 1px solid #d9d9dc; 
	background: #f2f2f2; 
	color: #303030;
	margin-bottom: 1em;} 


/* Text colour for "X said:" text for direct quotes */ 

blockquote .quote-title
	{color: #303030;} 


/* Weight, colour and background for the line separating the quote text and title */

blockquote hr
	{height: 1px;
	color: #d9d9dc;
	background: #f2f2f2;} 
	
	
/* Remove the 'last edited by' from the post. */	

.edit-info {display: none;}


/* Hide the topic jump buttons */

	
/*.topic-pagejump
	{display: none;}*/
	
.topic-pagejump a
 	{text-decoration: none;
 	padding: 0.2em;
 	border: 1px solid #d9d9dc;}

a.next-topic 
  {position: relative; top: 0.3em;}
 	
 	
	
/* END OF THREAD AND POST STYLING */


/*--------------------------------------------------------------------------------------------------------------------*/


/* EDITOR STYLING (QUICK REPLY AND WYSIWYG) */	


/* Create white space round the quick reply box heading and give the box itself a border. */

.reply-box .boxheading
	{padding: 0.3em;}

.reply-box textarea
	{border: 1px solid #d9d9dc;}
	
	
/* Clear floats on the quick reply box edit buttons and give them a bit of spacing. */	

.edit-tools
	{clear: both;
	padding-left: 1.5em;}
	

/* Style the buttons around the quick reply box */
	
input.button
	{background: #fefefe;
	border: 1px solid #d9d9dc;}

.bbcode-help a
	{text-decoration: none;
	padding: 0.3em;
	border: 1px solid #d9d9dc;}

.quick-reply-button
	{position: relative;
	top: -1.8em;}
	
	
/* Remove unnecessary buttons and give the tick box a bit of space. */	

.editor-shortcuts
	{display: none;}

.checkbox
	{margin: 0 0.5em;}


/* This section sets up and spaces out the text boxes, buttons etc. around the WYSIWYG editor */

.post-box h3
	{margin: 2em 0 1em 0;}

.post-author
	{margin-bottom: 1em;}

.post-options .checkbox
	{margin-right: 1%;}

#forum_topicreply .post-title
	{display: none;}

#sigs, #identity, #tags, #title
	{border: 1px solid #d9d9dc;}

.post-options
	{margin: 0.8em 0 1.5em 0;}

.new-post-tags
	{margin: 1em 0 0.6em 0;}

.post-options label, .new-post-tags label
	{width: 100px;}

.post-author label, .topic-title label
	{width: 80px;}

.topic-title
	{margin-bottom: 0.8em;}

.post-options .checkbox
	{padding-right; 10%;}




/* END OF EDIT AREA STYLING */


/*--------------------------------------------------------------------------------------------------------------------*/


/* STYLE THE DROP-DOWNS AND PAGER ETC. */



/* This section sets the appearance of the menu that drops down from forum tools, topic tools 
and poster interact buttons */

.dropdown ul, .dropdown li
	{background: #FEFEFE; font-weight: normal; border: 1px solid #d9d9dc;}


/* The next section governs the appearance of the pager, which displays the jump buttons etc.
for multiple page forums and posts */

/*.pager-list
	{position: relative; top: -0.15em;}*/

.pager-list a
	{text-decoration: none;}

.pager-holder
	{padding: 0; background: #fefefe;}

.pager
	{font-size: 10px;
	color: #0b0b0b;
	background: #fefefe;}

.pager a
	{text-decoration: none;}

.pager a:hover, .pager a:active
	{color: #0b0b0b;}


.pager-total
	{border: 1px solid #d9d9dc;
	padding: 2px;
	background: #fefefe;}


.pager-list div
	{border: 1px solid #d9d9dc;
	padding: 2px 3px;
	background: #fefefe;}

.current
	{background: #fefefe;
	color: #0b0b0b;
	background: #fefefe;
  font-size: 12px;
  font-weight: 600;}

.pager input
	{border: 1px solid #d9d9dc;
	background: #fefefe;}



/* END OF MENU STYLING */


/*--------------------------------------------------------------------------------------------------------------------*/


/* STYLE ALL THE ODDS AND ENDS */

/* set the Yuku footer so it matches the rest of the forum */

.mgr-footer
	{color: #303030;
	background: #d9d9dc;
	padding: 5em; margin: 0;}
	
	
/* Style the 'Active Members' pages */

.members-box th {border-bottom: 1px solid #d9d9dc;}

.members-box th.member {border-right: 1px solid #d9d9dc;}

.members-box td {border-bottom: 1px solid #d9d9dc; padding-top: 1.5em;}

.members-box .poster-name {width: 135px; border-right: 1px solid #d9d9dc;}

.members-box .lastpost a {font-weight: bold;}

.members-box h2 {margin-bottom: 1em;}

.members-box .user-name {white-space: normal;}

.members-box .lastpost {padding-left: 5%;}


/* Style the 'Community Profile' page. */


.domain-stats-box h2, .member-stats-box h2 {margin: 2em 0 1.5em 0;}

.domain-stats-box li, .domain-stats-box li a, .member-stats-box li, .member-stats-box li a {line-height: 1.8em;}

.hottest-discussions, .domain-staff-stats  {width: 30%; padding: 0 3% 0 0; margin: 0;}

.domain-statistics, .member-statistics {width: 30%; padding: 0 0 0 3%; margin: 0;}

.popular-discussions, .newest-members {width: 32%;}

.hottest-discussions li, .newest-members li {list-style-type: none;}

.domain-stats-box a, .member-stats-box a {white-space: nowrap;}

.member-stats-box {margin-bottom: 5em;}



/* Style the 'Community Calendar' page. */


/* Style the calendar sidebar */


.calendar-sidebar {width: 20%; margin: 0 1% 2em 3%; border: 1px solid #d9d9dc;}

*html .calendar-sidebar {margin: 1.5em 1% 1.5em 1.6%;}

*:first-child+html .calendar-sidebar {margin: 1.5em 1%  1.5em 3%;}

.calendar-sidebar .boxheading {margin-top: 0.5em;}

.calendar-sidebar h2, .calendar-sidebar hr {margin-bottom: 0.8em;}

.calendar-sidebar select {border: 1px solid #d9d9dc;}

.calendar-sidebar hr, .post-box hr {border-top: 1px solid #d9d9dc; border-left: none;}

.calendar-sidebar label {line-height: 2.5em;}

.calendar-sidebar form select {width: 55%;}


/* Style the main calendar generally */

html>/**/body  .calendar-content .search {width: 95%;}

html>/**/body .calendar-box .boxbody {margin-left: 1%; padding-left: 1px;}

.calendar-content h2 {margin-bottom: 1.5em;}


/* Style the details */

.calendar td {padding: 0.8em 0.3em; border: 1px solid #d9d9dc;}

.calendar-jump {padding-top: 3px;}

.calendar-jump a { border: 1px solid #d9d9dc; padding: 2px;}

.previous-month { margin-top: -3px;}

*:first-child+html .calendar-controls .button {display: inline-block;}

.text {border: 1px solid #d9d9dc; padding: 0.1em;}

th.day {font-size: 0.9em;}

.day {padding-bottom: 0.5em;}


/* Style the new event posting area */

 .calendar-content .post-box select {/*width: 180px; margin: 0.3em 0;*/border: 1px solid #d9d9dc;}

.calendar-content .post-box label {margin-bottom: 0.3em;}

.event-group, .event-start, .event-end, .event-repeat, .event-author {padding-bottom: 0.8em; scrollbar-base-color: #d9d9dc;}

.event-group option, .event-start option, .event-end option, .event-repeat option {padding: 0 2px;}

.event-end br {display: none;}

*html .calendar-content .post-box .boxbody p {padding: 0; margin-top: 0.8em;}

.event-author {margin-top: 1em;}

.event-tags {margin: 0.8em 0;}

.event-tags label {margin-top: 0.1em;}

.event-body {padding-right: 5px; margin-top: 1em;}

.event-title input {margin: 0.4em 0;}

.mgr-error {color: #9e1623; margin-bottom: 1.5em;}


/* Style the event display */

.event-box .author-header {display: none;}

.event-box td {border: none;}

.event-box .th {border-bottom: 1px solid #d9d9dc;}

.event-box th.comment-header {border: none; padding: 0.8em 0;}

.event-box td.poster-detail /*, .avatar-block */ {margin: auto; padding: 0; text-align: center;}

.event-box td.poster-detail p {font-size: 0.8em; padding: 0.1em;}

.event-box td.post-content {padding: 1.5em 0 1.5em 1.5em; border-left: 1px solid #d9d9dc; line-height: 1.5em;}

.event-box td.post-content a {font-weight: bold;}

.event-box td.post-tools {padding: 1.5em; border-left: 1px solid #d9d9dc;}

.event-box .poster-interact, .event-box .post-tools {border-top: 1px solid #d9d9dc; border-bottom: none;}

.event-box .post-tools a {text-decoration: none; padding: 0.2em; border: 1px solid #d9d9dc;}

.event-box td.post-subject {border-left: 1px solid #d9d9dc;}

html>body .event-box .post-title {margin-left: 3%;}

*html .event-box .post-title {padding-left: 2%;}

.event-box .avatar-block {padding-top: 1.6em;}

#wrapper .event-box .scrolling {width: 480px;}

.event-list li a {font-size: 0.8em; padding: 0.4em 0;}