/*
Theme Name: SFC Design
Description: Semantic, SEO Optimised, Custom Wordpress Theme for SFC Design
Author: SFC Design
Author URI: http://www.sfcdesigns.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:#0061a9;text-decoration:none}
a:hover {text-decoration:underline}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {font-style:italic;margin:0 0 1em}
blockquote p {margin:.5em}
html {background:#e9e9e9 url(images/bg.png) center top repeat-x;}
body {background:url(images/header-bg.png) center top no-repeat;color:#737373;font:75%/125% 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: 1.75em/1.25em Georgia, Garamond, Serif}
h2 {font: 1.5em/1.25em Georgia, Garamond, Serif}
h3 {font: 1.25em/1.25em Georgia, Garamond, Serif}
h4 {font: 1em/1.25em Georgia, Garamond, Serif}
hr {margin:0 0 0.5em}
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}

/* Containers */
#page {margin:0 auto;width:980px}
#main {font-size:.925em;overflow:hidden;width:980px}

/* Header */
#header {overflow:hidden;width:100%}
#header #logo {color:#09C;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif;float:left;margin:31px 0 24px 64px}

	/*Contact*/
	#header p#contact {color:#969696;float:right;font-size:.925em;margin:62px 34px 0 0;width:197px}
	#header p#contact strong {color:#007bc1;font-size:2.09em;display:block;line-height:1em;text-align:right}

/*Navbar*/
#navbar {background:url(images/navbar-bg.png) left top no-repeat;clear:both;height:36px;margin:0 auto;position:relative;width:940px;z-index:300}
#navbar ul {float:left;height:36px;list-style:none;margin:0;padding:0 0 0 4px}
#navbar ul li {background:url(images/divider.png) right top no-repeat;float:left;height:36px;padding:0 2px 0 0;position:relative;}
#navbar ul li.current, #navbar ul li.no-bg{background:none}
#navbar ul li a {color:#b8b8b8;float:left;height:36px;overflow:hidden;position:relative;}
#navbar ul li a span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#navbar ul li a#home-nav {width:106px}
#navbar ul li a#services-nav {width:118px}
#navbar ul li a#portfolio-nav {width:122px}
#navbar ul li a#about-nav {width:107px}
#navbar ul li a#contact-nav {width:116px}
#navbar ul li a#home-nav span {background:url(images/menu-bg.png) left top no-repeat}
#navbar ul li a#services-nav span {background:url(images/menu-bg.png) -106px top no-repeat}
#navbar ul li a#portfolio-nav span {background:url(images/menu-bg.png) -224px top no-repeat}
#navbar ul li a#about-nav span {background:url(images/menu-bg.png) -346px top no-repeat}
#navbar ul li a#contact-nav span {background:url(images/menu-bg.png) right top no-repeat}
#navbar ul li a#home-nav:hover span, #navbar ul li.current a#home-nav span {background:url(images/menu-bg.png) left -36px no-repeat}
#navbar ul li a#services-nav:hover span, #navbar ul li.current a#services-nav span {background:url(images/menu-bg.png) -106px -36px no-repeat}
#navbar ul li a#portfolio-nav:hover span, #navbar ul li.current a#portfolio-nav span {background:url(images/menu-bg.png) -224px -36px no-repeat}
#navbar ul li a#about-nav:hover span, #navbar ul li.current a#about-nav span {background:url(images/menu-bg.png) -346px -36px no-repeat}
#navbar ul li a#contact-nav:hover span, #navbar ul li.current a#contact-nav span {background:url(images/menu-bg.png) right -36px no-repeat}

	/*Suckerfish*/
	#navbar ul li ul {left:999em;padding:0;position:absolute;top:36px;width:177px}
	#navbar ul li:hover ul, #navbar ul li.sfhover ul {left:-3px}
	#navbar ul li#servicelink ul li {background:url(images/green-bg.png) left top repeat-y;height:auto;padding:0;}
	#navbar ul li#servicelink ul li.long {background:url(images/green-bottom.png) center bottom no-repeat;height:34px}
	#navbar ul li#servicelink ul li a {background:url(images/green-divider.png) center bottom no-repeat;color:#fff;float:left;height:auto;padding:4px 9px;;width:159px}
	#navbar ul li#servicelink ul li.long a {background:none;}
	#navbar ul li#portfoliolink ul li {background:url(images/yellow-bg.png) left top repeat-y;height:auto;padding:0;}
	#navbar ul li#portfoliolink ul li.long {background:url(images/yellow-bottom.png) center bottom no-repeat;height:34px}
	#navbar ul li#portfoliolink ul li a {background:url(images/yellow-divider.png) center bottom no-repeat;color:#deb537;float:left;height:auto;padding:4px 9px;;width:159px}
	#navbar ul li#portfoliolink ul li.long a {background:none;}
	#navbar ul li#aboutlink ul li {background:url(images/blue-bg.png) left top repeat-y;height:auto;padding:0;}
	#navbar ul li#aboutlink ul li.long {background:url(images/blue-bottom.png) center bottom no-repeat;height:34px}
	#navbar ul li#aboutlink ul li a {background:url(images/blue-divider.png) center bottom no-repeat;color:#fff;float:left;height:auto;padding:4px 9px;;width:159px}
	#navbar ul li#aboutlink ul li.long a {background:none;}
	#navbar ul li#contactlink ul li {background:url(images/red-bg.png) left top repeat-y;height:auto;padding:0;}
	#navbar ul li#contactlink ul li.long {background:url(images/red-bottom.png) center bottom no-repeat;height:34px}
	#navbar ul li#contactlink ul li a {background:url(images/red-divider.png) center bottom no-repeat;color:#fff;float:left;height:auto;padding:4px 9px;;width:159px}
	#navbar ul li#contactlink ul li.long a {background:none;}

	/*Navbar Login*/
	#navbar form {float:right;font-size:.925em;padding:9px 10px 0 0;width:334px}
	#navbar form label {color:#afafaf;display:inline;float:left;margin:2px 12px 0 0}
	#navbar form div {background:url(images/input-bg.png) left top no-repeat;display:inline;float:left;height:18px;margin:1px 6px 0 0;width:102px}
	#navbar form div input {background:none;border:0;color:#ababab;font:1em Arial, Sans-Serif;padding:2px 5px;width:90px}
	
