/*
Theme Name: FS Solutions
Theme URI: www.fssolutions.com.au
Description: Custom theme forFS Solutions
Version: 1
Author: Teresa Watts
Author URI: http://teresawatts.com
Tags: fssolutions

*/



/* --------------------------------------
USUAL TAGS 
--------------------------------------*/
html, body {margin: 0px;
	padding: 0px;
height: 100%;
min-width: 900px;
}

body {
	font-size: 13px;	
	font-family: helvetica, arial, verdana, sans-erif;
	background: #303539 url(images/body_bg.jpg) repeat-x;	
	color: #1d1c1c;
	text-align: left;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	}

body.home {
background-image: url(https://fssolutions.com.au/wp-content/themes/fssolutions/images/body_bg_home.jpg);
}
	
h1, h2, h3, h4 {
	font-family:Impact, Charcoal, sans-serif;
color: #eb212e;
	}

h1 {
	font-size: 2.6em;
	margin: 10px 0px;
	font-weight: normal;
color: #eb212e;
	}

h1.page-title a {color: #eb212e; text-decoration: none;}

h1.page-title {
clear: left;
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.7em;
}	
	
h2 {
	font-size: 1.4em;
	margin: 20px 0px 5px;
	}

h2.entry-title a {text-decoration: none;}
h2.entry-title a:hover {text-decoration: underline;}
	
h3 {
	font-size: 1.2em;
	margin: 20px 0px 5px;
	}

h4 {
	font-size: 1.1em;
	margin: 20px 0px 5px;
	}

h3.page-title {
	font-size: 1.8em;
	margin-bottom: 0px;
	margin-top: 45px;
	}



h3 a {text-decoration: none;}
	
a, h2 a:hover, h3 a:hover {	color: #eb212e;	}

a:hover {	color: #540400;	}	
	
code {	font: 1.1em 'Courier New', Courier, Fixed;	}	

acronym, abbr, span.caps {
	font-size: 0.9em;
	cursor: help;
	}

acronym, abbr {	border-bottom: 1px dashed #999;	}

blockquote {
	padding: 0px 75px 0px 65px;
	margin: 2em 0em;
font-style: italic;
font-size: 1.1em;
color: #3d3d3d;	
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

a img {	border: none;	}


hr {
	height: 1px;
	border: 0px;
	color: #dfe1e6;
	background-color: #dfe1e6;
	}

#content ul {
margin: 0;
padding: 0 1em 0;
}

#content ul li {
margin: .6em 0em;
list-style-type: none;
background: url(https://fssolutions.com.au/wp-content/themes/fssolutions/images/bullet.gif) 0px 4px no-repeat;	
padding-left: 1em;	
}

p {margin: 1em 0em 1em;}


/* --------------------------------------
SMALL CLASSES
--------------------------------------*/
.postmetadata {	clear: both;}
.clear {clear: both;}	
.center {text-align: center;}
.hidden {display: none;	}
p.right {text-align: right;}

.left {float: left;}
.right {float: right;}

.red {color: #ff7140;}
.caps {text-transform: uppercase;}

/* --------------------------------------
SECTIONS
--------------------------------------*/

#body-inner {
	margin: 0px;
	padding: 0px;
height: 100%;
}

#container{
	width: 900px;	
margin: 0px auto;
	}
	
#header { 
height: 260px;
	}	

#call {
float: right;
background: #eb212e url('images/ph-bg.gif') repeat-x top left;
padding: 8px 10px;
color: #FFFFFF;
font-size: 2em;
font-family:Impact, Charcoal, sans-serif;
}

#call a {
color: #FFFFFF;
text-decoration:none;
}

#logo {
	margin: 33px 0;
	border: 0px;
	float: left;
	}

#banner {
height: 304px;}

#banner-content {
width: 490px;
margin-left: 65px;
text-align: center;
}

#banner-content ul {margin: 0px 0px 10px; padding: 0px;}
#banner-content ul li {display: inline; 
padding: 0 17px 0 5px;
font-weight: bold;
text-transform: uppercase;
font-size: 1.6em;
background: url(https://fssolutions.com.au/wp-content/themes/fssolutions/images/small_swirl.png) right no-repeat;

}




#main {
width: 900px;	
clear: both;
background: #fff url(https://fssolutions.com.au/wp-content/themes/fssolutions/images/main_bg.gif) right repeat-y;
-moz-box-shadow: 0px 0px 10px #1f2224;
-webkit-box-shadow: 0px 0px 10px #1f2224;
box-shadow: 0px 0px 10px #1f2224;
}

#main-inner {
}

.home #main-inner {
}

