/*  
File:	custom.css
Description:	Custom styles for Thesis
Author:	Adam Banks
*/

/* ADAM things to remember */
/* when setting two classes at once separated by a comma, include .custom before the second item too */
/* don't omit parameters or you might get surprises */
/* IE7 ignores both pos and neg text spacing values below 0.05 */


/* ADAM style up the page */

body.custom { background: #666666 url('images/outerbackground.gif'); line-height: 1em; padding-left: 2em; padding-right: 2em; }

.custom #container { margin-top: 20px; margin-bottom: 2.8em; margin-left: auto; padding: 0 2em 2em 2em; background: #bbbbbb; border: none; width: 77.7em; }

.custom #page { background: #ffffff url('images/pagetop.gif') repeat-x; padding: 0 0 1em 0; margin: 0; border: none; }
	
.custom #content { width: 48.9em; border: none ; padding-left: 1.5em; padding-right: 1.5em; margin-left: 2em; }

.custom #content_box { background: transparent url('images/columnrule.gif') 53.9em repeat-y; border: none; }
	

/* ADAM kludge browsers to display scroll bar at all times so page doesn't jump */

html { margin-bottom: 1px; }


/* ADAM remove the multimedia box from the sidebar (so that custom_functions can add it above the page instead) */

.custom #sidebars #multimedia_box { display:none; }


/* ADAM link styles */
/* -----------------*/

/* ADAM non text links eg sidebar lists */
/* ADAM and use outline: none to defeat Firefox dots on active links */
/* ADAM cos the accessibility issues are outweighed by confusing everybody else */

.custom a { color: #666666; outline: none; }
.custom a:hover { color: #999999; outline: none; }

/* ADAM nice underline style for links within text*/

.custom .format_text a { color: #222222; text-decoration: none; border-bottom: 1px dotted #bbbbbb; outline: none; }
.custom .format_text a:visited { border-bottom: 1px dotted #c990f0; outline: none; }
.custom .format_text a:hover { color: #666666; border-bottom: 1px solid #eeeeee; background: #eeeeee; outline: none; }

/*ADAM but kill this on those redundant text boxes within Thesis image boxes*/
/*ADAM side effect is that it restyles text links within attachment pages*/

.custom .wp-caption a { border: none; background: transparent; }
.custom .wp-caption a:hover { border: none; background: transparent; }
.custom .wp-caption a:visited { border: none; background: transparent; }
.custom .gallery a { border: none; background: transparent; }
.custom .gallery a:hover { border: none; background: transparent; }
.custom .gallery a:visited { border: none; background: transparent; }
.custom .attachment a { border: none; background: transparent; }
.custom .attachment a:hover { border: none; background: transparent; }
.custom .attachment a:visited { border: none; background: transparent; }


/* ADAM style up lists, override default extra space below them */
/* ADAM style-type sets the bullet */
.custom ul, .custom ol { margin-bottom: 0.8em; }
.custom .format_text ul { list-style-type:disc; }


/* ADAM remove default small caps effect on abbreviation classes */
.custom .format_text acronym, .custom .format_text abbr { font-size: 1em; text-transform: none; letter-spacing: 0; }


/* ADAM provide a class for small caps */
.custom .smallcaps { font-size: 0.75em; font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 0.12em; color: #676767; }
.custom .smallcaps a, .custom .format_text .smallcaps a { color: #676767; }

.custom .smallcaps strong, .custom .format_text .smallcaps strong { color: #232323; }
.custom .smallcaps strong a, .custom .format_text .smallcaps strong a  { color: #232323; }

/* ADAM and if an abbreviation occurs within small caps... */
.custom .format_text .smallcaps acronym, .custom .format_text .smallcaps abbr { letter-spacing: 0.08em; }


/* ADAM provide a class for the first x words of an article */
/* ADAM not to be confused with the css first-line pseudo-element */
.custom .firstline { font-size: 0.75em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.12em; color: #101010; }

.custom .firstline a { color: #101010; }
.custom .format_text .firstline a { color: #101010; }

/* ADAM provide a class for some little asterisks between sections */
.custom .format_text .hiatus { font-size: 1.2em; font-weight: normal; letter-spacing: 0.5em; color: #222222; text-align: center; margin: -0.1em 0 0.2em 0;}


/* ADAM provide a class for hanging indents, eg poetry */
.custom .format_text .hanging-para p { margin-left: 1.5em; text-indent: -1.5em; margin-bottom: 0; }

/* ADAM provide a class for superscript text */
.custom superscript { font-size: 67%; vertical-align: super; line-height: 0.67em; }


/* ADAM all your nav are belong to this */
/* ADAM some redundant-looking stuff here is to override Thesis defaults */
/* ------------------------------------ */

/* ADAM tab container bar */
/* ADAM need to set the width explicitly because for some reason the padding screws up the box model */

.custom ul#tabs { font-size: 0.9em; margin: 0; background: transparent; border: none; width: 95.5%; padding-left: 4.5%; height: 2em; padding-bottom: 0.35em; }


/* ADAM defaults for all tabs */
/* -------------------------- */

/* ADAM the Home tab is the only one that has no overrides on these */
/* ADAM paddings and borders are to override Thesis defaults */
/* ADAM NB font size is relative to the setting in Thesis Appearance Options*/

.custom ul#tabs li { background: #be3030; padding: 0; border: none; border-left: 1px solid #bbbbbb; } 
.custom ul#tabs li.page_item { padding-bottom: 0; border: none; border-left: 1px solid #bbbbbb;}
.custom ul#tabs li.cat-item { padding-bottom: 0; border: none; border-left: 1px solid #bbbbbb;}

/* ADAM take care with this padding-top re tab height */

.custom ul#tabs li a { color: #787878; font-weight: bold; padding: 0.5em 1.5em 0.9em 0.1em; margin-top: 0.3em; margin-bottom: 0; background: #bbbbbb; }

.custom ul#tabs li a:hover { color: #be3030; text-decoration: none; margin-bottom: 0; margin-top: 0.3em; background: #bbbbbb; }

/* -------------------------- */


/* ADAM differentiate page, cat and rss tabs */

/* ADAM we set colours by id, which is decided by WordPress's whim */
/* ADAM can set order of pages using Attributes>Order on WP Edit Page screen */

/* ADAM About */
.custom ul#tabs li.page-item-1 { background: #0099cc; }
.custom ul#tabs li.page-item-1 a { background: #bbbbbb; }
.custom ul#tabs li.page-item-1 a:hover { color: #0099cc; }

/* ADAM Portfolio */
.custom ul#tabs li.page-item-2 { background: #0ca808; }
.custom ul#tabs li.page-item-2 a { background: #bbbbbb; }
.custom ul#tabs li.page-item-2 a:hover { color: #0ca808; }

/* ADAM Blogged */
.custom ul#tabs li.cat-item-7 { background: #e57f09; }
.custom ul#tabs li.cat-item-7 a { background: #bbbbbb; }
.custom ul#tabs li.cat-item-7 a:hover { color: #e57f09; }

/* ADAM In print */
.custom ul#tabs li.cat-item-4 { background: #395fe5; }
.custom ul#tabs li.cat-item-4 a { background: #bbbbbb; }
.custom ul#tabs li.cat-item-4 a:hover { color: #395fe5; }

/* ADAM Random (uncategorized) */
.custom ul#tabs li.cat-item-1 { background: #a64dff; }
.custom ul#tabs li.cat-item-1 a { background: #bbbbbb; }
.custom ul#tabs li.cat-item-1 a:hover { color: #a64dff; }


/* ADAM differentiate currently selected tab */

.custom ul#tabs li.current_page_item, ul#tabs li.current-cat { border: none; border-left: 1px solid #bbbbbb; color: #333333; }
.custom ul#tabs li.current_page_item a { color: #333333; }
.custom ul#tabs li.current-cat a { color: #333333; }
.custom ul#tabs li.current_page_item a:hover { color: #787878; }
.custom ul#tabs li.current-cat a:hover { color: #787878;  }

/* ADAM rss tab has the cute rss logo */
/* NB text label of button set in Thesis Options */
/* ADAM set y offset (second parameter) to fit height of tab */

.custom ul#tabs li.rss { padding: 0; float: left; background: #e5cd00; border-right: 1px solid #bbbbbb;}

.custom ul#tabs li.rss a { background: #bbbbbb url('images/icon-rss.gif') 0.1em 0.4em no-repeat; padding-left: 15px; }

.custom ul#tabs li.rss a:hover { color: #f7ef00; background: #bbbbbb url('images/icon-rss-hover.gif') 0.1em 0.4em no-repeat; padding-left: 15px; }



/* ------------------------------------ */


/* ADAM multimedia box tweaks including remove borders */

.custom #multimedia_box { clear: left; float: left; width: 54.0em; margin: 0; }

/* ADAM we'll use position flick to do the mouseover effect */
/* ADAM NB: set position-relative for the container as well as the img */
/* ADAM because otherwise IE7 screws up the trick */

.custom #image_box { padding: 0; margin: 0; background: transparent; border: none; float: left; height: 14.5em; width: 54.0em; position: relative; overflow: hidden; }

.custom #image_box img { width: 54.0em; border: none; padding: 0; }

.custom #image_box img:hover { position: relative; top: -14.5em; }


/* ADAM header graphic */

.custom #header { clear: none; float: left; width: 23.7em; height: 14.5em; background: #bbbbbb url('images/header.gif') left top no-repeat; border: none; margin: 0; padding: 0; position: relative; }


/* ADAM disappear header text */

.custom #header #logo { display: none; }
.custom #header #logo a:hover { display: none; }

.custom #header #tagline { display: none; }


/* ADAM feature box tweaks including remove borders and add background */

.custom #feature_box { clear: both; margin: 0 0 2.8em 0; padding: 0 0 1em 0; background: #f0f0d3; border-bottom: 1px dashed #777777; }

.custom #selection1 { margin-top: 0.9em; padding-left: 1.6em; padding-right: 1.6em; height: 2.2em !important; }
.custom #selection2 { padding-left: 1.6em; padding-right: 1.6em; height: 2.2em !important;}

/* ADAM if we were using images instead of text links... */
/* ADAM we'll use position flick to do the mouseover effect */
/* ADAM NB: set position-relative for the container as well as the img */
/* ADAM because otherwise IE7 screws up the trick */

/* .custom #selectionpic { float: left; padding-right: 0.3em; }
.custom #selectionpic img { border: none; padding: 0; background: transparent; }
.custom #selections { padding-top: 0.4em; }
.custom #selection1 { height: 15px; position: relative; overflow: hidden; }
.custom #selection1 a img { background: transparent; padding: 0; border: none; }
.custom #selection1 a img:hover { position: relative; top: -15px; }
.custom #selection2 { height: 15px; position: relative; overflow: hidden; }
.custom #selection2 a img { background: transparent; padding: 0; border: none; }
.custom #selection2 a img:hover { position: relative; top: -15px; } */


/* ADAM remove default right and left margins, let padding on #content determine spacing*/
/* ADAM add rule below each post, not above as per default, to facilitate spacing */
/* ADAM NB we use entry-content class not post_box for bottom border */

.custom .post_box, .teasers_box { padding-top: 0; padding-bottom: 0.8em; margin-left: 0; margin-right: 0; border-top: none; border-bottom: none; }

.custom .entry-content { border-bottom: 3px solid #cccccc; padding-bottom: 0.5em; margin-bottom: 0.5em; }

/* ADAM set overall text size */
/* ADAM reduce spacing between paragraphs (default 1.47em) */
/* ADAM thus breaking baseline grid, but we don't care */

.custom .format_text { font-size: 1.3em; line-height: 1.6em; color: #222222; }
.custom .format_text p { margin-bottom: 0.8em; } 


/* ADAM nice blockquote style */

.custom blockquote { border-left: 1px dashed #787878; background:url(images/scissorswhite.gif) left top no-repeat; color: #666666; }

.custom .format_text blockquote { margin: 0 0 0.8em 0.15em; padding-left: 18px; }

.custom .format_text blockquote a { color: #666666; }


/* ADAM nice input box style (including search) */

.custom input, .custom textarea { background: #eee ; border: 1px solid #999; color:#444444; font-size: 1em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }


/* ADAM tweak footer */

.custom #footer { border-top: 1px dashed #999999; text-align: right; margin: 1.5em 0.2em 0.2em 0.2em; padding: 0.8em 1.3em 0 1.3em; clear: both; }

.custom #footer p { color: #666666; font-style: italic; font-size: 1em; }

.custom #footer a { color: #666666; text-decoration: none; border: none; }

.custom #footer a:hover { color: #999999; text-decoration: none; }


/* ADAM style up headlines */
/* ----------------------- */
/* ADAM NB basic fonts and sizes are set in Thesis Design Options */
/* ADAM On text spacing, remember IE7 ignores values below 0.05em */
/* ADAM If changing headlines, especially color, set the link style too */

.custom .headline_area { text-align: left; padding-bottom: 0.8em; margin-bottom: 0; }

/* ADAM Use this to make any spacing adjustments to headline throughout */
/* .custom .entry-title { margin-top: 0.5em; } */

.custom #content h1, .custom #content h2 { line-height: 1.1em; color: #606068}

.custom h2, .custom h4 { font-weight: bold; font-style: normal; letter-spacing: -0.05em; word-spacing: -0.05em; padding-bottom: 0; }

.custom h1 { font-weight: bold; font-style: normal; letter-spacing: -0.05em; word-spacing: -0.05em; padding-bottom: 0; }

/* ADAM style up headlines for pages as opposed to posts */
/* ADAM compare this to attachment page headline style */

.custom #page h1 { margin-bottom: 0.2em; }

/* ADAM but don't do this on post titles */

.custom #page h1.entry-title { margin-bottom: 0; }


/* ADAM plus specific styles for named pages */

.portfolio h1, .about h1 { display: none; font-size: 3.5em; font-style: italic; color: #666666; letter-spacing: -0.03em; margin: 0.1em 0 0.2em 0; padding: 0 0 0.1em 0; border-bottom: 1px solid #aaaaaa; }



/* ADAM post headlines on non single pages are links, so would inherit default link style unless we override here */

.custom h2 a { color: #606068; }

.custom h2 a:hover { color: #999999 }
	

/* ----------------------- */

/* ADAM style up category icons that we insert in custom.php */
/* ADAM NB we set a top margin on entry-title to keep headline away from element above */
/* ADAM then set a bottom margin on the icon to close it up to the headline */
/* ADAM also style up the alt text just in case the caticon isn't displayed */

.custom .caticon { margin-right: 0.4em; font-size: 0.85em; font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-style: normal; font-weight: bold; text-transform: uppercase; vertical-align: -0.2em; }

/* ADAM style up byline (below post headline) etc */

.custom .headline_meta { font-size: 1.2em; font-style: italic; color: #666666; letter-spacing: 0.03em; line-height: 1.5em; border-bottom: 1px solid #cccccc; padding-top: 0.5em; padding-bottom: 0.2em; margin-bottom: 0.4em; margin-right: 22em; }

.custom .headline_meta span, .headline_meta abbr { font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-size: 0.85em; font-style: normal; text-transform: uppercase; letter-spacing: 0.1em; margin-left: 0.3em; margin-right: 0.2em; }

.custom .headline_meta a { color: #888888; border: none; }

.custom .headline_meta a:hover { color: #111111; }


/* ADAM style up subheadings */

/*---:[ h3 and h4 sizes are calculated relative to the base font size of the content or sidebar ]:---*/

.custom h3 { color: #444}

.custom .format_text h3 { font-size: 1em; text-align: left; line-height: 1.4em; margin: 0 0 1em 0em; }

/* ADAM style .custom h4 here if needed */

/* ADAM we'll use h5 for attributions in the after-post small print */

.custom h5 { font-size: 0.85em; font-weight: normal; letter-spacing: 0.02em; text-transform: none; color: #666666; padding: 0; margin: 0; }


/* ADAM and h6 for subheadings */

.custom h6 { font-size: 1em; text-transform: none; letter-spacing: 0; line-height: 1.5em; color: #333333; font-weight: bold; padding-top: 0.4em; padding-bottom: 0.4em; }


/* ADAM style up pullquotes with random colour borders */
/* ADAM these are designed to sit at the top of a para */

.custom .quoteleft { background: url('images/quoteslug/rotator.php?seed=1') no-repeat; font-size: 0.9em; line-height: 1.78em; color: #222222; font-style: italic; font-weight: bold; float: left; width: 33%; padding: 1em 0 0 0; margin: 0.7em 1.5em 0.6em 0; text-align: left; }

.custom .quoteleft p { letter-spacing: -0.025em; word-spacing: 0; padding: 0; margin: 0; }

.custom .quoteright { background: url('images/quoteslug/rotator.php?seed=2') no-repeat; font-size: 0.9em; line-height: 1.78em; color: #222222; font-style: italic; font-weight: bold; float: right; width: 33%; padding: 1em 0 0 0; margin: 0.7em 0 0.7em 1.5em; text-align: left; }

.custom .quoteright p { letter-spacing: -0.025em; word-spacing: 0; padding: 0; margin: 0; }


/* ADAM style up post tags list at foot of post */

.custom .format_text .post_tags { font-style: italic; font-size: 0.85em; color: #666666; letter-spacing: 0.03em; line-height: 1.5em; }

.custom .format_text .post_tags a { font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-size: 0.8em; font-style: normal; text-transform: uppercase; letter-spacing: 0.15em; color: #666666}

.custom .format_text .post_tags a:visited { border-bottom: 1px dotted #bbbbbb }


/* ADAM style up comment counter at foot of post (normally on home page only) */
/* ADAM we also tweak this in custom_functions.php */

/* ADAM negative margin-top to close this up to tag listing */
/* ADAM we juggle margin and line-height to normalise IE7 (sigh) */

.custom .format_text .to_comments { margin-top: -0.4em; line-height: 1em; font-size: 0.85em; }

.custom .format_text .to_comments span.bracket { color:#666666; }

.custom .format_text .to_comments a { font-style: italic; letter-spacing: 0.03em; border-bottom: 1px dotted #999999; color:#666666; }

.custom .format_text .to_comments a:hover { text-decoration: none; }

.custom .format_text .to_comments span { font-size: 1em; font-style: italic; line-height: 1em; color: #666666; }

/* ADAM we can't restyle comments_intro at the foot of post pages to match this */
/* ADAM because it isn't unhookable, but it's pretty redundant anyway so we'll hide it */

.custom .comments_intro {display:none;}


/* ADAM remove mystery margins added in Thesis 1.5.7 */

.custom .comments_intro, .custom #respond_intro { margin-top: 0; margin-left: 0; }


/* ADAM style up sidebar(s) */

.custom .sidebar ul.sidebar_list { padding-top: 0; padding-right: 1.5em; padding-bottom: 0; padding-left: 0; margin-right: 2em; }

.custom .sidebar h3 { font-size: 1.5em; color: #333333; font-family: Georgia,"Times New Roman",Times,serif; font-style: normal; font-weight: bold; font-variant: normal; letter-spacing: -0.05em; padding: 0; margin-bottom: 0.5em; }

.custom .sidebar .widget_twitter h3 { margin-bottom: 0.3em; }

.custom .sidebar h3 a { color: #333333; }
.custom .sidebar h3 a:hover { text-decoration: none; color: #777788; }

.custom li.widget { line-height: 1.25em; margin-bottom: 1.5em; }

.custom li.widget ul li { margin-bottom: 0.25em; padding-bottom: 0.33em; border-bottom: 1px dotted #aaaaaa; }

.custom .sidebar a:hover { text-decoration: none; color: #999999; }

.custom li.widget_killer_recent_entries ul li a { background: url('images/bullets/unvisited.gif') no-repeat; background-position: 0 0.5em; padding-left: 0.7em; }

.custom li.widget_killer_recent_entries ul li a:visited { background: url('images/bullets/visited.gif') no-repeat; background-position: 0 0.5em; padding-left: 0.7em; }

.custom li.widget_killer_recent_entries ul li a:hover { background: url('images/bullets/visited.gif') no-repeat; background-position: 0 0.5em; padding-left: 0.7em; }

.custom .sidebar input[type="text"] { font-style: italic; letter-spacing: 0.02em; }

  
/* ADAM style up tag cloud */
/* ADAM don't set line-height here because IE7 screws it up */
/* ADAM the function itself is in wp-includes/category-template.php */
/* ADAM and accepts several parameters but evidently nobody could */
/* ADAM be arsed to write an admin panel for it, so we edit it manually */
/* ADAM and add a line-height style there while we're at it */

.custom #tag_cloud { font-style: italic; }
.custom #tag_cloud a { color: #777777; }
.custom #tag_cloud a:hover { color: #aaaaaa; }
.custom #tag_cloud h3 { margin-bottom: 0.3em; }


/* ADAM if we wanted to highlight visited tags - but we don't */
/* .custom #tag_cloud a:visited { color: #804242; } */



/* ADAM style up Twitter widget */

.twitter-icon { margin: 0 5px -3px 0; }
.custom li.widget .twitter { color: #666666; }


/*ADAM all about pics*/
/*-------------------*/

/*ADAM vertical spacing needs to be different depending on position of image within post*/
/*ADAM so we'll set these classes to suit the defaults for the most likely scenarios*/
/*ADAM and if we step outside these we'll need to remember to set the appropriate class*/
/*ADAM NB: margins set absolute (not ems) to match gallery and caption styles below*/

/*ADAM master default image style, overridden for each element below as required*/
.custom a img { background: #ededed; border: 1px solid #bbbbbb; padding: 2px; }

/*ADAM style images above the headline */
/*ADAM this will include include those inserted using Thesis Post Image */
/*ADAM we can style those discretely using class post_image */

.custom .headline_area img.alignnone { margin: 0 0 1.2em 0; background: #ededed; border: 1px solid #bbbbbb; padding: 2px; }

.custom .headline_area img.center, .custom .headline_area img.aligncenter { margin: 0 auto 1.2em auto; background: #ededed; border: 1px solid #bbbbbb; padding: 2px; }

/*ADAM this is the default for images within the post (using standard WP Insert) */
.custom .format_text img.center, .custom .format_text img.aligncenter { margin: 0 auto 1em auto; background: #ededed; border: 1px solid #bbbbbb; padding: 2px;}

.custom .format_text img.none, .custom .format_text img.alignnone { margin: 0 auto 1em auto; background: #ededed; border: 1px solid #bbbbbb; padding: 2px;}

/*ADAM if we use alignleft (wrap), we're almost certainly placing a small image within the post; we'll leave this unframed for flexibility */
.custom .format_text img.left, .custom .format_text img.alignleft { margin: 3px 0.45em -0.5em 0; background: transparent; border: none; padding: none;}


/*ADAM and the same goes for alignright, though it's unlikely ever to get used */
.custom .format_text img.right, .custom .format_text img.alignright { margin: 0 auto -6px auto; background: #ededed; border: 1px solid #bbbbbb; padding: 2px;}


/*ADAM style up framed images */
/*ADAM NB: applies only to images posted with frame class */
/*ADAM we're framing by default, so we're actually going to set this to lose the border*/

.custom img.frame, .custom .format-text img.frame { background: transparent; border: none; padding: 0; }
.custom .headline_area img.frame { background: transparent; border: none; margin-bottom: 0.25em; padding: 0; }


/*ADAM style the box containing both a single image and its caption*/
/*ADAM NB: we also use a custom function to rewrite the wp gallery shortcode
/*ADAM so as not to make the box 10px wider than the image*/
/*ADAM need to set line-height and font-size to zero, otherwise IE7*/
/*ADAM adds more space after the image than other browsers*/
/*ADAM then need to set everything in pixels, not ems, since ems are zero (sigh)*/

.custom .wp-caption { margin: 0; padding: 0; background: transparent; border: none; }

.custom .wp-caption img { background: #ededed; border: 1px solid #bbbbbb; padding: 2px; margin-top: -0.4em; }

.custom .wp-caption img.frame { background: transparent; border: none; }

.custom .format_text .wp-caption p { text-align: right; margin-top: 0; font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-style: normal; letter-spacing: 0.12em; font-size: 9px; color: #666666; font-weight: normal; text-transform: uppercase; line-height: 1em; border: none; padding: 0;}


/*ADAM style up gallery images and captions*/
/*ADAM in fact we set captions NOT to appear with galleries*/
/*ADAM will need duping for other media if we use them*/
/*ADAM should match img.frame above*/

/*ADAM zero font-size and line-height here prevent break tag at end of each row from adding unwanted vertical space within box*/
/*ADAM negative bottom margin required due to break tag at end of gallery*/
/*ADAM but galleries without captions will need an extra <br/> before post text*/

.custom .gallery { background: #eeeeee; border: 1px solid #ccc; padding: 2px 2px 1px 2px; line-height: 0; font-size: 0; margin-top: 0; margin-bottom: -6px; }

.custom .gallery img { border: none; padding: 1px 1px 2px 1px; background: transparent; }

.custom .gallery-item { margin: -1em 0 0 0; }

.custom .format_text dd { margin-bottom: 0; display: none; }

/*ADAM this governs the style of gallery captions only; set wp-caption-text above to match*/
/*ADAM we must set font-size in pixels, not ems, to override zero font size in .gallery*/

.custom .gallery-caption { display: none;}


/*ADAM provide styles for images in manually created galleries */

.custom .spaced-image { float: left; margin-right: 3px; }
.custom .unspaced-image {float: left; }

.custom .spaced-rollover-19px { float: left; position: relative; overflow: hidden; margin-right: 3px; padding: 0; border: none;}

.custom .spaced-rollover-19px:hover { position: relative; top: -19px; }

.custom .unspaced-rollover-19px { float: left; position: relative; overflow: hidden; padding: 0; border: none; }

.custom .unspaced-rollover-19px:hover { position: relative; top: -19px; }

/*ADAM container must have position-relative to make rollover flick work in IE7 */

.custom .image-table-19px { clear: both; height: 19px; position: relative; overflow: hidden; }


/*-------------------*/


/*ADAM style up text on attachment pages */
.custom .attachment h1 { font-weight: normal; letter-spacing: -0.03em; margin-bottom: 0.3em; }
.custom .attachment .format_text { font-style: italic; }
.custom .attachment .format_text a { border: none; }
.custom .attachment .format_text .entry_content { margin-bottom: 0; }

/*ADAM style up continuation slug on stories broken with more tag */
/*ADAM NB: text label is edited in Thesis Options in WordPress Appearance */
/*ADAM also used for manually inserted continuation links on handcrafted excerpts */

.custom .format_text .more-link { font-size: 0.85em; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; letter-spacing: 0.09em; color: #666666; border-left: 1px solid #aaaaaa; border-bottom: none; margin-left: 0.5em; padding-left: 0.8em; }

.custom .format_text .more-link:hover { border-left: 1px solid #cccccc; border-bottom: none; color: #999999; background: transparent; }

.custom .format_text .more-link:visited { border-bottom: none; }



/* ADAM provide a class for footnotes */
.custom .format_text .footnote { color: #444444; font-size: 0.85em; line-height: 1.5em; background: transparent url(images/footnoteslug.gif) no-repeat scroll 0 0; margin-top: 1.4em; padding-top: 0.6em; margin-bottom: 1.5em; }

/* ADAM and without the line for subsequent footnotes */
.custom .format_text .footnotefollow { font-size: 0.85em; line-height: 1.5em; background: transparent; margin-top: 0; padding-top: 0.6em; margin-bottom: 1.5em; }


/* ADAM style up link back into text from footnote */
/* ADAM this is similar to the more link (above) */
.custom .format_text .footnote-link { font-size: 1em; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-style: italic; letter-spacing: 0.05em; color: #666666; border-left: 1px solid #aaaaaa; border-bottom: none; margin-left: 0.5em; padding-left: 0.7em; }

.custom .format_text .footnote-link:visited { border-bottom: none; }


/*ADAM style up comments display (normally on post pages only)*/
/*ADAM also need to look at predefined text here */
/*ADAM and maybe a nice button graphic... */
/*ADAM main container style is same as above */
/*ADAM and maybe a nice button graphic... */
/*ADAM remember to test both when logged into WordPress and not*/
/*ADAM  this lot is quite the can of worms */
/*------------------------------------------------------------ */

.custom #comments { margin: 0; padding: 0; }

.custom .author_comment { background: transparent; }

.custom dl#comment_list { border-top: 1px solid #cdcdcc; margin-top: 2em; padding-bottom: 2em; color: #666666; font-size: 0.85em; }

.custom dl#comment_list dd { border-bottom: 1px dashed #aaa; padding-top: 0.7em; padding-bottom: 0.25em; }

.custom dl#comment_list dt, dl#comment_list dd { padding: 1em 0 0 0; font-family: verdana, helvetica, arial, trebuchet, sans-serif; }


/*ADAM link style for date permalink after comment author */

dl#comment_list dt a { text-decoration: none; border-bottom: 1px dotted #bbbbbb; outline: none; }

dl#comment_list dt a:hover { text-decoration: none; color: #666666; border-bottom: 1px solid #eee; background: #eee; outline: none; }


/*ADAM this is the subhead that says "Leave a comment" */

.custom #respond { margin: 1.5em 0 0 0; padding: 0; }

.custom #respond p { margin-left: 0.1em; font-size: 1.5em; font-style: italic; font-weight: bold; line-height: 1.5em; }


/*ADAM style up the login alert and defaults for various UI text around the form */

.custom #commentform p { margin-left: 0.1em; font-size: 1.25em; line-height: 1.25em; font-style: italic; padding: 0;}

.custom #commentform p a { color: #111; text-decoration: none; border-bottom: 1px dotted #bbbbbb; outline: none;}

.custom #commentform p a:hover { color: #666666; border-bottom: 1px solid #eee; background: #eee; outline: none;}

.custom .login_alert p { font-style: italic; padding: 0;}


/*ADAM the Name, Email and Website labels on the unlogged-in input form */
/*ADAM text of these is in comments.php and can't easily be hooked out */
/*ADAM labels align neatly with text entry boxes in all but IE7 - d'oh */

.custom #commentform label { font-size: 1em; padding-left:0.733em; }


.custom #commentform p .text_input { font-family: verdana, helvetica, arial, trebuchet, sans-serif; padding: 0; font-size: 1em; padding: 0.5em; }

.custom .format_text .text_input, { font-family: verdana, helvetica, arial, trebuchet, sans-serif; padding: 0; font-size: 1em; padding: 0; } 

.custom #commentform textarea { width: 97%; font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-size: 1em; padding: 0.5em}

/*ADAM the bit under the main text entry area where it tells you what tags you can use */
/*ADAM text of this is in comments.php and can't easily be hooked out */

.custom #commentform p.allowed { background: transparent; border: none; margin-top: 0.7em; padding: 0; width: 100% }

.custom #commentform p.allowed span { color:#666666; font-size: 1em; line-height: 1.5em; }


/*ADAM style up the button and remove bizarre default rollover */
/*ADAM and commented out, the original button style with graphic */
/*ADAM NB: not even outline:none seems to remove the FF dots from this one, gahh */

.custom input.form_submit { background: #aaa; border: none; }

.custom input.form_submit:hover { background: #cccccc; }

.custom #commentform .form_submit { font-size: 0.9em; font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-style: normal; font-weight: bold; font-variant: normal; letter-spacing: 0.15em; text-transform: uppercase; color: #ffffff; padding: 0.2em 0.25em 0.25em 0.33em; }

.custom #commentform .form_submit:hover { color: #eeeeee; }

.custom #commentform { padding-left:0; padding-right:0; margin-left: 0; margin-right: 0; border-top: none; padding-bottom: 0.1em; }

/* input.form_submit { background:transparent url(images/submit-bg.gif) repeat scroll 0 0; border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:double; border-width:3px; color:#111111; cursor:pointer; font-weight:bold; } */


/*------------------------------------------------------------ */

/*ADAM style up trackbacks display (precedes comments) */

.custom #trackback_list { border: none; padding: 0; }

/*ADAM the trackback/pingback link */
.custom #trackback_list dt { padding-top: 0; color: #666666; font-size: 1.2em; margin-top: -0.4em; margin-bottom: 2em; }
.custom #trackback_list dt:before { content: "Linked from "; }
.custom #trackback_list dt a { color: #666666; font-size: 1em; border-bottom: 1px dotted #bbbbbb; outline: none;}
.custom #trackback_list dt a:hover { color: #999999; border-bottom: 1px solid #eee; background: #eee; outline: none;}




/*ADAM the trackback/pingback date and time - we don't wanna see this */
.custom #trackback_list dd { display: none; color: #666666; font-size: 1.2em; font-style: italic; }


/*ADAM style up prev and next post display (follows comments) */

.custom .prev_next { font-size: 1em; line-height: 1.8em; padding: 0; margin: -0.25em 0 0 0; border: none; clear:both; color: #666666; font-family: verdana, helvetica, arial, trebuchet, sans-serif; font-style: normal; font-weight: bold; font-variant: normal; letter-spacing: 0.1em; text-transform: uppercase; }

.custom .prev_next p { line-height: 1.8em; }

.custom .prev_next a:hover { text-decoration: none; color: #bbbbbb; }


.custom .post_nav a { font-size: 1.3em; color: #222222; font-family: Georgia,"Times New Roman",Times,serif; font-style: normal; font-weight: normal; line-height: 1.2em; text-decoration: none; border-bottom: 1px dotted #bbbbbb; outline: none; }

.custom .post_nav a:hover { color: #666666; border-bottom: 1px solid #eee; background: #eee; outline: none; }


/*ADAM style up archive display (extensively tweaked in custom.php) */

.custom #archive_info { font-size: 1em; padding-left:0; padding-right:0; margin-left: 0; margin-right: 0; margin-top: -0.5em; margin-bottom: 2em; border-bottom: 1px dashed #666666; }

.custom #content #archive_info h1 { font-size: 1.8em; line-height: 1em; font-weight: normal; letter-spacing: normal; margin-left: 0; }

.custom .caticonbig {margin-left: 0.25em; margin-bottom: -1px; }