/*
Theme Name: Mediabarn
Description: Mediabarn's new 2010 theme
Author: Jimmy Gnass (Design), Noah Lazar (Development)
Version: 2.0
Tags: 


zoom:1 used for hasLayout and self-clear floats in IE5-7
* html hack targets IE5-6 only

*/


/* ---------- Formatting ---------- */

body  /* 16px base font size */
{ color:#000; font:normal 100%/1.5em georgia,"Times New Roman",times,serif }
#main
{ color:#fff }


h3#comments-title, h3#reply-title,
#cancel-comment-reply-link,
.form-allowed-tags,
#wp-calendar,
.comment-meta,
.comment-body tr th, .comment-body thead th,
.entry-content label, .entry-content tr th, .entry-content thead th, 
.entry-meta, .entry-utility,
#respond label,
.pingback p, .reply, .wp-caption-text
{ font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif }


p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.5 }
b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* Table font reset */
{ font-size:100% }


/* Links */
a
{ text-decoration:underline }
a:link, #wrapper a.jtoggle:link, #wrapper a.jtoggle:visited
{ color:#fff }
a:visited
{ color:#eee }
a:hover, a:active
{ text-decoration:none }

a.more  /* 12px */
{ color:#0ff; font:bold 75%/1.4 arial,helvetica,sans-serif; text-decoration:none; 
  text-transform:uppercase; white-space:nowrap }
	a.more:link, a.more:visited
	{ color:#0ff }
	a.more:hover, a.more:active
	{ text-decoration:underline }



/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }

blockquote
{ font-style:italic; margin:0 2em 1.4em; padding:0 }
blockquote cite, blockquote em, blockquote i
{ font-style:normal }

.small, small  /* 14px */
{ font-size:87.5% }
.big, big  /* 21px */
{ font-size:131.25% }

ins
{ background:#ffc; text-decoration:none }


/* Images */
a img
{ border-style:none }

img.docicon /* Injected document icons */
{ display:inline; margin-right:3px; padding-left:6px; border:none !important; vertical-align:middle }



/* Separators */
hr
{ color:#999; background-color:#999; height:1px; margin:1.3em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#fff; margin:0 0 13px; padding:0; font:normal 100%/1.1 georgia,"Times New Roman",times,serif }
h1
{ font-size:60px }  /* 18px */
h2
{ font-size:60px }  /* 16px */
h3
{ font-size:45px }  /* 15px */
h4
{ font-size:30px }  /* 14px */
h5
{ font-size:22px }  /* 13px */
h6
{ font-size:20px; margin-bottom:10px }

.subtitle
{ margin-top:-7px }



/* Lists */
ul
{ list-style:square; margin-top:0; margin-bottom:1.4em; margin-left:0; padding-left:1.3em }
ol
{ list-style:decimal; margin-top:0; margin-bottom:1.4em }

ul li
{ margin-top:0; margin-bottom:.5em }

ol ol
{ list-style:upper-alpha }
ol ol ol
{ list-style:lower-roman }
ol ol ol ol
{ list-style:lower-alpha }

ul ul, ol ol, ul ol, ol ul
{ margin-bottom:0 }


dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:.1em 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }



/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }



/* =Layout
-------------------------------------------------------------- */

.hide, .hide *, .screen-reader-text
{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden }
.clear
{ clear:both }

body
{ margin:0; padding:0; background-color:#fff }



/* ----- Default layout = with right sidebar (Blog style) ----- */

#main.blog #container
{ position:relative; float:left; width:670px; padding:1.5em 25px 1em; 
  background-color:#fff; color:#000;
  border:radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px }


/* Blog headings */
#main.blog #container h1, #main.blog #container h2, #main.blog #container h3,
#main.blog #container h4, #main.blog #container h5, #main.blog #container h6
{ color:#333 }
#main.blog #container h1
{ font-size:36px }
#main.blog #container h2
{ font-size:30px }
#main.blog #container h3, #main.blog .entry-title
{ font-size:28px }
#main.blog #container h4
{ font-size:26px }


#main.blog #container a
{ color:#bb1200; text-decoration:none }

	#main.blog #container a:link
	{ color:#bb1200 }
	#main.blog #container a:visited
	{ color:#cb2210 }
	#main.blog #container a:hover, #main.blog #container a:active
	{ text-decoration:underline }


/* Right sidebar widgets */
#primary, #secondary
{ clear:right; float:right; width:230px }




/* --- One column --- */
#container
{ }


/* Translucent box */
#main.about #container,
#main.capabilities #container,
#main.portfolio .box,
#main.contact .wrapper,
#main #primary, #main #secondary
{ position:relative; padding:1em 25px .8em; 
  background:url("images/background_content.png") repeat;
  border:radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px }

	/* IE6 PNG removal */
	* html #main.about #container,
	* html #main.capabilities #container,
	* html #main.portfolio .box,
	* html #main.contact .wrapper,
	* html #main #primary,
	* html #main #secondary
	{ background-image:none }

.box > *:last-child
{ margin-bottom:.2em }



/* ----- With left sidebar (About, Services) ----- */

#main.about #container,
#main.capabilities #container
{ float:right; width:680px; margin-right:50px }


/* Left sidebar subnavigation (blue colors) */
#main.about #sidebar,
#main.capabilities #sidebar
{ position:relative; float:left; width:200px }

#sidebar.subnav ul
{ margin:0 0 2em; padding:0; border-bottom:1px solid #1a4c73; list-style:none }
#sidebar.subnav ul li
{ display:block; margin:0; padding:0; border-top:1px solid #1a4c73; background:none }

#sidebar.subnav ul li a
{ zoom:1; display:block; padding:9px; line-height:1.1; color:#fff; text-decoration:none }

	#sidebar.subnav ul li.current_page_item > a
	{ background-color:#28597F }

	#sidebar.subnav ul li a:hover
	{ background-color:#6695b8; text-decoration:none }

/* Nested subnav */
#sidebar.subnav ul.children
{ display:none; margin:0; border-bottom:none }

	#sidebar.subnav ul li.current_page_item > ul,
	#sidebar.subnav ul li.current_page_ancestor > ul,
	#sidebar.subnav ul li.current_page_parent > ul  /* Expand when active */
	{ display:block }

#sidebar.subnav ul ul li a
{ padding-left:29px }
#sidebar.subnav ul ul ul li a
{ padding-left:49px }


/* Services color coding (green) */

#main.capabilities #sidebar.subnav ul,
#main.capabilities #sidebar.subnav ul li
{ border-color:#2e605d }

#main.capabilities #sidebar.subnav ul li.current_page_item > a
{ background-color:#1c705d }

#main.capabilities #sidebar.subnav ul li a:hover
{ background-color:#60a695 }




/* =Page backgrounds
-------------------------------------------------------------- */

#main
{ clear:both; overflow:hidden; position:relative; width:100%; min-width:1056px; 
  margin:0; background-color:#222; background-repeat:repeat }

#main.blog /* Blog style = default */
{ background-color:#222; background-image:url("images/backtile_blog.gif") }

#main.about, * html .about
{ background-color:#5081a6; background-image:url("images/backtile_about.gif") }

#main.capabilities, * html .capabilities
{ background-color:#4a9181; background-image:url("images/backtile_what.gif") }

#main.portfolio, * html .portfolio
{ background-color:#727272; background-image:url("images/backtile_work.gif") }

#main.contact, * html .contact
{ background-color:#84344e; background-image:url("images/backtile_contact.gif") }


/* Stretch image proportionally to 100% width; replace with background-size when more browsers support it */
img#page-background
{ position:absolute; top:0; left:0; width:100%; height:auto }

#main-wrapper
{ padding:0 10px; background:url("images/background_shading.png") repeat-x left bottom }

#main-innerwrapper
{ zoom:1; position:relative; width:1036px; min-height:500px; margin:0 auto; padding:50px 0 }
	#main-innerwrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


* html img#page-background /* IE6 background fix */
{ display:none }
* html #main-wrapper /* IE6 PNG removal */
{ background-image:none }




/* =Header
-------------------------------------------------------------- */

#header
{ padding-bottom:13px; background:#fff }

#header-wrapper
{ zoom:1; width:1036px; margin:0 auto; padding:0 10px }
	#header-wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#branding
{ float:left; margin:10px 10px 14px 0 }
#branding h1
{ margin:0 }
#branding img
{ display:block }


/* Navigation */

#primarynav
{ float:right; margin:0 0 14px; font:normal 17px/1.2 georgia,"Times New Roman",serif }

#primarynav ul
{ margin:0; padding:0; list-style:none }

#primarynav ul li
{ float:left; margin:0; padding:0; background:none; border-left:1px solid #ccc }

#primarynav ul li a
{ display:block; min-width:110px; padding:37px 10px 0 9px; white-space:nowrap; 
  color:#bb1200; text-decoration:none }

	* html #primarynav ul li a /* IE6 min-width fix */
	{ width:110px }

	#primarynav ul li a:link, #primarynav ul li a:visited
	{ color:#bb1200 }
	#primarynav ul li a:hover, #primarynav ul li a:active
	{ text-decoration:underline }

	#primarynav ul li.current_page_item a,
	#primarynav ul li.current-page-ancestor a,
	#primarynav ul li.current_page_parent a
	{ color:#000 }

#primarynav ul ul /* Nested lists */
{ display:none }




/* =Content
-------------------------------------------------------------- */


/* Clear after floats */
#content, .columns
{ zoom:1 }
#content:after, .columns:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden }


.post.type-post, body.search .page.type-page
{ margin-bottom:1.5em; border-bottom:1px solid #adadad; padding-bottom:1.4em }


#content table
{ border:1px solid #e7e7e7; text-align:left; margin:0 -1px 24px 0; width:100% }
#content tr th,
#content thead th
{ color:#888; font-size:12px; font-weight:bold; line-height:18px; padding:9px 24px }
#content tr td
{ border-top:1px solid #e7e7e7; padding:6px 24px }
#content tr.odd td
{ background:#F2F7FC }

.home .sticky
{ background:#F2F7FC; border-top:4px solid #000; padding:18px 20px; margin-left:-20px; margin-right:-20px }

.single .hentry
{ margin:0 0 36px 0 }

.entry-meta
{ margin:-.4em 0 1.3em; color:#888; font-size:12px }
.entry-meta abbr,
.entry-utility abbr
{ border:none }
.entry-meta abbr:hover,
.entry-utility abbr:hover
{ border-bottom:1px dotted #666 }

.meta-sep
{ margin:0 5px }

.entry-summary a
{ font-size:90%; white-space:nowrap }

.entry-content,
.entry-summary
{ clear:both }
#content .entry-summary p:last-child
{ margin-bottom:12px }
.entry-content fieldset
{ border:1px solid #E7E7E7; margin:0 0 24px 0; padding:24px }
.entry-content fieldset legend
{ background:#fff; color:#000; font-weight:bold; padding:0 24px }
.entry-content input
{ margin:0 0 24px 0 }
.entry-content input.file,
.entry-content input.button
{ margin-right:24px }
.entry-content label
{ color:#888; font-size:12px }
.entry-content select
{ margin:0 0 24px 0 }
.entry-content sup,
.entry-content sub
{ font-size:10px }
.entry-content blockquote.left
{ float:left; margin-left:0; margin-right:24px; text-align:right; width:33% }
.entry-content blockquote.right
{ float:right; margin-left:24px; margin-right:0; text-align:left; width:33% }

.page-link
{ color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em }
.page-link a:link,
.page-link a:visited
{ background:#f1f1f1; color:#333; font-weight:normal; padding:0.5em 0.75em; text-decoration:none }
.home .sticky .page-link a
{ background:#D9E8F7 }
.page-link a:active,
.page-link a:hover
{ color:#FF4B33 }

#entry-author-info
{ background:#F2F7FC; border-top:4px solid #000; padding:18px 20px; margin:24px 0; overflow:hidden; clear:both; font-size:14px; line-height:20px }
#entry-author-info #author-avatar
{ background:#fff; border:1px solid #e7e7e7; float:left; margin:0 -104px 0 0; padding:11px; height:60px }
#entry-author-info #author-description
{ float:left; margin:0 0 0 104px }
#entry-author-info h2
{ color:#000; font-weight:bold; font-size:100%; margin-bottom:0 }
.entry-utility
{ color:#888; font-size:12px; line-height:18px; clear:both }
.entry-meta a,
.entry-utility a
{ color:#888 }
.entry-meta a:hover,
.entry-utility a:hover
{ color:#FF4B33 }

#content .video-player
{ padding:0 }



/* Collapsible lists */
.wts_title
{ margin-bottom:1em !important }
.wts_slidewrapper
{ margin-bottom:1.5em; padding:1.2em 0 .3em !important; border-bottom:2px solid #fff; border-color:rgba(255,255,255,.5) }

.wts_title + .wts_slidewrapper
{ margin-top:-1em }


/* Admin edit links */
.edit-link a
{ position:relative; z-index:80; float:right; margin:0 0 6px 6px; padding:5px 7px; background-color:#fff;
  opacity:.9; color:#bb1200 !important; text-decoration:none; font:bold 13px/1.1 "Helvetica Neue",arial,helvetica,sans-serif; 
  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
  box-shadow:1px 1px 4px 1px #666; -moz-box-shadow:1px 1px 4px 1px #666; -webkit-box-shadow:1px 1px 4px 1px #666 }

	.edit-link a:hover, .edit-link a:active
	{ background-color:#eee; text-decoration:none !important }


/* Asides
-------------------------------------------------------------- */

.home #content .category-asides p
{ font-size:14px; line-height:20px; margin-bottom:10px; margin-top:0 }
.home .hentry.category-asides
{ padding:0 }
.home #content .category-asides .entry-content
{ padding-top:0 }




/* Gallery listing
-------------------------------------------------------------- */

.category-gallery
{ margin-bottom:48px }
.category-gallery h2
{ margin-top:10px }
.category-gallery .entry-meta
{}
.category-gallery .size-thumbnail img
{ border:10px solid #f1f1f1; margin-bottom:0 }
.category-gallery .gallery-thumb
{ float:left; margin-right:20px; margin-top:-4px }
.home #content .category-gallery .entry-content p
{ display:inline }
.home #content .category-gallery .entry-utility
{ padding-top:4px }


/* Attachment pages
-------------------------------------------------------------- */

.entry-content .attachment img
{ margin-bottom:0 }
.attachment .entry-content .entry-caption
{ font-size:140%; margin-top:24px }
.attachment .entry-content .nav-previous a:before
{ content:'\2190\00a0' }
.attachment .entry-content .nav-next a:after
{ content:'\00a0\2192' }



/* Images
-------------------------------------------------------------- */


/* Automatically add borders to all page images */
body.page #content img
{ border:5px solid #fff }

body.page #content img.no-border
{ border:none }


/* Homepage */
body.home #content img
{ border:none }

/* Portfolio */
body.page .portfolio #content img
{ display:block; border-width:1px }

body.page-id-61 .portfolio #content .cspc-column br
{ display:none }
body.page-id-61 .portfolio #content img
{ margin-bottom:.5em; border-width:5px }



#content .alignleft,
#content img.alignleft
{ display:inline; float:left; margin-right:24px }

#content .alignright,
#content img.alignright
{ display:inline; float:right; margin-left:24px }

#content .aligncenter,
#content img.aligncenter
{ clear:both; display:block; margin-left:auto; margin-right:auto }

#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter
{ margin-bottom:1em }

#content .wp-caption
{ background:#f1f1f1; line-height:18px; text-align:center; margin-bottom:20px; padding:4px }
#content .wp-caption img
{ margin:5px 5px 0 }
#content .wp-caption p.wp-caption-text
{ margin:5px; color:#888; font-size:12px }
#content .wp-smiley
{ margin:0 }
#content .gallery
{ margin:auto }
#content .gallery .gallery-item
{ float:left; margin-top:0; text-align:center; width:33% }
#content .gallery img
{ border:2px solid #cfcfcf }
#content .gallery .gallery-caption
{ color:#888; font-size:12px; margin:0 0 12px }
#content .gallery dl
{ margin:0 }
#content .gallery img
{ border:10px solid #f1f1f1 }
#content .gallery br+br
{ display:none }



/* =Navigation
-------------------------------------------------------------- */

.navigation
{ font-size:12px; line-height:18px; overflow:hidden; color:#888 }
.navigation a:link,
.navigation a:visited
{ color:#888; text-decoration:none }
.navigation a:active,
.navigation a:hover
{ color:#FF4B33 }
.nav-previous
{ float:left; width:50% }
.nav-next
{ float:right; width:50%; text-align:right }
#nav-above
{ margin:0 0 18px 0 }
#nav-above
{ display:none }
.paged #nav-above,
.single #nav-above
{ display:block }
#nav-below
{ margin:-18px 0 0 0 }



/* =Comments
-------------------------------------------------------------- */
#comments
{ clear:both }
#comments .navigation
{ padding:0 0 18px 0 }
h3#comments-title,
h3#reply-title
{ color:#000; font-weight:bold; font-size:20px; margin-bottom:0 }
h3#comments-title
{ padding:24px 0 }
.commentlist
{ list-style:none; margin:0 }
.commentlist li.comment
{ border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative }
.commentlist li:last-child
{ border-bottom:none; margin-bottom:0 }
#comments .comment-body ul,
#comments .comment-body ol
{ margin-bottom:18px }
#comments .comment-body p:last-child
{ margin-bottom:6px }
#comments .comment-body blockquote p:last-child
{ margin-bottom:24px }
.commentlist ol
{ list-style:decimal }
.commentlist .avatar
{ position:absolute; top:4px; left:0 }
.comment-author
{}
.comment-author cite
{ color:#000; font-style:normal; font-weight:bold }
.comment-author .says
{ font-style:italic }
.comment-meta
{ font-size:12px; margin:0 0 18px 0 }
.comment-meta a:link,
.comment-meta a:visited
{ color:#888; text-decoration:none }
.comment-meta a:active,
.comment-meta a:hover
{ color:#FF4B33 }
.commentlist .even
{}
.commentlist .bypostauthor
{}
.reply
{ font-size:12px; padding:0 0 24px 0 }
.reply a,
a.comment-edit-link
{ color:#888 }
.reply a:hover,
a.comment-edit-link:hover
{ color:#FF4B33 }
.commentlist .children
{ list-style:none; margin:0 }
.commentlist .children li
{ border:none; margin:0 }
.nopassword,
.nocomments
{ display:none }
#comments .pingback
{ margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #e7e7e7 }
.commentlist li.comment+li.pingback
{ margin-top:-6px }
#comments .pingback p
{ color:#888; font-size:12px; line-height:18px; display:block; margin:0 }
#comments .pingback .url
{ font-style:italic; font-size:13px }



/* Comments form */
#respond
{ margin:24px 0; border-top:1px solid #e7e7e7; overflow:hidden; position:relative }
#respond p
{ margin:0 }
#respond .comment-notes
{ margin-bottom:1em }
.form-allowed-tags
{ line-height:1em }
.children #respond
{ margin:0 48px 0 0 }
h3#reply-title
{ margin:18px 0 }
#comments-list #respond
{ margin:0 0 18px 0 }
#comments-list ul #respond
{ margin:0 }
#cancel-comment-reply-link
{ font-size:12px; line-height:18px; font-weight:normal }
#respond .required
{ color:#FF4B33; font-weight:bold }
#respond label
{ color:#888; font-size:12px }
#respond input
{ margin:0 0 9px; width:98% }
#respond textarea
{ width:98% }
#respond .form-allowed-tags
{ color:#888; font-size:12px; line-height:18px }
#respond .form-allowed-tags code
{ font-size:11px }
#respond .form-submit
{ margin:12px 0 }
#respond .form-submit input
{ width:auto; font-size:14px }


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul
{ margin:0; padding:0; list-style:none }

.widget-area ul ul li
{ margin-bottom:.7em; padding:0; line-height:1.3; list-style-type:none }


.widget-container
{ margin:0 0 1.5em; border-bottom:1px solid #999; padding:0 0 1em }
	.widget-container:last-child
	{ margin-bottom:0; border-bottom:none; padding-bottom:0 }


.widget-area .entry-meta
{ font-size:11px }
#wp_tag_cloud div
{ line-height:1.6em }
#wp-calendar
{ width:100% }
#wp-calendar caption
{ font-weight:bold; color:#222; text-align:left; font-size:14px; padding-bottom:4px }
#wp-calendar thead
{ font-size:11px }
#wp-calendar thead th
{}
#wp-calendar tbody
{ color:#aaa }
#wp-calendar tbody td
{ padding:3px 0 2px; background:#f5f5f5; border:1px solid #fff; text-align:center }
#wp-calendar tbody .pad
{ background:none }
#wp-calendar tfoot #next
{ text-align:right }
.widget_rss a.rsswidget
{ color:#000 }
.widget_rss a.rsswidget:hover
{ color:#FF4B33 }
.widget_rss .widget-title img
{ height:11px; width:11px }

#main .widget-title
{ margin-bottom:1.6; font-size:30px }

.widget-area a
{ text-decoration:none }
	.widget-area a:link
	{ color:#0ff }
	.widget-area a:visited
	{ color:#1ff }
	.widget-area a:active, .widget-area a:hover
	{ text-decoration:underline }


/* Search */
.widget_search #s  /* This keeps the search inputs in line */
{ width:60% }
.widget_search label
{ display:none }

/*
.widget_search #searchsubmit
{ background:transparent; border:1px solid #0ff; margin:0 0 0 7px; padding:4px 7px;
  color:#0ff; font:normal 100%/1.3em georgia,"Times New Roman",times,serif }

	* html .widget_search #searchsubmit * IE6 fix *
	{ padding:1px 1px }
	*:first-child+html .widget_search #searchsubmit * IE7 fix *
	{ padding:1px 1px }

*/

.widget_search #searchsubmit
{ margin:0 0 0 7px; width:68px; height:31px; border:none; padding:0; 
  background:transparent url("images/button_search.png") no-repeat; 
  text-indent:-9999px; overflow:hidden; cursor:pointer;
  color:#0ff; font:normal 100%/1.5em georgia,"Times New Roman",times,serif }



/* Twitter sidebar */
.widget_twitter ul.twitter, #twitter_update_list
{ font-size:90%; overflow:hidden }
.widget_twitter ul.twitter li, #twitter_update_list li
{ margin:0 0 1.3em }

.widget_twitter .twitter-timestamp,  #twitter_update_list a[style]
{ display:block; margin:.4em 0 0; color:#ccc; font:normal 11px/1.2 "Helvetica Neue",arial,helvetica,sans-serif; white-space:nowrap }
.widget_twitter .twitter-timestamp abbr
{ border-bottom:none }


/* Archives */
.widget_archive li
{ margin-bottom:.2em }





/* =Footer
   Sticky to bottom of page
-------------------------------------------------------------- */

html, body
{ height:100% }
#wrapper
{ min-height:100%; height:auto !important; height:100%; margin:0 auto -130px }


#footer, #footer-push /* Sticky footer spacing */
{ height:130px }

#footer
{ position:relative; clear:both; width:100%; min-width:1056px; overflow:hidden; background-color:#fff }

#footer-links
{ height:90px; background-color:#fff; font:normal 16px/1.2 georgia,"Times New Roman",serif }

#footer-links ul
{ zoom:1; width:1036px; margin:0 auto; padding:29px 0 0 0; list-style-type:none }
	#footer-links ul:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


#footer-links ul li
{ float:left; min-width:109px; max-width:300px; margin:0 10px 0 0; border-left:1px solid #ccc; 
  padding:7px 0 7px 10px; background:none; color:#000 }

#footer-links a
{ color:#bb1200; text-decoration:none }
	#footer-links a:link, #footer-links a:visited
	{ color:#bb1200 }
	#footer-links a:hover, #footer-links a:active
	{ text-decoration:underline }

#footer-links #footer-social h3
{ float:left; margin:0; font:normal 100%/1.5 georgia,"Times New Roman",serif; color:#000 }
#footer-links #footer-social ul
{ float:left; width:auto; margin:0 0 0 16px; padding:0 }
	#footer-links #footer-social ul:after
	{ clear:none }

#footer-links #footer-social li
{ min-width:1px; margin:-2px 6px -5px 0; border:none; padding:0 }


#copyright
{ clear:both; height:40px; background-color:#e4e4e4 }
#copyright p
{ width:1036px; margin:0 auto; padding:0 10px; 
  font:normal 11px/40px arial,helvetica,sans-serif; color:#b6b6b6 }



/* =Homepage
-------------------------------------------------------------- */


/* - Rotating banner - */

.home #main
{ background:#da4100 none }
.home #main-wrapper
{ background:none }
.home #main-innerwrapper
{ padding:0; min-height:1px }

.home #banner
{ position:relative; height:300px; margin:0; background-color:#da4100 }
.home #banner #smooth_sldr
{ margin:0 !important }

/* Banner controls */
#blackNavBox
{ position:absolute; left:423px; top:247px; width:150px; height:38px; 
  -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#000;
  filter:alpha(opacity=60); opacity:0.6 }

	* html #smooth_sliderc_nav /* IE6 fix */
	{ padding-top:10px !important }
	*:first-child+html #smooth_sliderc_nav /* IE7 fix */
	{ padding-top:10px !important }


/* - Services - */

.home #cspc-trans-columns-wrap
{ clear:both; min-width:1036px; padding:0 10px; background:#1f1f1f url("images/backtile_blog.gif") repeat; color:#fff }

.home .columns, .home #cspc-content
{ width:1036px; margin:0 auto; padding:30px 0 26px }

.home #cspc-column-0
{ float:left; width:312px !important; margin:0 25px 0 0 !important }
.home #cspc-column-1
{ float:left; width:312px !important; margin:0 !important; padding:0 24px; border:1px solid #5a5a5a; border-width:0 1px }
.home #cspc-column-2
{ float:right !important; width:312px !important; margin:0 !important }


.home #cspc-content h3
{ margin:0 0 .3em; font-size:24px; color:#fff }
.home #cspc-content p
{ margin-bottom:.4em; line-height:1.3; color:#fff }



/* - Bottom row - */

.home #home-bottom
{ clear:both; padding:0 10px; background-color:#fff; color:#000 }

.home #home-bottom .col-first
{ float:left; width:312px; margin-right:25px }
.home #home-bottom .col-middle
{ float:left; width:624px; padding:0 25px }

.home #home-bottom h3
{ margin:0 0 .6em; font-size:24px; color:#333 }
.home #home-bottom a
{ color:#bb1200; text-decoration:none }
	.home #home-bottom a:link, .home #home-bottom a:visited
	{ color:#bb1200 }
	.home #home-bottom a:hover, .home #home-bottom a:active
	{ text-decoration:underline }


.home #home-bottom .social ul
{ width:64%; margin:0; padding:0; list-style:none; font-size:90% }
.home #home-bottom .social ul li
{ margin:0; padding:4px 0; border-bottom:1px solid #ccc; background:none }

.home #home-bottom .social ul li.icons
{ padding-bottom:10px }
.home #home-bottom .social ul li.icons img
{ display:inline; margin-right:3px }


.home #home-bottom .blog-posts ul
{ margin:0; padding:0; list-style:none }
.home #home-bottom .blog-posts ul li
{ margin:0 0 1em; padding:0; background:none; line-height:1.3 }




/* - Copyright footer - */
.home #wrapper
{ margin:0 auto -40px }
.home #footer, .home #footer-push /* Sticky footer spacing */
{ height:40px }




/* =Portfolio navigation
-------------------------------------------------------------- */

.portfolio-previous a
{ float:left; position:relative; width:23px; height:45px; margin-top:190px; padding:10px;
  background:url("images/arrow_navleft.png") no-repeat 50% 50%;
  text-indent:-9999px; overflow:hidden }

.portfolio-next a
{ float:right; position:relative; width:23px; height:45px; margin-top:190px; padding:10px;
  background:url("images/arrow_navright.png") no-repeat 50% 50%;
  text-indent:-9999px; overflow:hidden }

.portfolio-previous a:hover, .portfolio-next a:hover
{ opacity:.7; filter:alpha(opacity=70) }


body.page-child #main.portfolio .entry-content
{ clear:none; float:left; width:750px; margin-left:100px }




/* =Portfolio slideshow
-------------------------------------------------------------- */

/* Space columns manually (columns are loaded before slideshow, so it defaults to 50/50 split) */
#main.portfolio #cspc-trans-columns-wrap #cspc-column-0
{ width:60.68% !important }
#main.portfolio #cspc-trans-columns-wrap #cspc-column-1
{ width:36.32% !important }


/* Next/back links */
.slideshow-nav
{ zoom:1; position:relative; margin-bottom:.8em; font:bold 81.5%/1.2 arial,sans-serif; text-transform:uppercase }

.slideshow-nav a.slideshow-prev,
.slideshow-nav a.slideshow-next
{ display:inline-block; width:8px; height:14px; 
  text-indent:-9999px; overflow:hidden; color:#fff !important }

.slideshow-nav a.pause:link, .slideshow-nav a.pause:visited
{ color:#fff !important }


.slideshow-nav a.slideshow-prev
{ margin:0 10px -3px 0 !important; background:url("images/arrow_slideleft.png") no-repeat }

.slideshow-nav a.slideshow-next
{ margin:0 25px -3px 10px !important; background:url("images/arrow_slideright.png") no-repeat }

.slideshow-nav a.slideshow-prev:hover, .slideshow-nav a.slideshow-next:hover
{ opacity:.7; filter:alpha(opacity=70) }

	* html .slideshow-nav a.slideshow-prev, 
	* html .slideshow-nav a.slideshow-next /* IE6 fix */
	{ text-indent:0; background:none; width:auto; height:auto; display:inline }

	*:first-child+html .slideshow-nav a.slideshow-prev,
	*:first-child+html .slideshow-nav a.slideshow-next /* IE7 fix */
	{ text-indent:0; background:none; width:auto; height:auto; display:inline }


.portfolio-slideshow img.attachment-full
{ border:1px solid #fff }




/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre
{ -webkit-text-size-adjust:140% }
code
{ -webkit-text-size-adjust:160% }
#primarynav,
.entry-meta,
.entry-utility,
.navigation,
.widget-area
{ -webkit-text-size-adjust:120% }
#site-description
{ -webkit-text-size-adjust:none }



/* =Print Style
-------------------------------------------------------------- */

@media print
{ body
	{ background:none !important }
	#wrapper
	{ float:none !important; clear:both !important; display:block !important; position:relative !important }
	#header
	{ border-bottom:2pt solid #000; padding-bottom:18pt }
	#colophon
	{ border-top:2pt solid #000 }
	#site-title, #site-description
	{ float:none; margin:0; padding:0; line-height:1.4em }
	#site-title
	{ font-size:13pt }
	.entry-content
	{ font-size:14pt; line-height:1.6em }
	#primarynav,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area
	{ display:none !important }
	#container,
	#header,
	#footer
	{ width:100%; margin:0 }
	#content,
	.one-column #content
	{ width:100%; margin:24pt 0 0 }
	.wp-caption p
	{ font-size:11pt }
	#site-info,
	#site-generator
	{ float:none; width:auto }
	#colophon
	{ width:auto }
	img#wpstats
	{ display:none }
	#site-generator a
	{ padding:0; margin:0 }
	#entry-author-info
	{ border:1px solid #e7e7e7 }
	#main
	{ display:inline }
	.home .sticky
	{ border:none }
}