/*
Theme Name:     PFS
Theme URI:      http://polarfield.com/
Description:    Child theme for the Twenty Twelve theme
Author:         Flax Media, Inc.
Author URI:     http://flaxmedia.com/
Template:       twentytwelve                             
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");



/* OVERRIDE TWENTY TWELVE */
.wp-caption {
	padding: 12px 0 12px 24px;
}

body {
	background-color: #fff;
	background-image: url('images/pfs-bg.png'); 
	background-repeat: repeat-x;
}

body .site {
	box-shadow: none;
	margin-top: 0;
	background-color: #fff;
	background-image: url('images/pfs-bg.png'); 
	background-repeat: repeat-x;
}


body.custom-font-enabled {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

a {
	color: #5E9239;
}


h1 {
	color: #5E9239;
}

.widget-area .widget {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	word-wrap: normal;
}

.site-content article {
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.site-title {
	display:none;
	}
	
.site-header {
	background-color: #000;
	padding: 0;
	background-image: url('images/header-bg.jpg');
	background-repeat: no-repeat;
	}


.site-description {
	font-size: 19px;
	font-size: 1.357142857rem;	
	font-style: italic;
	float:right;
	padding: 90px 10px 10px 10px;
	}
	
.header-image {
	margin-top: 0;
	}

.main-navigation {
	margin-top: 0;
	padding:0 10px;
}

.main-navigation li {
	margin: 0 22px 0 0;
	margin: 0 1.571428571rem 0 0;
}
		
.main-navigation li a {
	color:#fff;
	line-height:2;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 1rem;
}


.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
	background-color: #000;
}

.main-navigation li ul li a {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.5;
	}
	

#main {
	background-image: url('images/main-bg.png');
	background-repeat: repeat-x;
}


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

	body, body .site, #main {
		background-image: none;
	}

}

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

	.sub-menu {
		display: none;
	}


	.site-header {
		background-image: none;
		text-align:center;
		}


	.site-description {
		float:none;
		padding: 10px 10px 0 10px;
		}

	.main-navigation li {
		margin: 0;
	}

}



.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul
 {
	border-bottom: 0;
	border-top: 0;
}



.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #5E9239;
}


.main-navigation li a:hover {
	color: #5E9239;
}


.main-navigation li ul li a {
		background: #000;
		border-bottom: 1px solid #000;
		}



.widget-area .widget a {
	color: #5E9239;
	text-decoration: none;
}

.widget-title {
	font-size: 18px;
	font-size: 1.285714285rem;
	font-weight: normal;
	text-transform: none;
	color: #5E9239;
	border-top: 2px dotted ;
	line-height: 1.2;
}



.widget-area .widget h3 {
	margin-bottom: 14px;
	margin-bottom: 1rem;
	padding-top: 7px;
	padding-top: 0.5rem;
}


.widget-area {
	margin: 70px 0 0;
	margin: 5rem 0 0;
}

.entry-header .entry-title {
	font-size: 28px;
	font-size: 2rem;
}


.site-content article {
	border-bottom: none;
	}

#footer-copyright {
	float:right;
	color: #000;
	}
	
#footer-connect {
	float:left;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	color: #000;
	}

footer[role="contentinfo"] {
	padding: 14px 0;
	padding: 1rem 0;
}



.template-front-page, .template-front-page > .site {
	background-color: #000;
	background-image: none;
	}
	
.template-front-page .site-content {
	margin:15px 0 0 0;
	}

.template-front-page .entry-content p {
	margin:0;
	}
	
.template-front-page .widget-area {
	padding-top: 0;
	border: 0;
	}
	
.template-front-page #footer-connect, .template-front-page #footer-copyright {
	color: #fff;
	}

.template-front-page .widget-area .widget li, .template-front-page .widget-area .widget li a {
	color: #fff;
	}
	
.template-front-page .widget-area .widget li a:hover {
	color: #5E9239;
	}

.template-front-page .textwidget {
	color:#fff;
	}
	
.template-front-page .textwidget a {
	color:#fff;
	text-decoration: underline;
	}
	
.template-front-page .textwidget a:hover {
	color: #5E9239;
	}

.staff-square, .pet-square {
	float:left;
	width:150px;
	height:150px;
	text-align: center;
	line-height:20px;
}

.staff-square a, .pet-square a, .services-square a, .projects-square a {
	text-decoration: none;
	}

.pet-sidebar {
	float:left;
	padding: 0 10px 10px 0;
	}

.services-square, .projects-square {
	float:left;
	width:300px;
	text-align: center;
	line-height:25px;
	font-size: 16px;
	font-size: 1.142857142rem;	
}

.services-square {
	height:270px;
	}

.projects-square {
	height:290px;
	}

.projects-square p {
	width:265px;
	}
	
/* TILED GALLERY FIX PER http://wordpress.org/support/topic/tiled-gallery-doesnt-tile-correctly-in-ie */

.et_lb_module img, .tiled-gallery img {
/*	max-width: 900px; */
max-width: 1000px!important;
}