/*Stage*/
#stage {color:#fff;clear:both;font-size:.925em;height:174px;margin:0 auto;padding:35px 379px 0 102px;width:459px;z-index:100}
.home #stage {background:url(images/stage.jpg) left top no-repeat;clear:both}
.page-id-69 #stage {background:url(images/stage.jpg) left -209px no-repeat;}
.page-id-12 #stage {background:url(images/stage.jpg) left -418px no-repeat;}
.page-id-46 #stage {background:url(images/stage.jpg) left -627px no-repeat;}
.page-id-63 #stage {background:url(images/stage.jpg) left bottom no-repeat;}
	
	/*Stage Content*/
	#stage h1 {border:0;color:#fff;font-size:2.36em;line-height:.96em;margin:0 0 15px}
	#stage h1 span {display:block;margin:0 0 0 -45px}
	
	/*Quote Button*/
	#stage a#quote-button {background:url(images/button.png) left top no-repeat;color:#fff;float:left;height:20px;padding:4px 0 0 13px;text-decoration:none;width:195px}

/* Content*/
#content {float:left;font-size:1.0em;overflow:hidden;padding:50px 0 20px 21px;width:622px}
.home #content {width:515px}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
#content h1, #content h2 {border-bottom:1px dotted #0061a9;color:#0061a9;font-size:1.81em;margin:0 0 15px}
	
	/* Post */
	#content .post {border-bottom:1px solid #CCC;margin:0 0 25px;overflow:hidden;}
	* html #content .post {height:1%;overflow:visible}
	#content .post .meta {font-size:0.8em}
	#content .sticky {background:#f5efca}

	/*Table*/
	.home #content table {border:0;width:348px}
	.home #content table td {border-bottom:1px solid #c6c6c6;padding:4px 0}
	.home #content table td.left {width:199px}
	.home #content table td.right {width:149px}
	.home #content table tr.alt td.left {background:url(images/left-td-bg.png) left top repeat-y} 
	.home #content table tr.alt td.right {background:url(images/right-td-bg.png) left top repeat-y} 
	
	/*Clients*/
	#content p.client {clear:both;width:100%;overflow:hidden;float:left;line-height:20px;margin: 0 0 1em;color:#666;font-size:.9em}
	#content p.client br {clear:both}
	#content p.client a {font-weight:bold;color:#0061a9;text-decoration:none}
	#content p.client a:hover {text-decoration:underline}
	#content p.client img {border:5px solid #cacaca;margin:0 15px 0 0;width:191px;height:91px}
	#content p.client span {margin:15px 0 0;display:block;font-weight:normal}
	
	/*Contact Form*/
	
	#content form#cformsform {background:none;border:0;clear:both;font-size:.925em;padding:18px 0 0;width:515px}
	#content form#cformsform fieldset {background:none;border:none}
	#content form#cformsform legend {display:none}
	#content form#cformsform label {color:#333;font-weight:700;text-align:left;width:auto}
	#content form#cformsform label span {text-align:left;width:auto}
	#content form#cformsform p {padding: 0 0 0 4px;margin: 0 0 3px}
	#content form#cformsform input.single {background:url(images/input-bg-big.png) left top no-repeat;border:0;color:#333;font:1em Arial, Sans-Serif;padding:15px 5px;width:279px}
	#content form#cformsform textarea {background:url(images/textarea-bg.png) left top no-repeat;border:0;color:#333;display:block;height:125px;margin:0 0 16px;padding:5px;width:279px}
	#content form#cformsform input#send {float:left;margin:94px  0 0 23px}
	
		/*Poject Posts*/
	#content .project {clear:both;overflow:hidden;padding: 10px 0}
	#content .project img {display:inline;border:5px solid #bfbfbf;float:left;margin: 0 0 40px 3px}
	#content .project .entry {float:right;font-size:.925em;line-height:20px;padding: 0 20px 0 0;width:275px}
	#content .project .entry h3 {color:#0061A9;font-size:1.25em;padding: 0 0 3px}
	#content .project .entry ul {list-style:none;padding:0;margin:0}
	#content .project .entry ul li {background:none;padding:0}
	#content .project .entry ul li p {display:inline}
	
		/*Tabbed content*/
	#tabbed-content {position:relative}
	
	/*Tabbed nav*/
	#content ul#project-nav {float:left;list-style:none;overflow:hidden;}
	* html #content ul#project-nav  {height:1%;overflow:visible}
	ul#project-nav li {background:none;float:left;padding:0 6px 6px 0}
	ul#project-nav li a {background:url(images/buttons.png) left top no-repeat;color:#fff;float:left;height:19px;line-height:19px;overflow:hidden;position:relative;text-align:center;width:25px}
	ul#project-nav li a:hover, ul#project-nav li.current a {background:url(images/buttons.png) left -19px no-repeat;color:#000;float:left;height:19px;overflow:hidden;position:relative;text-align:center;text-decoration:none;width:25px}
	