#content {
	width: 560px;
	float: left;
	clear: left;
z-index: 10;
	padding: 30px 35px 50px;

	}

.home #main {

}

.page-template-no-sidebar-php #main, .page-template-no-sidebar-php #main-inner {
background: #fff;
}

.page-template-no-sidebar-php #content {
width: 810px;
}

#footer {
	clear: both;
color: #b4b5b6;
text-align: center;
padding: 20px 0px 50px;
font-size: .9em;
	}

#footer ul {list-style-type: none;
margin: 0px;
padding: 0px;
text-align: center;
}

#footer #text-5 {
margin-top: 10px;
}

#footer #text-5 a {color: #f13d1a;text-decoration: none;}
#footer #text-5 a:hover {color: #fff;text-decoration: underline;}

.footer-button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	display:inline-block;
	color:#303539;
	font-size:18px;
	height:64px;
	line-height:64px;
	width:200px;
	text-decoration:none;
	text-align:center;
	margin: 20px 10px 40px;
}
.footer-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.footer-button:active {
	position:relative;
	top:1px;}

/* --------------------------------------
MENU
--------------------------------------*/

#header #menu-main {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
float: right;
clear: right;
margin-top:120px !important;
	}

#header #menu-main li {display: inline; float:left;
    padding:0;
	position:relative;
	font-family:Impact, Charcoal, sans-serif;}

#header #menu-main a {
	color: #2a2f32;
font-size: 1.3em;
font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px 15px 8px 15px;
text-transform: uppercase;
border-left: 1px solid #3c3f41;
	}


#header #menu-main a.current, #header #menu-main a:hover { 
color: #eb212e;
}

/* level 2 */

#header #menu-main ul {
position: absolute;
left: -999em;
height: auto;
width: 210px;
font-weight: normal;
margin: 0;
line-height: 1;
border: 0;
top: 39px;
list-style-type: none;
padding: 0px;
background: #303539;
border-top: 0px;
z-index: 100;
border-top: 0px;
color: #FFFFFF;
}

#header #menu-main ul a {
	color: #FFFFFF;
	border-left: 0;
	width: 180px;
	}


#header #menu-main li:hover  ul{
    left:auto;}

#header #menu-main li li {
padding: 0px;
margin: 0px;    

}
#header #menu-main ul li ul li a {
    padding: 7px 10px;
    width:180px;
border: 0px;
text-transform: none;
text-align: left;
font-size: 1em;
border-top: 1px solid #e3ecf9;
background: #fff;
color: #4f7200;
    }


#header #menu-main li li a:hover,  #header #menu-main ul li:hover li a:hover {

background: #eb212e;
color: #fff;	
}


/* level 3 */





#header #menu-main li ul ul {
    margin:-28px 0 0 200px;
padding: 0px;
width: 210px;

top: auto;
}

#header #menu-main li ul ul li a{
width: 190px;
}

#header #menu-main li:hover ul ul,#header #menu-main ul  li:hover ul ul ul, #header .menu-header ul li:hover ul ul ul ul,#header .menu-header ul li.sfhover ul ul, #header .menu-header ul li.sfhover ul ul ul, #header .menu-header ul li.sfhover ul ul ul ul {
    left:-999em;
    }
#header #menu-main ul li li:hover ul, #header #menu-main ul li li:hover ul, #header .menu-header ul li li li:hover ul, #header .menu-header ul li li li li:hover ul, #header .menu-header ul li.sfhover ul, #header .menu-header ul li li.sfhover ul, #header .menu-header ul  li li li.sfhover ul, #header .menu-header ul li li li li.sfhover ul {
    left:auto;
    background:#f3f3f5;
    }

#header #menu-main .separator, #header #menu-main .separator a {
height: 3px;
background: #e3ecf9;
cursor: default;
}

#header #menu-main ul ul li.separator a:hover {background: #e3ecf9;}


/* --------------------------------------
SIDEBAR
--------------------------------------*/

#primary {
	width: 220px;
	float: right;
font-size: .95em;
padding: 30px 20px 0px;
position: relative;
left: -1px;
z-index: 0;

height: 100%;
	}

#primary h3.widget-title  {margin-top: 0em;}
#primary h3 a {
color: #eb212e;
}

#primary ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#primary ul li.widget {
margin-bottom: 20px;
}

/* recent posts */
.advanced-recent-posts .date {
display: block !Important;
width: 100%;
font-weight: normal;
font-style: italic;
color: #bf2921;
}

.advanced-recent-posts li {
margin: 10px 0px 15px;
}

