/*  
Theme Name: Demotivation
Description: Site Design for 101reasonstostopwriting.com
Version: 1.0
Author: Sean Lindsay
*/

/*  Global Styles */

a:Link { color: #0066CC; font-weight: bold; text-decoration: none; }
a:visited { color: #0066CC; font-weight: normal; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

body { margin: 0 auto 0 auto; width: 980px; padding: 0; color: #FFFFFF; background-color: #000000; background-repeat: repeat; font-family: sans-serif; background-image: url(images/TextBackground.png); }

img { border: none; }
.Left { float: left; margin: 4px 4px 4px 0; }
.Right { float: right; margin: 4px 0 4px 4px; }

p { margin: 0 0 1em 0; }

/* General Styling Elements */
.Clear { clear: both; margin: 0; height: 0;}
.Center { text-align: center; }
.AlignRight { text-align: right; }
.SmallText { font-size: 0.8em; }
.BigLinks A { font-size: 1.2em; font-variant: small-caps; }
.SmallCaps { font-variant: small-caps; }
.NoDisplay { display: none; }
.VerticalMiddle img { vertical-align: middle; }
span.SpaceBefore { display: block; margin-top: 1em; }


/* Specific Format Styles */

#Masthead { display: block; padding-top: 5px; margin: 0;}
	#MastheadLogo { float: right; margin: 0 0 0 10px; }
	#MastheadTitle { font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 40px; font-weight: normal; margin: 0 0 5px 16px; }
	#MastheadHomeLink { color: #FFFFFF; }
	#MastheadSubtitle { margin: 0 0 5px 16px; color: #ffffff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
	#MastheadMenuContainer { background-image: url(images/Masthead.png); margin-top: 16px; padding: 10px 0 0px 16px;}
	#MastheadMenu { list-style-type: none; margin: 0; padding: 0;}
	#MastheadMenu li { float: left; display: block; font-variant: small-caps; font-size: 16px; }
	/* ul#MastheadMenu li:after {	content: "|"; color: #000000; } */

	#MastheadMenu li a { color: #ffffff; text-decoration: none; font-weight: normal; padding: 0 5px 0 5px; display: block; }
	#MastheadMenu li a:hover { text-decoration: underline; }

#DemotivatorBoxLeftContent { width: 216px; float: left; text-align: center; margin: 0; padding: 0; }
#DemotivatorBoxRightContent { width: 216px; float: right; text-align: center; margin: 0; padding: 0; }
div.DemotivatorBoxContent { margin: 0 10px 0 10px; padding: 0; text-align: center; }
#DemotivatorBoxBottomContent { clear: both; }
.DemotivatorBoxImage { background-image: url(images/DemotivatorThumbBackground.png); padding: 8px; background-repeat: no-repeat; }
	
#DemotivatorBox a:link { color: #9999FF; }
#DemotivatorBox a:hover { color: #CCCCFF; }
#DemotivatorBox a:visited { color: #9999FF; }
#DemotivatorBox h3 { margin: 0 0 1em 0; }
#DemotivatorBox ul { margin: 0; padding: 0; list-style: none; font-variant: small-caps;}
#DemotivatorBox ul li { font-variant: normal; }

#BlogContent { margin: 0; padding: 0; display: block; width: 752px; float: left; }

/* Visual Element Styles */

div.PixelThin {height: 1px;}

div.BlackBox { margin: 0; padding: 0; clear: both; }
	div.BlackBoxTop { background-image: url(images/BlackBoxTop.png); height: 12px; }
	div.BlackBoxCenter { padding: 0 10px 0 10px; background-color: #000000; color: #FFFFFF; background-image: url(images/BlackBoxMiddle.png);  background-repeat: repeat-y; }
 	div.BlackBoxBottom { background-image: url(images/BlackBoxBottom.png); height: 16px; clear: both; }

div.MainBackground { background-image: url(images/MainBackground.png); background-repeat: repeat-y; }

div.OrangeBox {margin: 0; padding: 0; clear: both; background-image: url(images/MainBackground.png); background-repeat: repeat-y; }
	div.OrangeBoxTop { background-image: url(images/OrangeBoxTop.png); height: 12px; }
	div.OrangeBoxMiddle { padding: 0 12px 0 12px; background-image: url(images/OrangeBoxMiddle.png); background-repeat: repeat-y; color: #000000;}
	div.OrangeBoxBottom { background-image: url(images/OrangeBoxBottom.png); height: 16px; }
	
	div.OrangeBox h3 { margin: 0 0 1em 0; }
	div.OrangeBox a:link, div.OrangeBox a:visited { color: #FFFFFF; }

div.WhiteBoxTop { background-image: url(images/WhiteBoxTop.png); background-repeat: no-repeat; height: 12px; }
	div.WhiteBoxMiddle { background-image: url(images/WhiteBoxMiddle.png); margin: 0; padding: 0 12px 0 12px; border: none;  }
	div.WhiteBoxSeparator { background-image: url(images/WhiteBoxSeparator.png); background-repeat: no-repeat; height: 28px; margin: 0px; }
	div.WhiteBoxBottom { height: 16px; background-image: url(images/WhiteBoxBottom.png); background-repeat: repeat-x; }

/* Blog Content Styles */

#BlogContent a { color: #000066; text-decoration: none; background-color: transparent;  }
#BlogContent a:link { font-weight: bold; }
#BlogContent a:visited { font-weight: normal; }
#BlogContent a:hover { color: #003366; text-decoration: underline; }

#BlogContent strong, #BlogContent b, #BlogContent .Bold { color: #333333; font-weight: bold; }

#BlogContent div.Admin { float: right; font-variant: small-caps; padding-left: 20px; padding-right: 2px; background-image: url(images/application_edit.png); background-repeat: no-repeat; background-position: 0 4px; }

#BlogContent div.Admin a { font-weight: normal; }

	#BlogContent h2.PageTitle { margin: 0; padding: 0 0 0.2em 0; font-size: 1.7em; font-variant: small-caps; color: #131333;}

/* Post Element Styles */

div.Post, div#Comments { background-color: #EAEAEA; color: #000000; margin: 0; }

	div.Post h2.PostTitle { margin: 0; padding: 0 0 0.2em 0; font-size: 1.7em; font-variant: small-caps; }
	div.Post div.PostAuthor { line-height: 90%; }
	div.Post div.PostBody { Clear: left; margin-top: 1em; }

	div.Post .RightImageBox { width: 200px; float: right; margin: 0 0 10px 10px; padding-left: 5px; border-left: 1px solid #808080; text-align: center; font-size: 0.9em; }
	div.Post .LeftImageBox { width: 200px; float: left; margin: 0 10px 10px 0; padding-right: 5px; border-right: 1px solid #808080; text-align: center; font-size: 0.9em; }
	
	div.Post p.Update { padding: 4px 0px 4px 28px; margin: 0 0 1em 0; border-top: 1px solid #CC6600; border-bottom: 1px solid #CC6600; background-color: #FFEAD4; color: #000000; background-image: url(images/new2.png); background-repeat: no-repeat; background-position: 4px 4px; }
	div.Post p.Note { padding: 2px 0px 2px 24px; margin: 0 0 1em 0; border-top: 1px solid #FFFF33; border-bottom: 1px solid #FFFF33; background-color: #FFFFD4; color: #000000; background-image: url(images/information.png); background-repeat: no-repeat; background-position: 4px 4px; }
	div.Post p.AuthorBio {  padding: 2px 0px 2px 24px; margin: 0 0 1em 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #E8D4FF; color: #000000; background-image: url(images/AuthorBio.png); background-repeat: no-repeat; background-position: 4px 4px; }
	div.Post p.EditorNote {  padding: 2px 0px 2px 24px; margin: 0 0 1em 0; border-top: 1px solid #6666CC; border-bottom: 1px solid #6666CC; background-color: #D4DAFF; color: #000000; background-image: url(images/101ReasonsLogo16x16.png); background-repeat: no-repeat; background-position: 4px 4px; }

	div.Post img.DemotivatorThumb { padding: 0 10px 10px 0; background-image: url(images/DemotivatorThumbShadow.png); background-repeat: no-repeat; }

	div.Post p.NewSection { clear: left; margin: 1.5em 0 1em 0; }
		div.Post p.NewSection:first-letter { font-size: 3em; float: left; font-weight: bold; color: #333333;}
	div.Post p.MiniSection:first-letter { font-size: 1.5em; float: left; vertical-align: text-top; font-weight: bold; color: #333333; }
		
	div.Post strong.ExtraEmphasis { display: block; border-top: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #DFDFDF; color: #000000; font-weight: bold; margin: 0.5em 0 0.5em 0; padding: 0.5em 0.5em 0.5em 0.5em; text-align: center; }
	div.Post code { font-family: "Lucida Console", "Courier New", Courier, monospace; color: #333333; }

	div.Post h3 { margin: 1.5em 0 1em 0; font-size: 1.4em; font-variant: small-caps; color: #333344; font-weight: normal; border-bottom: 1px solid #333344; }

	div.Post ul { list-style: none; margin: 0.5em 0 1em 1em; padding: 0; font-weight: bold;}
		div.Post ul li { font-weight: normal; background-image: url(images/bullet_ball_glass_yellow.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; margin-bottom: 0.5em; }
    div.Post ul.OnThisDay li { background-image: url(images/OnThisDay.png); background-position: 0 2px; }
		div.Post ul.Links li { background-image: url(images/link.png); background-position: 0 2px; }


	div.Post div.wp-polls { background: #E9FFD4; border-top: 1px solid #669933; border-bottom: 1px solid #669933; padding-top: 0.5em; margin: 0 0 1em 0;}
	div.Post ul.wp-polls-ul li { background-image: none; padding-bottom: 0.3em;}
	.wp-polls-old { background: #FFFFD4; border-top: 1px solid #FFFF33; border-bottom: 1px solid #FFFF33; padding-top: 0.5em; margin: 0 0 1em 0;}

.wp-polls .pollbar, .wp-polls-old .pollbar {	height: 10px; background: #999999; border: 1px solid #c8c8c8;}
	
	div.Post sup { font-size: 0.8em; }
	div.Post ol.Alpha { list-style-type: lower-alpha; }
	
	div.Post .EmphasisFirstLine li:first-line { font-variant: small-caps; font-weight: bold; color: #333333; }


	div.Post blockquote { background-image: url(images/Blockquote16.png); background-repeat: no-repeat; background-position: 2px 4px; margin: 0 0 1em 1em; padding: 0.5em 0.5em 0.5em 24px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; background-color: White; color: #000000; }
		div.Post blockquote p { margin: 0; padding: 0; } /* we use this to prevent unwanted space at the end of a blockquote. sucks though */
		div.Post blockquote p + p { margin-top: 1em; }
		div.Post blockquote span.Citation { display: block; text-align: right; font-size: 0.8em;}
		div.Post blockquote blockquote { background-image: url(images/Blockquote16.png); background-repeat: no-repeat; margin: 0.5em 0.5em 0 0.5em; padding: 0 0 0 24px; border: none; }

	div.Post q { display: block; margin: 0.5em 0.5em 0.5em 1em; background-image: url(images/Blockquote16.png); background-repeat: no-repeat; background-position: 2px 2px;padding: 2px 2px 2px 20px; background-color: White; color: #000000; }
		div.Post q:before, div.Post q:after {content: no-open-quote; content: no-close-quote; }
	
	div.Post span.Citation { font-size: 0.8em; }

	div.Post p.PullQuoteLeft { width: 200px; font-size: 1.2em; margin: 0 0.5em 0.25em 0; padding: 0.25em; border-right: 1px solid #808080; float: left; text-align: center; background-color: White;}

	div.Post p.PullQuoteRight { width: 200px; font-size: 1.2em; margin: 0 0 0.25em 0.5em; padding: 0.25em; border-left: 1px solid #808080; float: right; text-align: center; background-color: White;}

	div.Post p.PhotoBoxRight { width: 300px; float: right; margin: 0px 0px 0.25em 0.5em; text-align: center;	}
		div.Post p.PhotoBoxRight span.Caption { display: block; font-size: 0.9em; }
		div.Post p.PhotoBoxRight span.Credit { display: block; font-size: 0.8em; color: #666666; text-align: right; }

	div.Post p.PhotoBox { text-align: center;	}
		div.Post p.PhotoBox span.Caption { font-size: 0.9em; }
		div.Post p.PhotoBox span.Credit { font-size: 0.8em; color: #666666; }
			
	div.Post dl.FAQ dt { background-image: url(images/comment.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; padding-bottom: 4px; font-variant: small-caps; }
		div.Post dl.FAQ dd { background-image: url(images/101ReasonsLogo16x16.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; padding-bottom: 1em; }

	div.Post dl.Interview dt { background-image: url(images/101ReasonsLogo16x16.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; margin-bottom: 0.5em; font-style: italic; }
		div.Post dl.Interview dd {background-image: url(images/comment.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; margin-bottom: 1em; }
	div.Post dl.ReverseInterview dt {background-image: url(images/comment.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; margin-bottom: 0.5em; font-style: italic; }
		div.Post dl.ReverseInterview dd {background-image: url(images/101ReasonsLogo16x16.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 20px; margin-bottom: 1em;}

		
	div.Post ol li { margin-bottom: 0.5em; }
	div.Post ol.OrderedLinkList li, div.Post ul.LinkList li { margin-bottom: 0.5em; margin-top: 1em; }
		div.Post ol.OrderedLinkList blockquote, div.Post ul.LinkList blockquote { margin-top: 0.5em; margin-bottom: 0.5em; }
	
	div.Post h4, div.Post dl.ClicheList dt { font-variant: small-caps; border-bottom: 1px solid #333344; margin: 1.5em 0 0.5em 0; font-size: 1.2em; font-variant: small-caps; color: #333344; font-weight: normal; }
		div.Post dl.ClicheList dd { margin: 0.5em 0 1em 1em; }
		
	div.Post div.PostMetadata { margin: 2em 0 1em 0; background-color: #DFDFDF; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 1px;}
		div.Post div.PostMetadata span { background-repeat: no-repeat; background-position: 0 2px; padding: 0 20px 0 20px; font-variant: small-caps; }
		div.Post div.PostMetadata span.Comments { background-image: url(images/comments.png); }
		div.Post div.PostMetadata span.Categories { background-image: url(images/tag_green.png); }
		div.Post div.PostMetadata span.ShareThis { background-image: url(images/ShareThis.png);}
	
	div.Post span.PostRating { display: inline-block; background-color: #FFFFFF; border: 1px solid #666666; padding-left: 2px; padding-right: 2px;}

	div.PostDate { float: left; text-align: center; display: block; margin: 0 8px 8px 0; width: 35px; }
		span.PostDateYear { display: block; background-image: url(images/PostCalendarTop.png); font-size: 12px; color: #FFFFFF; }
		span.PostDateMonth { background-color: #FFFFFF; color: #000000; display: block; text-transform: uppercase; font-size: 12px; padding-top: 2px; border-left: 1px solid #131333; border-right: 1px solid #131333; }
		span.PostDateDay { background-color: #FFFFFF; color: #000000; display: block; font-size: 18px; font-weight: bold; border-left: 1px solid #131333; border-right: 1px solid #131333; border-bottom: 1px solid #131333; }

	div.NextPrevLinks span { background-repeat: no-repeat; background-position: 0 2px; padding-left: 20px; font-variant: small-caps; display: block; font-weight: bold;}
		div.NextPrevLinks span.NextLink { float: right; background-image: url(images/next.png); }
		div.NextPrevLinks span.PrevLink { background-image: url(images/prev.png); }

/* Related Entries Styles */		

#RelatedEntries h3 { margin: 0 0 1em 0; font-size: 1.4em; font-variant: small-caps; color: #333344; }

#RelatedEntries ul.RelatedEntries { margin: 0; padding-left: 1em; list-style: none;}

#RelatedEntries ul.RelatedEntries li { background-image: url(images/next.png); background-position: 0 2px; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 0.5em; }


/* Comments Styles */

#Comments h3 { margin: 0 0 1em 0; font-size: 1.4em; font-variant: small-caps; color: #333344; }

#Comments ol.commentlist { list-style-type: none; margin: 0; padding: 0; }
	#Comments ol.commentlist li { padding-left: 20px; background-image: url(images/comment.png); background-repeat: no-repeat; background-position: 0 4px; margin-bottom: 1em; }
	#Comments ol.commentlist li.CommentOddRow {  }
	#Comments ol.commentlist li.CommentPaulRiddell { background-image: url(images/PaulRiddell.png); }
	#Comments ol.commentlist li.CommentSeanLindsay { background-image: url(images/101ReasonsLogo16x16.png); background-color: #E9FFD4; border-top: 1px solid #669933; border-bottom: 1px solid #669933; }
	
	#Comments ol.commentlist li .CommentText p { margin: 0; padding-top: 1em; }
	#Comments ol.commentlist li .CommentMetadata { text-align: right; font-size: 0.8em; margin-top: 0.5em; margin-bottom: 4px; }
	#Comments ol.commentlist li .CommentMetadata a { font-weight: normal; }
	#Comments #commentform { margin:0; padding: 0; }
	#Comments #commentform input { margin-top: 1em; }
	#Comments #commentform textarea { width: 720px; border: 1px solid Black;}
	#Comments #commentform a.Logout { display: inline-block; background-image: url(images/door_open.png); padding-left: 36px; background-repeat: no-repeat; background-position: 16px 2px; }

		
/* Sidebar Styles */

#SidebarBox { margin: 0; padding: 0; width: 224px; float: right; display: block; }

	#SidebarBox div.BlueBoxTop { background-image: url(images/BlueBoxTop.png); height: 12px; background-repeat: no-repeat; }
		#SidebarBox div.BlueBoxMiddle { background-image: url(images/BlueBoxMiddle.png); background-repeat: repeat-y; 	padding: 0 12px 0 12px; margin: 0; color: #FFFFFF; background-color: #343F5C; font-size: 0.9em; }
		#SidebarBox div.BlueBoxMiddle A { color: #FFFFFF; }
		#SidebarBox div.BlueBoxBottom { background-image: url(images/BlueBoxBottom.png); height: 12px; background-repeat: no-repeat; }

	#SidebarBox div.WidgetTitle { background-color: #000033; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-variant: small-caps; clear: both; padding-left: 4px;}
	#SidebarBox div.Widget { margin: 1em 0 1em 0; padding: 0px; }

	#SidebarBox div.QuoteHolder { padding: 0 0 0 20px; text-align: left; background-image: url(images/Blockquote16White.png); background-repeat: no-repeat; }
		#SidebarBox div.QuoteAuthor {	text-align: right; }

	#SidebarBox a.FeedIcon { background-image: url(images/RSS_16.png); background-repeat: no-repeat; display: block; background-position: 10px 2px; padding: 2px 0 2px 36px;}

	#SidebarBox #SearchForm #s {width: 125px; }

	#SidebarBox ul.wp-polls-ul li { background-image: none; padding-bottom: 0.5em;}


	#FeedBurnerEmailForm input.FeedBurnerEmailFormSubmit { height: 30px; width: 27px; padding: 0; margin: 0;}
	#FeedBurnerEmailForm input.FeedBurnerEmailFormInput { width: 190px; }
	
	#wp-calendar { width: 200px; }
		#wp-calendar caption { font-size: 1.2em; font-variant: small-caps; border-bottom: 1px solid #000000; }
		#wp-calendar td, #wp-calendar th { font-size: 0.9em; padding: 0px; margin: 1px; text-align: center; vertical-align: middle; }
		#wp-calendar td a { font-weight: bold; background-color: #131333; display: block; text-decoration: none; }
		#wp-calendar td a:hover { text-decoration: underline; }
		#wp-calendar #prev a, #wp-calendar #next a{ background: transparent; font-size: 1em; }

	#MyBlogLog .mbl_h, #MyBlogLog .mbl_fo_hidden { display: none; }
		
/*  Footer Styles */

#Footer { margin: 0; padding: 0 8px 0 8px; clear: both; }
	div.FooterBottom { background-image: url(images/FooterBottom.png); height: 12px; margin: 0; padding: 0; clear: both; }

#CornerGraphic { background-image: url(images/NewAndImproved.png); background-repeat: no-repeat; width: 85px; height: 85px; position: absolute; top: 0; right: 0; z-index: 5;  }

#UpperLeftCorner { position: absolute; top: 0; left: 0; z-index: 10; }
#UpperRightCorner { position: absolute; top: 0; right: 0; z-index: 10; }

/* Plugin Styles */

	.hilite { color: #000; background-color: #99ccff; }
    .hilite1 { color: #000; background-color: #ffcc66; }
    .hilite2 {	color: #000; background-color: #99ff66; }
    .hilite3 { color: #000; background-color: #ff9999; }

/* CafePress Store Styles */

	#StoreMainTop { background-image: url(http://101reasonstostopwriting.com/images/store/WhiteBoxTop.png); height: 12px; width: 980px; }
	#StoreMainBottom { background-image: url(http://101reasonstostopwriting.com/images/store/WhiteBoxBottom.png); height: 20px; width: 980px; }
	#StoreMain { background-image: url(http://101reasonstostopwriting.com/images/store/WhiteBoxMiddle.png); width: 980px; background-color: #FFFFFF; color: #000000; }
	#StoreMain .sidebarbg { font-size: 0.9em; }

/* Overrides for external styles */

	table#MBL_COMM td.mbl_join, table#MBL_COMM td.mbl_join_img { background-color: #343F5C !important }
	table#MBL_COMM td.mbl_join a:hover { text-decoration: underline !important }