/*
Theme Name: Andrew Gormley.com 
Theme URI: http://andrewgormley.com
Description: The awesome layout I decided to use for AndrewGormley.com
Version: 1.0 "Cadence"
Author: Andrew Gormley
Author URI: http://andrewgormley.com/
Tags: grungy, gray, contrast
*/

@import "reset.css";

body {
	background: #afafaf url('images/background.jpg') center top no-repeat;
	background-attachment: fixed; 
	text-align: center; }
	
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left; }
	
	#header { }
	
		h1 { 
			background: url('images/logo.png') no-repeat;
			width: 683px;
			height: 113px;
			text-indent: -9000px;
			position: absolute;
			margin-left: -58px;
			z-index: 10; }
			
		#header form { float: right; margin: 12px 0 16px 0; background: url('images/search-bg.png') no-repeat; height: 45px; }
		#header form label.screen-reader-text{ display: none; }
		#header form div { overflow: hidden; }
		#header form div input#s { 
			width: 170px; /* 178px total, but accounting for 4px padding on left and right we get: 178 - (4*2) = 170 */
			height: 16px; /* Same here... 24px total, but accounting for 4px padding on top and bottom we get: 24 - (4*2) = 16 */
			background: #babb8e url('images/searchbox-bg.png'); 
			outline: 0;
			border: 0;
			padding: 4px;
			margin: 10px 0 0 26px;
			font-weight: bold;
			float: left; }
		#header form div input#searchsubmit {
			width: 24px;
			height: 45px;
			background: url('images/search-button.png') no-repeat;
			text-indent: -9000px;
			border: 0;
			outline: 0;
			margin-left: 14px;
			cursor: pointer; }
			
	#nav { background: url('images/nav-bg.png') no-repeat; width: 900px; height: 40px; clear: both; overflow: hidden; }
		#nav ul { margin: 8px 0 0 260px; padding: 0; position: absolute; z-index: 15; }
		#nav ul li { display: inline; list-style: none; }
		#nav ul li a { display: block; outline: 0; float: left; height: 25px; margin-right: 30px; padding: 0; text-indent: -9000px; }
		#nav ul li a:hover { background-position: left bottom; }
			.home { width: 69px; background: url('images/nav-home.png'); }
			.archives { width: 111px; background: url('images/nav-archives.png'); }
			.portfolio { width: 128px; background: url('images/nav-portfolio.png'); }
			.about { width: 82px; background: url('images/nav-about.png'); }
			.contact { width: 107px; background: url('images/nav-contact.png'); margin-right: 0; }
			
	.middle-image { clear: both; margin: 20px 0; }
	
	#content { 
		float: left; 
		width: 556px;
		background: url('images/content-bg.png');
		color: #eee;
		margin-bottom: 20px; }
		
		#content p.bigger { 
			font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
			font-size: 18px; 
			text-transform: uppercase; 
			margin-bottom: 8px;
			color: #fefdbc; }
			
		#content p.bigger-reg { 
			font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
			font-size: 18px; 
			text-transform: uppercase; 
			margin-bottom: 8px;
			text-align: justify; }
			
		#content p.bigger-reg-nocaps {
			font-size: 18px;
			margin-bottom: 8px;
			text-align: justify; }
			
		.entry h3 { 
			font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
			font-size: 18px; 
			text-transform: uppercase; 
			margin-bottom: 8px;
			color: #fefdbc; }
		
		.section-title { float: left; margin-left: -20px; width: 554px; height: 64px; background: url('images/blog-title.png'); }
		.section-title h2 { margin: 6px 0 0 40px; padding: 0; font-size: 24px; color: #eee; font-family: Aller, sans-serif; }
		.archives p { margin: 8px 20px; color: #a5a5a5; font-family: Georgia, "Times New Roman", serif; font-size: 14px; }
		.archives ul { margin: 20px; font-family: Georgia, "Times New Roman", serif; font-size: 14px; }
		.archives ul li { list-style: none; padding: 10px 0; border-bottom: 1px solid #414141; }
		span.recentdate { display: block; } /* used to style the date appearing on the archives page */
		
		.about p { font-family: Georgia, "Times New Roman", serif; font-size: 14px; margin: 16px 20px; }
		.about img.banner { margin: 10px 20px; }
		.about ul { margin: 20px 20px 20px 40px; font-family: Georgia, "Times New Roman", serif; font-size: 14px; }
		
		.archive h3 { margin: 10px 20px; }
		
		.portfolio { }
		.portfolio p { font-family: Georgia, "Times New Roman", serif; font-size: 14px; margin: 16px 20px; }
		.portfolio ul { font-family: Georgia, "Times New Roman", serif; font-size: 14px; margin: 16px 20px 16px 40px; }
		p.project-title { 
			text-transform: uppercase; 
			font-size: 14px; 
			color: #fefdbc;
			margin-bottom: 2px;
			font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
		.featured-image { float: right; margin: 0 20px 10px 10px; }
		
		#accordion { margin: 0 20px 20px 20px; }
			#accordion div { padding: 16px 0; border-top: 1px solid #414141; }
			#accordion div div { padding: 0; border: 0; }
				.year-2008 { height: 1220px; }
				.year-2007 { height: 610px; }
			#accordion div.last { border-bottom: 1px solid #414141; }
			#accordion h6 { font-size: 24px; font-weight: normal; margin: 0; padding: 0; cursor: pointer; color: #fefdbc; }
			#accordion h6:hover { color: #eee; }
			#accordion div div p { margin: 0 0 10px 0; padding: 0; }
			#accordion div div p a img { border: 6px solid #000; }
			#accordion div div p a:hover img { border: 6px solid #eee; }
		
		.contact p { font-family: Georgia, "Times New Roman", serif; font-size: 14px; margin: 10px 20px; }
		.wpcf7-form p label { display: block; }
		.wpcf7-form textarea { height: 100px; }
		.wpcf7-form #submit {
			width: 100px; 
			height: 32px; 
			background: url('images/submit-button.png') no-repeat; 
			text-indent: -9000px;
			border: 0;
			cursor: pointer; }
			
		div.post { padding-bottom: 20px; }
		.blog-title { float: left; margin-left: -20px; width: 554px; height: 64px; background: url('images/blog-title.png'); }
		.blog-title h2 { margin: 2px 0 2px 40px; padding: 0; font-size: 24px; line-height: 1; font-family: Aller, sans-serif; }
		.blog-title p { margin: 0 0 0 40px; padding: 0; color: #ccc; }
		.entry { margin: 0 20px; font-family: Georgia, "Times New Roman", serif; font-size: 14px; line-height: 1.8; }
		#footnote { font-size: 12px; }
		
		.search-result { clear: both; margin: 10px 20px; }
		
		/* The following CSS is the styling for Previous and Next buttons throughout the site */
		.content-top { width: 556px; height: 29px; margin: 0; padding: 0; background: url('images/content-top.png') no-repeat; }
		.content-bot { 
			width: 556px;
			margin: 0; 
			padding: 0;
			overflow: hidden; }
			
			.content-bot .alignleft { float: left; margin: 0 0 0 20px; }
			.content-bot .alignleft a { display: block; border: 1px solid #fefdbc; padding: 4px 6px; }
			.content-bot .alignleft a:hover { background: #fefdbc; color: black; text-decoration: none; }
			.content-bot .alignright { float: right; margin: 0 20px 0 0; }
			.content-bot .alignright a { display: block; border: 1px solid #fefdbc; padding: 4px 6px; }
			.content-bot .alignright a:hover { background: #fefdbc; color: black; text-decoration: none; }
		
		/* Styling for Comments */
		.comments-title { float: left; margin-left: -20px; width: 554px; height: 64px; background: url('images/comments-title.png'); }
			.comments-title h6 { margin: 6px 0 0 40px; padding: 0; font-size: 24px; color: #eee; font-family: Aller, sans-serif; font-weight: normal; }
		
		h3.comments { font-size: 18px; color: #eee; margin: 0 20px 20px 20px; border-top: 1px solid #666; padding-top: 20px; }
		h3.leave-reply { font-size: 18px; color: #eee; margin: 0 20px 10px 0; }
		ul.commentlist { margin: 0 20px 20px 20px; font-family: Georgia, "Times New Roman", serif; font-size: 14px;  }
		ul.commentlist li { list-style: none; padding: 20px; }
		ul.commentlist li.even { background: #000; }
		div.comment-meta { margin: 0 0 16px 0; font-size: 12px; }
		#respond { margin: 10px 20px; padding-top: 20px; border-top: 1px solid #666; }
		#commentform { margin: 0 20px; }
		#commentform p { font-family: Georgia, "Times New Roman", serif; font-size: 14px; }
		#commentform p label { display: block; font-weight: normal; }
		#commentform p label span { color: red; }
		#commentform p input { 
			width: 300px; 
			padding: 4px; }
		#commentform p textarea { 
			width: 300px; 
			height: 100px; }
		#commentform p #submit { 
			width: 100px; 
			height: 32px;
			border: 0;
			cursor: pointer; }
			
		#contact-submit { 
			width: 100px; 
			height: 32px;
			border: 0;
			cursor: pointer; }
	
	#sidebar { 
		float: right; 
		width: 300px;
		background: url('images/content-bg.png');
		color: #eee;
		margin-bottom: 20px; }
		 
		.sidebar-top { width: 300px; height: 29px; margin: 0; padding: 0; background: url('images/sidebar-top.png') no-repeat; }
		
		#sidebar .section { border-bottom: 1px solid #666; margin-bottom: 16px; clear: both; }
		#sidebar .section-bottom { border-bottom: 0; margin-bottom: 20px; }
		#sidebar h3 { font-size: 18px; color: #eee; text-transform: uppercase; margin: 0 20px 10px 20px; }
		#sidebar p { font-size: 14px; font-family: Georgia, "Times New Roman", serif; margin: 8px 20px; }
		
		#sidebar .meta p { font-size: 12px; }
		#sidebar .meta p span { display: block; }
		#sidebar .recent-posts ul { margin: 10px 20px; font-family: Georgia, "Times New Roman", serif; }
		#sidebar .recent-posts ul li { list-style: none; margin-bottom: 8px; }
		
		/* Styles up Twitter Tools */
		.aktt_tweets { font-family: Georgia, "Times New Roman", serif; font-size: 16px; }
		.aktt_tweets ul { margin: 0 20px 8px 20px; padding: 0; }
		.aktt_tweets ul li { list-style: none; }
		.aktt_tweets ul li.aktt_more_updates { display: none; }
		
		/* Styles up delicious bookmarks */
		ul.delicious { margin: 8px 20px; font-family: Georgia, "Times New Roman", serif; font-size: 12px; }
		li.delicious-item { list-style: none; margin-bottom: 8px; }
		
		/* Styles up Flickr images with basic floats and padding instead of a table */
		div.flickr img { margin: 10px; border: 1px solid #666; }
		
		/* Adds mini RSS icon to background of links */
		div.feeds a { background: url('images/minirss.png') no-repeat; padding-left: 22px; }
		
		/* Styles the categories that appear in the sidebar of various places of the site */
		ul#categories { margin: 0 20px; overflow: hidden; font-family: Georgia, "Times New Roman", serif; font-size: 14px; }
		ul#categories li { list-style: none; }
		ul#categories li.cat-item { display: block; float: left; width: 130px; padding-bottom: 10px; }	
		
		/* Styles the Stalkers Section on the About Me Page */
		div.stalkers ul { margin: 0 20px; overflow: hidden; }
		div.stalkers ul li { list-style: none; float: left; width: 130px; margin-bottom: 10px; }
		div.stalkers ul li a { padding: 0 0 10px 22px; }
			.stalkers ul li a.delicious { background: url('images/delicious.png') no-repeat; }
			.stalkers ul li a.digg { background: url('images/digg.png') no-repeat; }
			.stalkers ul li a.facebook { background: url('images/facebook.png') no-repeat; }
			.stalkers ul li a.flickr { background: url('images/flickr.png') no-repeat; }
			.stalkers ul li a.lastfm { background: url('images/lastfm.png') no-repeat; }
			.stalkers ul li a.linkedin { background: url('images/linkedin.png') no-repeat; }
			.stalkers ul li a.twitter { background: url('images/twitter.png') no-repeat; }
			.stalkers ul li a.vimeo { background: url('images/vimeo.png') no-repeat; }
			.stalkers ul li a.youtube { background: url('images/youtube.png') no-repeat; }
			
		/* Styling for the Portfolio Sidebar */
		.services ul { margin: 0; }
		.services ul li { margin: 0 0 20px 0; list-style: none; }
		.services ul li p.desc { margin: 0; padding: 0; font-size: 12px; }
		p.service-title { 
			font-size: 14px;
			text-transform: uppercase; 
			font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important; 
			color: #fefdbc; }
			
		/* Styling up Comments */
			#comment-list { padding: 0 20px; clear: both; }
				.comment { position: relative; margin-bottom: 20px; overflow: hidden; clear: both; }
					.comment-author { float: left; margin-right: 16px; max-width: 60px; }
						.comment-author cite {  }
						.says {  }
					.comment-text-data { float: left; width: 300px; }
					.comment-meta {  }
					.comment p {  }
	
	#footer { clear: both; width: 556px; font-weight: bold; color: #333; }
	#footer a { color: #85322f; }
	
	/* Images In Posts */
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto; }

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline; }

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline; }

	.alignright { float: right; }
	.alignleft { float: left }
	.clearBoth { clear: both; }
	
	/* Captions on images */

	.aligncenter, div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;}

	.wp-caption {
		border: 1px solid #eee;
		text-align: center;
		background-color: #282828;
		padding-top: 4px;
		margin: 10px; }

	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none; }

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important; 
		margin: 3px 0;
		padding: 0; }
	
	/* Contact Forms 7 Styling */
	
	div.wpcf7 {
		margin: 0;
		padding: 0; }

	div.wpcf7-response-output {
		margin: 2em 0.5em 1em;
		padding: 0.2em 1em; }

	div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }

	div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }

	div.wpcf7-spam-blocked { border: 2px solid #ffa500; }

	div.wpcf7-validation-errors { border: 2px solid #f7e700; }

	span.wpcf7-form-control-wrap { position: relative; }

	span.wpcf7-not-valid-tip {
		position: absolute;
		top: 20%;
		left: 20%;
		z-index: 100;
		background: #853330;
		border: 2px solid #000;
		font-size: 10pt;
		width: 280px;
		padding: 2px; }

	span.wpcf7-not-valid-tip-no-ajax {
		color: #f00;
		font-size: 10pt;
		display: block;	}

	span.wpcf7-list-item { margin-left: 0.5em; }
	
	
	.vtr { position: fixed; top: 0; right: 0; }
	.vtl { position: fixed; top: 0; left: 0; }
	.vbr { position: fixed; bottom: 0; right: 0; }
	.vbl { position: fixed; bottom: 0; left: 0; }