/*
THEME NAME: Blaze New Media
THEME URI: http://www.blazenewmedia.com
DESCRIPTION: Blaze New Media Wordpress theme based off Sandbox.
VERSION: 1.0
AUTHOR: Andy Peatling
AUTHOR URI: blazenewmedia.com
*/

/* @import url(reset.css); */

* { outline: none; }

html {
	background: #1b293a url(images/page_back.gif) repeat-x;
	font: normal 62.5% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
}

body {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	color: #e4eaf1;
	line-height: 175%;
}

.squeezer {
	width: 890px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

a, .right span, .month, .tmnl span, .services ul li strong,
.folioItem .description h3, #comments h3, code {
	color: #fcffac;
}
	a:hover {
		background: #fcffac;
		color: #1b293a;
		text-decoration: none;
	}
	
	a.home {
		position: absolute;
		text-indent: -999em;
		overflow: hidden;
		display: block;
		width: 272px;
		height: 71px;
	}
		a.home:hover {
			background: none;
		}

img { border: none; }

#error, #success {
	background: url(images/black_20_pc.png);
	margin: 1em 0;
	padding: 1em;
}

/**** HEADER ****/

#header {
	padding: 0;
}
	/* -- Logo -- */
	
	#header #logoSqueeze {
		margin-top: 2em;
	}

	#header #logoSqueeze h1 {
		background: url(images/logo.gif) top left no-repeat;
		overflow: hidden;
		text-indent: -999em;
		width: 272px;
		height: 71px;
		margin: 0 0 20px 0;
	}

	/* -- Main Nav -- */
	
	#header #nav {
		background: #000;
		border: 1px solid #000;
	}
	
	#header #nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#header #nav ul li {
			float: left;
			margin: 0 2.5em 0 0;
			font-size: 1.1em;
		}

			#header #nav a {
				display: block;
				color: #fff;
				text-decoration: none;
				padding: 0.6em 0 0.3em 0;
			}
			
			#header #nav ul li.selected a {
				border-bottom: 3px solid #fcffac;			
			}
			
			#header #nav a:hover {
				background: none;
				border-bottom: 3px solid #293748;
			}

	/* -- Contact Details -- */
	
	#header ul#contactdeets {
		float: right;
		margin-top: -4.5em;
		list-style: none;
		width: 45%;
		max-width: 45%;
	}
		li#telno, li#emailcontact {
			text-indent: -9999em;
			overflow: hidden;	
			height: 30px;		
		}
	
		li#telno {
			/*background: url(images/telno.gif) top right no-repeat;*/
		}
		
		li#emailcontact {
			background: url(images/email.gif) top right no-repeat;
		}
		
			
/**** CONTENT *****/

