* {
	margin: 0;
	padding: 0;
}

body {
	background: #003366 url('images/background.jpg') top center fixed;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

p {
	margin-bottom: .5em;
	line-height: 1.6em;
}

a, a:visited {
	text-decoration: none;
	color: #cc0000;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}
		
		#ie {
			display: block;
			padding: 10px;
			font-size: 18px;
			background-color: rgb(255, 251, 204); 
			border-color: rgb(230, 219, 85);
			margin-bottom: 1em;
			display: none;
		}
		
		.info {
			display: block;
			padding: 5px;
			background-color: rgb(255, 251, 204); 
			border-color: rgb(230, 219, 85);
			text-align: center;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-bottom: 1em;
		}

input.for-comment, textarea.for-comment {
	border: 0;
	background: url('images/search_background.png') top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cccccc;
	padding: 5px;
	outline: none;
}

input.for-comment:focus, textarea.for-comment:focus {
	border: 1px solid #000000;
}

#container {
	width: 960px;
	max-width: 960px;
	margin-top: 3em;
	margin-left: auto;
	margin-right: auto;
}
	
	.cleaner {
		clear: both;
	}
	
	.logo {
		text-align: left;
		display: block;
		width: 951px;
		margin-left: 1.5em;
	}
	
	.menu {
		text-align: left;
		display: block;
		width: 951px;
		height: 88px;
		background: url('images/menu_background.png') top center no-repeat;
		position: relative;
	}
		
		.menu ul {
			padding-top: 2.8em;
			padding-left: 2.5em;
		}
		
		.menu ul li{
			display: inline-block;
			text-align: center;
			margin-right: .5em;
			width: 105px;
			height: 30px;
			padding-top: 6px;
		}
		
			.menu ul li.selected, .menu ul li:hover {
				background: url('images/menu_hover.png') top center no-repeat;
				cursor: pointer;
			}
		
		.menu ul li a , .menu ul li a:visited {
			display: inline-block;
			color: #fff;
			text-shadow: 1px 1px #333;
			font-size: 17px;
			background: none;
		}
		
		.menu ul li a:hover {
			text-decoration: none;
		}
		
		div.search-block {
			display: block;
			position: absolute;
			right: 0;
			margin-top: -2.7em;
			margin-right: 5em;
		}
			
			input.search {
				border: 0;
				background: url('images/search_background.png') top left repeat-x;
				height: 21px;
				padding-left: 10px; 
				display: inline;
				font-size: 13px;
				padding-top: .3em;
				-moz-border-radius-topleft: 5px;
				-webkit-border-top-left-radius: 5px;
				-moz-border-radius-topright: 0px;
				-webkit-border-top-right-radius: 0px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius: 5px;
			}
			
				input.search:focus {
					outline: none;
				}
			
			input.search-img {
				display: inline;
				vertical-align: top;
			}
	
	.content {
		text-align: left;
		display: block;
		width: 951px;
		background: url('images/content_background_middle.png') top center repeat-y;
		padding-top: 2em;
	}
		
		.content div.left {
			float: left;
			width: 555px;
			padding-left: 5em;
			margin-right: 1em;
		}
			
			div.posts {
				display: block;
				margin-bottom: 4em;
			}
				
				.the-date {
					float: left;
					width: 51px;
					height: 51px;
					margin-right: .5em;
					background: url('images/date_background.png') top left no-repeat;
					position: relative;
					color: #ffffff;
					text-shadow: 1px 1px #333;
					text-align: center;
					padding-top: 5px;
				}
					
					span.month {
						font-size: 9px;
						display: block;
					}
					
					span.date {
						font-size: 32px;
					}
					
				.the-title {
					margin-left: .5em;
					margin-bottom: 1em;
				}
				
					h2.title a {
						font-size: 25px;
						color: #cc0000;
						font-weight: normal;
						letter-spacing: -.06em;
						background: none;
					}
				
					h2.title-small a {
						font-size: 12px;
						color: #cc0000;
						font-weight: normal;
						letter-spacing: -.06em;
						background: none;
					}
					
					h2.notfound {
						font-size: 40px;
						color: #cc0000;
						font-weight: normal;
						letter-spacing: -.06em;
						text-shadow: 1px 1px #3a3a3a;
						background: none;
					}
					
					h2.pagetitle {
						font-size: 30px;
						color: #cc0000;
						letter-spacing: -.04em;
						text-shadow: 1px 1px #3a3a3a;
						margin-bottom: .5em;
						background: none;
					}
						
						span.total-comments-left {
							float : left;
							height: 20px;
							width: 27px;
							background: url('images/comment_left.png') top left no-repeat;
						}
						
						span.total-comments-center {
							float : left;
							height: 20px;
							background: url('images/comment_center.png') top left repeat-x;
							color: #ffffff;
							padding-right: 1em;
							padding-left: .3em;
							padding-top: .3em;
						}
							
							span.total-comments-center a, span.total-comments-center a:visited {
								color: #ffffff;
								background: none;
							}
						
						span.total-comments-right {
							float : left;
							height: 20px;
							width: 20px;
							background: url('images/comment_right.png') top left no-repeat;
						}
				
				.image-post {
					display: block;
					width: 528px;
					height: 120px;
					background: url('images/postimg_background.png') top left no-repeat;
					margin-bottom: 1em;
				}
				
				p.content-post {
					display: block;
					width: 528px;
					margin-bottom: 1.5em;
					line-height: 1.6em;
				}
				
				p.after-content-post {
					margin-top: 2em;
				}
						
				span.tags-left {
					float : left;
					height: 17px;
					width: 17px;
					background: url('images/tags_left.png') top left no-repeat;
				}
						
				span.tags-center {
					float : left;
					height: 17px;
					background: url('images/tags_center.png') top left repeat-x;
					color: #ffffff;
					padding-right: 1em;
					padding-left: .3em;
				}
					
					span.tags-center a, span.tags-center a:visited {
						color: #fff;
						background: none;
					}
						
				span.tags-right {
					float : left;
					height: 17px;
					width: 17px;
					background: url('images/tags_right.png') top left no-repeat;
				}
				
				span.post-share-tags {
					float:left;
					width: 50px;
					font-weight: bold;
				}
			
		.content div.right {
			float: left;
			width: 270px;
		}
			
			.block {
				display: block;
				margin-bottom: 2em;
				position: relative;
				width: 270px;
				max-width: 250px;
			}
			
			.block-twitter {
				display: block;
				margin-bottom: .5em;
				position: relative;
				width: 270px;
				max-width: 250px;
			}
				
				.rss-block {
					display: block;
					padding-left: 1.8em;
					padding-top: 2em;
					width: 256px;
					height: 100px;
					background: url('images/rss_background.png') top left no-repeat;
					position: relative;
				}
					
					.rss-icon {
						float: left;
					}
					
					.rss-subscribe {
						font-size: 20px;
					}
					
						.rss-subscribe a, .rss-subscribe a:visited {
								color: #cc0000;
							background: none;
						} 
				
				span.sidebar-tags-left {
					float : left;
					height: 27px;
					width: 27px;
					background: url('images/tags_menu_left.png') top left no-repeat;
				}
				
				span.sidebar-hot-left {
					float : left;
					height: 27px;
					width: 27px;
					background: url('images/hot_menu_left.png') top left no-repeat;
				}
				
				span.sidebar-comment-left {
					float : left;
					height: 27px;
					width: 27px;
					background: url('images/comment_menu_left.png') top left no-repeat;
				}
						
				span.sidebar-center {
					float : left;
					height: 27px;
					min-width: 180px;
					background: url('images/sidebar_menu_center.png') top left repeat-x;
					color: #ffffff;
					padding-right: 1em;
					padding-left: .3em;
					padding-top: .3em;
					font-size: 16px;
					margin-bottom: .5em;
					text-shadow: 1px 1px #333;
				}
							
					span.sidebar-center a, span.sidebar-center a:visited{
						color: #ffffff;
						background: none;
					}
						
				span.sidebar-right {
					float : left;
					height: 27px;
					width: 20px;
					background: url('images/sidebar_menu_right.png') top left no-repeat;
				}
				
				ul.wp-tag-cloud li {
					background: url('images/tags_sidebar.png') top left no-repeat;
					display: inline-block;
					height: 22px;
					padding-left: 1.8em;
				}
					
					ul.wp-tag-cloud li a, ul.wp-tag-cloud li a:visited {
						background: url('images/tags_sidebar_right.png') top right no-repeat;
						height: 27px;
						min-width: 9px;
						padding-right: 2em;
						padding-top: .1em;
						display: inline-block;
						color: #ffffff;
					}
				
				li.the-list {
					border-bottom: 1px dotted #cccccc;
					list-style-type: none;
					display: block;
					padding: 10px 0;
					color: #999999;
				}
					
					li.the-list a, li.the-list a:visited {
						color: #000;
						background: none;
					}
	
	.close-content {
		text-align: left;
		display: block;
		width: 951px;
		height: 92px;
		background: url('images/content_background_bottom.png') top center no-repeat;
	}
	
	.footer {
		margin-top: -10px;
		color: #ffffff;
		text-align: left;
		margin-left: 2.5em;
		margin-bottom: 4em;
	}
		
		.footer span.left {
			float: left;
			width: 760px;
		}
		
		.footer span.right {
			float: left;
		}
			
			.footer span.right a, .footer span.right a:visited, .footer span.left a, .footer span.left a:visited{
				color: #ffffff;
				background: none;
			}
	
	/* Styles for WP */
	.more-link {
		margin: 1em 0;
		display: block;
	}
	
	.label-comment {
		width: 100px;
		display: inline-table;
	}
	
	.comment-author {
		display: inline-block;
		width: 80px;
		max-width: 80px;
		float: left;
		margin-right: 1em;
	}
		
		.comment-author a, .comment-author a:visited {
			color: #000000;
			text-decoration: underline;
			background: none;
		}
	
	.comment-meta {
		float: left;
		display: block;
		background: url('images/comment_bubble_top.jpg') top left no-repeat;
		width: 370px;
		min-height: 56px;
		overflow: hidden;
		padding: 2em 0em 0 2em;
	}
	
	.comment-author-admin div.comment-meta {
		float: left;
		display: block;
		background: url('images/comment_bubble_top_admin.jpg') top left no-repeat;
		width: 370px;
		min-height: 56px;
		overflow: hidden;
		padding: 2em 0em 0 2em;
	}
	
		.comment-meta a, .comment-meta a:visited {
			color: #000000;
			background: none;
		}
		
		.comment-meta p {
			display: block;
			margin-bottom: 1em;
		}
	
	.byuser, .even, .odd {
		display: block;
		margin-bottom: 2em;
	}
	
	.awaiting-moderation {
		background: #ffffcc;
	}
	
	.navigation {
		clear: both;
		display: block;
	}
		
		.navigation div.alignleft {
			float: left;
			display: block;
			width: 350px;
			margin-right: 50px;
		}
		
			.navigation div.alignleft a{
				color: #ffffff;
				background: url('images/pagination_left.png') top left no-repeat;
				padding: 1em 0 0 2.5em;	
				display: block;
				height: 39px;
			}
		
		.navigation div.alignright {
			float: left;
			display: block;
		}
		
			.navigation div.alignright a{
				color: #ffffff;
				background: url('images/pagination_right.png') top left no-repeat;
				padding: 1em 0 0 2em;	
				display: block;
				height: 39px;
				width: 100px;	
			}
	
	.required-small {
		background: #FFFBCC;
	}
	
	div.wpcf7-mail-sent-ok {
		border: 0;
		padding: 5px;
		background: #FFFBCC;
		font-style: italic;
	}
	
	.button-download-psd {
		text-indent: -200%;
		float: left;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Download PSD-Sprite.jpg') top left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.button-download-psd:hover {
		text-indent: -200%;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Download PSD-Sprite.jpg') bottom left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.button-preview-jpeg {
		text-indent: -200%;
		float: left;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Preview JPEG-Sprite.jpg') top left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.button-preview-jpeg:hover {
		text-indent: -200%;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Preview JPEG-Sprite.jpg') bottom left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.button-show-implementation {
		text-indent: -200%;
		float: left;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Show Implementation.png') top left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.button-show-implementation:hover {
		text-indent: -200%;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Show Implementation.png') bottom left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.button-download-source {
		text-indent: -200%;
		float: left;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Download Source.png') top left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.button-download-source:hover {
		text-indent: -200%;
		display: block;
		width: 216px;
		height: 72px;
		background: url('images/Download Source.png') bottom left no-repeat;
		cursor: pointer;
		margin: 1em;
	}
	
	.image-stuff {
		float: left;
		margin-right: .5em;
		margin-left: .5em;
		background: url('images/thumbnail_background.jpg') center center no-repeat;
		width: 35px;
		height: 35px;
	}
		
		.image-stuff img {
			padding: .45em 0 0 .45em;
		}
	
	.post-stuff {
		float: left;
		white-space: normal;
		max-width: 200px;
		padding-top: .3em;
	}
	

	.more-tags, .more-stuff {
		cursor: pointer; 
		padding-top: 15px; 
		background: url('images/shade-tag.png') center top no-repeat;
		display:block;
		font-size: 15px; 
		font-weight: bold; 
		text-align: center;
		color: #cc0000;
	}