/*
Theme Name: OnInnovation Blog
Theme URI: http://oninnovation.com/
Description: OnInnovation Blog theme.
Version: 1.0
Author: Openfield Creative
Author URI: http://openfieldcreative.com/

*/


body {
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a, object {
	outline: none;
}

embed {
	margin: 0 0 40px 0
}

a:link {
	color: #26a5bb;
	text-decoration: none;
}

a:visited {
	color: #44daf4;
	text-decoration: none;
}

a:active {
	color: #111111;
	text-decoration: none;
}

a:hover {
	color: #26a5bb;
	text-decoration: underline;
}

p {
	color: #666;
	line-height: 16px;
	margin: 0 0 18px 0 !important
}

ul, ol {
        color: #666;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


/* MARGIN & PADDING RESET */

h1, h2, h3, h4, h5, h6, p, td, ul, li {
	padding: 0;
	margin: 0;
}

.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading .featured-post .excerpt p, .cufon-loading #header ul li a, .cufon-loading #onin-home  {
	visibility: hidden !important;
}

/* STRUCTURAL STYLES */

#bkg-left-top, #bkg-right-top {
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 0;
	height: 142px;
}

#bkg-left-top {
	background: url('_img/_structure/bkg-left-top.png') repeat-x;
	left: 0;
}

