/*
	Theme Name: FurSuite
	Theme URI: http://onefurall.com/
	Description: Only the finest in fur suitery.
	Version: 1.0
	Author: Winston Lanyon at InfiniteEcho Technologies
	Author URI: http://infiniteecho.ca/
	Tags:
	
*/


/*

	Colours Used
	------------
	
	Deep Blue: 		#076BB6
	 - Body
	Light Blue:		#1B7EC2
	 - Page Headers
	Navy Blue:		#002C51
	 - Recent Projects
	
	
*/
	

@import url( "css/reset.css" );

@import url( "css/shared-style.css" );




/************ Text Styling *************/
h1, h2, h3, h4, h5, h6, p {
	color: #FFF;
	line-height: 1.3;
}
p {
	color: #FFF;
	font-size: 1.214em;
	font-weight: bold;
}
a {
	text-decoration: underline;
}
h1 {
	font-size: 180%;
	margin-bottom: 20px;
}
h2 {
	font-size: 160%;
	margin: 10px 0 0 0;
}
h3 {
	font-size: 140%;
	margin: 10px 0 0 0;
}
h4 {
	font-size: 140%;
	margin-bottom: 5px;
}


/*********** Formatting *****************/

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


/*********** Section Stylings ***********/
.sectionTitle {
	margin-top: 0;
	text-align: center;
} 


img {
	height: auto;
	max-width: 100%;
}


.picture-cell {
	margin: 20px 0 5px 0;
}



div.hr {
	background: url('img/hr_eyes.png') no-repeat;
	background-position: center;
	border-width: 0px;
	border-color: transparent;
	height: 11px;
	margin: 15px 0px;
	display: block;
}
hr {
	display: none;
}











/********************************************************************
						    pageHeader
********************************************************************/

#threesomething {
	width: 320px;
	background-color: #3C6806;
}


pageHeader {
	position: relative;
	background-image: url('img/page_header_grad.png');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #1B7EC2;
	z-index: 0;
}
pageHeaderBound {
	position: relative;
	overflow: hidden;
}

div.centerA {
	display: inline-block;
	width: 50%;
	float: left;
}
div.centerB {
	display: table;
	position: static;
	height: 326px;
	width: 100%;
}
div.centerC {
	display: table-cell;
	vertical-align: middle;
	position: static;
}
pageHeader, pageHeaderBound {
	min-height: 326px;
}
pageHeaderLogo {
	background-image: url('img/page_header_logo.png');
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	left: 130px;
	bottom: 0px;
	width: 613px;
	min-height: 426px;
	z-index: -1;
}
pageHeaderBound * content {
	margin-top: 20px;
	margin-bottom: 20px;
}
images { 
	width: 45%;
	text-align: center;
	display: inline-block;
	float: left;
}

