/*
Theme Name: Innovations Factory
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Innovation Factory
Author: Matthew Rochow
Author URI: http://www.matthewrochow.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#E7831E}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#b3c0d3 url(images/bg.png) left top repeat-x;color:#261100;font:75%/24px "Lucida Sans", Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {font:bold 2em/1.25em "Lucida Sans", Arial, Sans-Serif;text-transform:uppercase}
h2 {font:bold 1.5em/1.25em "Lucida Sans", Arial, Sans-Serif;padding:20px 0 4px 0}
h3 {font:bold 1.25em/1.25em "Lucida Sans", Arial, Sans-Serif;padding:20px 0 4px 0}
h4 {font:bold 1em/1.25em "Lucida Sans", Arial, Sans-Serif;padding:20px 0 4px 0}
hr {margin:0 0 0.5em;border:0;height:1px;color:#b3c0d3;background-color:#b3c0d3}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:22px auto;width:1014px}

/*Main*/
#main {background:url(images/main-bg.png) center repeat-y;clear:both;float:left;margin:-7px 0 0;position:relative;width:1014px;z-index:10}
#main div {background:url(images/main-bg.png) left top no-repeat;width:1014px}
#main div div {background:url(images/main-bg.png) right bottom no-repeat;overflow:hidden;padding:31px;width:952px;*padding:28px;*width:953px}
#main div div div {background:none;padding:0;width:auto}

/*Blog pages*/
.blog #main, .archive #main,  .search #main {background:url(images/main-blog-bg.png) center repeat-y;clear:both;float:left;margin:-7px 0 0;position:relative;width:1014px;z-index:10}
.blog #main div, .archive #main div, .search #main div  {background:url(images/main-blog-bg.png) left top no-repeat;width:1014px}
.blog #main div div, .archive #main div div, .search #main div div  {background:url(images/main-blog-bg.png) right bottom no-repeat;overflow:hidden;padding:31px;width:952px}
.blog #main div div div, .archive #main div div div, .search #main div div div {background:none;padding:0;width:auto}

/* Header */
#header {height:128px;margin:0 auto;position:relative;width:944px;z-index:20}
#header #logo {color:#09C;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif}
#header ul {float:left;list-style:none;margin:0 0 0}
#header ul li {float:left;margin:0 20px 0 0}
#header ul li a {color:#fff;font-size:0.5em;;float:left;font-weight:bold;padding:0 0 38px;text-decoration:none;text-transform:uppercase}
#header ul li a:hover, #header ul li.current a {background:url(images/current-bg.png) center bottom no-repeat}

	/*IR*/
	#header ul li#about-nav a {height:15px;margin:75px 0 0;overflow:hidden;position:relative;width:94px}
	#header ul li#about-nav a span {background:url(images/menu.png) left top no-repeat;cursor:pointer;height:15px;left:0;position:absolute;top:0;width:100%}
	#header ul li#contact-nav a {height:15px;margin:75px 0 0;overflow:hidden;position:relative;width:121px}
	#header ul li#contact-nav a span {background:url(images/menu.png) -95px top no-repeat;cursor:pointer;height:15px;left:0;position:absolute;top:0;width:100%}
	#header ul li#news-nav a {height:15px;margin:75px 0 0;overflow:hidden;position:relative;width:50px}
	#header ul li#news-nav a span {background:url(images/menu.png) -216px top no-repeat;cursor:pointer;height:15px;left:0;position:absolute;top:0;width:100%}
	#header ul li#blog-nav a {height:15px;margin:75px 0 0;overflow:hidden;position:relative;width:48px}
	#header ul li#blog-nav a span {background:url(images/menu.png) right top no-repeat;cursor:pointer;height:15px;left:0;position:absolute;top:0;width:100%}

	/*Form*/
	#header form {float:right;padding:67px 0 0;width:300px}
	#header form div {background:url(images/search-bg.png) left top no-repeat;float:left;height:31px;width:276px}
	#header form input#s {background:none;border:0;color:#c6cee3;font:1em "Lucida Sans", Arial, Sans-Serif;margin:4px 0 0;padding:4px 5px;width:266px}
	#header form input#searchsubmit {float:left}

