/*  
Theme Name: Three:Twenty Interactive
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 2.0
Author: Mark D. Otto
Author URI: http://thedesignedition.com/
*/

/*	Basics
-------------------------------------------------- */
	body {
		background: #efefef; /*#423c28*/
		margin: 0;
		padding: 0;
		font: 62.5%/1.6 'Helvetica', Arial, Verdana, sans-serif;
		text-align: center;
		border-top: 10px solid #4d95ee;
	}
			
		.wrapper {
			background: #fff;
			width: 720px;
			padding: 0 18px 25px 18px;
			margin: 0 auto;
			text-align: left;
		}
		
			#header {
				padding: 25px 0;
			}
		
			.content {
				padding: 0;
				margin: 0;
				zzborder-bottom: 1px solid #ddd;
				clear: both;
			}

				.secondary {
					float: left;
					width: 28%;
					margin: 0 0 10px 0;
				}
											
				.column {
					float: left;
					width: 31%;
					margin: 0 3% 10px 0;
				}
				
					.twocol {
						float: left;
						width: 67%;
						margin: 0 5% 10px 0;
					}
				
					.last {
						margin: 0;
					}
					
					.column img.button {
						margin-left: 50px;
					}
				
		#footer {
			margin-top: 20px;
			padding: 1em 0;
			color: #888;
			font-size: 1.1em;
			border-top: 1px solid #ddd;
		}
/*	Type
-------------------------------------------------- */
	p, h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		line-height: 100%;
		clear: none;
	}
	
	code {
		font: 1.1em "Courier New", monospace;
	}

	blockquote {
		margin: 1em 0;
		padding: 0 1em;
		color: #757576;
		border-left: 2px solid #ccc;
		font-style: italic;
	}
	
	blockquote.extract {
		width: 40%;
		float: right;
		margin: .7em 0 0 1em;
		padding: 2% 2% 1% 2%;
		font-size: 1.6em;
		color: #757576;
		border-top: 2px solid #757576;
	}
	
	p {
		line-height: 1.7;
		padding: 2px 0 7px 0;
	}
						
	p, ul, ol {
		font-size: 1.3em;
		color: #555;
	}
						
	h1 {
		color: #71bc4e;
		font-size: 2em;
	}
	
	h2 {
		margin: .5em 0;
		font-size: 1.6em;
	}
	
	#clients_section h2, .column h2 {
		margin: 0;
		color: #71bc4e;
		font-size: 2em;
	}

	h3 {
		color: #423c28;
		font-size: 1.3em;
	}

	h4 {
		font-size: 1.3em;
		font-style: italic;
		font-weight: normal;
		color: #555;
		margin: 0.5em 0 0.3em;
	}

	/* These are standard sIFR styles... do not modify */
		.sIFR-flash {
			visibility: visible !important;
			margin: 0;
		}
		
		.sIFR-replaced {
			visibility: visible !important;
		}
		
		span.sIFR-alternate {
			position: absolute;
			left: 0;
			top: 0;
			width: 0;
			height: 0;
			display: block;
			overflow: hidden;
		}
		
		/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
		
		.sIFR-flash + div[adblocktab=true] {
		  display: none !important;
		}
		
		/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
		
		.sIFR-hasFlash h1 {
			visibility: hidden;
			letter-spacing: -3px;
			font-size: 24px;
			line-height: 26px;
		}
		
		.sIFR-hasFlash #spotlight h1 {
			visibility: hidden;
			letter-spacing: -3px;
			font-size: 24px;
			line-height: 26px;
		}
		
		.sIFR-hasFlash h2,
		.sIFR-hasFlash #leavereply h2 {
			visibility: hidden;
			letter-spacing: -3px;
			font-size: 18px;
			line-height: 20px;
		}

		.sIFR-hasFlash #clients_section h2, .sIFR-hasFlash .column h2 {
			visibility: hidden;
			letter-spacing: -3px;
			font-size: 24px;
			line-height: 26px;
		}

		.sIFR-hasFlash h3 {
			visibility: hidden;
			letter-spacing: -3px;
			font-size: 16px;
			line-height: 16px;
		}
