/*
Theme Name: Synergy Build Group Theme
Theme URI: http://www.synergy-group.co.nz/
Description: Official theme for the Synergy Build Group
Author: Gavin Lovegrove
Author URI: http://www.lovegrovedesign.co.nz
Version: 1.0
*/

/****************************************************************************************************************/
/* SCREEN MEDIA */
/****************************************************************************************************************/
@media screen {

	/* DOCUMENT STYLES */
	/****************************************************************************************************************/

	* { margin: 0; padding: 0; }

	body {
		font-family: 'Quicksand', Helvetica, arial, sans-serif;
		font-size: 14px;
		line-height: 1.4;
		margin-top: -40px;
		min-height: 980px;
		background: url(images/grey.png) repeat #FAFAFA;
	}

	div#BG {
		background: url(images/synergy_logo_vertical.png) no-repeat top right;
	}



	/*[class*="span"] {
		float: left;
		min-height: 1px;
		margin-left: 10px;
	}*/


	/* STRUCTURAL STYLES */
	/****************************************************************************************************************/

	.wrapper {
		min-height: 990px;
	}

	.main-content {
		padding-top: 350px;
	}


	.page-id-13 .main-content {
		padding-top: 0;
	}

	.menu-content {
		padding-top: 60px;
	}

	.text_content {
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 20px;
		padding: 30px 0 15px 20px;
		color: #FFF;
		background-color: rgba(217, 83, 30, 0.9);
	}

	.text_content a {
		font-weight: bold;
		color: #FFA64D;
	}

	.page-id-9 .text_content,
	.page-id-15 .text_content,
	.page-id-13 .text_content {
		color: #333;
		background-color: rgba(255, 255, 255, 1);
	}



	/* TYPOGRAPHY STYLES */
	/****************************************************************************************************************/
	
	h1, h2, h3, h4, h5, h6, p { 
		font-weight: normal; 
		line-height: 1.4;
		margin: 0 0 10px 0;
		text-transform: uppercase;
	}
				
	h1 { font-size: 18px; font-weight: 700; }
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
	h4 { font-size: 12px; }
	h5 { font-size: 10px; }
	h6 { font-size: 8px; font-weight: 700; }
	p { font-size: 14px; text-transform: none; }

	#gallery h1 {
		margin-top: 20px;
	}

	.page-id-9 h1,
	.page-id-9 h2,
	.page-id-9 h3 {
		color: #DF5422;
	}

	
	/* LINK STYLES */
	/****************************************************************************************************************/

	a { }
	a:hover { }

	.trans_orange a { color: #FFF; }
	.trans_orange a:hover { text-decoration: underline; }


	/* LISTS STYLES */
	/****************************************************************************************************************/

	ul, ol {
		font-size: 14px;
		margin: 0 0 20px 0; 
	}

	.entry ul li {
		margin: 0 0 0 18px;
	}

	.entry ol li {
		margin: 0 0 0 18px;
	}


	/* FORM STYLES */
	/****************************************************************************************************************/

	form { }
	input[type=text] { }
	textarea { }


	/* BORDER STYLES */
	/****************************************************************************************************************/

	hr.thick {
		margin: 20px 0 3px 0;
		border: 0;
		border-top: none;
		border-bottom: 3px solid #FFFFFF;
	}

	hr.orange {
		margin: 25px 0;
		border: 0;
		border-top: none;
		border-bottom: 1px solid #DF5422;
	}

	hr.thick_orange {
		margin: 20px 0 3px 0;
		border: 0;
		border-top: none;
		border-bottom: 3px solid #DF5422;
	}


	/* QUOTE STYLES */
	/****************************************************************************************************************/

	blockquote { }
	blockquote p { }


	/* BACKGROUND IMAGE STYLES */
	/*Set custom background images for each page*/
	/****************************************************************************************************************/

	.page-id-7 {
		background: url(images/BG_03.jpg) no-repeat top center, url(images/grey.png) repeat #FAFAFA;
	}

	.page-id-9 {
		background: url(images/BG_06.jpg) no-repeat top center, url(images/grey.png) repeat #FAFAFA;
	}

	.page-id-11 {
		background: url(images/BG_04.jpg) no-repeat top center, url(images/grey.png) repeat #FAFAFA;
	}

	.page-id-15 {
		background: url(images/BG_07.jpg) no-repeat top center, url(images/grey.png) repeat #FAFAFA;
	}

	.page-id-17 {
		background: url(images/BG_05.jpg) no-repeat top center, url(images/grey.png) repeat #FAFAFA;
	}


	/* HOME MENU GRID */
	/* Home Into Graphical Menu Divs */
	/****************************************************************************************************************/

	.hm,
	a.hm {
		float: left;
		color: #FFF;
		outline: solid 3px #FFF;
		position: relative;
		margin: 0;
		padding: 0;
	}

	a.hm:hover {
		text-transform: uppercase;
	}

	.hm_1 {
		width: 25%;
		height: 180px;
	}

	.hm_2 {
		width: 50%;
		height: 180px;
	}

	.link_text {
		font-family: 'Helvetica', arial, sans-serif;
		font-size: 26px;
		font-weight: bold;
		position: absolute;
		bottom: 15px;
		left: 15px;
	}


	.cust_img01 {
		background: url(images/pokutakawa.jpg) no-repeat center center;
	}
	.cust_img02 {
		background: url(images/pierce.jpg) no-repeat center center;
	}
	.cust_img03 {
		background: url(images/pierce2.jpg) no-repeat center center;
	}
	.cust_img04 {
		background: url(images/damien.jpg) no-repeat center center;
	}
	.cust_img05 {
		background: url(images/brownHouse.jpg) no-repeat center center;
	}
	.cust_img06 {
		background: url(images/pool.jpg) no-repeat center center;
	}



	/* IMAGE STYLES */
	/****************************************************************************************************************/

	img.aligncenter {
		display: block;
		margin: 0 auto;
	}

	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img,
	#sidebar img,
	.wp-caption {
		max-width:100%;
		height: auto;
	}

	.img-gallery {
		margin: 0 10px 10px 0;
		float: left;
		display: inline;
	}

	.gallery img {
		margin-bottom: 25px;
	}

	.span4 img {
		margin-bottom: 20px;
	}


	/* COLOUR STYLES */
	/****************************************************************************************************************/

	.white { color: #FFFFFF; }
	.white_BG { background-color: #FFFFFF; }

	.orange { color: #D9531E; }
	.orange_BG { background-color: #D9531E; }

	.green { color: #2BA47B; }
	.green_BG { background-color: #2BA47B; }

	.blue { color: #010A41; }
	.blue_BG { background-color: #010A41; }

	.red { color: #B01C0E; }
	.red_BG { background-color: #B01C0E; }

	.black { color: #000000; }
	.black_BG { background-color: #000000; }

	.grey { color: #515151; }
	.grey_BG { background-color: #515151; }



	/* MISC STYLES */
	/****************************************************************************************************************/
	.giant {
		font-family: 'Helvetica', arial, sans-serif;
		font-weight: bold;
		font-size: 36px;
		line-height: 1;
		text-transform: none;
		color: #DF5422;
		margin-top: 20px;
		display: block;
	}

	.clear { 
		clear: both; 
	}

	.center {
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	.copyright {
		margin: 0 auto;
		text-align: center;
		display: block;
	}





	/****************************************************************************************************************/
	/* WORDPRESS TARGETED STYLES */
	/****************************************************************************************************************/

	.post { }

	.alignnone {
		display: block;
		margin-bottom: 10px;
	}
	.alignleft {
		float:left;
		margin: 6px 10px 6px 0;
	}
	.alignright {
		float:right;
		margin: 6px 10px 6px 20px;
	}

	.entry { }
	.entry a { }
	.entry a:hover { }

	pre { }
	code, tt { }

	#meta { }
	.postmetadata { }

	#sidebar { }

	.navgation { }
	   .next-posts { }
	   .prev-posts { }

	#searchform { }
		#s { }
		#searchsubmt { }
		
	ol.commentlist { list-style: none; }
	ol.commentlist li { }
	ol.commentlist li.alt { }
	ol.commentlist li.bypostauthor { }
	ol.commentlist li.byuser { }
	ol.commentlist li.comment-author-admin { }
	ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
	ol.commentlist li.comment div.comment-author { }
	ol.commentlist li.comment div.vcard { }
	ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
	ol.commentlist li.comment div.vcard cite.fn a.url { }
	ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
	ol.commentlist li.comment div.vcard img.avatar-32 { }
	ol.commentlist li.comment div.vcard img.photo { }
	ol.commentlist li.comment div.vcard span.says { }
	ol.commentlist li.comment div.commentmetadata { }
	ol.commentlist li.comment div.comment-meta { font-size: 10px; }
	ol.commentlist li.comment div.comment-meta a { color: #ccc; }
	ol.commentlist li.comment p { }
	ol.commentlist li.comment ul { }
	ol.commentlist li.comment div.reply { font-size: 11px; }
	ol.commentlist li.comment div.reply a { font-weight: bold; }
	ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
	ol.commentlist li.comment ul.children li { }
	ol.commentlist li.comment ul.children li.alt { }
	ol.commentlist li.comment ul.children li.bypostauthor { }
	ol.commentlist li.comment ul.children li.byuser { }
	ol.commentlist li.comment ul.children li.comment { }
	ol.commentlist li.comment ul.children li.comment-author-admin { }
	ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-5 { }
	ol.commentlist li.comment ul.children li.odd { }
	ol.commentlist li.even { background: #fff; }
	ol.commentlist li.odd { background: #f6f6f6; }
	ol.commentlist li.parent { border-left: 5px solid #111; }
	ol.commentlist li.thread-alt { }
	ol.commentlist li.thread-even { }
	ol.commentlist li.thread-odd { }

	.screen-reader-text { 
		position: absolute; 
		left: -9999px; 
		top: -9999px; 
	}


} /* END screen media */



/****************************************************************************************************************/
/* PRINT MEDIA */
/****************************************************************************************************************/
@media print {

	.do-not-print { display: none; }
	#comments { page-break-before: always; }

	body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
	h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size:17pt; }
	h3 { font-size:15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: black; }
	
}








/****************************************************************************************************************/
/* MEDIA QUERIES */
/****************************************************************************************************************/

/* Large desktop */
@media (min-width: 1200px) {

	.nav_container {
		width:980px;
	}

}


/* CUSTOM @media query */
@media (min-width: 980px) and (max-width: 1199px) {

	.nav_container {
		width:980px;
	}

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	.main-content {
		padding-top: 300px;
	}

}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.text_content {
		margin-left: 20px;
		margin-right: 20px;
		padding: 30px 0 30px 20px;
		color: #FFF;
		background-color: rgba(217, 84, 30, 0.75);
	}

}


/* CUSTOM @media query */
@media (min-width: 481px) and (max-width: 766px) {

	.text_content {
		margin-left: 0;
		margin-right: 0;
		padding: 30px 20px 30px 20px;
		color: #FFF;
		background-color: rgba(217, 84, 30, 1);
	}

	.menu-content {
		padding-top: 0;
	}

	.home_menu {
		font-size: 16px;
		height: 50px;
		min-height: 50px;
		margin-bottom: 10px;
	}

	.img-gallery {
		width:200px;
		height: auto;
		margin: 0 10px 10px 0;
		float: left;
		display: inline;
	}

	.intro_nav td {
		width:1%;
		height: 60px;
		min-height: 60px;
	}


	.hm,
	a.hm {
		color: #FFF;
		margin: 0 0 5px 0;
		padding: 0;
		outline: none;
		-webkit-border-radius: 8px 0px 8px 0px;
        	border-radius: 8px 0px 8px 0px;
	}

	.hm_1 {
		width: 100%;
		height: 45px;
		display: block;
	}

	.link_text {
		font-size: 24px;
		bottom: 3px;
		left: 15px;
	}

}

 
/* Landscape phones and down */
@media (max-width: 480px) {

	.main-content {
		padding-top: 100px;
	}

	.menu-content {
		padding-top: 0;
	}


	.text_content {
		margin-left: 0;
		margin-right: 0;
		padding: 30px 20px 30px 20px;
		color: #FFF;
		background-color: rgba(217, 84, 30, 1);
	}

	.home_menu {
		font-size: 16px;
		height: 50px;
		min-height: 50px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}

	.img-gallery {
		width:270px;
		height: auto;
		margin: 0 10px 10px 0;
		float: left;
		display: inline;
	}

	.hm,
	a.hm {
		color: #FFF;
		margin: 0 0 5px 0;
		padding: 0;
		outline: none;
		-webkit-border-radius: 8px 0px 8px 0px;
        	border-radius: 8px 0px 8px 0px;
	}

	.hm_1 {
		width: 100%;
		height: 36px;
		display: block;
	}

	.link_text {
		font-size: 20px;
		bottom: 2px;
		left: 15px;
	}


}