/*Homepage Content*/
#main div div ul#top-hovers {list-style:none;overflow:hidden;margin:-5px;width:960px}
#main div div ul#top-hovers li {float:left;margin:0;position:relative;width:320px;height:320px;background:url(images/box-bg.jpg)}
/*#main div div ul#top-hovers ul {background:url(images/hover-bg.png) left top no-repeat;left:-999em;height:265px;padding:25px 27px;position:absolute;top:10;width:260px}*/
#main div div ul#top-hovers li ul {position:absolute;background:none #fff;margin:15px;width:270px;height:270px;padding:10px;overflow:hidden;display:none;}
#main div div ul#top-hovers li:hover ul, #main div div ul#top-hovers li.sfhover ul {left:0;top:0;display:inline;}
#main div div ul#top-hovers ul li {background:none;font-size:2.835em;line-height:52px;margin:0 0 0 10px;width:240px;height:240;overflow:hidden;}
#main div div ul#top-hovers ul li a:hover {background:#e1e5e8;text-decoration:underline;}
#main div div ul#top-hovers li a img {margin:10px;}
#main div div ul#top-hovers li#what ul li, #main div div ul#top-hovers li#what ul li a {color:#40C8B6}
#main div div ul#top-hovers li#how ul li, #main div div ul#top-hovers li#how ul li a {color:#409BF6}
#main div div ul#top-hovers li#who ul li, #main div div ul#top-hovers li#who ul li a {color:#CFAF88}

	/*Ankeiler*/
	#main div div #ankeiler {font-size:1.2em;background:#e1e5e8;display:inline;float:left;margin:20px -24px 0px -24px;padding:12px 24px 12px 24px;width:952px;text-align:center;font-style:italic;*margin:10px -21px 0px -21px}	

	/*Wide Content*/
	#main div div #intro {clear:both;overflow:hidden;border-bottom:1px solid #e1e5e8;margin:0 0 25px 0;padding:30px 0 0 5px;width:100%}
	#intro h2 {font-size:2em;font-weight:400;padding:0 0 15px;text-transform:uppercase}
	#intro h2 a {color:#251000;text-decoration:none}
	#intro h2 a:hover {background:#e1e5e8;text-decoration:underline}
	#intro .box {color:#261100;float:left;width:295px;margin:0 5px 0 0}
	#intro .middle h2 {padding:0 0 15px 0}
	#intro .middle {margin: 0 20px 0 20px;}
	#intro .box .post {margin:0 0 20px 0 !important;border:2px solid #fff}
	#intro .box .post {*margin:0 0 40px 0 !important}
	#intro .box .post:hover {border:2px dotted #e1e5e8}
	#intro div img.alignleft {padding:0}
	#intro div div p {display:inline;position:relative}
	#intro div p.meta {clear:both;float:left;font-size:.865em;margin:0}
	#intro div p.meta a {text-decoration:underline}
	#intro div a.more {color:#261100;font-size:.865em;float:right;*padding-bottom:20px}
	#intro div div div.snippet{display:block;}
	
/*Single Breadcrumbs*/
#main div div #main-post ul#breadcrumbs {list-style:none;margin:0 0 20px;overflow:hidden}
#main div div #main-post ul#breadcrumbs li {float:left}
#main div div #main-post ul#breadcrumbs li.parent {margin:7px 5px 0 0}
#main div div #main-post ul#breadcrumbs li a {color:#260f00;text-decoration:none}
#main div div #main-post ul#breadcrumbs li.parent a {text-transform:uppercase;text-decoration:underline}
#main div div #main-post ul#breadcrumbs li.parent a:hover {background:#E1E4E7}
#main div div #main-post ul#breadcrumbs li h1 {}

