/*
Theme Name: Particle
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	font-family: Helvetica, Arial, Sans-Serif; line-height: 24px;
	background: #eee url(img/body-bg.png) center top no-repeat;
}

#container {
	width: 925px; margin: 0 auto; padding: 143px 0 0 0;
}

#header {
	background: url(img/header-bg.png) right bottom no-repeat; overflow: hidden;
	padding: 0 0 50px 0;
}

	#header h1 {
		float: left;
	}
	
	#header ul#categories {
		float: right; list-style: none; margin: 16px 0 0 0;
	}
		#header ul#categories li {
			float: left; margin: 0 0 0 40px;
		}
			#header ul#categories li a {
				display: block;
				font-size: 14px; font-weight: bold; text-transform: uppercase; color: #a42988;
				text-shadow: 0 2px 0px #fff; text-decoration: none;
			}
				#header ul#categories li a:hover, #header ul#categories li a:focus {
					color: #006ab1;
				}
			
#content {
	background: url(img/content-bg.png) right top repeat-y; overflow: hidden;
}

	#content a {
		font-weight: bold; text-transform: uppercase; color: #a42988;
		text-shadow: 0 2px 0px #fff; text-decoration: none;
	}
		#content a:hover, #content a:focus {
			color: #006ab1;
		}

	#content #main {
		width: 685px; float: left; padding: 55px 0 0 0; color: #474747;
	}
		#content #main h2 {
			font-size: 24px; margin: 0 0 16px 0; text-shadow: 0 2px 0px #fff; text-transform: uppercase; color: #006ab1;
		}
			#content #main h2.title {
				color: #d6d6d6; margin: 0 0 40px 0; font-size: 30px;
			}
		
		#content #main h3 {
			font-size: 20px; margin: 0 0 12px 0; text-shadow: 0 2px 0px #fff; text-transform: uppercase; color: #666;
		}
		
		#content #main h4 {
			font-size: 16px; margin: 0 0 12px 0; text-shadow: 0 2px 0px #fff; text-transform: uppercase; color: #666;
		}
		
		#content blockquote {
			border-left: 5px solid #d6d6d6; padding: 0 0 0 20px;
		}

		#content #main p {
			margin: 0 0 25px 0; font-size: 15px;
		}
	
		#content #main .pagination {
			overflow: hidden;
		}
			#content #main .pagination p a {
				display: block; width: 160px; height: 24px; padding: 15px 20px; text-align: center;
				background: url(img/btn-bg.png);
			}
			#content #main .pagination p.older {
				float: left; 
			}
			#content #main .pagination p.newer {
				float: right; margin: 0 47px 0 0;
			}
	
#content #main .post {
	background: url(img/post-divider.png) right bottom no-repeat;
	padding: 0 47px 55px 0; margin: 0 0 55px 0;
	overflow: hidden;
}
	#content #main .post .date {
		width: 62px; height: 57px; float: left; padding: 15px 0 0 0; margin: 0 20px 0 0;
		background: #0085cc url(img/date-bg.png);
		text-align: center; 
	}
		#content #main .post .date p {
			font-size: 40px; font-weight: bold; color: #fff;
			text-shadow: 0 2px 3px #006ab1;
		}
			#content #main .post .date p span {
				margin: 5px 0 0 0;
				display: block; font-size: 17px; font-weight: normal; text-transform: uppercase;
			}
					
	#content #main .post ul, #content #main .post ol {
		list-style: disc; margin: 0 0 25px 40px; font-size: 15px;		
	}
			
#content #main .post .post-content {
	width: 556px; float: left;
}
	#content #main .post .post-content ul.post-meta {
		width: 515px; height: 21px; list-style: none; padding: 14px 20px; margin: 0;
		background: #d6d6d6 url(img/meta-bg.png);
	}
		#content #main .post .post-content ul.post-meta li {
			float: left; margin: 0 40px 0 0;
			font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; text-shadow: 0px 2px 3px #b8b8b8;
		}
			#content #main .post .post-content ul.post-meta li.read-more {
				float: right; margin: 0 0 0 0;
			}
				#content #main .post .post-content ul.post-meta li a {
					color: #fff; text-shadow: 0px 2px 3px #b8b8b8;
				}
					#content #main .post .post-content ul.post-meta li a:hover, #content #main .post .post-content ul.post-meta li a:focus {
						color: #eee;
					}

		
		#main #comments ol.commentlist, #main #comments ol.commentlist ul {
				margin: 0; list-style: none;
			}
				#main #comments ol.commentlist li {
					padding: 0 47px 20px 0; margin: 0 0 20px 0; clear: both;
					background: url(img/post-divider.png) right bottom no-repeat;
				}
				
				#main #comments ol.commentlist ul.children {
					margin: 0 0 0 40px;
				}
					#main #comments ol.commentlist ul.children li {
						background: none; padding: 0;
					}
				
				#main #comments .comment {
					overflow: hidden;
				}
					#main #comments .comment .avatar {
						float: left; margin: 0 15px 10px 0;
						border: 3px solid #d6d6d6;
					}
					#main #comments .comment .commenttext {
						float: left; 
					}
						#main #comments .comment cite {
							margin : 0 0 5px 0; font-style: normal;
						}
							#main #comments .comment span { display: none; }
					
					#main #comments .comment .comment-meta {
						float: right; font-size: 11px; margin: -20px 0 0 0; 
					}
					#main #comments .comment .reply a {
						display: block; clear: both; float: right;
					}
					#main #comments .comment .cancel a {
						display: block;  float: right; clear: both;
					}
			
			#main #comments #respond {
				margin: 0 0 50px 0; clear: both;
			}
				#main #comments #respond form label {
					float: left; clear: left; width: 80px; text-align: right; margin: 9px 10px 0 0;
					font-size: 17px;
				}
				#main #comments #respond form input {
					float: left; width: 250px; height: 16px; margin: 0 20px 10px 0; padding: 10px; 
					background: #f9f9f9; border: 1px solid #dedede; font: 15px Helvetica, Arial, Sans-Serif; color: #666;
					border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
				}
				#main #comments #respond form textarea {
					float: left; width: 400px; height: 120px; margin: 0 0 10px 0; padding: 10px;
					background: #f9f9f9; border: 1px solid #dedede; font: 15px Helvetica, Arial, Sans-Serif; color: #666;
					border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
				}
					#main #comments #respond form input.commentsubmit {
						width: 200px; height: 54px; padding: 15px 20px; margin: 0 0 0 89px; text-align: center;
						background: url(img/btn-bg.png);
						border: none; cursor: pointer;
						
						font-weight: bold; text-transform: uppercase; color: #a42988;
						text-shadow: 0 2px 0px #fff; text-decoration: none;
					}
						#main #comments #respond form input:focus, #content #main #comments #respond form textarea:focus {
							border: 1px solid #cccccc;
						}							
							#main #comments #respond form input.commentsubmit:focus {
								border: none;
							}
	
#content #side {
	width: 200px; float: left; padding: 5px 20px;
}

	#content #side p#subscribe a {
		display: block; height: 30px; font-size: 20px; color: #fff; padding: 7px 0 0 45px; margin: 0 0 15px 0;
		text-shadow: 0px 2px 3px #b8b8b8;
		background: url(img/rss-icon.png) left no-repeat;
	}
		#content #side p#subscribe a:hover, #content #side p#subscribe a:focus {
			color: #eee;
		}
	
	#content #side ul#pages {
		list-style: none; margin: 0 0 30px 0;
	}
		#content #side ul#pages li {
			margin: 0 0 5px 0;
		}
			#content #side ul#pages li a {
				display: block; width: 157px; height: 23px; padding: 12px 20px; text-align: center;
				background: #eee url(img/sidebar-btn.png);
			}
	
#content #side h3 {
	font-size: 20px; text-transform: uppercase; color: #fff; margin: 0 0 5px 0;
	text-shadow: 0px 2px 3px #b8b8b8;
}
	#content #side ul#follow-me {
		overflow: hidden; list-style: none; margin: 0 0 30px 0;
	}
		#content #side ul#follow-me li {
			float: left; margin: 0 8px 8px 0;
		}
			#content #side ul#follow-me li a {
				display: block; width: 32px; height: 32px;
				text-indent: -9999px;
			}
				#content #side ul#follow-me li a.twitter {
					background: url(img/social-icons/twitter_32.png);
				}
				#content #side ul#follow-me li a.facebook {
					background: url(img/social-icons/facebook_32.png);
				}
				#content #side ul#follow-me li a.flickr {
					background: url(img/social-icons/flickr_32.png);
				}
				#content #side ul#follow-me li a.youtube {
					background: url(img/social-icons/youtube_32.png);
				}
				#content #side ul#follow-me li a.vimeo {
					background: url(img/social-icons/vimeo_32.png);
				}
				#content #side ul#follow-me li a.delicious {
					background: url(img/social-icons/delicious_32.png);
				}
				#content #side ul#follow-me li a.digg {
					background: url(img/social-icons/digg_32.png);
				}
				#content #side ul#follow-me li a.lastfm {
					background: url(img/social-icons/lastfm_32.png);
				}
	
	
#content #side form#search {
	margin: 0 0 30px 0;
}
	#content #side form#search input.search-bar {
		width: 135px; height: 43px; padding: 1px 45px 0 15px; float: left;
		background: #eee url(img/search-bar.png);
		font-size: 15px; color: #474747;
	}
	#content #side form#search input.search-btn {
		width: 27px; height: 27px; float: right; margin: -36px 15px 0 0; cursor: pointer;
		background: url(img/search-btn.png); text-indent: -9999px; padding: 0 0 0 27px;
	}
	
	
#footer {
	background: url(img/footer-bg.png) center top no-repeat; overflow: hidden;
	min-height: 139px;
}

	#footer ul#credits {
		overflow: hidden; list-style: none; float: left; margin: 25px 0 0 20px;
	}
		#footer ul#credits li {
			float: left; margin: 0 10px 0 0;
		}
			#footer ul#credits li a {
				display: block; height: 21px; background: url(img/credits.png); text-indent: -9999px;
			}
				#footer ul#credits li a.wordpress { width: 21px; }
				#footer ul#credits li a.spoongraphics { width: 26px; background-position: 26px 0; }
				
	#footer p#back-top {
		float: right; margin: 25px 20px 0 0;
	}
		#footer p#back-top a {
			font-size: 12px; text-transform: uppercase; text-decoration: none;
			color: #a42988; text-shadow: 0 2px 0px #fff;
		}
			#footer p#back-top a:hover, #footer p#back-top a:focus {
				color: #006ab1;
			}


a { outline: none; }

.png{

	margin: 10px 0 0;

	border-top: 1px solid #ccc;

	padding: 10px 0 0;

}



.png ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.png ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px solid #ccc;

}



.png h2, .png h3{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.png p.nocomments{

	padding: 0;

}



.png textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

}

/* Wordpress Alignment Stuff */

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

.alignleft {
	float: left;
	margin-right: 15px;
}