/*
Theme Name: Greg Findley Portfolio Theme
Theme URI: http://gregfindley.com/
Description: 
Author: Greg Findley
Author URI: http://gregfindley.com/
*/

* {
	padding: 0;
	margin: 0;
}

body {
	background: #343434;
        background-image: url('http://www.gregfindley.com/wp-content/themes/gregfindley/images/misc/background.gif');
        background-repeat: repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	margin: 10px 0 30px 0;
}

a,
a:link,
a:visited {
	color: #4aa8cc;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #7c7c7c;
}

/* *** Misc global styles *** */
.clear { clear: both; }

.leftFloat { float: left; }
.rightFloat { float: right; }

a img { border: 0; }
.imgSmallPad {
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
}
.imgPad {
	padding: 7px;
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
}
a .imgPad:hover { background: #7c7c7c; }
.italic { font-style: italic; }
#wrapper {
	width: 979px;
	margin: 0 auto;
margin-top: 125px;
	background: #FFF url(images/wrapper.gif) repeat-y top left;
}
h1, h2, h3 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
h3 {
	font-size: 16px;
	font-weight: bold;
}

/* *** sidebar *** */
	#sidebar {
		width: 325px;
		float: left;
	}
		#sidebar h1 {
margin-top: -115px;
position: relative;
			height: 126px;
			background: url(images/sidebar/logo.png) no-repeat top left;
		}
			#sidebar h1 a {
				display: block;
				height: 126px;
				text-indent: -9999px;
				outline: none;
                                position: relative;
			}
		.sideSpacer {
			background: url(images/sidebar/bg.gif) repeat-y top right #f8f8f8;
			height: 15px;
margin-right: 1px;
		}
		#intro {
			padding: 5px 25px 20px 7px;
margin-right: 1px;
			line-height: 140%;
			background: url(images/sidebar/bg.gif) repeat-y top right #f8f8f8;
		}
			#intro h2 {
				height: 27px;
				background: url(images/sidebar/hi.gif) no-repeat center left;
				background-position: 81px 50%;
				text-indent: -9999px;
				margin-bottom: 7px;
			}
			#intro img {
				margin-right: 15px;
			}
	/* *** navigation *** */
		#nav {
margin-right: 1px;
			margin-bottom: 30px;
		}
			#nav li {
				list-style: none outside;
				height: 39px;
				margin-bottom: 1px;
			}
				#nav li a {
					display: block;
					height: 39px;
					text-indent: -9999px;
					outline: none;
				}
			#nav1 a {
				background: url(images/nav/home.gif) no-repeat top right #e7e7e7;
			}
				#nav1 a:hover {
					background-position: bottom right;
				}
				.nav1Cur {
					background: url(images/nav/1_a.gif) no-repeat center right #4ba9cf !important;
				}
			#nav2 a {
				background: url(images/nav/services.gif) no-repeat top right #e7e7e7;
			}
				#nav2 a:hover {
					background-position: bottom right;
				}
				.nav2Cur {
					background: url(images/nav/2_a.gif) no-repeat center right #4ba9cf !important;
				}
			#nav3 a {
				background: url(images/nav/portfolio.gif) no-repeat top right #e7e7e7;
			}
				#nav3 a:hover {
					background-position: bottom right;
				}
				.nav3Cur {
					background: url(images/nav/3_a.gif) no-repeat center right #4ba9cf !important;
				}
			#nav4 a {
				background: url(images/nav/blog.gif) no-repeat top right #e7e7e7;
			}
				#nav4 a:hover {
					background-position: bottom right;
				}
				.nav4Cur {
					background: url(images/nav/4_a.gif) no-repeat center right #4ba9cf !important;
				}
			#nav5 a {
				background: url(images/nav/about.gif) no-repeat top right #e7e7e7;
			}
				#nav5 a:hover {
					background-position: bottom right;
				}
				.nav5Cur {
					background: url(images/nav/5_a.gif) no-repeat center right #4ba9cf !important;
				}
			#nav6 a {
				background: url(images/nav/contact.gif) no-repeat top right #e7e7e7;
			}
				#nav6 a:hover {
					background-position: bottom right;
				}
				.nav6Cur {
					background: url(images/nav/6_a.gif) no-repeat center right #4ba9cf !important;
				}
				.nav1Cur a, .nav2Cur a, .nav3Cur a,
				.nav4Cur a, .nav5Cur a, .nav6Cur a,
				.nav1Cur a:hover, .nav2Cur a:hover, .nav3Cur a:hover,
				.nav4Cur a:hover, .nav5Cur a:hover, .nav6Cur a:hover {
					background-image: none !important;
					background-color: transparent !important;
				}
				
	/* *** side boxes *** */
		.sideBlock {
			padding-bottom: 20px;
			padding-left: 7px;
			line-height: 140%;
			padding-right: 25px;
		}
			.sideBlock h2 {
				height: 27px;
				text-indent: -9999px;
			}
			.sideBlock img {
				float: left;
			}
			.sideBlock a {
				font-weight: bold;
			}
			#sideDesign h2 {
				background: url(images/sidebar/h2_design.gif) no-repeat center left;
			}
			#sideDesign ul {
				list-style: none outside;
			}
			#sideTestimonials h2 {
				background: url(images/sidebar/h2_testimonials.gif) no-repeat center left;
			}
				.sideBlock h2, .sideBlock ul, .sideBlock p {
					margin-left: 80px;
					margin-bottom: 10px;
				}
			.testimonialAuthor {
				display: block;
				text-align: right;
				margin-top: 5px;
			}
			#sideTwitter h2 {
				background: url(images/sidebar/h2_twitter.gif) no-repeat center left;
			}
			#sidePricing h2 {
				background: url(images/sidebar/h2_pricing.gif) no-repeat center left;
			}