/*Top Menu*/
#main div div #menu {background:#e1e5e8;display:inline;float:left;margin:0 -24px 24px -24px;width:1000px;height:100px}
#main div div #main-post {clear:both}

	/*First Level*/
	#main div div #menu ul#first-level {background:url(images/divider.png) right top no-repeat;color:#260f00;list-style:disc;float:left;height:79px;padding:15px 50px 0 29px}
	#main div div #menu ul#first-level li {line-height:25px;list-style:none}
	#main div div #menu ul#first-level li a {color:#260f00;text-decoration:underline;text-transform:uppercase}
	#main div div #menu ul#first-level li.current_page_item, #main div div #menu ul#first-level li.current_page_parent, #main div div #menu ul#first-level li.current_page_ancestor  {font-size:1.365em;font-weight:700;list-style:disc}
	#main div div #menu ul#first-level li.current_page_item a, #main div div #menu ul#first-level li.current_page_parent a, #main div div #menu ul#first-level li.current_page_ancestor a {text-decoration:none}
	#main div div #menu ul#first-level li a:hover {background:#fff}
	
	/*Second Level*/
	#main div div #menu ul#second-level {color:#260f00;list-style:disc;float:left;height:70px;padding:15px 15px 0 15px}
	#main div div #menu ul#second-level li {line-height:25px;list-style:none}
	#main div div #menu ul#second-level li a {color:#260f00;text-decoration:underline;text-transform:uppercase}
	#main div div #menu ul#second-level li.current_page_item, #main div div #menu ul#second-level li.current_page_parent,  #main div div #menu ul#first-step li.current_page_ancestor  {font-size:1.365em;font-weight:700;list-style:disc}
	#main div div #menu ul#second-level li.current_page_item a, #main div div #menu ul#second-level li.current_page_parent a, #main div div #menu ul#first-step li.current_page_ancestor a {text-decoration:none}
	#main div div #menu ul#second-level li a:hover {background:#fff}
	
	/*Third Level*/
	#main div div #menu ul#third-level {background:url(images/divider.png) left top no-repeat;color:#260f00;list-style:disc;float:left;height:90px;padding:15px 0 0 40px;width:500px}
	#main div div #menu ul#third-level li {float:left;line-height:15px;font-size:0.9em;margin:0 30px 0 0;list-style:none;min-width:210px}
	#main div div #menu ul#third-level li a {color:#260f00;text-decoration:underline;text-transform:uppercase}
	#main div div #menu ul#third-level li.current_page_item  {font-weight:700;list-style:disc}
	#main div div #menu ul#third-level li.current_page_item a {text-decoration:none}
	#main div div #menu ul#third-level li.more_menu_item a {text-transform:capitalize}
	#main div div #menu ul#third-level li a:hover {background:#fff}
	
/* Content*/
#main div div #content {float:left;overflow:hidden;padding:0;width:694px}
#main div div #main-post ul, #main div div #content ul {list-style:disc;margin:0 0 1em 18px}
#main div div #main-post ol, #main div div #content ol {list-style:decimal;margin:0 0 1em 26px}
	
	/* Post */
	#content .post {border-bottom:1px solid #e1e5e8;margin:0 0 25px 0}
	#content .post .meta {font-size:0.8em;margin:0 0 25px 0}
	#content .post h1 {border:0;margin:0}
	#content .sticky {background:#f5efca}
	#main div div .hentry img.alignleft {margin:0 29px 2px 0}
	#main div div #content .post {clear:both}
	#main div div #content .post h2 {font-size:2em;font-weight:400;padding:0 0 20px}
	#main div div #content .post h2 a {color:#260f00;text-decoration:none}
	#main div div #content .post h2 a:hover {background:#e1e5e8;text-decoration:underline}
	#main div div #content .meta, #main div div #content .postmetadata, #main div div #content .comments-number {font-size:.865em;width:231px}
	#main div div #content .meta {float:left}
	#main div div #content .postmetadata {float:left;margin:0 auto;text-align:center}
	#main div div #content .comments-number {float:right;text-align:right}
	#main div div #content .meta a, #main div div #content .postmetadata a, #main div div #content .comments-number a {color:#260f00}
	
	/*Single Post*/
	#main div div #main-post .post {clear:both}
	#main div div #main-post .meta, #main div div #main-post .postmetadata, #main div div #main-post .comments-number {font-size:.865em;width:317px}
	#main div div #main-post .meta {float:left}
	#main div div #main-post .postmetadata {float:left;margin:0 auto;text-align:center}
	#main div div #main-post .comments-number {float:right;text-align:right}
	#main div div #main-post .meta a, #main div div #main-post .postmetadata a, #main div div #main-post .comments-number a {color:#260f00}

	/*Subpages*/
	#main div div .subpages	{border-top:1px solid #e1e5e8;padding:25px 0 0 0;margin:25px 0 0 0}
	#main div div .subpages .page {border-bottom:1px solid #e1e5e8;padding:0 0 15px 0;margin:0 0 25px 0}
	#main div div .subpages .page {clear:both;overflow:hidden;width:100%}
	#main div div .subpages .page h2 {font-size:2em;font-weight:400;padding:0 0 15px}
	#main div div .subpages .page h2 a {color:#260f00;text-decoration:none}
	#main div div .subpages .page h2 a:hover {background:#e1e5e8;text-decoration:underline}
	#main div div .subpages .page .more {color:#260f00;float:right;font-size:.865em;}
	#main div div .subpages span.intro h2 {font-size:1.5em;font-weight:bold}
	