.advanced-recent-posts a {
text-decoration: none;
color: #1d1c1c;
font-weight: bold;
}
.advanced-recent-posts a:hover {text-decoration: underline;color: #000;}


/* contact form */
#content .wpcf7 #custom_cf7 {
margin: 30px 0px;
width: 300px;
}

#content .wpcf7 #custom_cf7 label {
font-weight: bold;
width: 40px !important;
display: block;
float: left;
clear: both;
padding-top: 3px;
}

#content .wpcf7 #custom_cf7 input[type="text"] {
border: 1px solid #d2d3d3;
float: right;
width: 250px;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
padding: .3em;
margin-bottom: 7px;
vertical-align: top;
}

#content .wpcf7 #custom_cf7 input[type="email"] {
border: 1px solid #d2d3d3;
float: right;
width: 250px;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
padding: .3em;
margin-bottom: 7px;
vertical-align: top;
}

#content .wpcf7 #custom_cf7 textarea {
width: 290px;
border: 1px solid #d2d3d3;
height: 80px;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
padding: .3em;
margin-bottom: 3px;
}

#content .wpcf7 #custom_cf7 input[type="text"].wpcf7-captchar {
width: 290px;
}


#content .wpcf7 #custom_cf7 input[type="submit"] {
background: #eb212e;
color: #fff;
border: 0px;
font-family: helvetica, arial, sans-serif;
text-transform: lowercase;
font-weight: bold;
font-size: 1em;
padding: .3em;
float: right;
}

/* widget area  form */
#primary .wpcf7 {
margin: 0px 0px 30px 0px;
}

#primary .wpcf7 form label {
font-weight: bold;
width: 40px !important;
display: block;
float: left;
clear: left;
padding-top: 3px;
}

#primary .wpcf7 input[type="text"], input[type="email"] {
border: 1px solid #d2d3d3;
float: left;
width: 170px;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
padding: .3em;
margin-bottom: 7px;
vertical-align: top;
}

#primary .wpcf7 textarea {
width: 210px;
border: 1px solid #d2d3d3;
height: 80px;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
padding: .3em;
margin-bottom: 3px;
}

#primary .wpcf7 input[type="text"].wpcf7-captchar {

width: 210px;
}

#primary .wpcf7 input[type="submit"]  {
background: #eb212e;
color: #fff;
border: 0px;
font-family: helvetica, arial, sans-serif;
text-transform: lowercase;
font-weight: bold;
font-size: 1em;
padding: .3em;
float: right;
}



/* testimonials */

#quote {
background: url(https://fssolutions.com.au/wp-content/themes/fssolutions/images/quote_start.gif) top left no-repeat;
padding: 15px 8px; 
color: #484747;
}

#quote-content {
background: url(https://fssolutions.com.au/wp-content/themes/fssolutions/images/quote_end.gif) bottom right no-repeat;
font-size: 1.3em;

}

#quote-author {
text-align: right;
padding-top: 10px;
font-style: italic;
font-size: 1.1em;
}


/* --------------------------------------
BLOG ENTRIES
--------------------------------------*/

.navigation  {
	background: #fafafa;
	display: block;
	margin: 10px 0px 40px 10px;
width: 590px;

	}

.navigation a {color: #072e78; text-decoration: none;}

.navigation a:hover {color: #5a8201;}

.post h1.post-title {
display: block;
margin-top: 0px;

	}

.post h1.post-title a, .post h2.post-title a  {color: #072e78; text-decoration: none;}



.post {
	margin: 0 0 30px;
	text-align: left;
	line-height: 1.4;
	clear: both;
	margin-left: 5px;
width: 100%;
padding-bottom: 10px;
border-bottom: 1px solid #d0d0d0;
	}


.entry-meta {
font-style: italic;
}

.post-cats {
float: right;
}

/* date */
.date {
float: left;
color: #343434;
font-weight: bold;
}

.post-meta a {
color: #265492;
font-style: italic;
text-decoration: none;
}

.post-meta a:hover {
text-decoration: underline;
color: #5a8201;
}

.entry {
clear: both;

}

.comment-link {
text-align: center;

}

.post #facebook_like {
padding: 0px !important;
height: 25px;
width: 400px;
float: right;
margin-top: 20px;
}


.fullwidth .post #facebook_like {
width: auto;
float: none;
}

.comment-link {
width: 100px;
float: right;
margin-top: 23px;
margin-right: 15px;
}

.comment-link a {
font-weight: bold;
text-decoration: none;

}

.search-result {
border-bottom: 1px solid #e2deda;
padding-bottom: 1em;
}

h3.post-title {margin-bottom: 0px;}

.search-result .date {
text-align: left;
float: none;
margin-top: 0px;
font-size: .9em;
}

/* --------------------------------------
IMAGES
--------------------------------------*/

#content img{
border: 2px solid #dadada;
padding: 0px;
}