/* *** main content *** */
#main_content {
margin-top: -115px;
position: relative;
background: #FFF;
	width: 606px;
	float: right;
	padding: 24px;
}
	.mainContentH2 {
		height: 19px;
		text-indent: -9999px;
		margin-bottom: 5px;
	}
	.mainContentH3 {
		height: 22px;
		text-indent: -9999px;
		margin-bottom: 5px;
	}
	#main_content h2 {
		font: normal 20px Georgia, "Times New Roman", Times, serif;
		margin-bottom: 15px;
	}
		#main_content h2 a {
			color: #4c4c4c;
			text-decoration: none;
			font-weight: normal;
		}
		#main_content h2 a:hover {
			color: ##4AA8C;
			text-decoration: underline;
		}

/* *** index page styles *** */
	.post {
		border-bottom: 1px solid #969696;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
		.post a:hover {
			color: #4c4c4c !important;
		}
	.page {
		border: 0 !important;
	}
	.homePage .smallPost {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 18px;
		margin-top: 18px;
		border-top: 1px solid #969696;
		border-bottom: 0;
	}
	
		.post .imgPad {
		}
		.entry {
			line-height: 150%;
		}
			.entry p, .entry ul, .entry ol, .entry blockquote, .entry h2, .entry h3 {
				margin-bottom: 10px;
			}
			.entry blockquote {
				padding: 12px 36px;
				background: #f5f5f5 url(images/misc/blockquote_top.gif) no-repeat 8px 14px;
				border: 1px solid #e2e2e2;
			}
			.entry ul {
				margin-left: 30px;
			}
			.entry ol {
				margin-left: 35px;
			}
			.entry li {
				margin-bottom: 3px;
			}
		
		.viewProject, .readMore {
			display: block;
			height: 30px;
			width: 107px;
			float: right;
			border-right: 1px solid #e2e2e2;
		}
			.viewProject a, .readMore a {
				display: block;
				height: 30px;
				text-indent: -9999px;
				outline: none;
			}
		.viewProject a {
			background: url(images/misc/view-project.gif) no-repeat top center #4ba9cf;
		}
			.viewProject a:hover {
				background-position: bottom center;
			}
		.readMore a {
			background: url(images/misc/read-more.gif) no-repeat top center #4ba9cf;
		}
			.readMore a:hover {
				background-position: bottom center;
			}
		
		.postInfo {
			background: #f5f5f5;
			border: 1px solid #e2e2e2;
			border-right: 0;
			height: 28px;
			line-height: 28px;
			padding-left: 5px;
			word-spacing: 5px;
		}
		.postInfoPost {
			margin-top: 15px;
			word-spacing: normal;
			border-right: 1px solid #e2e2e2 !important;
		}
			.postInfo a {
				word-spacing: normal;
				font-weight: bold;
			}
			.postInfo a:hover {
				color: #7c7c7c !important;
			}
			
	
		/* *** latest post *** */
		.postLatest {
			padding: 0 !important;
			border: 0 !important;
			margin: 0 !important;
		}
			.postLatest h2 {
				margin-top: 15px;
			}
			.postLatest .postInfo { width: 491px; float: left; }
			.newPost {
				position: relative;
				margin-top: -87px;
				float: left;
			}
		/* *** post styles *** */
		.smallPost {
		}
		.smallPost h2 {
			padding-top: 5px;
		}
		.smallPost .entry {
			height: 75px;
		}
			.smallPost .postInfo {
				margin-left: 160px;
			}
			.postImg {
				float: left;
				margin-right: 12px;
			}
			
/* *** portfolio page styles *** */
h2#portfolio {
	background: url(images/portfolio/h2_portfolio.gif) no-repeat bottom left;
	margin-top: 9px;
}
h2#blog {
	background: url(images/misc/h2_blog.gif) no-repeat bottom left;
	margin-top: 9px;
	margin-bottom: 9px;
	height: 25px;
}
h2#contact {
	background: url(images/misc/h2_contact.gif) no-repeat bottom left;
	margin-top: 9px;
}
.portfolioPage .post {
	border-top: 0;
	border-bottom: 1px solid #969696;
}
			
