/*  
Theme Name: Ingage Creative
Theme URI: http://weingage.com/
Description: Theme for Ingage Creative
Author: Jay Hughes	
Author URI: http://weingage.com/
Version: 1.0
*/



/************************************************
*          Resets          *
************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/************************************************
*          General elements       *
************************************************/
body { background:#000211 url(images/html-bg.jpg) left top repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center; }
h1, h2, h3, h4, h5, h6 { font-family:Rockwell, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif; }
a { color:#0D3F6F; text-decoration:none; }
a:hover { color:#222; }
blockquote { font-style:italic; background:#eee; padding:.4em 1em .7em 1em; margin:.7em 0; border:1px solid #dedede; }
code { font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace; }
hr { border:1px solid #ccc; }
pre { overflow:auto; width:500px; background:#dededd; padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */ }
dl { }
dt { font-weight:bold; }
dd { padding-left:1em; }
table { margin:.5em 0; }
table th { color:#000; }
table td, table th { padding:.5em .7em; }
table th { background:#ddd; text-transform:uppercase; border-bottom:1px transparent; }
table td { background:#ccc; }
table tr.even td { background:#bbb; }
table tr:hover td { background:#ccc; }
fieldset { padding:1.2em; border:1px dashed #a8ef9d; }
legend { padding:.2em .8em; font-size:1.2em; text-transform:capitalize; }
input, textarea, select { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em; border:1px solid #ddd; }
input, textarea { padding:.3em; }
input.radio, input.checkbox { padding:2px; }
form label { font-weight:bold; display:block; }
/************************************************
*          General       *
************************************************/
#page {/*background:url(images/headerbg.jpg) top center no-repeat;*/ }
#wrapper { margin:0 auto; padding:0; text-align:left; width:960px; }
/************************************************
*          Header (and some parts in the footer too)       *
************************************************/
#header { height:38px; padding-bottom:6px; padding-top: 13px; }
#top .topmenu { float:left; width:700px; height:32px; }
#top .topmenu li { float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase; }
#top .topmenu li a { color:#999; font-size:.6em; text-shadow:0 0 4px #000; }
#top .topmenu li a:hover { color:#efefef; }
#top .topmenu li a.rss { background:url(images/rss.gif) left 0px no-repeat; padding-left:17px; }
#top .search, #bottom .search { float:right; width:250px; text-align:right; line-height:33px; }
#top .searchform input, #bottom .searchform input { padding:2px 3px; }
#top .searchbox, #bottom .searchbox { width:150px; font-size:.8em; color:#555; border:1px solid #ddd; background:#dcdcdc url(images/formbg.gif) top left repeat-x; border:1px solid #dcdcdc; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#top .searchbox:hover, #bottom .searchbox:hover { color:#111; }
#top .submitbutton, #bottom .submitbutton { font-size:1em; cursor:pointer; background:#505252 url(images/buttonbg.gif) top left repeat-x; color:#efefef; font-size:0.8em; border:none; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#top .submitbutton:hover, #bottom .submitbutton:hover { background:#505252; }
#logo { float:left; width:480px; margin:30px 0 0 0; }
#logo h1 a { color:#eee; font-size:1.9em; font-weight:normal; text-shadow:0 0 1px #666, 0 0 4px #111; }
#logo h1 a:hover { color:#B3D3EA; }
#logo #desc { font-size:.8em; color:#999; margin-top:.3em; line-height:1.3em; text-shadow:0 0 1px #333, 0 0 4px #111; }
#headerbanner { float:right; width:468px; margin:30px 0 0 0; text-align:right; font-size:.8em; line-height:1.4em; color:#ddd; text-shadow:0 0 1px #444, 0 0 4px #000; }
#headerbanner h3, #headerbanner div { color:#ddd; }
#headerbanner h3 { font-size:1.1em; }
#headerbanner p { color:#ddd; }
#headerbanner a { color:#FFB25F; border-bottom:1px dashed #999; }
#headerbanner a:hover { color:#eee; border-bottom:1px dashed #ccc; }
#catnav { font-size:.8em; text-shadow:0 0 1px #aaa, 0 0 5px #fff; }
/************************************************
*          Content      *
************************************************/
#wrapper { background: url(images/home-main-light-bg-trans.png) no-repeat top center; }
.home #wrapper {background: none;}
#title-head { height: 125px; background: url(images/logo-trans.png) no-repeat center left; }
#main { background: #f4f4f4; padding: 4px 5px; margin-left: -4px; overflow: visible;}
.home #main { background: transparent url(images/home-main-light-bg-trans.png) no-repeat top center; height: 422px; padding: 0px; }
.page-template-Ingage-Portfolio-php #title-head { height: 125px; background: url(images/logo-trans.png) no-repeat center left; }
#main-left { width: 300px; height: 422px; float: left; }
#home-logo { background: url(images/logo-trans.png) no-repeat; width: 200px; height: 50px; margin-top: 60px; margin-left: 10px; }
#tagline { background: url(images/tagline-trans.png) no-repeat; width: 300px; height: 135px; margin-top: 20px; }
#contact-button { background: url(images/contact-button-trans.png) no-repeat; width: 260px; height: 150px; margin-top: 40px; }
#main-right { background: transparent; width: 660px; height: 400px; float: right; margin-top: 22px; position: relative; }
/*------slider---*/
/*body { height : 100%; color : #a4a4a4; cursor : default; font-size : 11px; line-height : 16px; text-align : center; background-color : #000; background-position : 50% 0; background-repeat : no-repeat; font-family : Tahoma, sans-serif; }
a:link, a:visited { color : #fff; text-decoration : none; }
a img { border : 0; }*/
div.wrap { width : 660px; margin : 0 auto; text-align : left; }
div#top div#nav { float : left; clear : both; width : 660px; height : 52px; margin : 22px 0 0; }
div#top div#nav ul { float : left; width : 660px; height : 52px; list-style-type : none; }
div#nav ul li { float : left; height : 52px; }
div#nav ul li a { border : 0; height : 52px; display : block; line-height : 52px; text-indent : -9999px; }
div#main-right { }
div#video-header { height : 683px; margin : -1px 0 0; }
div#main-right div.wrap { height : 446px; }
div#main-right div#slide-holder { z-index : 40; width : 660px; height : 446px; position : absolute; }
div#main-right div#slide-holder div#slide-runner { top : 0px; right: 0px; width : 660px; height : 400px; overflow : hidden; position : absolute; }
div#main-right div#slide-holder img { margin : 0; display : none; position : absolute; }
/*--------------------------------*/
div#main-right div#slide-holder div#slide-controls { right : 20px; bottom : 0; width : 280px; height : 46px; display : none; position : absolute; background : url(images/slide-bg.png) 0 0; }
div#main-right div#slide-holder div#slide-controls p.text { float : left; color : #fff; display : inline; font-size : 10px; line-height : 16px; margin : 15px 0 0 20px; text-transform : uppercase; }
div#main-right div#slide-holder div#slide-controls p#slide-nav { float : right; height : 24px; display : inline; margin : 11px 15px 0 0; }
div#main-right div#slide-holder div#slide-controls p#slide-nav a { float : left; width : 24px; height : 24px; display : inline; font-size : 11px; margin : 0 5px 0 0; line-height : 24px; font-weight : bold; text-align : center; text-decoration : none; background-position : 0 0; background-repeat : no-repeat; text-shadow: none; color: #FFF; }
div#main-right div#slide-holder div#slide-controls p#slide-nav a.on { background-position : 0 -24px; }
div#main-right div#slide-holder div#slide-controls p#slide-nav a { background-image : url(images/silde-nav.png); }
div#main-right #nav ul li a { background : url(images/nav.png) no-repeat; }
div#slide-controls { background: none!important; }
/*----------------------------------------------------------------------------------*/




#content { float: left; width:620px; }
.page-template-Ingage-Portfolio-php #content {  width: 950px; float: none; border: 1px solid #ccc;  padding-top: 10px;}
.home #content { width:960px; padding: 20px 0px; }
.home #content h1.fresh { margin-bottom: 15px; color: #FFF; text-shadow: none; font-style: italic; font-size: 1.6em; font-weight:normal; }
#contentfull { float:left; width:960px; }
h2#contentdesc { font-weight:normal; font-size:1em; text-transform:capitalize; }
h2#contentdesc span { color:#225990; }
.archivesbox { padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.post { padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;/* optional rounded corners for browsers that support it */
}
.home .post { padding: 0px; background: none; width: 300px; float: left; display: inline; margin-right: 10px; border: none; padding-left: 4px; }
.home .post .thumb a { opacity:0.4; filter:alpha(opacity=40); }
.home .post .thumb a:hover { opacity:1; filter:alpha(opacity=100); }
.page-template-Ingage-Portfolio-php .post { padding: 0px; background: none; width: 285px; float: left; display: inline; margin-right: 10px; border: none; padding-left: 20px; overflow:hidden; }
.page-template-Ingage-Portfolio-php .post .thumb a { opacity:.9; filter:alpha(opacity=90); }
.page-template-Ingage-Portfolio-php .post .thumb a:hover { opacity:1; filter:alpha(opacity=100); }
.page-template-Ingage-Portfolio-php .post .last { margin-right: 0px; }
.posttop img.avatar {   border: 3px solid #f9f9f9; margin-right: 10px; margin-bottom: 5px; float: left;}
.posttop #postinfo { }
.posttop h2.posttitle { padding-top: 8px; }
.posttop .post-meta {  font-size: .75em; text-shadow: none; margin-top: 3px; }
.page-template-default .post .homethumb { }
.page-template-default .post .homethumb img { margin-left: 10px; margin-bottom: 10px; border: 1px solid #e2e2e2; padding: 3px; background: #ccc; float: right; }
.posttop {position: relative;}
.sticky { background:none; }
.posttop h2.posttitle a { color:#232323; font-size:1.3em; }
.posttop h2.posttitle a:hover { color:#010101; }
.postmetatop { font-size:0.7em; padding-top:7px; line-height:1.5em; color:#666; }
.postmetatop a { color:#333; }
.postmetatop a:hover { color:#225990; }
.postcontent { margin:.8em 0; font-size:0.8em; line-height:1.5em; }
.postcontent h1 { padding:.8em 0; font-size:1.5em; }
.postcontent h2 { padding:.8em 0; font-size:1.4em; }
.postcontent h3 { padding:1em 0 0 0; font-size:1.3em; }
.postcontent h4 { padding:1em 0 0 0; font-size:1.2em; }
.postcontent h5 { padding:1em 0 0 0; font-size:1.1em; }
.postcontent h6 { padding:1em 0 0 0; font-size:1em; }
.postcontent p { padding:.6em 0 .2em 0; }
.postcontent p a:hover, .postcontent ul a:hover, .postcontent ol a:hover { background:#dceeff; color:#010101; }
.postcontent a.more-link { }
.postcontent ul, .postcontent ol { padding:.4em 0 .5em 2em; }
.postcontent ul li { list-style:disc; }
.postcontent ol li { list-style:decimal; }
.postmetabottom { background:#e9e9e9; padding: 4px 5px; font-size:0.75em; line-height:16px; margin-top:15px; border:1px solid #dedede; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-right: 6px; }
.postmetabottom a { color:#444; }
.postmetabottom a:hover { color:#222; }
.postmetabottom .tags { color:#555; float:left; width:385px; background:url(images/tags.gif) left 1px no-repeat; padding-left:20px; }
.postmetabottom .metacomments { float:right; width:130px; text-align:right; }
.postmetabottom .metacomments span { background:url(images/comments.gif) left 3px no-repeat; padding-left:20px; }
/************************************************
*          Navigation      *
************************************************/
#navigation { line-height:1.8em; margin-bottom:10px; }
#navigation a { padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#navigation a:hover { color:#222; border:1px solid #aaa; }
#navigation .wp-pagenavi a { padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#navigation .wp-pagenavi a:hover { color:#225990; border:1px solid #aaa; }
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend { padding:5px 7px; font-size:.8em; background:#fff; color:#222; border:1px solid #d1d1d1; margin:0 5px 0 0; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#navigation .wp-pagenavi span.current { margin:0 2px; }
/************************************************
*          Comments      *
************************************************/
#comments { margin:0 0 15px 0; }
#commentsbox { padding:15px 20px 0px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#comments h3 { font-size:1em; font-weight:normal; }
#comments ul.commentlist li { margin:10px 0 0 0; padding:15px; background:#f0f0f0; border:1px solid #dedede; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#comments ul.commentlist li.alt { background:#e3e3e3; border:1px solid #ddd; }
#comments ul.commentlist li ul.children li { margin:20px 0 0 20px; }
#comments img.avatar { float:left; margin:0 20px 0 0; }
#comments .commentbody .author { font-size:.9em; margin-bottom:10px; }
#comments .commentbody .author a { border-bottom:1px dashed #666; }
#comments .commentbody .author a:hover { color:#333; }
#comments .commentbody .commentmetadata { font-size:.7em; color:#666; margin-bottom:25px; }
#comments .commentbody .commentmetadata a { color:#666; }
#comments .commentbody em { margin-bottom:10px; color:#333; display:block; font-size:.8em; font-style:normal; }
#comments .commentbody p { font-size:.8em; padding:5px 0 8px 0; line-height:1.4em; }
#comments .reply a { margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#fff; color:#222; border:1px solid #dedede; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#comments .reply a:hover { background:#ccc; color:#000; }
#comments h3#trackbacktitle { padding-top:15px; }
#comments ul.trackback { margin:5px 0 15px 0; padding:15px 20px 1px 20px; background:#f0f0f0; border:1px solid #dedede; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#comments ul.trackback li { margin-bottom:12px; font-size:.85em; }
#comments ul.trackback li .commentbody .author { margin:0; }
#comments a#cancel-comment-reply-link { display:block; padding:8px 0; }
#comments a#cancel-comment-reply-link:hover { color:#ccc; }
#comments p.nocomments { font-size:.8em; line-height:1.2em; padding:5px 0; }
#comments #respond { margin-top:15px; padding:15px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#comments #respond h3 { padding-bottom:15px; }
#comments #respond p { padding:.4em 0 0 0; }
#comments #respond p label { font-size:.8em; font-weight:normal; }
#comments #respond input { padding:5px; width:200px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#comments #respond textarea { width:500px; padding:10px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#comments #respond .submitbutton { color:#eee; background:#505252 url(images/buttonbg.gif) top left repeat-x; padding:6px; border:1px solid #aaa; line-height:1.4em; font-size:.8em; width:auto; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#comments #respond .submitbutton:hover { cursor:pointer; color:#fff; border:1px solid #666; }
#comments #respond p.subscribe-to-comments label { display:inline; margin-left:4px; }
/************************************************
*          Sidebar       *
************************************************/
#sidebar { float:right; width:330px; font-size:0.8em; line-height:1.4em; }
#sidebar ul li.boxed { padding:15px; margin-bottom:10px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;/* optional rounded corners for browsers that support it */
/*  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;*/
}
#sidebar h3 { font-weight:normal; font-size:1.4em; margin-bottom:10px; }
#sidebar ul ul li { margin-bottom:8px; }
#sidebar ul ul li a { display:block; padding:8px; background:#e9e9e9; color:#222; border:1px solid #dedede;/* optional rounded corners for browsers that support it */
/*  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;*/
}
#sidebar ul ul li a:hover { background:#dcdcdc; color:#111; border:#1px solid #d9d9d9; }
#sidebar p { padding:5px 0 5px 0; }
#sidebar p a { }
#sidebar p a:hover { background:#dceeff; color:#010101; }
#sidebar img { border:none; }
#tag_cloud a, .widget_tag_cloud a { display:inline; }
#tag_cloud a:hover { color:#333; }
li#tagbox a:hover { color:#333; }
#sidebar ul.children li { margin:8px 0 0 0; }
#sidebar ul.children { margin-bottom:0; }
/************************************************
*          Footer       *
************************************************/
#footerwrapper {/*background:#090909 url(images/footerbg.gif) left top repeat-x;*/ text-shadow:0 0 4px #000; }
#bottom { padding-top:6px; }
#bottom .botmenu { float:left; width:700px; }
#bottom .botmenu li { float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase; }
#bottom .botmenu li a { color:#999; font-size:.6em; }
#bottom .botmenu li a:hover { color:#efefef; }
#bottom .botmenu li a.rss { background:url(images/rss.gif) left 0px no-repeat; padding-left:17px; }
#footer { margin:0 auto; padding:0; text-align:left; width:960px; color:#ddd; }
#footer div { color:#ddd; }
#footer span { color:#666; }
#footerwidgets { margin-top:10px; }
#footerwidgets p { font-size:.75em; padding:0 0 1em 0; }
#footerwidgets ul li ul { margin-top:5px; }
#footerwidgets label { color:#ddd; font-size:.8em; }
#footer .foot1 { float:left; width:215px; margin:15px 0 0 0; display:inline; }
#footer .foot2 { float:left; width:215px; margin:15px 35px 0 35px; }
#footer .foot3 { float:left; width:215px; margin:15px 35px 0 0; }
#footer .foot4 { float:left; width:210px; margin:15px 0 0 0; }
#footer h3 { font-weight:normal; font-size:1.3em; margin-bottom:.4em; color:#eee; }
#footer a { color:#999; }
#footer a:hover { color:#efefef; }
#footer p { line-height:1.5em; color:#999; padding:.3em 0 .7em 0; font-size:.8em; }
#footer ul li { margin-bottom:20px; color:#aaa; }
#footer ul ul li { line-height:1.2em; margin-bottom:8px; font-size:.8em; }
#credits { margin-top:.5em; border-top:1px solid #222; padding:.5em 0; text-transform:uppercase; }
#footer #credits p { line-height:1em; color:#555; font-size:7pt; }
#footer #credits a { color:#555; text-decoration:none; }
#footer #credits a:hover { color:#ccc; }
#credits #creditsleft { float:left; width:740px; }
#credits #creditsleft .footmenu li { float:left; padding:.4em 1.5em 1em 0; margin:0 .4em 0 0; line-height:1.6em; font-size:7pt; }
#credits #creditsright { float:right; width:200px; text-align:right; }
/************************************************
*          WP related          *
************************************************/
.alignleft { float:left; margin:10px 15px 6px 0; }
.alignright { float:right; margin:10px 0 6px 15px; }
.aligncenter, div.aligncenter { margin:10px auto; text-align:center; display:block; }
img.alignleft { float:left; margin:10px 15px 6px 0; }
img.alignright { float:right; margin:10px 0 6px 15px; }
img.aligncenter { margin:10px auto; text-align:center; display:block; }
.wp-caption { text-align:center; background:#eee; border:1px solid #ddd; padding-top:6px; /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.wp-caption img { padding:0; margin:0; border:0 none; }
.wp-caption img:hover { border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
#slider