/*
Theme Name: snetErz.com
Theme URI: http://sneterz.com
Description: The theme designed for snetErz.com by Ernest Cook.
Version: 1.0
Author: Ernest Cook
Author URI: http://sneterz.com/
Tags: green, grey, web, design, sneterz

	snetErz.com 1.0
	 
	This theme was designed and built by Ernest Cook.

*/

body {
	width: 100%;
	margin: 0;
	background-color: #CCC;
	font-family: Verdana;
	}
h2 {
	font-size: 24px;
	font-weight: bold;
	margin-left: 5px;
	clear: both;
	}
h3, strong {
	font-size: 14px;
	font-weight: bold;
	clear: both;
	}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	clear: both;
	}
h5, h6 {
	font-size: 12px;
	font-weight: bold;
	}
textarea {
	color: #353535;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	width: 628px;
	border: #999 1px solid;
	}
input {
	color: #353535;
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px;
	height: 30px;
	border: #999 1px solid;
	}
.contactSubmit input {
	margin: 5px 0;
	}
/* Fonts */

.searchinput {
	background: url(/wp-content/themes/sneterz/images/input.gif) top left no-repeat;
	width: 180px;
	height: 26px;
	margin: 5px;
	padding: 0 5px;
	font-size: 14px;
	color: #353535;
	border: 0px;
	}
.searchbutton {
	background-color: #333;
	float: right;
	color: #EEE;
	margin-right: 5px;
	height: 20px;
	border: 0px;
	}
.content, .replies p {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	color: #666;
	padding: 5px 5px;
	}
	.readitalic {
		font-size: 14px;
		font-weight: normal;
		font-style: italic;
		text-decoration: underline;
		color: #99CC33;
		}
	.readitalic:hover {
		color: #454545;
		}
.postdate, .commentmetadata {
	font-size: 12px;
	font-style: italic;
	color: #999;
	padding: 0px 5px 5px 5px;
	}
	.date {
		text-transform: uppercase;
	}
	.author {
		font-size: 12px;
		font-weight: bold;
		font-style: normal;
		text-decoration: underline;
		color: #99CC33;
		}
	.author:hover {
		color: #454545;
		}
.postfoot { clear: both; }
.postfoot, .navigation {
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #999;
	}
	.postfoot p {
		margin: 0 5px;
		}
	.postfoot a, .navigation a {
		color: #99CC33;
		}
	.postfoot a:hover, .navigation a:hover {
		color: #454545;
		}
	.lar a {
		float: right;
		text-decoration: none;
		color: #999;
		}
	.lar a:hover {
		color: #666;
		}
.videotitle {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #353535;
	padding-left: 5px;
	}
	.app {
		font-weight: normal;
		color: #666;
		}
.righttitle {
		height: 30px;
		line-height: 30px;
		background: #F8F8F8;
		border-bottom: #CCC 1px solid;
		width: 100%;
	}
.righttitle h3 { padding-left: 30px; }
h3.recentproj { background: url(/wp-content/themes/sneterz/images/recentproj.gif) no-repeat; }
h3.recentover { background: url(/wp-content/themes/sneterz/images/recentover.gif) no-repeat; }
h3.categories { background: url(/wp-content/themes/sneterz/images/categories.gif) no-repeat; }
h3.tweets { background: url(/wp-content/themes/sneterz/images/tweets.gif) no-repeat; }
h3.randomweb { background: url(/wp-content/themes/sneterz/images/randomweb.gif) no-repeat; }
.commenttitle, .comlar {
		height: 30px;
		line-height: 30px;
		background-color: #F8F8F8;
		border-bottom: #CCC 1px solid;
		padding-left: 10px;
		}
.footer p {
	font-size: 12px;
	}

/* Links */
a {
	color: #99CC33;
	}
a:hover {
	color: #454545;
	}
.commentmetadata a {
	text-decoration: none;
	color: #999;
	}
.commentmetadata a:hover {
	color: #666;
	}
.posttitle {
	color: #353535;
	text-decoration: none;
	text-transform: uppercase;
	}
.posttitle:hover {
	color: #666;
	text-decoration: none;
	}
.readnorm {
	float: right;
	font-style: normal;
	color: #99CC33;
	margin: 5px;
	}
.readnorm:hover {
	color: #454545;
	}
.tweetime {
	text-transform: uppercase;
	}
.the_tags, .the_tags a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	}
.the_tags a:hover {
	color: #666;
	}
/* Site */

#container {
	width: 1070px;
	margin: 0 auto;
	}

#left {
	width: 200px;
	float: left;
	margin: 5px;
	}
	.logo {
		width: 200px;
		height: 95px;
		background-image: url(/wp-content/themes/sneterz/images/logo.gif);
		}
		.logo h1 { display: none; }
	.nav ul {
		font: 31px Helvetica;
		}
	.nav li {
		margin: 5px 0;
		}
	.nav li a {
		display: block;
		height: 25px;
		line-height: 25px;
		color: #FFF;
		background: #333;
		text-transform: lowercase;
		text-decoration: none;
		margin: 5px 0;
		padding-left: 5px;
		}
	.nav li a:hover {
		color: #99CC33;
		background: #454545;
		}
	li.current_page_item a, li.current_page_item a:hover, li.current_page_parent a, li.current_page_parent a:hover {
		color: #99CC33;
		background: #454545;
		}
	.social {
		margin: 5px 0;
		}
		.social li {
			float: left;
			margin: 0 2px;
			}
			.social li.first {
				margin: 0 2px 0 0;
				}
			.social li.last {
				margin: 0 0 0 2px;
				}
	.searchbox {
		clear: both;
		height: 60px;
		background-color: #333;
		}