/* *** about page styles *** */
.aboutPage .mainContentH2 {
	margin-bottom: 15px;
	padding-top: 9px;
}
	.aboutPage .rightFloat {
		margin-left: 25px;
	}
	.aboutPage .leftFloat {
		margin-right: 25px;
	}
	.aboutPage .entry p {
		margin-bottom: 15px;
	}
	
	h2#about {
		background: url(images/about/h2_about.gif) no-repeat bottom left;
	}
	#aboutPageAbout, #aboutPageBackground {
		padding-bottom: 18px;
		margin-bottom: 18px;
		border-bottom: 1px solid #969696;
	}
	
#aboutPageBackground {
}
	h2#background {
		background: url(images/about/h2_background.gif) no-repeat bottom left;
		margin-left: 175px;
		height: 25px;
		margin-bottom: 11px;
	}
	.aboutPageBackground .rightFloat, #aboutPageBackground .leftFloat {
		margin-bottom: 10px;
	}
	
#aboutPageProjects {
}
	h2#projects {
		background: url(images/about/h2_projects.gif) no-repeat bottom left;
		padding-top: 0;
		height: 25px;
		margin-bottom: 10px;
	}
	#aboutPageProjects p {
		margin-bottom: 15px;
	}
			
/* *** portfolio page styles *** */
.servicesPage .mainContentH2 {
	margin-bottom: 15px;
}
	.servicesForX, .servicesOffered {
		padding-top: 18px;
		margin-bottom: 18px;
	}
	.servicesPage .rightFloat {
		margin-left: 25px;
	}
	.servicesPage .leftFloat {
		margin-right: 25px;
                margin-bottom: 15px;
	}
	.servicesPage .entry p {
		margin-bottom: 15px;
	}
	
	h2#services {
		margin-top: -9px;
		background: url(images/services/h2_services.gif) no-repeat bottom left;
	}
	.servicesPage h3 {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	h3#graphicdesign {
		background: url(images/services/h3_graphicdesign.gif) no-repeat center left;
	}
	.servicesPage ul {
		margin: 0 0 20px 10px;
	}
		.servicesPage li {
			list-style: none outside;
		}
	h3#webdesign {
		background: url(images/services/h3_webdesign.gif) no-repeat center left;
	}
	
	.servicesForX {
		border-top: 1px solid #969696;
	}
	.servicesForX p {
		margin-bottom: 0 !important;
		margin-left: 183px;
	}
	.servicesForX img {
		margin-top: 
		margin-bottom: 20px !important;
	}