.entry img.wp-smiley {border: 0px;}

#content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#content img.alignright {
	margin: 0 0 2px 20px !important;
	display: inline;
	}

#content img.alignleft {
	margin: 0 20px 2px 0 !important;
	display: inline;
	}

#content .alignright {	float: right;	margin: 0 0 2px 80px;}

#content .alignleft {	float: left;	}
	
#content .aligncenter,
#content div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content .wp-caption-text {
font-style: italic;
text-align: center;
font-size: .9em;
margin: 5px 0px 15px;
}

/* --------------------------------------
COMMENTS
--------------------------------------*/

.discussion {
	font-size: 1.4em;
	}

.discussion h2 {
	margin-top: 5em;
clear: left;

	}

h3#comments {
	clear: left;
	margin-bottom: 10px;
	text-align: left;
	}

ol.commentlist {
	padding: 0px;
	margin: 0px;
	text-align: left;
	margin-bottom: 20px;
width: 600px;
	}

.commentlist .clear {margin-bottom: -15px;}

.commentlist li {
	margin: 0px;
	list-style: none;
background: #ebf2fb;
padding: 1em;
background: url(images/gradient.jpg) top left repeat-x;	

	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentlist cite {
	text-decoration: none;
	font-size: 1.2em;
	font-style: normal;
	margin: 0px;
font-weight: bold;
	}

.commentlist cite a {text-decoration: none;}
.commentmetadata {
font-size: .9em; 
float: right;
margin-top: 3px;}

.commentmetadata a {
	text-decoration: none;
	color: #8d8d8d;
	}

.avatar {float: left; border: 2px solid #fff;}

.comment-content {
	float: left;
	padding: 15px;
	margin-bottom: 8px;
	color: #5f5f5f;
	
	width: 490px;
	}

/* style for comments by blog author */
.authcomment .comment-content {color: #474747;}

/* --------------------------------------

COMMENT FORM
--------------------------------------*/
#commentform-outer {
	margin: 10px 0px 20px;
background: #e7efd3;
min-height: 150px;
padding: 20px;
width: 560px;
border: 1px solid #cbcbcb;	
}

h3.title {
	margin: 0px 0px 10px;
color: #709a11;
	}

.form label {
font-weight: bold;
	padding-bottom: 2px;
	text-align: left;
float: left;
clear: left;
padding-right: 10px;
width: 50px;
	}

.form .fields {
float: left;
width: 260px;
text-align: left;
}

.form p {margin: 0px; text-align: center;}

.form input {
	border: 1px solid #cbcbcb;
	margin-bottom: 8px;
	width: 194px;
	color: #6e6e6e;
	font-size: 1em;
	padding: 2px;
float: left;
font-family: helvetica, arial, sans-serif;
	}

.form textarea {
	border: 1px solid #cbcbcb;
	width: 269px;
	height: 100px;
	float: left;
	margin-right: 20px;
font-size: 1em;
padding: 3px;
font-family: helvetica, arial, sans-serif;
color: #6e6e6e;
	}


.form .button {
background: url(images/button_bg_green.jpg) top left repeat-x;	
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 1em;
padding: 4px 5px 4px;
float: right;
text-align: center;
width: auto;
border: 0;
-moz-border-radius: 5px;
border-radius: 5px;
	}


/* --------------------------------------
SEARCH FORM
--------------------------------------*/

#searchform {
border: 1px solid #cbcbcb;
background: #fff;

}

#searchform input#s {
border: 0;
padding: .4em;
color: #6e6e6e;
height: 13px;
font-size: .9em;
margin: 0px;
float: left;
font-style: italic;
font-family: helvetica, arial, sans-serif;
}

#searchform  input#s {
width: 110px;
}
 #searchform input#searchsubmit {
margin: 3px;
}

#header #searchform input#searchsubmit {
margin: 3px;
}

#searchform h2 {display: none;}


#content #searchform {
width: 300px;
margin: 0px auto;
padding: 0px 0px 0px 3px;
height: 20px;
}

#content #searchform input#s {
width: 281px; height: 10px;
padding: 5px 0px;

}


/* --------------------------------------
TABLES
--------------------------------------*/

#content table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

#content table td {
border: 1px solid #ccc;
padding: .5em;
}

#content table th {
border: 1px solid #a41e17;
padding: .5em;
background: #bf2921;
color: #fff;
}

#content table ul li {
margin: .1em 0em;
}