/*	Navigation
-------------------------------------------------- */
	#nav {
		float: left;
		width: 429px;
		height: 30px;
		margin: 0;
		padding: 0;
	}
	
		#nav li {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
		}
		
			#nav li a {
				border: 0;
				display: block;
				background: #fff url('./images/navgrid.gif') no-repeat;
			}
			
			#nav li#home a {
				width: 63px;
				height: 30px;
			}
			
			#nav li#services a {
				width: 79px;
				height: 30px;
			}
			
			#nav li#clients a {
				width: 70px;
				height: 30px;
			}
			
			#nav li#pricing a {
				width: 69px;
				height: 30px;
			}
									
			#nav li#contact a {
				width: 93px;
				height: 30px;
			}
			
			#nav li#blog a {
				width: 55px;
				height: 30px;
			}
			
			li#home a:hover,
			li#home a:focus {
				background-position: 0 -30px;
			}
			
			li#services a:link,
			li#services a:visited {
				background-position: -63px 0;
			}
			
				li#services a:hover,
				li#services a:focus {
					background-position: -63px -30px;
				}

			li#clients a:link,
			li#clients a:visited {
				background-position: -142px 0;
			}
			
				li#clients a:hover,
				li#clients a:focus {
					background-position: -142px -30px;
				}

			li#pricing a:link,
			li#pricing a:visited {
				background-position: -212px 0;
			}
			
				li#pricing a:hover,
				li#pricing a:focus {
					background-position: -212px -30px;
				}

			li#contact a:link,
			li#contact a:visited {
				background-position: -281px 0;
			}
			
				li#contact a:hover,
				li#contact a:focus {
					background-position: -281px -30px;
				}
			
			li#blog a:link,
			li#blog a:visited {
				background-position: -374px 0;
			}
			
				li#blog a:hover,
				li#blog a:focus {
					background-position: -374px -30px;
				}
			
			
			/* Actives */
			
			body#home-page #nav li#home a {
				background-position: 0 -60px;
			}
			
			body#services-page #nav li#services a {
				background-position: -63px -60px;
			}
			
			body#clients-page #nav li#clients a {
				background-position: -142px -60px;
			}
			
			body#pricing-page #nav li#pricing a {
				background-position: -212px -60px;
			}
			
			body#contact-page #nav li#contact a {
				background-position: -281px -60px;
			}
			
			body#blog-page #nav li#blog a {
				background-position: -374px -60px;
			}
/*	Links
-------------------------------------------------- */
	p a:link,
	li a:link {
		padding: 0 0 1px 0;
		color: #4d95ee;
		text-decoration: none;
		border-bottom: 1px solid #ddd;
	}
	
	p a:visited,
	li a:visited {
		padding: 0 0 1px 0;
		color: #888;
		text-decoration: none;
		border-bottom: 1px solid #ddd;
	}

	.secondary a:link {
		color: #4d95ee;
	}
	
	.secondary a:visited {
		color: #888;
	}
	
	p a:hover,
	li a:hover {
		color: #396b87;
	}
					
		img a {
			border: none !important;
			text-decoration: none;
		}
	
	a.showcase:link,
	a.showcase:visited {
		display: block;
		margin: 1em 0;
		padding: 5px;
		border: 5px solid #eee;
		text-decoration: none;
	}
	
	a.showcase:hover {
		background: #d2e4fb;
		border: 5px solid #7ab0f2;
	}
	
		a.showcase:hover img {
			border: 2px solid #fff;
		}
	
		a.showcase img {
			border: 2px solid #ddd;
			margin: 0 0 .5em 0;
		}
		
		a.showcase p {
			padding: 0 0 0 .5em;
		}
		
		a.showcase span {
			display: block;
			font-weight: bold;
			color: #4d95ee;
		}