/* *** footer *** */
#footer {
	width: 952px;
	height: 40px;
	line-height: 40px;
	background: #CCC;
	border-top: 1px solid #969696;
	margin: 0 auto;
	padding-right: 27px;
}
	#footer a, #footer a:link, #footer a:visited { font-weight: normal; color: #343434; }
	#footer li a:hover { color: #0f7197; }
	#footerLeft {
		display: block;
		height: 40px;
		width: 325px;
		text-align: center;
		float: left;
		background: url(images/footer/bg.gif) repeat-y top right;
	}
	#footerRight {
		width: 95px;
		float: right;
		text-align: right;
		margin-right: 25px;
	}
	.wPLink {
		text-decoration: none !important;
		display: block;
		width: auto;
		padding-right: 28px;
		height: 38px;
		line-height: 38px;
		padding-top: 1px;
		float: right;
		background: url(images/footer/wordpress.gif) no-repeat center right;
		background-position: 100% 10px;
		outline: none;
	}
		.wPLink:hover { color: #343434 !important; }
	.wPLink span {
		display: none;
	}
	#footer ul {
		margin-left: 345px;
	}
		#footer li {
			float: left;
			list-style: none outside;
			margin-right: 7px;
		}
			#footer li a {
				margin-left: 5px;
			}
	
/* *** Post Page *** */	
.singlePost .post {
	margin-bottom: 25px;
}
	.singlePost .entry {
		margin-bottom: 25px;
	}
	#blockquote {
		margin-bottom: 14px;
		background: #f5f5f5 url(images/misc/blockquote_top.gif) no-repeat 8px 14px;
		border: 1px solid #e2e2e2;
	}
		#blockquote blockquote {
			padding: 12px 36px;
			line-height: 150%;
			background: url(images/misc/blockquote_bottom.gif) no-repeat bottom right;
			background-position: 98.5% 89%;
		}

	/* *** comments *** */
	#comments {
		padding-bottom: 10px;
	}
		#comments h3 {
			margin-bottom: 20px;
		}
		.commentlist li {
			list-style: none outside;
			margin-bottom: 18px;
		}
			.gravatar {
				width: 78px;
				height: 78px;
				display: block;
				border: 1px solid #acacac;
				float: left;
			}
			.comment {
				width: 510px;
				float: right;
			}
				.authorEtc {
					margin-bottom: 12px;
				}
					.authorEtc cite {
						font-style: normal;
						font-size: 14px;
						font-weight: bold;
						padding-right: 10px;
					}
						#comments a, #comments a:link, #comments a:visited,
						#respond a, #respond a:link, #respond a:visited {
							color: #7c7c7c;
						}
				.commentMsg, .greyBox {
					padding: 12px;
					background: #f5f5f5;
					border: 1px solid #e2e2e2;
					line-height: 138%;
				}
				.greyBox {
					margin-bottom: 15px;
				}
				
	/* *** comment form *** */
	#respond {
	}
		#respond h3 {
			margin-bottom: 10px;
		}
		#commentForm {
			margin-top: 10px;
			padding: 12px;
			background: #f5f5f5;
			border: 1px solid #e2e2e2;
		}
			#commentForm p {
				margin-bottom: 5px;
			}
			#commentForm label {
				display: block;
				width: 120px;
				float: left;
			}
			.cmtInput {
				font-size: 11px;
				padding: 4px;
				border: 1px solid #acacac;
			}
			#commentForm textarea {
				float: left;
				height: 87px;
				width: 347px;
				padding: 4px;
				border: 1px solid #acacac;
			}
			.contactForm .cmtInput {
				width: 200px !important;
			}
			.contactForm textarea {
				height: 104px !important;
			}
			.cmtGo {
				margin-top: 67px;
				margin-left: 10px;
				height: 30px;
				width: 85px;
				border: 0;
				background: url(images/misc/submit.gif) no-repeat center center #4ba9cf;
			}

/* Easy Slider */	
	.graphic, #header h1, #prevBtn, #nextBtn{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}		

	#slider{ margin: 0 auto; margin-bottom: 15px; width: 606px; }	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:606px;
		height:332px;
		overflow:hidden; 
		}	
	#slider li img {
		width: 590px;
		height: 316px;
	}
	#prevBtn, #nextBtn{ 
		display:block;
		width:32px;
		height: 30px;
		position:absolute;
		top: 191px;
		}	
	#nextBtn{ 
		left: 165px;
		margin-left: 433px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:32px;
		height: 30px;
		background:url(images/slider/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/slider/btn_next.gif) no-repeat 0 0;	
		}