/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:50px 0 20px;width:300px}
.home #sidebar {padding:0 0 20px;width:407px}
#sidebar ul {list-style:none;margin:0 0 1em 0}
#sidebar ul li {padding:0 0 16px}
#sidebar ul ul li {padding:0}
#sidebar ul ul {list-style:disc}
#sidebar #testimonials {background:url(images/quote-bg.png) left top no-repeat;height:153px;margin:0 auto;position:relative;width:354px}
#sidebar #testimonials .testimonial {height:125px;padding:28px 44px 0;position:relative;width:266px}

	/*Sidebar Thumbs*/
	#sidebar #portfolio-thumbs {margin:10px auto;width:367px}
	#sidebar .thumb {background:url(images/image-bg.png) left top no-repeat;padding:10px;margin:0 2px 2px 0}
	
	/*Sidebar Header*/
	#sidebar h3 {border-bottom:1px dotted #0061a9;color:#0061a9;font-size:1.81em;margin:0 0 15px}
	
	/*Sidebar Form*/
	#sidebar form#cforms2form {background:none;border:0;width:300px}
	#sidebar form#cforms2form li {padding:0}
	#sidebar form#cforms2form fieldset {background:none;border:0;width:300px}
	#sidebar form#cforms2form legend {display:none}
	#sidebar form#cforms2form label {text-align:left;width:130px}
	#sidebar form#cforms2form label span {display:inline;text-align:left}
	#sidebar form#cforms2form label span span {color:#d30720}
	
	/*Sidebar Recent Posts*/
	#sidebar li.widget_recent_entries ul {margin:0 0 0 20px}
	#sidebar li.widget_recent_entries ul li {border-bottom:1px solid #0061a9;font-size:1.165em;line-height:1.5em;padding:5px 0 5px}

/* Footer */
#footer {border-top:1px solid #d7d7d7;color:#848484;font-size:.925em;clear:both;height:1%;margin:0 auto;overflow:hidden;padding:30px 0;width:940px}
#footer p {clear:both;text-align:center}
#footer p a {color:#848484;}
#footer #footer-nav {float:left;left:50%;position:relative}
#footer ul {float:left;left:-50%;list-style:none;position:relative;}
#footer ul li {background:url(images/footer-divider.png) left 3px no-repeat;float:left;padding:0 4px 0 5px}
#footer ul li.home {background:none}
#footer ul li a {color:#000}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:0}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:0}
.alignright {float:right}
.alignleft {float:left}
.client img {border:4px solid #d1cfcf}

/* 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 */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;margin:10px;padding-top:4px;text-align:center;}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

* html #navbar ul ul { behavior: url("http://www.sfcdesigns.com/blog/wp-content/themes/sfc-theme/js/iepngfix.htc") }
* html #navbar ul ul li { behavior: url("http://www.sfcdesigns.com/blog/wp-content/themes/sfc-theme/js/iepngfix.htc") }
* html #quote-button { behavior: url("http://www.sfcdesigns.com/blog/wp-content/themes/sfc-theme/js/iepngfix.htc") }