#bkg-right-top {
	background: url('_img/_structure/bkg-right-top.png') repeat-x;
	right: 0;
}

	#header {
		background: url('_img/_structure/header-bkg.png') no-repeat;
		width: 1000px;
		height: 142px;
		position: relative !important;
		margin: 0 auto;
		z-index: 1
	}
	
		#header-wrap {
			height: 90px;
		}
	
		#header h1 {
			position: absolute;
			top: 14px;
			width: 485px;
			height: 64px;
			margin: 0;
			padding: 0;
		}
		
			#header h1 a {
				background: url('_img/_structure/logo.png') no-repeat;
				width: 485px;
				height: 64px;
			}
				#header h1 span, #header h2 span, #social span {
					display: none;
				}
				
				#header a {
					display: block;
				}
				
		#header h2 {
			position: absolute;
			top: 14px;
			right: 0;
		}
		
			#header h2 a {
				background: url('_img/_structure/thf-logo.png') no-repeat;
				width: 140px;
				height: 64px;
			}
			
			/* NAVIGATION STYLES */
				
			#nav-bar {
				height: 50px;
				padding: 18px 0 0 0;
				voice-family: "\"}\""; 
		  		voice-family:inherit;
		  		height: 32px;
		  		position: relative !important
			}

				.menu {
					float: left;
				}
				
					.menu ul {
						list-style: none;
					}
					
						.menu li {
							float: left;
							margin-right: 35px;
						}
				
						.menu a {
							display: block;
							font-size: 13px;
							color: #999;
						}
						
						.menu a:hover {
							color: #333;
							text-decoration: none;
						}
						
						.menu li.current_page_item a {
							color: #000 !important;
						}
						
				#header #nav-bar a#onin-home {
					font-size: 13px;
					color: #999 !important;
					float: left;
				}
				
				#header #nav-bar a#onin-home:hover {
					color: #333 !important;
					text-decoration: none;
				}
				
				#header #nav-bar a#onin-home:visited {
					color: #999 !important;
					text-decoration: none;
				}
			
			#social-wrap {
				width: 89px;
				float: right;
				position: relative
			}
			
			#social a {
				display: block;
				width: 16px;
				height: 16px;
				float: left;
				margin: 0 0 0 10px
			}
			
				#social #fb {
					background: url('_img/_btns/fb-icon.png') no-repeat;
				}
				
				#social #fb:hover {
					background-position: 0 -16px;
				}
				
				#social .aptureLinkIcon {
                                        width: 16px !important;
                                        height: 15px !important;
                                        overflow: hidden !important;
                                        overflow: visible !important;
                                        background-image: none !important;
                                        background-color: transparent !important
				}

                                #social .aptureLinkIcon:hover {
                                        background-color: transparent !important
                                }

                                #social .aptureLink {
                                        width: 16px !important;
                                        height: 16px !important;
                                        overflow: visible !important;
                                }

                                #social #twitter {
                                        position: absolute;
                                        z-index: 0 !important;
                                        background: url('_img/_btns/twitter-icon.png') top left !important;
                                        top: 0;
                                        right: 10px;
                                }

                                #social #twitter:hover {
                                        background-position: 0 -16px !important;
                                }

                                #social #twitter-pop {
                                        width: 16px !important;
                                        height: 16px !important;
                                }

				#social #share {
					background: url('_img/_btns/share-icon.png') no-repeat;
				}
				
				#social #share:hover {
					background-position: 0 -16px;
				}
				
				#social #rss {
					background: url('_img/_btns/rss-icon.png') no-repeat;
                                        margin-right: 10px
				}
				
				#social #rss:hover {
					background-position: 0 -16px;
				}
			
	#content {
		width: 650px;
		float: left;
		padding: 0 0 70px 0
	}
	
		#content h3 {
			font-size: 18px;
			margin: 0 0 15px 0
		}
	
		#body-wrap {
			width: 1000px;
			margin: 0 auto;
			position: relative;
			z-index: 1;
			padding: 40px 0
		}
	
		/* POST STYES */
		
		.postmetadata {
			font-size: 12px;
			font-family: Georgia, Times, serif;
			color: #999;
		}
		
		.navigation {
			width: 650px;
			float: left
		}
		
		.navigation.post-nav {
			margin: 15px 0
		}
		
		.paged #featured-post-wrap {
			display: none;
		}
		
		#featured-post-wrap {
			width: 100%;
			border-bottom: 1px solid #eee;
		}
		
			.featured-post {
				width: 1000px;
				padding: 40px 0;
				margin: 0 auto;
				position: relative;
			}
			
				.featured-post h1 {
					margin: 0 0 7px 0
				}
			
					.featured-post h1 a {
						font-size: 28px;
						color: #cc3300;
					}
					
					.featured-post h1 a:hover {
						color: #fe5a24;
						text-decoration: none;
					}
					
					.featured-post .excerpt {
						color: #333;
						font-size: 14px;
						line-height: 18px;
						width: 527px;
						margin: 0 0 10px 0
					}
					
					.featured-post .postmetadata {
						color: #cc3300;
					}
					
					.featured-post .postmetadata a {
						color: #cc3300;
					}
					
					.featured-post a.featured-image {
						position: relative;
						display: block;
					}
					
						.featured-post a.featured-image #latest-post-flag {
							position: absolute;
							top: 5px;
							left: 5px;
							/*background: url('_img/_structure/latest-post-flag.png') no-repeat;*/
							width: 120px;
							height: 78px;
						}
						
							#latest-post-flag span {
								display: none;
							}
						
					.featured-post a .wp-post-image {
						float: left;
						border: 5px solid #eee;
						margin: 0 40px 0 0;
					}
					
					.featured-post a:hover .wp-post-image {
						border: 5px solid #333;
					}
					
					.featured-post .entry {
						float: left;
						width: 600px;
					}
					
				#read-more {
					background: url('_img/_btns/read-more-btn.png') no-repeat;
					display: block;
					width: 95px;
					height: 25px;
					margin: 20px 0 0 0;
				}
				
				#read-more:hover {
					background-position: 0 -25px;
				}
				
					#read-more span {
						display: none;
					}
		
		.post {
			width: 650px;
			margin: 0 0 30px 0
		}
		
			.post h1 {
				font-size: 18px;
				margin: 0 0 7px 0
			}
			
				.post h1 a {
					color: #a1a230;
				}
				
				.post h1 a:hover {
					color: #747517;
					text-decoration: none;
				}
				
			.post .entry {
				float: left;
				width: 450px;
				margin: -5px 0 0 0;
			}
			
			.post .wp-post-image {
				float: left;
				max-width: 160px;
				max-height: 120px;
				border: 5px solid #eee;
				margin: 0 30px 0 0
			}
			
			.post a:hover .wp-post-image {
				border: 5px solid #333;
			}
			
				.post .excerpt {
					color: #999;
					line-height: 16px;
					margin: 0 0 10px 0
				}
				
				.post .postmetadata {
					color: #26a5bb
				}
				
				.post .postmetadata a {
					color: #26a5bb
				}
				
				.older a {
					display: block;
					background: url('_img/_btns/older-entries-btn.png');
					width: 112px;
					height: 25px;
					text-indent: -999em
				}
				
				.older a:hover {
					background-position: 0 -25px;
				}
				
					.alignleft {
						float: left;
					}
				
				.newer a {
					display: block;
					background: url('_img/_btns/newer-entries-btn.png');
					width: 112px;
					height: 25px;
					text-indent: -999em
				}
				
				.newer a:hover {
					background-position: 0 -25px;
				}
				
					.alignright {
						float: right;
					}
		
			
	#sidebar {
		width: 277px;
		float: right;
		background: url('_img/_structure/sidebar-foot.gif') no-repeat #eee bottom left;
		padding: 20px 0 70px 0;
	}
	
		#sidebar ul {
			list-style: none;
                        margin: 0 0 0 3px;
                        padding: 0 20px;
		}

                        #sidebar ul ul {
                              padding: 0;
                        }

                        #sidebar .aptureLinkIcon {
                                        display: none !important;
				}
		
		#sidebar h2 {
                        color: #333;
			margin: 15px 0 5px 2px;
                        *margin-left: 3px !important;
                        *margin-bottom: 8px !important
		}
		
		#sidebar a {
			color: #26a5bb;
		}
		
		#search-bar {
			background: url('_img/_structure/search-bkg.png') no-repeat;
			width: 237px;
			height: 27px;
			position: relative;
                        left: 20px;
		}
		
			#search-bar input {
				border: 1px solid #fff;
				position: absolute;
				top: 6px;
				left: 12px;
				padding: 0;
				margin: 0;
				outline: none;
			}

                #stayconnected {
                        padding: 0 20px 25px 20px;
                        *padding: 0 20px 15px 20px;
                        border-bottom: 1px solid #e6e6e6
                }

                        #stayconnected ul {
                                margin: 10px 0 20px 0 !important;
                                padding-left: 3px !important
                        }

                                     #stayconnected ul li {
                                           margin-bottom: 8px !important;
                                     }

                                            #stayconnected ul li a {
                                                   display: block;
                                                   height: 16px !important;
                                            }

                                            #stayconnected ul li a:hover {
                                                   background-position: 0 -16px;
                                            }

                .rss a {
                      background: url('_img/_btns/rss-icon.png') no-repeat top left;
                      padding-left: 24px;
                      height: 25px !important
                }

                .facebook a {
                      background: url('_img/_btns/fb-icon.png') no-repeat top left;
                      padding-left: 24px;
                }

                .twitter a.aptureLink {
                      display: block !important;
                      background: url('_img/_btns/twitter-icon.png') no-repeat top left;
                      padding-left: 24px !important;
                      *margin-top: -6px !important;
                      *padding-top: -6px !important
                }

                .twitter a.aptureLink:hover {
                      background-color: #eee !important;
                }

                #feed-burner-sub {
                       margin-top: 10px;
                }

                #feed-burner-sub input {
                       border: none;
                }

                #feed-subscribe {
                       display: block;
                       background: url('_img/_btns/b_subscribe.gif') no-repeat;
                       width: 92px;
                       height: 27px;
                       border: none;
                       overflow: hidden !important;
                       text-indent: -999em !important;
                       position: relative;
                       left: 3px;
                }

        .subscribe-input {	
		background: url('http://blog.oninnovation.com/wp-content/uploads/2010/03/email-bkg.png') no-repeat;					
		display: block;
		width: 237px;
		height: 27px;
		margin: 5px 0 8px 0;
		position: relative;			
	}
	
		.subscribe-input input {
			position: absolute;
			top: 7px;
			left: 12px;
			border: 1px solid #fff;	
			color: #666;
			padding: 0;
			margin: 0;
		}	
			
	/* POST PAGE STYLES */
	
	#page-content {
		width: 1000px;
		padding: 40px 0 70px 0;
		margin: 0 auto;
	}
	
		#page-content h1 {
			color: #cc3300;
			font-size: 32px;
			margin: -9px 0 8px 0;
		}
		
		#post-content-entry {
			width: 650px;
		}
		
			#post-content-entry .postmetadata {
				margin: 20px 0;
				color: #666;
			}	
		
				#post-details {
					font-family: Georgia, Times, serif;
					color: #999;
					margin: 0 0 25px 0;
					font-size: 13px;
				}
				
		        #post-content-entry .wp-post-image {
			        float: left;
			        margin: 25px 25px 10px 0 !important;
		        }
			
			/* COMMENT FORM */
			
			#respond {
				margin-top: 70px !important;
			}
			
				#respond h3 {
					font-size: 24px;
					color: #cc0033;
				}
			
				#respond input, #respond textarea {
					border: 1px solid #ccc;
					padding: 5px;
					font-family: verdana, arial, sans-serif;
					color: #333;
					font-size: 11px
				}
				
				#respond #submit {
					width: 118px;
					height: 25px;
					border: none;
					text-indent: -999em;
					background: url('_img/_btns/post-comment-btn.png') no-repeat;
				}
				
				#respond #submit:hover {
					background-position: 0 -25px;
					cursor: pointer
				}
				
			.alignleft-post {
				float: left;
				width: 45%
			}
			
			.alignleft-right {
				float: left;
				width: 45%
			}
				
			/* COMMENT LIST */
			
			.commentlist {
				list-style: none;
				margin: 0;
				padding: 0;
				border-top: 1px solid #eee;
			}
			
				.comment {
					border-bottom: 1px solid #eee;
					padding: 20px 0
				}
				
				.comment-author {
					font-family: Georgia, Times, serif;
					margin: 0 0 10px 0
				}
				
					.comment .avatar {
						margin: 0 10px 0 0;
						padding: 2px;
						border: 1px solid #eee
					}
				
					.comment .fn, .comment .sys {
						font-size: 13px;
					}
					
						.comment .fn a {
							color: #a1a230;
						}
						
					.comment .comment-body {
						position: relative;
					}
					
					.comment .comment-body p {
						font-size: 11px;
						font-family: Georgia, Times, serif;
						line-height: 18px;
						color: #333
					}
					
					.comment .commentmetadata {
						position: absolute;
						top: 0;
						right: 0;
					}
					
						.comment .commentmetadata a {
							color: #ccc;
						}

			
	/* FOOTER */

	
	#footer {
		height: 400px;
		width: 100%;
		position: relative;
		background-color: #eee;
	}

                #footer .aptureLinkIcon {
                       display: none !important;
                }

                #footer #footerLink a.aptureLink:hover {
                        background-color: #eee !important
                }
	
		#bkg-left-bottom {
			position: absolute;
			width: 50%;
			top: 0;
			left: 0;
			height: 57px;
			background: url('_img/_structure/bkg-left-bottom.png') repeat-x;
			z-index: 0
		}
	
		#bkg-right-bottom {
			position: absolute;
			width: 50%;
			top: 0;
			right: 0;
			height: 57px;
			background: url('_img/_structure/bkg-right-bottom.png') repeat-x;
			z-index: 0
		}
		
		#footer-content {
			background: url('_img/_structure/footer-band.png') no-repeat top center;
			position: relative;
			z-index: 3;
			width: 1000px;
			margin: 0 auto;
		}
		
		#copyright {
			color: #999;
			font-size: 11px;
			padding: 24px 0 0 0;
		}
		
		#footerLinksHolder {
			width: 1000px;	
			margin: 0 auto;
			padding: 45px 0 0 0;
			color: #999999;
			line-height: 16px;
		}
		
			#footerLink {
				display: block;
				width: 200px;
				height: 150px;
				float: left;
				padding-right: 30px;
				font-size: 10px;
			}	
			
			
			#footerLinkLast {
				display: block;
				width: 200px;
				height: 150px;
				float: right;
				font-size: 10px;
			}
			
			
	.footer_email {	
		background: url(_img/_structure/bg_emailfield.gif) no-repeat;					
		display: block;
		width: 200px;
		height: 26px;
		margin-top: 5px;
		position: relative;			
	}
	
		.footer_email input {
			position: absolute;
			top: 5px;
			left: 12px;
			border: 1px solid #fff;	
			color: #999;
			padding: 0;
			margin: 0;
		}	
	
	.footer_headline {
		color: #666666;
		font-weight: bold;
		font-size: 10px;
	}
	
	#footer a, #footer a:visited {
		color: #999999;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}