/* Pagination */
ul#prev-next {list-style:none}
ul#prev-next #prev {float:left}
ul#prev-next #next {float:right}

/* Sidebar */
#main div div #sidebar {float:right;padding:10px 0 20px;width:190px}
#sidebar ul {list-style:none;margin:0 0 1em 0}
#sidebar ul ul {list-style:disc;margin:0 0 0 18px}
#sidebar ul li {margin:0 0 21px}
#sidebar ul ul li {margin:0 0 3px}
#sidebar ul li a {color:#260f00;text-decoration:none}
#sidebar h3 {font-size:1em}
#sidebar li.widget_tag_cloud a {text-decoration:underline}
#sidebar li.widget_archive {display:none;}

/*Post Options*/
#main div div #post-options {background:none;overflow:hidden;width:100%}
#main div div #post-options .left {float:left;}
#main div div #post-options .right {float:right}
#main div div #post-options .right ul#options {list-style:none}
#main div div #post-options .right ul#options li {float:left;margin:0 0 0 15px}
#main div div #post-options .right ul#options li a {color:#b4c7d8;float:left}
#main div div #post-options .right ul#options li#download-option a {background:url(images/download.png) center top no-repeat;padding:50px 5px 0;text-align:center}
#main div div #post-options .right ul#options li#email-option a {background:url(images/email.png) center top no-repeat;padding:50px 5px 0;text-align:center}
#main div div #post-options .right ul#options li#print-option a {background:url(images/print.png) center top no-repeat;padding:50px 5px 0;text-align:center}
#main div div #post-options .right ul#options li#contact-option a {background:url(images/contact.png) center top no-repeat;padding:50px 5px 0;text-align:center}
#main div div #post-options .right ul#options li#rss-option a {background:url(images/rss.png) center top no-repeat;padding:50px 5px 0;text-align:center}
#main div div #post-options .right ul#options li#follow-option a {background:url(images/follow.png) center top no-repeat;padding:50px 5px 0;text-align:center}
#main div div #post-options .left ul#post-nav {float:left;list-style:none;margin:0;overflow:hidden;width:230px}
#main div div #post-options .left .wp-pagenavi {float:left;list-style:none;margin:54px 0 0;overflow:hidden;width:160px}
#main div div #post-options .left .wp-pagenavi {width:250px}
#main div div #post-options .left ul#post-nav li {float:left;margin:0 4px 0 0}
#main div div #post-options .left ul#post-nav li a {color:#261002;font-size:.865em}
#main div div #post-options .left ul#post-nav li a:hover {background:#e1e5e8}

	/*Wp page Navi*/
	#main div div #post-options .left .wp-pagenavi span.current, #main div div #post-options .left .wp-pagenavi a {border:0;color:#261002;font-size:.865em;padding:2px 0}
	#main div div #post-options .left .wp-pagenavi a {text-decoration:underline}
	#main div div #post-options .left .wp-pagenavi a:hover {background:#e1e5e8}
	
	/*Related*/
	#main div div .related {float:right;font-size:.865em;}
	#main div div .related p {font-weight:700;margin:0}
	#main div div .related ol {list-style:none}
	#main div div .related ol li {margin:0 0 2px}
	#main div div .related ol li a {color:#261002}

/* Footer */
#footer {clear:both;height:1%;padding:10px 0 0 30px;overflow:hidden}
#footer ul {color:#fff;font-style:italic;float:left;font-weight:700;list-style:none}
#footer ul li {display:inline;float:left;margin:0 10px 0 0;width:180px}
#footer ul li ul {list-style:none;margin:0}
#footer ul li ul li {display:block;float:none}
#footer ul li ul li > a {float:none}
#footer ul li a {color:#fff;font-style:italic;font-weight:bold}
#footer ul li ul li a {color:#fff;font-style:normal;font-weight:400}
#footer ul li.narrow_footer_column {margin:0 0 0 -20px;width:110px !important;*width:100px !important;}
#footer ul li.narrow_footer_column li {width:90px}