imgGroup {
	margin: 0 auto;
}
img.attachment-single-image-header {	
	vertical-align: middle;
	display: block;
	margin: 0 auto;
}
img.attachment-double-image-header, img.attachment-triple-image-header {
	margin: 0 1% 0 2%;
	vertical-align: middle;

	border: #FFF 5px solid;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
img.attachment-double-image-header {
	max-width: 44%;
}
img.attachment-triple-image-header {
	max-width: 26%;
}


img.attachment-single-image-header, img.attachment-double-image-header, img.attachment-triple-image-header {
	max-height: 280px;
}

img.attachment-single-image, img.attachment-single-image-header {
	border: #FFF 5px solid;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

img.attachment-single-image {
	margin: 0;
	margin-bottom: 15px;
	max-height: 200px;
}
img.attachment-single-image.floatLeft {
	margin-right: 30px;
}
img.attachment-single-image.floatRight {
	margin-left: 30px;
}
/********************************************************************
						      Page
********************************************************************/


content {
	margin: 40px 40px 40px 35px;
}

content.frontPage {
	float: left;
	width: 43%;
	margin: 0 2% 40px 40px;
}

/* content p { */
/* 	margin-bottom: 1em; */
/* } */

/********************************************************************
						       Twitter Widget
********************************************************************/

.twitter-follow-button {
	margin-top: 40px;
}
.twtr-widget {
	margin-top: 20px;
}

.twtr-timeline {
	height: 300px !important;
}

@media screen and (max-width: 799px) {
	.twtr-timeline {
		height: 100% !important;
	}
}

/********************************************************************
						       News Widget
********************************************************************/

newsWidget {
	background-color: #1B7EC2;
	background-image: url('img/page_header_grad.png' );
	background-repeat: repeat-x;
	background-position: bottom;
	
	border: #FFF 3px solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	padding: 10px 0 10px 10px;
	margin: 0 40px 40px 3%;
	width: 38%;
	
	float: right;
}
newsWidget p {
	margin-left: 10px;
}
newsWidget h3.newsTitle {
	margin-bottom: 3px;
}
newsWidget ul {
	max-height: 560px;
	overflow-y: auto;
	overflow-x: hidden;
	
	padding-right: 10px;
}

@media screen and (max-width: 480px) {
	newsWidget ul {
		max-height: none;
	} 
}


/********************************************************************
						   Project Widget
********************************************************************/

projectWidget {
/* 	height: 240px; */
	
	margin: 40px;
	padding-top: 10px;
	
	text-align: center;
}

projectWidget div#centerer {
	display: inline-block;

	padding-top: 10px;

	background-color: #002C51;

	-moz-border-radius: 10px;
	border-radius: 10px;
}

projectWidget h2 {
	margin: 0 0 .5em 0;
	text-align: center;
}

projectWidget ul {
	margin: 0 auto;
	padding: 0 15px 10px 15px;
	
	line-height: 0;
	letter-spacing: -3px;
	
/* 	white-space: nowrap; */
}

projectWidget ul li {
	display: inline-block;
}

projectWidget a {
	display: inline-block;
	
	margin: 5px;
	
	text-decoration: none;
}

projectWidget .projectImg {
	height: 160px;
	width: auto;

	border: #FFF 5px solid;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

@media screen and (max-width: 480px) {
	projectWidget {
		margin: 10px;
	}
	
	projectWidget a {
		width: 100%;
	}
}



/********************************************************************
						    Commission Us
********************************************************************/

form.customcontactform div label {
	font-size: 1.214em;
	margin-bottom: 3px;
}

form.customcontactform h4 {
	font-size: 1.5em !important;
}

.ccf-form-wrapper .field textarea,
textarea#ccf_field_fs_character_desc, 
textarea#ccf_field_fs_animal_types {
	color: #000 !important;
}


/********************************************************************
						    	 FAQ
********************************************************************/
faq {
	margin-bottom: 50px;
}
faq .faqCatTitle {
	margin-bottom: 10px;
}
faq p {
	margin-bottom: 0;
}
faq li {
	margin-left: 10px;
}
faq ul li {
	background-image: url( "img/li_bullet.png" );
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 16px;
}

faqIndex {
	margin-bottom: 50px;
}
faqIndex ul li {
	line-height: 1.3;
	margin-bottom: 5px;
}
faqIndex ul li a {
	font-weight: normal;
	text-decoration: none;
}

faqIndex faqCategory {
	margin-bottom: 20px;
}

faqs faqCategory {
	margin-bottom: 30px;
}

p.faqAnswer {
	margin-left: 10px;
	margin-bottom: 7px;
	color: #9EDEFA;
}


/********************************************************************
						 Single Project Page
********************************************************************/

h3.projectTitle {
	margin: 0;
	margin-bottom: 5px;
	font-size: 160%;
}

body.single-fs_project pageHeaderBound > images {
	margin-right: 40px;
	margin-bottom: 0;
	width: 65%;
	float: right;
	text-align: right;
}

body.single-fs_project pageHeaderBound div.centerA {
	width: 25%;
}
body.single-fs_project images img.attachment-single-image-header {
	display: inline;
	margin: 0;
}

body.single-fs_project images img.attachment-double-image-header {
	max-width: 40%;
}
body.single-fs_project images img.attachment-triple-image-header {
	max-width: 24%;
	margin: 0 0 0 2%;
}


body.single-fs_project img.attachment-single-image {
	margin-top: 15px;
}


@media screen and (max-width: 799px) {
	body.single-fs_project pageHeader div.centerA {
		float: left;
		width: 25%;
	}
	body.single-fs_project pageHeader div.centerB {
		height: 326px;
	}
}
@media screen and (max-width: 480px) {
	body.single-fs_project pageHeader images {
		margin: 18px 10px;
	}
	
	body.single-fs_project pageHeader, body.single-fs_project pageHeaderBound {
		min-height: 0;
	}
	body.single-fs_project pageHeader div.centerB {
		height: auto;
	}
}



/* @media screen and (min-width: 640px) { */


	
/* 	.picture-viewer { */
/* 		margin: 0; */
/* 		padding: 0; */
/* 	} */
	
/* 	.picture-cell { */
/* 		float: left; */
/*  For three: */
/* 		margin: 30px 9.375% 15px 0; */
/* 		width: 27.0833333%; */

/* 		margin: 30px 2.5% 15px 0; */
/* 		width: 14.5833333%; */
/* 	} */
	
/* 	.picture-last { */
/* 		margin-right: 0px; */
/* 	} */
	
/* } */




@media screen and (max-width: 799px) {
	div.centerA {
		width: 100%;
		float: none;
	}
	div.centerB {
		height: auto;
	}
	images { 
		width: 100%;
		float: none;
		margin-top: 0;
		margin-bottom: 20px;
	}
	pageHeaderBound > images > imgGroup > img.attachment-triple-image-header, pageHeaderBound > images > imgGroup > img.attachment-double-image-header {
		margin-top: 0;
	}
}

/***************** Content ************************/
@media screen and (max-width: 799px) {
	newsWidget, content, content.frontPage {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
		float: none;
	}

	
}
@media screen and (max-width: 480px) {

	newsWidget, content, content.frontPage {
		margin-left: 10px;
		margin-right: 10px;
	}
}