#center {
	width: 650px;
	float: left;
	margin: 5px 0;
	}
	.video {
		padding: 5px;
		background-color: #EEE;
		margin-bottom: 5px;
		}
		.videotitle {
			height: 30px;
			margin-bottom: 5px;
			background-color: #EEE;
			}
	.replies {
		background-color: #eee;
		}
	.commentlist {
		margin: 5px;
		padding-bottom: 5px;
		}
		.vcard {
			margin: 2px;
			}
		.even {
			border-bottom: #CCC 1px solid;
		}
		.odd {
			background-color: #F8F8F8;
			border-bottom: #CCC 1px solid;
		}
		.comment-author-admin {
			background-color: #E7FFBB;
			background-image: url();
			border: #AACC66 2px solid;
		}
	.post {
		margin-bottom: 5px;
		}
		.title {
			background-color: #F8F8F8;
			border-bottom: #CCC 1px solid;
			width: 100%;
			}
		.content {
			background-color: #EEE;
			}
		.the_tags {
			width: 638px;
			background-color: #DDD;
			border: #CCC 1px solid;
			color: #999;
			}
		.postmetadata {
			background-color: #CCC;
			padding: 5px;
			}
		.postfoot {
			background-color: #F8F8F8;
			border-top: #CCC 1px solid;
			width: 100%;
			}
		.navigation {
			background: #F8F8F8;
			width: 100%;
			}
			.alignleft {
				padding: 0 5px;
				float: left;
				}
			.alignright {
				padding: 0 5px;
				float: right;
				}
		.proj_about {
			text-align: justify;
			}
		.proj_details {
			margin: 5px 0 0 5px;
			padding: 0 5px;
			background: #FFF;
			border: #999 1px solid;
			width: 200px;
			float: right;
			}
			.proj_details strong { color: #333; text-transform: uppercase; }
			.proj_details ul {
				margin-bottom: 5px;
				font-size: 10px;
				font-weight: bold;
				}
			.proj_details li {
				padding: 0 2px;
				line-height: 20px;
				}
			.proj_details li.alt {
				background: #EEE;
				}
		.proj_view {
			line-height: 30px;
			width: 125px;
			background: #333;
			text-align: center;
			}
		.proj_view:hover {
			background: #444;
			}
			.proj_view a {
				color: #FFF;
				font-size: 10px;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
				display: block;
				}
#right {
	width: 200px;
	float: left;
	margin: 5px;
	}
	.sidebox {
		background-color: #EEE;
		margin-bottom: 5px;
		}
		.sidebox ul {
			list-style: none;
			font-size: 12px;
			}
		.sidebox li {
			border-bottom: #CCC 1px solid;
			}
		.sidebox li a {
			display: block;
			height: 30px;
			line-height: 30px;
			color: #333;
			text-decoration: none;
			padding-left: 10px;
			}
		.sidebox li a:hover {
			color: #99CC33;
			background: #F8F8F8;
			}
		.sidebox li.current_page_item a, .sidebox li.current_page_item a:hover, li.current-cat a, li.current-cat a:hover {
			color: #333;
			background: #FAFAFA;
			font-weight: bold;
			}
		#tweet li {
			border-bottom: 0px;
			}
		#tweet li a {
			display: inline;
			height: 20px;
			line-height: 20px;
			color: #333;
			text-decoration: none;
			padding: 0 10px 0 0;
			}
		#tweet li a:hover {
			color: #99CC33;
			background: #EEE;
			}
		.tpost {
			clear: both;
			font-size: 12px;
			font-style: italic;
			color: #8A8A8A;
			padding: 0 10px;
			}
	.footer {
		background-color: #F8F8F8;
		color: #353535;
		padding: 40px 0 5px 10px;
		}

/*--- Home Panel ---*/
/*--- Home Page Only ---*/
#homepanel p, #homepanel h3, #homepanel ul { margin: 0; padding: 0; border: 0; }
 
/* Backgorund & Structure */
.homeTop {
	height: 210px;
	background: url(images/homeTop.jpg) no-repeat top left;
	padding: 40px 0 0 40px;
}
.homeMid {
	height: 210px;
	background: url(images/homeMid.jpg) no-repeat top left;
	padding: 20px 20px 0 0;
}
.homeBot {
	height: 250px;
	background: url(images/homeBot.png) no-repeat top left;
}
.homeTop h3, .homeTop p { color: #FFF;}
.homeTop h3 { font: 24px bold Verdana, sans-serif; text-transform: uppercase; }
.homeTop p { font: 14px/24px Verdana, sans-serif; width: 380px; }
.homeMid .list { float: right; }
.homeMid .list li {
	padding: 0 10px;
	font: 16px/30px bold Verdana, sans-serif;
	border-top: #666 1px dotted;
	text-transform: uppercase;
	text-align: right;
	list-style: none;
}
.homeMid li.listlast {
	border-bottom: #666 1px dotted;
}
/* Buttons */
p.homeBtn { 
	width: 100px;
	background: url(images/homeBtn.png) no-repeat top left;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	top: 10px;
}
.homeBtn a { color: #FFF; text-decoration: none; }
.homeBtn a:hover { color: #EEE; }