/*	Various
-------------------------------------------------- */
	.clear {
		clear: both;
	}

	.center {
		text-align: center;
	}
	.floatleft {
		float: left;
	}
	.floatright {
		float: right;
	}

	.noborder {
		border: none;
	}

	img {
		border: none;
	}
	
		img.focus {
			margin: 0 0 2em 0;
			border-top: 2px solid #757576;
			border-bottom: 2px solid #e4dac8;
		}				
	
	/* List Master Control */
		
		ol {
			margin: 0.5em 0 1em 2.5em;
			padding: 0;
		}

		ul, li {
			margin: 0;
			padding: 0;
		}
			
			ul {
				list-style: none;
			}
			
			ul.list {
				margin: 0 0 .5em 2em;
			}
			
				ul.list li {
					background: url('./images/drop-bullet.gif') no-repeat left 0.25em;
					padding: 0 0 .25em 1.5em;
					font-size: 1.0em;
					color: #555;
					width: 90%;
				}
		
		/* Header Links */
		
			#header ul {
				float: right;
			}
			
				#header ul li {
					display: inline;
					padding: 0 0 0 1em;
					font-size: 1.1em;
				}
				
					#header ul li a,
					#header ul li a:visited {
						padding: 0 0 1px 0;
						color: #888;
						text-decoration: none;
						border-bottom: 1px solid #ddd;
					}
					
					#header ul li a:hover {
						color: #396b87;
						text-decoration: none;
					}
					
		/* Client Logos on Home Page */
			
			#client-logos {
				margin: 1em 0 0 0;
			}
			
				#client-logos li {
					display: inline;
					padding: 0 3px;
				}
				
				#client-logos li a {
					border: none;
				}
				
				img.clients {
					width: 170px;
					height: 50px;
					padding-bottom: 21px;
				}
				
				.clientlogo {
					float: right;
					margin: 1em 0 1em 1em;
					padding: 0.5em;
					border-left: 1px #ddd solid;
				}

		/* Work Page Listings */
			
			.work-list,
			div.secondary ul {
				margin: 0 0 1em .5em;
			}
			
				.work-list li,
				div.secondary ul li {
					background: url('./images/greenarrow.gif') no-repeat left 7px;
					padding: .25em 0 .25em 1.5em;
					font-size: 0.9em;
					color: #777;
				}
				
				
	#clients_section {
		display: block;
		margin: 15px 0 0 0;
		padding: 20px 0 0 0;
		border-top: 1px solid #ddd;
	}
	
	.right {
		float: right;
		text-align: right;
	}
	
	.skipto {
		background: #a6cadd;
		margin: 0 1em 0 2em;
		padding: .5em;
		display: block;
		font-size: 1.6em;
		font-weight: bold;
		border: 1px solid #4e96bc;
	}
	
		.skipto a:link,
		.skipto a:visited {
			color: #fff;
			border: 0;
		}
		
		.skipto :hover {
			color: #fff;
			text-decoration: underline;
		}
	
	#notes {
		background: #333;
		color: #fff;
		width: 800px;
		margin: 0 auto;
		padding: 3px 25px;
	}
	
	#comments {
		margin: 1.7em 0 0 0;
		padding: 1.7em 0 0 0;
		border-top: 1px solid #ddd;
	}
	#comments h2 {
		font-size: 1.4em;
	}
	
		ul.comment-list {

		}
		
			ul.comment-list li {
				
			}
			
			.comment-meta {
				
			}
			
			img.gravatar {
				
			}
			
			.name {
				display: block;
				background: url('./images/blue_commentmeta.gif') no-repeat left top;
				padding: 5px 0  14px 10px;
				font-size: 0.9em;
				font-weight: bold;
				color: #fff;
			}
			
				.alt {
					background: url('./images/green_commentmeta.gif') no-repeat left top;
				}

			.name a, .name a:link, .name a:visited  {
				color: #eee;
			}
			
			.comment {
				padding: 0 25px 10px 25px;
			}
			
			.comment p {
				font-size: 0.9em;
			}
			
		#leavereply {
			background: url('./images/leavereply_bg_gray.gif') no-repeat left top;
			zzheight: 280px;
			padding: 1em 2.5em 2.5em 2.5em;
		}
		
			#leavereply p {
				color: #fff;
				clear: both;
			}
			
			#leavereply label {
				float: left;
				display: block;
				width: 100px;
				padding: 0 10px 0 0;
				text-align: right;
			}
			
			#leavereply input[type=text],
			#leavereply #message {
				padding: 2px;
				width: 250px;
				border-top: 1px solid #999;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				border-left: 1px solid #999;
			}
			
				#leavereply input[type=text]:focus,
				#leavereply #message:focus {
					background: #d2e4fb;
				}
				
			#leavereply #submit {
				margin: 0 0 0 110px;
			}
/*	Post
-------------------------------------------------- */
	.post h2 {
		margin-bottom: 0;
	}
	.page h2 {
		margin-bottom: .25em;
	}
	.postmeta {
		color: #888;
		margin-bottom: 1.0em;
	}
	.postfooter {
		margin-bottom: 2em;
	}