#topContent {
	background: url(images/3_pc.png) top left repeat-x;
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
}
	.bigger {
		font-size: 1.4em;
		line-height: 140%;
	}
	
	h2 {
		margin: 0;
		overflow: hidden;
		text-indent: -999em;
		padding: 0 0 22px 0;
	}

	h2#hello {
		background: url(images/title_hello.gif) top left no-repeat;
		width: 102px;
		height: 25px;
		margin-bottom: 18px;
	}

	h2#blog {
		background: url(images/title_blog.gif) top left no-repeat;
		width: 124px;
		height: 32px;
	}
		.blog h2#blog { margin-bottom: 25px; }

	h2#recent {
		background: url(images/title_recent.gif) top left no-repeat;
		width: 117px;
		height: 25px;
	}

	h2#client {
		background: url(images/title_client.gif) top left no-repeat;
		width: 106px;
		height: 32px;
	}

	h2#testm {
		background: url(images/title_testm.gif) top left no-repeat;
		width: 180px;
		height: 25px;
		margin: 0 0 30px 0;
	}

	h2#contact {
		background: url(images/title_contact.gif) top left no-repeat;
		width: 104px;
		height: 23px;
	}
		.contactform h2#contact { margin-bottom: 30px; }

	h2#folio {
		background: url(images/title_folio.gif) top left no-repeat;
		width: 121px;
		height: 33px;
		margin: 0 0 30px 0;
	}

	h2#services {
		background: url(images/title_services.gif) top left no-repeat;
		width: 113px;
		height: 23px;
		margin: 2em 0 -0.5em 0;
	}

	h2#about {
		background: url(images/title_about.gif) top left no-repeat;
		width: 87px;
		height: 26px;
		margin: 0 0 30px 0;
	}

	h2#older {
		background: url(images/title_older.gif) top left no-repeat;
		width: 103px;
		height: 26px;
		margin: 0 0 30px 0;
	}
	
	/* -- Columns -- */
	
	.leftColumn {
		float: left;
	}
	
	.rightColumn {
		float: right;
	}
		.tiny {
			width: 150px;
		}
		
		.small {
			width: 320px;
		}
		
		.medium {
			width: 47%;
		}
		
		.large {
			width: 475px;
		}
		
		.huge {
			width: 730px;
		}
		
		.sidebar {
			width: 260px;
		}
		
		.blog {
			width: 550px;
		}

	/* -- Testimonials -- */
	
	div.tmnl, blockquote {
		background: url(images/testm_back.png) top left no-repeat;
		padding: 0.1em 1em;
		font: normal 1.2em Georgia, Times, serif;
		line-height: 170%;
		font-style: italic;
	}
		.small div.tmnl {
			margin: 0 0 1em 0;
		}
		
		blockquote { margin-left: 0; }
	
	/* -- Blog Styles -- */
	
	#blogOverview {
		position: relative;
		background: url(images/5_pc.png) top left;
		padding: 39px 0 3em 0;
		margin: 2em 0 0 0;
	}
		#blogOverview .bar {
			position: absolute;
			top: 25px;
			left: 0;
			background: url(images/5_pc.png) top left;
			height: 55px;	
			width: 100%;	
		}
		
	#recentPosts {
		background: url(images/black_20_pc.png);
		margin-top: 65px;
		padding: 1.1em 1.5em;
	}
	
		#recentPosts ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#recentPosts ul li {
				padding: 0 0 0.85em 2.4em;
				background: url(images/star.gif) 0 2px no-repeat;
				line-height: 145%;
			}
	
	.post {
		margin: 0.8em 0 0 0;
	}
		.post h3 {
			font: normal 2em "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
			letter-spacing: -1px;
		}
			.post h3 a { text-decoration: none; }
		
		.post .date {
			background: url(images/black_20_pc.png) top left;
			padding: 0.3em 0.1em 0.5em 0.1em;
			float: left;
			width: 50px;
			text-align: center;
		}
			.post .date .month {
				text-transform: uppercase;
				display: block;
			}
			
			.post .date .day {
				display: block;
				font: normal 2.2em Georgia, Times, Serif;
				margin: -7px 0 0 0;
			}
		
		.post h3, .post .postContent {
			margin: 0 0 0 75px;
		}
		
			.postmetadata {
				background: url(images/black_20_pc.png) top left;
				margin: 15px 0 0 75px;
				padding: 0.4em 1em;
			}
				.postmetadata span {
					float: right;
				}
				
		.authorCat {
			padding: 0 0.1em 0.4em 0;
			margin: 0.4em 0 -5px 75px;
			font: normal 1.1em Georgia, Times, serif;
			font-style: italic;

		}
	
	/* -- Recent Work -- */
	
		#recentWork ul#typeNav {
			list-style: none;
			margin: 1.5em 0;
			padding: 0;
			overflow: hidden;
		}
			#recentWork ul#typeNav li {
				padding: 0.4em 0;
				margin: 0 1em 0 0;
				float: left;
			}
				li.last { margin-right: 0 !important; }
				
			#recentWork ul#typeNav li span, span.tag {
				padding: 0.4em 0.7em 0.4em 2em;
				background: #1a2535;
				color: #5a6572;
			}
				#recentWork ul#typeNav li.selected span, span.tag {
					background: #1a2535 url(images/check.gif) 8px 50% no-repeat;
					color: #fff;
				}
				
		
		#recentWork ul#screens {
			list-style: none;
			margin: 1.8em 0;
			padding: 0;
		}
			#recentWork ul#screens li {
				float: left;
				margin: 0 12px 10px 0;
			}
				#recentWork ul#screens li img {
					border: 3px solid #fff;
				}
				li.last { margin-right: 0 !important; }
		
	/* --- Bottom Content -- */
	
	#bottomContent {
		margin: 3em auto;
	}
		
		h2#client {
			margin-bottom: -20px;
		}
	
		form {
			margin: 0;
		}
	
		label {
			display: block;
			padding: 0 0 3px 0;
		}
		
		input {
			width: 99%;
			padding: 0.2em;
			font-size: 1.2em;
		}
			input.submit {
				width: 73px;
				height: 24px;
				margin: 5px 0 0 -3px;
			}
				.clientLogin input.submit {
					margin: 0 0 0 -5px !important;
				}
	
		.box, .sidebar ul li, .comment {
			background: url(images/black_20_pc.png) top left;
			padding: 1.6em 2em;
			margin: 0.75em 0 0 0;
			font-size: 1.2em;
			position: relative;
			height: auto;
		}
			#bottomContent .box { padding: 0.1em 1.2em; }
		
			.right {
				text-align: right;
				margin-top: -30px;
			}
			
			.services {
				font-size: 1em;
			}
				.services ul {
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
				.services ul li {
					margin: 0 0 1em 0;
					padding: 0 0 0 2.3em;
					background: url(images/star.gif) 0 2px no-repeat;
				}

	/* -- Portfolio -- */
	
	.folioItem { 
		margin: 0 0 4em 0;
	}
	
		.folioItem img {
			float: left;
		}
	
		.folioItem .description {
			float: left;
			background: url(images/black_20_pc.png);
			width: 322px;
			padding: 0 20px;
			min-height: 286px;
		}
			.folioItem .description h3 {
				font: normal 1.8em "Trebuchet MS", Tahoma, Arial, sans-serif;
				margin: 1em 0 0.5em 0;
			}
			
			span.tag {
				display: block;
				float: left;
				margin: 0 0.5em 0.5em 0;
			}
	
	/* -- Blog -- */
	
	.sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.sidebar ul li {
			font-size: 1em;
			margin: 0 0 2em 0;
			padding: 1em 1.5em;
		}
	
		.sidebar ul li ul li {
			background: none;
			padding: 0 0 0.4em 0;
			margin: 0;
		}

	
	.blog .post {
		margin: 0 0 6em 0;
	}
	
	.navigation {
		display: none;
	}
	
	#searchform input {
		width: auto;
		padding: 0;
	}
		#searchform input#s {
			width: 152px;
			margin-right: 5px;
		}
		
	#comments {
		margin: -2em 0 0 75px;
	}
		#comments h3 {
			font: normal 1.8em "Trebuchet MS", Tahoma, Verdana, sans-serif;
		}
			h3 span { color: #fff; }
		
		#respond .box, .comment {
			padding: 0.1em 2em 2em 1.5em;
			font-size: 1em;
		}
			#respond .box input {
				margin: 0 0 1em 0;
				width: 65%;
			}
			
			#respond .box textarea {
				width: 100%;
			}
		
			input#submit {
				width: auto;
				margin: 1.5em 0 0 0;
			}
			
			#respond h3 {
				margin-top: 3em;
			}
	
	.comments ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.comments ol li {
			margin: 0 0 1.5em 0;
			padding: 1em 1.5em 0.5em 1.5em;
		}
		
			.comments ol li.author {
				background: url(images/5_pc.png) !important;
			}
		
		img.gravatar {
			border: 3px solid #fff;
			float: left;
			margin-top: 5px;
		}
		
		.commentContent {
			margin-left: 75px;
		}
		
		.comment-meta { color: #ccc; }
		.comment-author { font-size: 1.2em; margin-top: 2px; }
			
	h3.page-title {
		font: normal 1.8em "Trebuchet MS", Tahoma, Verdana, sans-serif;
		margin-bottom: 1.5em;
	}
	
	.post img {
		border: 3px solid #fff;
		margin-top: 5px;
		float: left;
		margin: 0 10px 5px 0;
	}
		.post p.nofloat img {
			float: none;
			display: block;
			text-align: center;
		}
		
		.post img.wp-smiley { 
			float: none;
			border: none;
			vertical-align: middle;
		}
		
		.post h4 {
			font: normal 1.6em "Trebuchet MS", Tahoma, Verdana, sans-serif;
		}
		
		.post code {
			display: block;
			font: normal 1.1em "Monaco";
			line-height: 180%;
			background: url(images/black_20_pc.png);
			padding: 0 1.5em 1.5em 1.5em;
		}
		
	/* -- Contact -- */
	
	textarea#comments {
		margin: 0;
		width: 100%;
		height: 150px;
	}
	
	#contactForm input {
		margin-bottom: 0.5em;
	}
	

	#track {
		background: transparent url(images/track.gif) repeat-x 0 10px;
		width: 228px;
		margin-top: -8px;
	}
	
	#handle {
		width: 20px;
		cursor: move;
	}
	
	#contactForm input#submit { margin: 0 0 0 -4px; }


/**** FOOTER ****/

#footer {
	background: #0f1721;
	text-align: center;
	padding: 0.5em;
	margin: 4em 0 0 0;
}