/*
Theme Name: Partycle
Theme URI: http://www.blog.spoongraphics.co.uk/
Description: A Radical theme by Gerolf von Lengeling (gwolf.co.za) adapted form a theme by Chris Spooner of Blog.SpoonGraphics.
Version: 1.0
Author: Gerolf von Lengeling
Author URI: http://www.gwolf.co.za
*/

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;
text-shadow: 0 2px 0px #fff;
background: #eee url(images/body-bg.jpg) center top no-repeat;	

}

#flash_follow_partycle { 

position: absolute;
width: 100%;
height: 218px;
z-index:-1;
top: 0px;
left:0px;

padding:0;
}

#container {
	width: 925px; margin: 0 auto; padding: 143px 0 0 0; 
z-index:2;
}

#header {
z-index:3;
	background: url(images/header-bg.png) right bottom no-repeat; overflow: hidden;
	padding: 0 0 36px 0;

}

	#header h1 {
		float: left;


	}
	
	#header ul#categories{
		float: right; list-style: none; margin: 0 0 0 0;
	}

		#header ul#categories li {
			float: left; margin: 0 0 0 30px;
		}
		

                      #header ul#categories li a {
				display: block;
				font-size: 14px; font-weight: bold; text-transform: uppercase; color: #f58134;
				text-shadow: 0 2px 0px #fff; text-decoration: none;
			}
				#main ul#sub-categories li a:hover, #header ul#categories li a:hover, #header ul#categories li a:focus {
					color: #006ab1;
				}
	#main ul#sub-categories{
		padding: 0 0 20px 0;
	}

		#main ul#sub-categories  li {
                    display: inline;
                    list-style: none;
                    white-space: nowrap; 
		    margin: 0 30px 0 0;

		}
			#main ul#sub-categories li a {


        height: 2em; 
				
				font-size: 14px; font-weight: bold; text-transform: uppercase; color: #a42988;
				text-shadow: 0 2px 0px #fff; text-decoration: none;
			}

#content #pandora_header { 
position:relative;
top:-55px;
text-align: left;
}


#content {
 overflow:hidden; background: url(images/content-bg.png) right top repeat-y; 
}			


	#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: 18px; 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: 22px;
			}
			#content #main h2.title_pandora {
				color: #006ab1; margin: 0 ; font-size: 22px;
			}


		#content #main h3 {
			font-size: 14px; margin: 0 0 12px 0; text-shadow: 0 2px 0px #fff; text-transform: uppercase; color: #666;
		}
		
		#content #main h4 {
			font-size: 10px; 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: 14px;
		}
	
		#content #main .pagination {
			overflow: hidden;
		}
			#content #main .pagination p a {
				display: block; width: 160px; height: 24px; padding: 15px 20px; text-align: center;
				background: url(images/btn-bg.jpg);
			}
			#content #main .pagination p.older {
				float: left; 
			}
			#content #main .pagination p.newer {
				float: right; margin: 0 47px 0 0;
			}
	
#content #main .post {
	background: url(images/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(images/date-bg.jpg);
		text-align: center; 
	}
		#content #main .post .date p {
			font-size: 32px; 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;		
	}
		

#post-meta-top { height: 14px; 
background:  url(images/meta-bg_top.jpg) left top no-repeat; overflow: hidden; 

	}
#post-meta-bottom { height: 14px;
background:  url(images/meta-bg_bottom.jpg) left bottom no-repeat; overflow: hidden; 

	}

#content #main .post .post-content {
	width: 556px; float: left;
}
	#content #main .post .post-content ul.post-meta {
		width: 514px;  list-style: none; padding: 0px 20px; margin: 0;
		background: #d6d6d6 url(images/meta-bg_mid.jpg) left top repeat-y; overflow: hidden; 
	}

		#content #main .post .post-content ul.post-meta li {
			float: left; margin: 0 20px 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(images/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(images/btn-bg.jpg);
						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;
							}
	
 #side {
	position: relative; 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(images/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(images/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(images/social-icons/twitter_32.png);
				}
				#content #side ul#follow-me li a.facebook {
					background: url(images/social-icons/facebook_32.png);
				}
				#content #side ul#follow-me li a.flickr {
					background: url(images/social-icons/flickr_32.png);
				}
				#content #side ul#follow-me li a.youtube {
					background: url(images/social-icons/youtube_32.png);
				}
				#content #side ul#follow-me li a.vimeo {
					background: url(images/social-icons/vimeo_32.png);
				}
				#content #side ul#follow-me li a.delicious {
					background: url(images/social-icons/delicious_32.png);
				}
				#content #side ul#follow-me li a.digg {
					background: url(images/social-icons/digg_32.png);
				}
				#content #side ul#follow-me li a.lastfm {
					background: url(images/social-icons/lastfm_32.png);
				}
				#content #side ul#follow-me li a.picasa {
					background: url(images/social-icons/picasa_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(images/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(images/search-btn.png); text-indent: -9999px; padding: 0 0 0 27px;
	}

#wp_cumulus { 

position: absolute;
top: 350px;
left:-30px;
z-index:99;
padding:0px;
}
#content #side #logo {
	padding: 20px 0 0 0;
}	

#footer {
	background: url(images/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(images/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 ul#credits li a.gwolfcoza { width: 15px; height: 21px; background: url(images/g-wolf_thumb.gif)}
				
	#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; }

/* Wordpress Alignment Stuff */

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

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

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