/*
Theme Name: Skateable Art
Theme URI: http://synotac.com
Description: A custom theme developed by Synotac Web Design
Version: 1.0
Author: Synotac Web Design
Author URI: http://synotac.com/


MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------*/
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
{
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}
BODY
{
	line-height: 1;
}
OL, UL
{
	list-style: none;
}
BLOCKQUOTE, Q
{
	quotes: none;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: '';
}
/*GENERAL
-------------------------------------------------------------------*/
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
{
	font: 13px/22px Arial;
	color: #000;
}
*::-moz-selection
{
	background: #F87800 none repeat scroll 0 0;
	color: #FFF;
}
HTML, BODY
{
	color: #242626;
}
HTML
{
	background: #000;
	/*[disabled]background:#D4D9DC url(img/bg-html.jpg) repeat-x left top;*/
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
}
BODY
{
	font: 13px/22px Arial, "Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", sans-serif;
	text-align: center;
	/*[ph]0*/
	/*[ph]1*/
}
@media print
{
	BODY
	{
		/*[id]0*/color: #000;
		/*[id]1*/font: 100%/1.5 serif;
	}
}
A
{
	text-decoration: none;
}
A:link, A:visited
{
	color: #F87800;
	text-decoration: underline;
}
A:focus, A:hover, A:active
{
	color: #000;
}
#menu A:active, #submenu A:active
{
	position: relative;
	top: 1px;
}
#sidebar A, #sidebar A:link, #sidebar A:visited
{
	border-bottom: 1px solid #FFF;
	color: #C54E0B;
}
#footer A, #footer A:link, #footer A:visited
{
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
}
#footer A:focus, #footer A:hover, #footer A:active, #footer LI.current_page_item A, #footer LI.current_page_ancestor A
{
	color: #000;
}
#sidebar A:focus, #sidebar A:hover, #sidebar A:active
{
	border-bottom-color: #C54E0B;
	color: #111;
}
#sidebar .sb-tools A, #sidebar .sb-tools A:link, #sidebar .sb-tools A:visited
{
	border: 0 none #000000;
	color: #C54E0B;
}
#sidebar .sb-tools A:active, #sidebar .sb-tools A:focus, #sidebar .sb-tools A:hover
{
	border: 0 none #000000;
	color: #000;
}
#sidebar .textwidget A IMG, #sidebar .textwidget A:hover IMG
{
	border: 0 none #000000;
}
ABBR, ACRONYM
{
	border-bottom: 1px dashed #999;
	cursor: help;
}
BLOCKQUOTE
{
	background-color: #F8F8F8;
	border-left: 2px solid #EAEAEA;
	color: #111;
	font-style: italic;
	margin: 0 0 9px;
	padding: 7px;
}
CITE
{
	font-style: italic;
}
CODE
{
	background: #EAEAEA;
	font-family: Consolas, Monaco, monospace;
	font-size: 0.9em;
	padding: 1px 3px;
}
DEL
{
	color: #8B0000;
	text-decoration: line-through;
}
EM
{
	font-style: italic;
}
H1, H2, H3, H4, H5, H6
{
	color: #000;
	display: block;
/*fixed for Non-PCs without Photoshop CS2+*/
	font-weight: normal;
}
H1
{
	font-size: 24px;
	line-height: 1;
	margin: 0 0 5px;
	color: #F87800;
}
H2
{
	font-size: 20px;
	line-height: 1.3;
	margin: 1em 0 0.2em;
}
H3
{
	font-size: 24px;
	line-height: 1.3;
	margin: 22px 0 11px;
	color: #F87800;
}
H4
{
	font-size: 19px;
	margin: 1.33em 0 0.2em;
}
H5
{
	font-size: 1.3em;
	margin: 1.67em 0;
	font-weight: bold;
}
H6
{
	font-size: 1.15em;
	margin: 1.67em 0;
	font-weight: bold;
}
H1 A, H2 A, H1 A:link, H2 A:link, H1 A:visited, H2 A:visited
{
	color: #000;
}
H1 A:active, H2 A:active, H1 A:focus, H2 A:focus, H1 A:hover, H2 A:hover
{
	color: #669900;
}
HR
{
	display: none;
}
INPUT
{
	vertical-align: middle;
}
INS
{
	color: #006400;
	text-decoration: none;
}
SMALL
{
	font-size: 0.8em;
}
STRONG
{
	font-weight: bold;
}
SUB, SUP
{
	font-size: 0.7em;
}
/*Generic classes
-------------------------------------------------------------------
Beautified ampersands*/
.amp
{
	font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman";
	font-style: italic;
}
/*Emphasize your name in the About-Box*/
.smaller-caps
{
	font-size: 110%;
	font-variant: small-caps;
}
.hidden
{
	display: none;
}
.top-link
{
	background: transparent url(img/top-sprite.png) no-repeat 0 5px;
	padding-left: 12px;
}
.top-link:hover
{
	background-position: 0 -29px;
}
/*Wordpress specific CSS
-------------------------------------------------------------------*/
.aligncenter, DIV.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter IMG, .aligncenter P.wp-caption-text
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
IMG.alignleft
{
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}
IMG.alignright
{
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
.entry DIV.alignleft
{
	float: left;
	margin: 20px 48px 20px 0;
}
.entry DIV.alignright
{
	float: right;
	margin: 20px 0 20px 48px;
}
/*Resizes the image to the maximum width of the content area*/
.entry IMG
{
	max-width: 576px;
/*smooth image resizement in IE7+*/
	-ms-interpolation-mode: bicubic;
}
.wp-caption
{
	background-color: #F0F0F0;
	border: 1px solid #E5E5E5;
	overflow: hidden;
	padding: 3px;
}
.wp-caption IMG
{
	border: 0 none #000000;
	margin: 0;
	padding: 0;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.more-link
{
	background-color: #F4F8F9;
	border-bottom: 1px solid #E6F0F2;
	font-size: 11px;
	padding: 5px 6px 3px;
	text-shadow: 0 1px 0 #fff;
}
.more-link:hover
{
	background-color: #E6F0F2;
	border-bottom-color: #B3CDD8;
	color: #000;
}
/*Tables and #wp-calendar*/
TABLE
{
	color: #3E5867;
	width: 100%;
}
CAPTION
{
	background-color: #E6F0F2;
	border-top: 1px solid #E6F0F2;
	text-align: center;
}
THEAD
{
	background-color: #F4F8F9;
	text-align: center;
}
TBODY
{
	background-color: #F7F7F7;
	text-align: center;
}
TFOOT
{
	background-color: #FFF;
	text-align: left;
}
TD#next
{
	text-align: right;
}
/*STRUCTURE
-------------------------------------------------------------------*/
#header, #main, #footer, #logos
{
	text-align: left;
	margin: 0 auto;
	width: 898px;
	border-left: 3px solid #F87800;
	border-right: 3px solid #F87800;
}
#header, #main
{
	background-color: #F4F2E3;
}
#header
{
	position: relative;
	padding-bottom: 10px;
	/*[ph]2*/
	/*[ph]3*/
	/*[ph]4*/
}
@media print
{
	#header
	{
		/*[id]2*/position: static;
		/*[id]3*/display: block;
		/*[id]4*/margin: 0 auto;
	}
}
#main
{
	padding-bottom: 60px;
}
#container
{
	float: right;
	margin: 0 0 0 -474px;
	width: 100%;
	/*[ph]5*/
	/*[ph]6*/
}
@media print
{
	#container
	{
		/*[id]5*/float: none;
		/*[id]6*/margin: 0;
	}
}
#container #content
{
	margin: 0 38px 0 474px;
	overflow: hidden;
	padding: 0;
	/*[ph]7*/
	/*[ph]8*/
	/*[ph]9*/
	/*[ph]a*/
}
@media print
{
	#container #content
	{
		/*[id]7*/border: 0 none #000000;
		/*[id]8*/margin: 0;
		/*[id]9*/overflow: visible;
		/*[id]a*/position: static;
	}
}
#sidebar
{
	float: left;
	margin-left: 38px;
	padding: 15px 50px 15px 0;
	width: 386px;
}
#footer
{
	background-color: #F57B20;
	border-top: 0px solid #000;
	padding-bottom: 20px;
}
#branding
{
	display: block;
	width: 898px;
	height: 150px;
	background: url(images/header.jpg) no-repeat left top;
}
H1#logo, H1#logo A
{
	margin: 0;
	display: block;
	width: 370px;
	height: 90px;
	padding: 0;
}
#logo, .description
{
	color: #868F98;
	float: left;
	margin: 17px 0 0 10px;
}
/*MENUES*/
#nav
{
	width: 898px;
}
UL#menu
{
	display: block;
	height: 41px;
	margin-left: 38px;
}
#menu LI, #menu A
{
	display: block;
	float: left;
	height: 35px;
}
#menu A
{
	font-weight: bold;
	line-height: 40px;
	padding: 0 8px 0 10px;
	text-shadow: 0 1px 0 #555;
}
/*Menu Button Hover / On Style*/
#menu A:hover, BODY.page-id-8 #inspirationBtn, BODY.page-id-9 #processBtn, BODY.page-id-10 #catalogBtn, BODY.parent-pageid-10 #catalogBtn, BODY.page-id-11 #contactBtn
{
	background-position: 0 -35px;
}
#inspirationBtn
{
	width: 177px;
	background: url(images/inspiration.gif) no-repeat left top;
}
#processBtn
{
	width: 184px;
	background: url(images/process.gif) no-repeat left top;
}
#catalogBtn
{
	width: 175px;
	background: url(images/catalog.gif) no-repeat left top;
}
#contactBtn
{
	width: 176px;
	background: url(images/contact.gif) no-repeat left top;
}
/*Fixes Firefox 2 and 3
#searchsubmit, x:-moz-any-link*/
#INVALID-RULE
{
	padding: 0 5px 3px;
	padding: 0 5px;
}
/*POSTs and PAGEs
-------------------------------------------------------------------*/
#main H1
{
	margin: 0 38px;
}
#main .post H1
{
	margin: 0 0 11px;
}
.post, .nocomments
{
	padding-bottom: 20px;
}
.post
{
}
.entry
{
	margin: 15px 0 5px;
	font-size: 13px;
	line-height: 20px;
	/*[ph]b*/
	/*[ph]c*/
	/*[ph]d*/
}
@media print
{
	.entry
	{
		/*[id]b*/font-size: 12pt;
		/*[id]c*/line-height: 1.5;
		/*[id]d*/overflow: visible;
	}
}
.meta
{
	background-color: #F4F8F9;
	border-bottom: 1px solid #E6F0F2;
	border-top: 1px solid #E6F0F2;
	color: #3E5867;
	display: block;
	font-size: 11px;
	height: 19px;
	line-height: 19px;
	margin: 20px 0;
	padding: 6px 38px;
	text-shadow: 0px 1px 0px #fff;
	clear: both;
}
* HTML .meta
{
	height: 1%;
}
.meta:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
A.button-style
{
	border: 1px solid #F4F8F9;
	border-radius: 3px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	height: 11px;
	line-height: 11px;
	padding: 4px 6px;
	width: auto;
}
A.button-style:hover
{
	background: #5388B6 url(img/button-style.png) repeat-x center left;
	border-color: #1B5A8D;
	color: #FFF;
	text-shadow: 0 1px 0 #0f4570;
}
P STRONG, LI STRONG
{
	color: #2E2E2E;
}
.entry P, .entry OL, .entry UL, .entry DL
{
	margin: 0 0 22px;
	color: #4D4D4D;
}
.entry BLOCKQUOTE P
{
	margin: 0;
}
.entry OL
{
	margin-left: 0.75em;
	padding-left: 12px;
}
.entry UL
{
	margin-left: 0.5em;
	padding-left: 12px;
}
.entry OL LI
{
	list-style-type: decimal;
}
.entry UL LI
{
	list-style-type: disc;
}
.entry DL
{
}
.entry DT
{
	font-weight: bold;
}
.entry DD
{
	background: transparent url(img/dl-arrow.gif) no-repeat 0 4px;
	padding: 0 0 4px 1em;
}
/*PAGINATION on single.php*/
.previousnext, .pagination
{
	font-size: 11px;
	margin-bottom: 10px;
}
.page-link
{
	background-color: #F4F8F9;
	border-bottom: 1px solid #E6F0F2;
	border-top: 1px solid #E6F0F2;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	margin: 9px 0 20px;
	padding: 5px 8px;
}
.page-link SPAN, .page-link A
{
	cursor: pointer;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	margin: 0 0 0 3px;
	text-align: center;
	width: 16px;
}
.page-link SPAN
{
	background-color: #FFF;
	color: #111;
}
.page-link A SPAN
{
	margin: 0;
}
.page-link A:link SPAN, .page-link A:visited SPAN
{
	background-color: #5B8EAD;
	color: #FFF;
}
.page-link A:hover SPAN, .page-link A:active SPAN, .page-link A:focus SPAN
{
	background-color: #285776;
	color: #FFF;
}
.page-link STRONG
{
	display: block;
	float: left;
	margin-right: 5px;
}
.postmetadata
{
	border-bottom: 1px dotted #DDD;
	border-top: 1px dotted #D5D5D5;
	color: #999;
	font-size: 11px;
	margin-top: 20px;
	padding: 7px 2px;
}
.postmetadata A
{
	color: #666;
	padding: 2px;
}
.postmetadata A:hover
{
	background-color: #EFEFEF;
}
/*Advertisement space - see Admin Settings*/
.something
{
	padding: 7px 2px;
/*width: 572px;*/
	border-bottom: 1px dotted #DDD;
}
.somethingspecial
{
	margin: 0 auto;
/*width: 468px;*/
}
/*COMMENTS
-------------------------------------------------------------------*/
H3#comments, H4#pings
{
	float: left;
}
H3#comments, #respond H3
{
	margin: 0 0 5px;
	font-size: 34px;
}
#respond H3
{
	margin: 18px 0 5px 28px;
}
H4#pings
{
	line-height: 1.2;
	margin: 10px 0;
	width: 150px;
}
.comments-header, .navigation
{
	border-bottom: 1px solid #E6F0F2;
	text-shadow: 0 1px 0 #fff;
}
.navigation
{
	background-color: #E6F0F2;
	border-top: 1px solid #FFF;
	font-size: 11px;
	height: auto;
	line-height: 28px;
	overflow: hidden;
	padding: 0 28px;
}
.comments-header
{
	background-color: #F4F8F9;
	border-top: 1px solid #E6F0F2;
	padding: 6px 28px;
}
.comments-header-meta
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 44px;
	padding: 4px 0 0;
}
.commentlist
{
	background-color: #F9FBFC;
	border: 28px solid #F9FBFC;
	border-top: 0 none #000000;
	font-size: 12px;
}
.pinglist
{
	margin-top: 10px;
	width: 420px;
	float: right;
}
LI.pings
{
	border-bottom: 1px solid #E6F0F2;
	border-top: 1px solid #FFF;
	margin: 0;
	padding: 4px 10px;
	width: 400px;
}
.pings:first-child
{
	border-top: none;
}
.pings:last-child
{
	border-bottom: none;
}
.comment
{
	background: transparent url(img/bg-comment.png) no-repeat 10px 19px;
	border-top: 28px solid #F9FBFC;
	border-left: 40px solid #F9FBFC;
}
.comment-body
{
	background-color: #F4F8F9;
	color: #3E5867;
	margin-left: 20px;
	padding: 17px 20px 11px;
	position: relative;
}
.comment-body IMG.avatar
{
	border: 1px solid #EEE;
	padding: 2px;
	position: absolute;
	left: -60px;
}
UL.children
{
}
.comment UL.children LI
{
	border-top: 15px solid #F9FBFC;
}
.comment-meta
{
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: italic;
	position: absolute;
	right: 25px;
	top: 20px;
}
.comment-meta A
{
	color: #999;
}
.comment-author-admin
{
	background-image: url(img/bg-comment-admin.png);
}
.comment-author-admin>.comment-body
{
	background-color: #E6F0F2;
}
.comment P, .comment BLOCKQUOTE
{
	padding: 0 0 7px;
}
.comment BLOCKQUOTE P, .comment BLOCKQUOTE BLOCKQUOTE, .comment BLOCKQUOTE BLOCKQUOTE P
{
	margin: 5px;
	padding: 7px;
}
.commentlist CITE, .commentlist CITE A
{
}
.commentlist CITE A
{
}
/*Not used*/
LI.thread-alt
{
}
.comment-author
{
}
.commentlist .thread-even
{
}
.commentlist .depth-1
{
}
.commentlist .odd
{
}
.commentlist .even, .commentlist .alt
{
}
.comment-author CITE
{
	background-color: #F9FBFC;
	border-bottom: 1px dotted #E6F0F2;
	color: #666;
	display: block;
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 16px;
	margin: 0 -7px 20px;
	padding: 3px 7px;
}
.comment-author-admin .comment-author CITE
{
	background-color: #F4F8F9;
	border-bottom-color: #CCC;
}
.says
{
	display: none;
}
.comment DIV EM
{
}
/*comments awaiting moderation.*/
.reply
{
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
}
A.comment-reply-link
{
	color: #666;
	display: block;
	float: right;
	padding: 2px 6px;
}
.comment-reply-link:hover
{
	background-color: #FFF;
	color: #333;
}
#respond
{
	background-color: #F4F8F9;
	margin-top: 1px;
	overflow: hidden;
	padding: 0 0 18px;
	width: 100%;
}
#commentform
{
	padding: 18px 28px 0;
}
.cancel-comment-reply, .you-must-be-logged-in
{
	padding: 0 0 0 28px;
}
.respond-left
{
	float: left;
	width: 42%;
}
.respond-right
{
	float: left;
	width: 58%;
}
#respond LABEL
{
	display: block;
	font-size: 11px;
	height: 20px;
	margin: 3px 0 9px;
	width: 85%;
}
INPUT#author, INPUT#email, INPUT#url
{
	border: 1px solid #DDD;
	color: #999;
	display: block;
	height: 15px;
	line-height: 15px;
	padding: 5px 3px;
	width: 85%;
}
TEXTAREA#comment
{
	border: 1px solid #DDD;
	font-family: inherit;
	height: 150px;
	margin: 0 0 9px;
	padding: 5px 3px;
	width: 100%;
}
#respond INPUT:focus, TEXTAREA#comment:focus
{
	color: #000;
	border-color: #AAA;
/*-moz-box-shadow: 3px 3px 0px rgba(238,238,238,1)*/
	-webkit-box-shadow: 3px 3px #EEE;
}
INPUT#submit
{
	background: #5388B6 url(img/button-style.png) repeat-x center left;
	border: 1px solid #3B73A3;
	border-radius: 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
}
/*SIDEBAR
-------------------------------------------------------------------*/
.currently-viewing, #sidebar #about, #sidebar .categories, #sidebar .archives, .pagenav, #meta, .linkcat, .widget
{
	border-bottom: 1px dotted #DDD;
	margin: 0 0 8px;
	padding: 0 8px 9px;
}
.categories LI LI, .pagenav LI LI
{
	margin-left: 6px;
}
UL.sb-list
{
	margin-left: 10px;
}
/*h4 -> sb-title - less semantic, better for search engine positioning*/
.sb-title
{
	color: #434343;
	font-size: 14px;
	padding-bottom: 1px;
	text-transform: uppercase;
}
UL.sb-tools
{
	border-bottom: 1px dotted #DDD;
	margin: 9px 0;
	padding: 0 8px 9px;
}
.sb-tools LI
{
	display: block;
	min-height: 34px;
}
.sb-tools A SPAN
{
	color: #86180A;
	display: block;
	font-size: 12px;
	padding-bottom: 3px;
	text-transform: uppercase;
}
.sb-tools A:hover SPAN
{
	color: #C54E0B;
}
.twitter-icon, .rss-icon
{
	padding-left: 65px;
	color: #111;
	line-height: 1.25em;
}
.twitter-icon
{
	background: transparent url(img/twitter_48.png) no-repeat 0 0;
}
.rss-icon
{
	background: transparent url(img/rss-icon.png) no-repeat center left;
}
.sb-icon-text
{
	padding: 3px 0 0;
}
.previous-post A, .next-post A
{
	background: transparent url(img/next-prev-sprite.png) no-repeat right -195px;
	display: block;
	line-height: 1.2;
	margin: 8px 0 0;
	padding: 2px 65px;
}
.next-post A:active, .next-post A:focus, .next-post A:hover
{
	background-position: right -295px;
	border: none;
}
.previous-post A, .previous-post A:link, .previous-post A:visited
{
	background-position: 0 5px;
	padding-right: 0;
}
.previous-post A:active, .previous-post A:focus, .previous-post A:hover
{
	background-position: 0 -95px;
}
UL.group
{
	float: left;
	margin: 0 0 0 10px;
	overflow: hidden;
	padding: 0;
	width: 150px;
}
/*FRONT PAGE CTAs
----------------------------------------------------------------*/
UL#frontCTAs
{
	clear: both;
	padding-top: 0;
	margin: 0 38px;
}
#frontCTAs LI, #frontCTAs A
{
	display: block;
	float: left;
	height: 120px;
	width: 168px;
}
#frontCTAs LI.marginright
{
	margin-right: 50px;
}
#frontCTAs A:hover
{
	background-position: 0 -120px;
}
#cta-diy
{
	background: url(images/diy.jpg) no-repeat left top;
}
#cta-view
{
	background: url(images/view.jpg) no-repeat left top;
}
#cta-addon
{
	background: url(images/add_on.jpg) no-repeat left top;
}
#cta-apply
{
	background: url(images/apply.jpg) no-repeat left top;
}
/*FOOTER
-----------------------------------------------------------------*/
UL#footer-links
{
	margin: 0 38px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#footer-links LI, #footer-links A
{
	display: block;
	float: left;
}
#footer-links LI
{
}
#footer-links LI A
{
	background: url(images/footerLinkLine.gif) no-repeat left 50%;
	padding: 0 10px;
}
#footer-links LI.page-item-2 A
{
	background: none;
	padding-left: 0;
}
P.credits
{
	clear: both;
	color: #FFF;
	margin: 0 38px;
	text-align: center;
}
#logos
{
	border: none;
	margin-bottom: 20px;
}
DIV#logos DIV.network
{
	padding-top: 30px;
	width: 490px;
	margin: 0 auto;
}
DIV#logos DIV.network A
{
	display: block;
	float: left;
	height: 55px;
	margin-right: 20px;
}
DIV#logos DIV.network A#sr-footer-logo
{
	width: 60px;
	background: url(images/spohn_logos_stack.png) no-repeat 0px -55px;
}
DIV#logos DIV.network A#sr-footer-logo:hover
{
	background-position: -60px -55px;
}
DIV#logos DIV.network A#tr-footer-logo
{
	width: 190px;
	background: url(images/spohn_logos_stack.png) no-repeat 0px 0px;
}
DIV#logos DIV.network A#tr-footer-logo:hover
{
	background-position: -190px 0px;
}
DIV#logos DIV.network A#sa-footer-logo
{
	width: 180px;
	background: url(images/spohn_logos_stack.png) no-repeat 0px -110px;
}
DIV#logos DIV.network A#sa-footer-logo:hover
{
	background-position: -180px -110px;
}
/*CLEARFIX
------------------------------------------------------------------*/
HTML .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
/*TEMPLATES
---------------------------------------------------------------
Captions*/
.block
{
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(images/sidebarBreak.png) no-repeat bottom center;
}
.caption, .entry P.caption
{
	font: 11px/18px Arial;
	color: #000;
	display: block;
	margin-top: 10px;
}
.caption-descriptor, .entry P.caption SPAN.caption-descriptor
{
	text-transform: uppercase;
	color: #F87800;
	font-size: 13px;
	font-weight: bold;
}
/*Front Page*/
BODY#home DIV.gallery
{
	margin-top: 7px;
	overflow: hidden !important;
	background: url(images/loading.gif) no-repeat center center;
}
BODY#home DIV.gallery DIV.panel
{
	border: 1px solid #000;
}
/*INSPIRATION*/
#container-right-sidebar
{
	float: left;
	margin: 0 -298px 0 0;
	width: 100%;
	/*[ph]e*/
	/*[ph]f*/
}
@media print
{
	#container-right-sidebar
	{
		/*[id]e*/float: none;
		/*[id]f*/margin: 0;
	}
}
#container-right-sidebar #content
{
	margin: 0 298px 0 38px;
	overflow: hidden;
	padding: 0;
	/*[ph]10*/
	/*[ph]11*/
	/*[ph]12*/
	/*[ph]13*/
}
@media print
{
	#container-right-sidebar #content
	{
		/*[id]10*/border: 0 none #000000;
		/*[id]11*/margin: 0;
		/*[id]12*/overflow: visible;
		/*[id]13*/position: static;
	}
}
#right-sidebar
{
	float: right;
	margin-right: 38px;
	padding: 30px 20px 60px;
	width: 190px;
	background: #F4E6CC;
	margin-top: 0px;
}
/*FAQ*/
#container-faq
{
	margin: 0;
	width: 100%;
	/*[ph]14*/
	/*[ph]15*/
}
@media print
{
	#container-faq
	{
		/*[id]14*/float: none;
		/*[id]15*/margin: 0;
	}
}
#container-faq #content
{
	margin: 0 38px;
	overflow: hidden;
	padding: 0;
	/*[ph]16*/
	/*[ph]17*/
	/*[ph]18*/
	/*[ph]19*/
}
@media print
{
	#container-faq #content
	{
		/*[id]16*/border: 0 none #000000;
		/*[id]17*/margin: 0;
		/*[id]18*/overflow: visible;
		/*[id]19*/position: static;
	}
}
#container-faq UL
{
	padding: 25px 40px;
}
#container-faq UL LI
{
	padding-left: 10px;
}
/*PROCESS*/
#container-process
{
	float: left;
	margin: 0 -474px 0 0;
	width: 100%;
	/*[ph]1a*/
	/*[ph]1b*/
}
@media print
{
	#container-process
	{
		/*[id]1a*/float: none;
		/*[id]1b*/margin: 0;
	}
}
#container-process #content
{
	margin: 0 474px 0 38px;
	overflow: hidden;
	padding: 0;
	/*[ph]1c*/
	/*[ph]1d*/
	/*[ph]1e*/
	/*[ph]1f*/
}
@media print
{
	#container-process #content
	{
		/*[id]1c*/border: 0 none #000000;
		/*[id]1d*/margin: 0;
		/*[id]1e*/overflow: visible;
		/*[id]1f*/position: static;
	}
}
#sidebar-process
{
	float: right;
	margin-right: 38px;
	padding: 0 0 60px;
	width: 386px;
	margin-top: 18px;
}
DIV#process-photo
{
}
DIV#process-photo P
{
	text-align: center;
}
/*Wide Layout*/
#container-wide
{
	margin: 0;
	width: 100%;
	/*[ph]20*/
	/*[ph]21*/
}
@media print
{
	#container-wide
	{
		/*[id]20*/float: none;
		/*[id]21*/margin: 0;
	}
}
#container-wide #content
{
	margin: 0 38px;
	overflow: hidden;
	padding: 0;
	/*[ph]22*/
	/*[ph]23*/
	/*[ph]24*/
	/*[ph]25*/
}
@media print
{
	#container-wide #content
	{
		/*[id]22*/border: 0 none #000000;
		/*[id]23*/margin: 0;
		/*[id]24*/overflow: visible;
		/*[id]25*/position: static;
	}
}
/*COMPLETED WORKS*/
.completed-works UL
{
	clear: both;
	padding: 10px 0 0;
}
.completed-works UL LI, .completed-works UL LI A
{
	display: block;
	float: left;
}
.completed-works UL LI
{
	margin-right: 38px;
	margin-bottom: 20px;
	height: 175px;
}
.completed-works UL LI IMG
{
	border: 2px solid #000;
}
DIV.completed-works-item
{
	margin-bottom: 38px;
}
DIV.completed-works-item H2
{
	background: #F87800;
	color: #F3F1E2;
	padding: 0 3px;
	margin-bottom: 20px;
}
DIV.completed-works-item H3
{
	clear: both;
	padding-top: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
/*DIY*/
#container-diy
{
	float: left;
	margin: 0 -320px 0 0;
	width: 100%;
	/*[ph]26*/
	/*[ph]27*/
}
@media print
{
	#container-diy
	{
		/*[id]26*/float: none;
		/*[id]27*/margin: 0;
	}
}
#container-diy #content
{
	margin: 0 320px 0 38px;
	overflow: hidden;
	padding: 0;
	/*[ph]28*/
	/*[ph]29*/
	/*[ph]2a*/
	/*[ph]2b*/
}
@media print
{
	#container-diy #content
	{
		/*[id]28*/border: 0 none #000000;
		/*[id]29*/margin: 0;
		/*[id]2a*/overflow: visible;
		/*[id]2b*/position: static;
	}
}
#sidebar-diy
{
	float: right;
	margin-right: 38px;
	padding: 0 0 60px;
	width: 220px;
	margin-top: 18px;
	overflow: hidden;
}
#sidebar-diy IMG
{
	margin-bottom: 20px;
}
/*CATALOG*/
#container-catalog
{
	margin: 0;
	width: 100%;
	/*[ph]2c*/
	/*[ph]2d*/
}
@media print
{
	#container-catalog
	{
		/*[id]2c*/float: none;
		/*[id]2d*/margin: 0;
	}
}
#container-catalog #content
{
	margin: 0;
	overflow: hidden;
	padding: 0;
	/*[ph]2e*/
	/*[ph]2f*/
	/*[ph]30*/
	/*[ph]31*/
}
@media print
{
	#container-catalog #content
	{
		/*[id]2e*/border: 0 none #000000;
		/*[id]2f*/margin: 0;
		/*[id]30*/overflow: visible;
		/*[id]31*/position: static;
	}
}
#container-catalog #content H1
{
	margin: 0 38px 10px;
}
#container-catalog .entry UL, #container-catalog .entry UL LI
{
	list-style: none;
}
#container-catalog .entry UL
{
	margin: 20px 0 0 38px;
	padding: 0;
}
#container-catalog .entry UL LI, #container-catalog .entry UL LI A
{
	display: block;
	float: left;
}
#container-catalog .entry UL LI
{
	width: 175px;
	margin-right: 38px;
	margin-bottom: 50px;
}
#container-catalog .entry UL LI A
{
	width: 175px;
	text-align: center;
	min-height: 182px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
}
#container-catalog .entry UL LI A IMG
{
	border: 1px solid #000;
}
/*CATALOG: SINGLE ITEM*/
#container-catalog-single
{
	margin: 0;
	width: 100%;
	/*[ph]32*/
	/*[ph]33*/
}
@media print
{
	#container-catalog-single
	{
		/*[id]32*/float: none;
		/*[id]33*/margin: 0;
	}
}
#container-catalog-single #content
{
	margin: 0 38px;
	overflow: hidden;
	padding: 0;
	/*[ph]34*/
	/*[ph]35*/
	/*[ph]36*/
	/*[ph]37*/
}
@media print
{
	#container-catalog-single #content
	{
		/*[id]34*/border: 0 none #000000;
		/*[id]35*/margin: 0;
		/*[id]36*/overflow: visible;
		/*[id]37*/position: static;
	}
}
#container-catalog-single #content DIV.gallery
{
	margin: 0 0 30px;
}
#container-catalog-single #content DIV.gallery IMG.nav-next
{
	display: none;
}
#container-catalog-single #content DIV.gallery IMG.nav-prev
{
	display: none;
}
#container-catalog-single #content DIV.gallery DIV.panel
{
	border: 5px solid #000;
}
#container-catalog-single #content DIV.gallery DIV.strip_wrapper
{
	margin-left: 20px;
}
/*IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content*/
#photos
{
	visibility: hidden;
}
/*GALLERY CONTAINER*/
.gallery
{
}
/*LOADING BOX
GALLERY PANELS*/
.panel
{
}
/*DEFINE HEIGHT OF PANEL OVERLAY
NOTE - It is best to define padding here as well so overlay and background retain identical dimensions*/
.panel .panel-overlay, .panel .overlay-background
{
	height: 30px;
	padding: 10px 1em 0;
}
/*PANEL OVERLAY BACKGROUND*/
.panel .overlay-background
{
	background: #222;
}
/*PANEL OVERLAY CONTENT*/
.panel .panel-overlay H2
{
	color: #FFFFFF;
	font-size: 18px;
	margin: 0 !important;
}
.panel .panel-overlay P
{
	color: #FFFFFF;
	font-size: 12px;
}
.panel .panel-overlay A
{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
/*FILMSTRIP
'margin' will define top/bottom margin in completed gallery*/
.filmstrip
{
	list-style: none !important;
}
/*FILMSTRIP FRAMES (contains both images and captions)*/
.frame
{
	list-style: none !important;
}
/*WRAPPER FOR FILMSTRIP IMAGES*/
.frame .img_wrap
{
	border: 1px solid #AAA;
}
/*WRAPPER FOR CURRENT FILMSTRIP IMAGE*/
.frame.current .img_wrap
{
	border-color: #000;
}
/*FRAME IMAGES*/
.frame IMG
{
	border: none;
}
/*FRAME CAPTION*/
.frame .caption
{
	font-size: 11px;
	text-align: center;
	color: #888;
}
/*CURRENT FRAME CAPTION*/
.frame.current .caption
{
	color: #000;
}
/*POINTER FOR CURRENT FRAME*/
.pointer
{
	border-color: #000;
}
/*Previous and Next Images*/
.nav-next, .nav-next-overlay, .nav-prev, .nav-prev-overlay
{
	display: none !important;
}
/*TRANSPARENT BORDER FIX FOR IE6
NOTE - DO NOT CHANGE THIS RULE
*html .pointer*/
#INVALID-RULE
{
	filter: chroma(color=pink);
}
/*PRINT Styles
------------------------------------------------------------------*/
@media print
{
	H1#logo, H1#logo A, H1#logo A SPAN
	{
		color: #000;
		height: auto;
		margin: 0;
		padding: 0;
		position: static;
		width: auto;
	}
}
/*Attaches the URI to each link so they are visible in the print version*/
@media print
{
	#content .entry P A:after
	{
		content: " [" attr(href) "] ";
	}
}
@media print
{
	#accessibility, HR, #nav, #sidebar, .something
	{
		display: none;
	}
}
/*cForms Hack - larget text area*/
TEXTAREA.area
{
	width: 240px !important;
}
P.cf-sb
{
	margin-right: 61px !important;
}
.linklove
{
	display: none;
}
/*SLIDESHOW*/