/* Image Alignment */
img.centered, img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:2px 0 2px 5px;padding:4px}
img.alignleft {display:inline;margin:2px 5px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#main div div #comments_wrap {background:none;border-top:1px solid #e2e3e7;overflow:hidden;padding:20px 0 0}
#main div div #comments_wrap h2 {font-size:2em;font-weight:400;padding:0 0 16px}
#comments_wrap ol {list-style:none;margin:0 !important}
#comments_wrap ol li {overflow:hidden;padding:16px 0;border-bottom:1px solid #E2E3E7}
#comments_wrap ol li .avatar {float:left;margin:0 40px 0 0}
#comments_wrap ol li .comment-content {float:left;width:840px}
#comments_wrap .commentmetadata {font-size:.865em;margin:0 0 10px}
#comments_wrap .commentmetadata cite, #comments_wrap .commentmetadata cite a {color:#261002;font-style:normal}

/*CommentForm*/
#main div div #respond {clear:both;overflow:hidden;border-bottom:1px solid #e1e5e8;padding:10px 0 10px 0;margin:0 0 20px 0;width:100%}
#main div div #respond label {float:left;font-size:.865em;line-height:20px;text-align:right;width:91px}
#main div div #respond label.comment-box {background:url(images/comment-icon.png) left top no-repeat;padding:90px 0 0}
#main div div #respond p {clear:both;margin:0 0 2px;overflow:hidden}
* html #main div div #respond p {clear:both;height:1%;margin:0 0 2px;overflow:visible}
#main div div #respond textarea {background:#fff;border:1px solid #e1e5e8;border-bottom:2px dotted #8294aa;color:#261002;float:right;font:1em "Lucida Sans", Arial, Sans-Serif;padding:5px;width:840px;;margin:0 0 5px 0}
#main div div #respond input.text {background:#fff;border:1px solid #e1e5e8;border-bottom:2px dotted #8294aa;color:#261002;float:right;font:1em "Lucida Sans", Arial, Sans-Serif;padding:5px;width:840px;margin:0 0 5px 0}
#main div div #respond textarea:focus, #main div div #respond input.text:focus {background:#e1e5e8}
#main div div #respond input#subscribe {display:inline;float:left;margin:0 0 0 96px}
#main div div #respond label#notify {float:left;line-height:20px;width:auto;margin:0 0 0 5px}
#main div div #respond p.short {float:left;width:400px}
#main div div #respond input#submit {background:none;border:0;color:#261002;float:right;font:.865em "Lucida Sans", Arial, Sans-Serif;padding:4px 0 4px;text-decoration:underline}

/* Captions */
.wp-caption {background:#e1e5e8 !important;border:0px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:0px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:10px;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0 auto 10px;padding:0}

body {behavior: url("/wp-content/themes/innovation-factory1/script/hover.htc"); } 

/* Image Galleries */
#main div div .gallery dl dt a img {border: 0px;cursor:default;}

/* Contact Form */
#contact_form {width:520px !important}
#contact_form_label {display:block;width:200px}
#contact_form #inputs textarea {background:#fff;border:1px solid #e1e5e8;border-bottom:2px dotted #8294aa;color:#261002;font:1em "Lucida Sans", Arial, Sans-Serif;padding:5px;width:500px}
#contact_form #inputs input {background:#fff;border:1px solid #e1e5e8;border-bottom:2px dotted #8294aa;color:#261002;font:1em "Lucida Sans", Arial, Sans-Serif;padding:5px;width:500px}
#contact_form #inputs textarea:focus, #contact_form #inputs input:focus {background:#e1e5e8}
#contact_form #inputs #captcha img {text-align:baseline;}
#contact_form #inputs #captcha input {width:50px;margin:5px 0 0 0}
#contact_form .button-right input {float:right;font:.865em "Lucida Sans", Arial, Sans-Serif;padding:4px 0 4px;width:150px;float:right;margin:10px}
