/*
Theme Name: D20 November
Theme URI: http://www.d20source.com
Description: D20 Source theme from November 2008 onwards.
Author: Jonathan Drain
Author URI: http://www.d20source.com
Version: 2009.10.15
.
.
*/

*
{
	margin: 0;
	padding: 0;
}

a img
{
	border: none;
}

body
{
	background: url(img/background.png) repeat-x #E2E1D6;
}

hr
{
	display: none;
}

#wrapper
{
	width: 984px;
	margin: 0 auto;
}

	#heading
	{
		padding-top: 32px;
		padding-bottom: 16px;
		
		overflow: hidden;
	}
	
		#title
		{
				width: 206px;
			float: left;
		}
		
			#title h1
			{
				width: 206px;
				height: 92px;
				background: url(img/d20source-title.png);
				
			}
			
				#title h1 a
				{
					width: 206px;
					height: 92px;
					display: block;
				}
			
				#title h1 strong
				{
					/* Dwyer method */
					width: 0;
					height: 0;
					display: block;
					overflow: hidden;
				}
			
			#title h2
			{
				font-family: "Verdana", "Arial", "Helvetica", sans-serif;
				font-size: 0.75em;
				line-height: 150%;
				color: #E2E1D6;
				
				font-weight: normal;
				
				position: relative;
				top: -2em;
				left: 4em;
			}
		
		#adv1
		{
			width: 778px;
		
			float: left;
		}
		
			#adv1-content
			{
				width: 728px;
				height: 90px;
				
				margin: 0 0 0 50px;
				
				background: white;
				
				overflow: hidden;
			}
			
			#adv1-footer
			{
				width: 728px;
				
				margin: 0 0 0 50px;
				
				background: #FFFFFF;
			}
			
				#adv1-footer p
				{
					text-align: center;
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 0.75em;
					line-height: 150%;
					color: #000000;
				}
				
					#adv1-footer p a
					{
						color: #676767;
					}
	
	#content
	{
		width: 982px;
		border: 1px solid #534E47;
		background: url(img/content-background.png) repeat-y transparent center;
		
		overflow: hidden;
	}
	
		#main
		{
			width: 650px;
			float: left;
		}
		
			#main .post
			{
				margin: 24px 28px 24px 32px;
			}
			
				#main .post h2
				{
					font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
					font-weight: normal;
					font-size: 1.6em;
					
					color: black;
				}
				
					#main .post h2 a, #main .post h2 a:visited, #main .post h2 a:active
					{
						color: black;
						text-decoration: none;
					}
					
				#main .post h3, #main .post h4
				{
					font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
					font-weight: bold;
					font-size: 1em;
					
					color: black;
				}
					
				#main .post a
				{
					color: #224499;
				}
				
				#main .post a:visited
				{
					color: #453366;
				}
				
				#main .post p
				{
					margin-bottom: 1em;
				}
				
				#main .post p, #main .post ul, #main .post ol
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 0.75em;
					line-height: 150%;
					color: #000000;
				}
				
					#main .post ul ul
					{
						font-size: 1em; /* Reset nested lists */
					}
				
				#main .post p.about, #main .post p.about a
				{
					color: #676767;
				}
				
					#main .post p.about span.authorname
					{
						font-weight: bold;
					}
				
					#main .post p.about span.author-jonathan-drain
					{
						color: #333399;
					}
					
					#main .post p.about span.author-brandan
					{
						color: #339933;
					}
				
				#main .post p a.more-link
				{
					display: block;
					font-size: 1.4em;
					margin: 1em 0;
				}
				
				#main .post table
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 0.75em;
					line-height: 150%;
					color: #000000;
				}
				
					#main .post table td
					{
						vertical-align: top;
						margin-right: 1em;
					}
				
				#main .post ul
				{
					margin: 1em 0 1em 2em;
					list-style: square;
				}
				
				#main .post ol
				{
					margin: 1em 0 1em 2em;
				}
				
				#margin .post li
				{
					margin: 8px 0 8px 0;
				}
				
				#main .post blockquote
				{
					margin: 1em 2em 1em 2em;
				}
				
				#main .post ul.meta
				{
					list-style: none;
					
					margin: 0;
					
					line-height: 2.5em;
					
					overflow: hidden;
					zoom:1;
				}
				
					#main .post ul.meta li
					{
						list-style: none;
						
						font-size: 1.3em;
						font-weight: bold;
						
						text-align: right;
					}
					
						#main .post ul.meta li a
						{
						}
						
				#main .post ul.meta-minor
				{
					list-style: none;
					
					margin: 0;
					
					line-height: 2.5em;
					
					overflow: hidden;
					zoom:1;
				}
				
					#main .post ul.meta-minor li
					{
						list-style: none;
						
						float: left;
						padding: 0 1em 0 1em;
					}
					
						#main .post ul.meta-minor li a
						{
							text-decoration: none;
						}
				
				#main .post li p, #main .post li li
				{
					/* Reset nested lists */
					font-size: 1em;
				}
				
				/* article lists */
				#main ul.post-list-major
				{
				}
				
					#main ul.post-list-major li
					{
						line-height: 2em;
					}
						
						#main ul.post-list-major a
						{
						}
						
						#main ul.post-list-major em
						{
							color: #676767;
						}
						
						#main ul.post-list-major span.category-edition
						{
							
						}
			
			#adv4
			{
				width: 160px;
				padding: 33px 28px 0 0;
				margin-left: 28px;
				
				float: right;
			}
			
				#adv4-content
				{
					width: 160px;
					height: 600px;
					
					background: #C9c9c9;
					
					overflow: hidden;
				}
				
				#adv4-footer
				{
					width: 160px;
					
					background: #FFFFFF;
				}
					
					#adv4-footer p
					{
						text-align: center;
						font-family: "Verdana", "Arial", "Helvetica", sans-serif;
						font-size: 0.75em;
						line-height: 150%;
						color: #000000;
					}
					
						#adv4-footer p a
						{
							color: #676767;
						}
			
			#main p.prevmonth, #main p.nextmonth
			{
				padding: 0 28px 24px 32px;
				
				font-family: "Verdana", "Arial", "Helvetica", sans-serif;
				font-size: 1em;
				line-height: 150%;
				color: #000000;
			}
			
				#main p.prevmonth a, #main p.nextmonth a
				{
					color: #224499;
				}
				
			#main p.prevmonth
			{
				float: left;
			}
			
			#main p.nextmonth
			{
				float: right;
			}
			
			#main p.nextmonth
			{
			}
			
			#comments
			{
				margin: 24px 28px 24px 32px;
				overflow: hidden;
				zoom:1;
			}
			
				#comments h2
				{
					font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
					font-weight: normal;
					font-size: 1.4em;
					
					color: black;
				}
			
				#comments p
				{
					margin-bottom: 1em;
				}
				
				#comments p, #comments ul, #comments ol
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 0.75em;
					line-height: 150%;
					color: #000000;
				}
				
					#comments a
					{
						color: #224499;
					}
					
					#comments a:visited
					{
						color: #453366;
					}
				
				#comments li p, #comments li li
				{
					/* Reset nested lists */
					font-size: 1em;
				}
				
				#comments ol
				{
					list-style: none;
				}
				
					#comments ol li
					{
						list-style: none;
						
						margin: 0.5em 0 1em 0;
					}
					
					#comments li.comment
					{
						border: 1px solid #676767;
						padding: 1em;
						
						background: #E6E6E6;
						
						overflow: hidden;
					}
					
					#comments li.comment-jd
					{
						background: #F6F6C6;
					}

					#comments li.comment-brandan
					{
						background: #C6F6C6;
					}
						
						#comments .comment h3
						{
							font-size: 1.2em;
							
							float: left;
						}
						
						#comments .comment p.comment-meta
						{
							color: #676767;
							
							float: right;
						}
						
						#comments .comment .comment-text
						{
							clear: both;
						}
			
			#reply
			{
				margin: 24px 28px 24px 32px;
				overflow: hidden;
				zoom:1;
			}
			
				#reply h2
				{
					font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
					font-weight: normal;
					font-size: 1.4em;
					
					color: black;
					
				}
				
				#reply p
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 0.75em;
					line-height: 150%;
					color: #000000;
					
					margin: 0.5em 0 1em 0;
				}
				
				#reply form textarea
				{
					width: 370px;
				}
				
				#submit
				{
					padding: 4px;
				}
		
		#navigation
		{
			width: 332px;
			float: left;

			overflow: hidden;
		}
	
		* html #navigation
		{
			width: 330px;
		}
		

			#subscribe
			{
				width: 300px;
				margin: 24px auto 16px auto;
				
				overflow: hidden;
			}
			
				#feed
				{
					float: right;
				}
				
				#subscribe h3
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 1.2em;
					font-weight: bold;
					
					float: left;
				}
				
				#subscribe p
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 0.75em;
					line-height: 150%;
					
					margin: 4px 0;
					
					clear: left;
					overflow: hidden;
				}
				
					#subscribe p a
					{
						color: #AD311E; /* color: #3D210E;  */
					}
				
				#subscribe form
				{
					overflow: hidden;
				}
				
				#subscribe .email
				{
					width: 220px;
					height: 22px;
					
					float: left;
				}
				
				#subscribe .submit
				{
					width: 70px;
					height: 26px;
					
					float: right;
				}
				
				#subscribe ul.buttons
				{
					list-style: none;
				}
				
					#subscribe ul.buttons li
					{
						list-style: none;
						
						width: 100px;
						overflow: hidden;
						height: 26px;
						margin-top: 4px;
						
						float: left;
					}
					
			#categories
			{
				width: 300px;
				margin: 16px auto;
				
			}
			
				#categories h3
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 1.2em;
					font-weight: bold;
				}
			
				#categories ul
				{
					list-style: none;
				}
				
					#categories ul li
					{
						list-style: none;
						
						font-family: "Verdana", "Arial", "Helvetica", sans-serif;
						font-size: 1em;
						font-weight: bold;
						line-height: 150%;
						color: #000000;
						
						padding-bottom: 1px;
						background: url(img/dotted.png) transparent bottom left repeat-x;
						overflow: hidden;
					}
					
						#categories ul li a
						{
							text-decoration: none;
							color: #AD311E;
							
							float: left;
						}
						
						#categories ul li em
						{
							color: #676767;
							float: right;
						}
			
			#search
			{
				width: 300px;
				margin: 16px auto;
				
				overflow: hidden;
			}
			
				#search .q
				{
					width: 220px;
					height: 22px;
					
					float: left;
				}
				
				#search .submit
				{
					width: 70px;
					height: 28px;
					
					float: right;
				}
			
			#adv2
			{
				width: 300px;
				margin: 16px auto;

				overflow: hidden;
			}
			
				#adv2-content
				{
					width: 300px;
					height: 250px;
					
					background: white;
					
					overflow: hidden;
				}
				
				#adv2-footer
				{
					width: 300px;
					
					background: #FFFFFF;
				}
				
					#adv2-footer p
					{
						text-align: center;
						font-family: "Verdana", "Arial", "Helvetica", sans-serif;
						font-size: 0.75em;
						line-height: 150%;
						color: #000000;
					}
					
						#adv2-footer p a
						{
							color: #676767;
						}
			
			#archive
			{
				width: 300px;
				margin: 16px auto;
				
				overflow: hidden;
			}
			
				#archive h3
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 1.2em;
					font-weight: bold;
				}
				
				#archive h4
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 0.75em;
					font-weight: bold;
					line-height: 150%;
					color: #000000;
					
					float: left;
					padding: 0 1em 0 0;
					margin-top: 4px;
					
					width: 75px;
				}
				
				#archive div
				{
					padding-bottom: 1px;
					background: url(img/dotted.png) transparent bottom left repeat-x;
					overflow: hidden;
					zoom:1;
					clear: left;
				}
				
				#archive ul
				{
					list-style: none;
					overflow: hidden;
					zoom:1;
					
					margin-top: 4px;
					margin-bottom: 4px;
					
				}
				
					#archive ul li
					{
						list-style: none;
						
						font-family: "Verdana", "Arial", "Helvetica", sans-serif;
						font-size: 0.75em;
						font-weight: normal;
						line-height: 150%;
						color: #000000;
						
						float: left;
						padding-right: 8px;
						overflow: hidden;
						zoom:1;

						
					}
					
						#archive ul li a
						{
							color: #AD311E;
							
							text-decoration: none;
						}
			
			#resources
			{
				width: 300px;
				margin: 16px auto;

				overflow: hidden;
			}

				#resources h3
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 1.2em;
					font-weight: bold;
				}

				#dmtools
				{
					float: left;
					margin-right: 16px;
					overflow: hidden;

					width: 124px;
					height: 68px;
				}

				#warpig
				{
					width: 160px;
					height: 68px;
					overflow: hidden;
	
					float: left;
				}

			#blogroll
			{
				width: 300px;
				margin: 16px auto;
			}
			
				#blogroll h3
				{
					font-family: "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 1.2em;
					font-weight: bold;
				}
				
				#blogroll ul
				{
					list-style: none;
					overflow: hidden;
				}
				
					#blogroll ul li
					{
						list-style: none;
						
						font-family: "Verdana", "Arial", "Helvetica", sans-serif;
						font-size: 0.75em;
						font-weight: normal;
						line-height: 150%;
						color: #000000;
						
						padding-bottom: 1px;
						background: url(img/dotted.png) transparent bottom left repeat-x;
						
						overflow: hidden;
					}
					
						#blogroll ul li a
						{
							color: #AD311E;
							
							text-decoration: none;
							
							float: left;
						}
						
						#blogroll ul li em
						{
							color: #676767;
							float: right;
						}
						
			#adv3
			{
				width: 160px;
				margin: 16px auto;

				overflow: hidden;
			}
			
				#adv3-content
				{
					width: 160px;
					height: 600px;
					
					background: white;
					
					overflow: hidden;
				}
				
				#adv3-footer
				{
					width: 160px;
					
					background: #FFFFFF;
				}
					
					#adv3-footer p
					{
						text-align: center;
						font-family: "Verdana", "Arial", "Helvetica", sans-serif;
						font-size: 0.75em;
						line-height: 150%;
						color: #000000;
					}
					
						#adv3-footer p a
						{
							color: #676767;
						}

	#footer
	{
		margin: 1em 0;
	}
	
	#footer p
	{
		text-align: center;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 0.75em;
		line-height: 150%;
		color: #626146;
	}
	
	#footer p a
	{
		color: #626146;
	}

.alignright
{
	float: right;
	margin-left: 16px;
}