/*
Theme Name: Mas Mechanical
Theme URI: http://www.masmechanical.com.au
Version: 1.0
Description: Default theme for the Mas Mechanical website
Author: Kreative Media
Author URI: http://www.kreativemedia.com.au
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { color: #666; font: normal 14px/1.5em Arial, Helvetica, sans-serif; background: #061E41 url(images/background.jpg) repeat; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 15px; color: #000; line-height: 1em; font-weight: normal; font-family: 'Exo', sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
h1 { font-size: 30px; color: #214275; }
h2 { font-size: 21px; padding-top: 10px; }
h3 { font-size: 22px; padding-top: 10px; }
h4 { font-size: 18px; padding-top: 10px; }
h5 { font-size: 16px; padding-top: 10px; }
h6 { font-size: 14px; padding-top: 10px; }
p { padding-bottom: 10px; }

a { text-decoration: none; color: #ff9933; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
ul { list-style: disc url(images/bullet.png); margin-bottom: 15px; }
ol { list-style: decimal; margin-bottom: 15px; }
ul li, ol li { margin-top: 5px; margin-bottom: 5px; margin-left: 40px; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; }

.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

input[type=text],input.text, input.title, textarea, select { width:350px; background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; height: 30px; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=submit] { -moz-box-shadow: 0px 1px 5px -1px #5c5c5c; -webkit-box-shadow: 0px 1px 5px -1px #5c5c5c; box-shadow: 0px 1px 5px -1px #5c5c5c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #292929) ); background:-moz-linear-gradient( center top, #000000 5%, #292929 100% ); 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#292929');
background-color:#000000; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #000000; display:inline-block; color:#ffffff; font-weight:bold; padding:6px 24px; text-decoration:none; }

input[type=submit]:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #292929), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #292929 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#000000');
	background-color:#292929; }

textarea { padding: 4px; width: 350px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#cogs { width: 100%; background: url(images/cogs.png) no-repeat fixed center top; border-top: 8px solid #061E41; }
#wrapper { margin: 0 auto; width: 960px; overflow: auto; }
#header { width: 940px; height: 100px; padding: 20px 10px 10px; vertical-align: bottom; margin: 0px 0px 10px; }
#main { width: 960px; overflow: hidden; background: #FFF; padding: 10px 0px 4px; }
#content { width: 610px; margin: 0px 10px 10px; padding: 25px 10px 25px 20px; float: left; }
#sidebar { width: 249px; float: right; padding: 25px 10px 25px 20px; margin: 65px 10px 10px; border-left: 1px dotted #CCC; }
#footer { padding: 0px; background: #FFF; margin: 30px 0px 0px; width: 100%; clear: both; border-top: 5px solid #ddd; }

body.page-template-page-nosidebar-php #content { margin: 0px 10px 10px; padding: 25px 20px; width: 900px; }

#logo {float:left;}
#headerbuttons { float: right; margin-top: 65px; }
#headerbuttons a.locateus { background: url(images/header-locateus.png) no-repeat left top; display: block; float: left; }
#headerbuttons a.orderparts { background: url(images/header-orderparts.png) no-repeat left top; display: block; float: left; }
#headerbuttons a.contactus { background: url(images/header-contactus.png) no-repeat left top; display: block; float: left; }
#headerbuttons a.locateus:hover { background: url(images/header-locateus-hover.png) no-repeat left top;}
#headerbuttons a.orderparts:hover { background: url(images/header-orderparts-hover.png) no-repeat left top; }
#headerbuttons a.contactus:hover { background: url(images/header-contactus-hover.png) no-repeat left top; }
		
/*------------------------------------------------*/
/*-------------------[MAIN MENU]------------------*/ 
/*------------------------------------------------*/

#mainmenu { display: block; color: #fff; background: url(images/menu-bg-masmechanical-mountisa.jpg); width: 960px; height: 45px; margin: 0px 0px 10px; font: 500 14px 'Exo', sans-serif; letter-spacing: 0.1em; clear: both; }
#mainmenu .menu-header, div.menu { margin: 0px; padding: 0px;}
#mainmenu .menu-header ul, div.menu ul { list-style: none; margin: 0px; padding: 0px;}
#mainmenu .menu-header li, div.menu li { float: left; position: relative; margin: 0px; padding: 0px; }
#mainmenu a { color: #fff; display: block; line-height: 45px; padding: 0 15px; text-decoration: none; text-transform: uppercase; text-shadow: black 0.1em 0.1em 0.1em }
#mainmenu ul ul { box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); display: none; position: absolute; top: 45px; left: 0; float: left; width: 180px; z-index: 99999; }
#mainmenu ul ul li { min-width: 180px; background: #061E41; }
#mainmenu ul ul ul { left: 100%; top: 0; }
#mainmenu ul ul a { line-height: 1em; padding: 15px; width: 160px; height: auto; font-weight: 500; text-transform: none; border-bottom: 1px solid #003; }
#mainmenu li:hover > a, #mainmenu ul ul :hover > a { color: #ff9933; }
#mainmenu ul li:hover > ul { display: block; }
#mainmenu ul li.current_page_item > a, #mainmenu ul li.current-menu-ancestor > a, #mainmenu ul li.current-menu-item > a, #mainmenu ul li.current-menu-parent > a { color: #ff9933; }
* html #mainmenu ul li.current_page_item a, * html #mainmenu ul li.current-menu-ancestor a, * html #mainmenu ul li.current-menu-item a, * html #mainmenu ul li.current-menu-parent a, * html #mainmenu ul li a:hover { color: #fff; }
/*------------------------------------------------*/
/*---------------[FRONT PAGE]------------------*/ 
/*------------------------------------------------*/

.home #content { margin: 0px 10px; padding: 0px 0px 6px; width: 610px; }

#promoarea { float: right; width: 320px; margin: 0px 10px 0px 0px; padding: 0px; font-family: 'Exo', sans-serif; }
#promoone { background: url(images/promo-placeanorder.jpg); height: 125px; width: 280px; margin-bottom: 10px; padding: 20px; }
#promotwo { background: url(images/promo-machineryhire.jpg); height: 100px; width: 280px; margin-bottom: 10px; padding: 20px; }
#promothree { background: url(images/promo-contactus.jpg); height: 65px; width: 280px; padding: 20px; }

#promoarea h2 { margin: 0px 0px 5px; padding: 0px; font-size: 24px; font-weight: bold; color: #FFF; }
#promoarea p { color: #FFF; font-weight: normal; }
#promoarea img { padding: 0px; margin: 0px;  }
#promoarea .ordernow { font-size: 21px; line-height: 2em; font-weight: 100; }

#featurearea { margin: 20px 0px 0px; overflow: auto; font-family: 'Exo', sans-serif; }
#featureleft { float: left; width: 300px; margin-right: 10px; margin-left: 10px; }
#featuremiddle { float: left; width: 300px; margin-right: 10px; margin-left: 10px; }
#featureright { margin-right: 10px; margin-left: 10px; width: 300px; float: right; }

#featurearea h2 { font-weight: 700; color: #FFF; font-size: 18px; background: url(images/cog-orange.png) no-repeat left 9px; padding-left: 28px; }
#featurearea p { color: #FFF; font-weight: normal; }


/*------------------------------------------------*/
/*---------------[GENRAL STYLES]------------------*/ 
/*------------------------------------------------*/

#header h1 {display: none;}

#breadcrumbs { font-size: 9pt; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; line-height: 35px; height: 35px; margin: 0px 0px 15px; padding: 0px; }

#page-nav {}
#page-nav previous {}
#page-nav next {}

.nopassword {}
.screen-reader-text {position: absolute; left: -9000px;}

.entry-meta { text-transform: uppercase; font-size: 11px; letter-spacing: .1em; margin-bottom: 10px; color: #7e7e7e; }
.postmetadata { color: #999; font-size: 13px; padding: 0px 0px 5px; }

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

		
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#comments { margin-top: 0px; padding: 42px 38px 0 0; }
.commentlist {}
.nocomments {display:none;}

----

	h3#comments, #reply-title span { font-size: 36px; color: #758B8D; padding-bottom: 35px; }
	
.comment-body { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; border: 1px solid #ebeaea; border-bottom: 1px solid #d2d1d1; margin-bottom: 25px; padding: 20px 18px 16px 102px; position: relative; }
	.avatar-box { position: absolute; top: 17px; left: 19px; padding: 6px 0 0 6px; }
		.avatar-overlay { position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url(images/avatar-overlay.png) no-repeat; }
	.commentmetadata { color: #e7e7e7; font-size: 24px; font-family: 'Goudy Bookletter 1911', arial, serif; margin-bottom: 12px; }
		.comment-date { font-size: 18px; color: #b6b5b5; }
		span.fn, span.fn a { color: #565656; text-decoration: none; }
		span.fn a:hover { color: #111; text-decoration: none; }
	.comment-arrow { position: absolute; bottom: -14px; right: 86px; background: url(images/comment-bubble.png) no-repeat; width: 14px; height: 14px; }
		
	.reply-container { background:url(images/readmore.png) no-repeat right bottom; display:block; font-size:11px; height:24px; line-height:25px; padding-right:10px; text-shadow:1px 1px 1px #ffffff; display:block; float:right; }
		.reply-container a { background:url(images/readmore.png) no-repeat; display:block; height:24px; padding-left: 10px; color:#7e9294; }
		.reply-container a:hover { color: #111; text-decoration: none; }
	
	.comment ul.children { padding-left: 100px; }
	
#commentform textarea#comment { width: 96%; }
	#commentform input[type=text] { width: 38%; }

	li.comment #respond textarea { width: 94% !important; }
	li.comment #respond input[type=text] { width: 48% !important; }
	
#respond h3#comments { padding-bottom: 15px; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer { font-size: 9pt; color: #666; overflow: auto; font-family: 'Exo', sans-serif; }

#bottomarea { width: 960px; margin: 20px auto; overflow: auto; }
#bottomarea #contactus { float: left; width: 210px; padding: 0px 0px 0px 10px; }
#bottomarea #bottommenu { margin: 0px 20px; padding: 0px 20px; width: 438px; float: left; border-right: 1px dotted #CCC; border-left: 1px dotted #CCC; column-count:2; }
#bottomarea #facebook { float: right; width: 220px; }

#bottomarea h2 { color: #666; font-weight: normal; text-transform: uppercase; font-size: 18px; letter-spacing: .1em; }

#bottommenu div.menu { margin: 0px; padding: 0px;}
#bottommenu ul   { list-style: none; margin: 0px 20px 0px 0px; padding: 0px; width: 195px; float: left; }
#bottommenu li   { margin: 0px; padding: 0px; list-style: none; float: left; width: 195px; }
#bottommenu a { color: #666; display: block; padding: 0; text-decoration: none; font-weight: bold; }
#bottommenu ul ul { padding: 0px 0px 20px; }
#bottommenu ul ul li { }
#bottommenu ul ul ul { display: none; }
#bottommenu ul ul a { text-transform: none; font-weight: normal; }
#bottommenu li a:hover { color: #ff9933; }

#footerdivider { background: url(images/bottom-divider.jpg); height: 7px; width: 100%; clear: both; }

#copyright { margin: 20px auto 40px; width: 940px; vertical-align: middle; padding-right: 10px; padding-left: 10px; clear: both; }
#copyright img { float: left; margin-right: 10px; }

	
/*------------------------------------------------*/
/*--------------------[SIDEBARS]-------------------*/
/*------------------------------------------------*/

#sidebar ul, #sidebar ul li.widget-container { list-style: none; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }

.widget-container { padding: 0 0 15px 0px; }
.widget-container h3 { font-size: 12pt; color: #214275; padding: 0px 25px 15px 0; text-transform: uppercase; font-weight: bold; }
.widget-container ul { list-style: none; margin: 0px; padding: 0px; }
.widget-container ul li { padding:0px 0px 5px; margin: 0px; width: auto; }
.widget-container ul li a { color:#8c8a8a; text-decoration: none; }
.widget-container ul li a:hover { color:#696969; }
			
				
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; text-shadow: none; }
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; text-shadow: none; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
#wp-calendar td#today { color: #ffffff; }
#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
		
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/

.pagination { overflow: hidden; }
.pagination, .wp-pagenavi { padding: 15px 42px 0; }
.wp-pagenavi { position: relative; text-align: right; font-family: 'Goudy Bookletter 1911', Arial, sans-serif; }
.wp-pagenavi span.pages, .wp-pagenavi span.extend { border: none; color: #8c8a8a !important; font-size: 18px; }
.wp-pagenavi span.current, .wp-pagenavi a { color: #c3c3c3; font-size: 30px; border: none !important; }
.wp-pagenavi span.current, .wp-pagenavi a:hover { color: #c2c2c2 !important; }
.wp-pagenavi a, .wp-pagenavi span { padding: 3px 7px !important; color: #758b8d !important; }


a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }
.foursixeight { margin: 0px 0px 15px 84px;}
.nav ul li, .nav ul a { float: left; }
.js #featured { visibility: hidden; }

.et_pt_gallery_entry { margin-left: 25px !important; }

#comment-wrap .navigation { padding: 10px 0; }
	.nav-previous { float: left; }
	.nav-next { float: right; }
h3#reply-title small { display: block; }
	h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }
	
#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
#commentform textarea#comment { width: 91%; }
.commentlist #respond textarea#comment { width: 98% !important; }
.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
.comment_navigation_top { padding-bottom: 12px; }

/*------------------------------------------------*/
/*-------------------[ORDER FORM]-----------------*/
/*------------------------------------------------*/

#orderform label { width: 150px; display: block; float: left; height: 30px; margin-top: 1px; line-height: 30px; font-size: 13px; color: #061E41; }
#orderform input { margin-bottom: 5px; }
#orderform .pickup-ship { line-height: 30px; height: 30px; width: 300px; }
#orderform .captcha { width: 155px; line-height: 30px; height: 30px; }
#orderform p { color: #061E41; font-size: 13px; }

#orderform #parts { clear: both; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; overflow: auto; padding: 10px 0px 5px; margin-bottom: 25px; margin-top: 10px; color: #061E41; }
#orderform #parts #row { clear: both; height: 37px; margin-bottom: 4px; }
#orderform #parts #row #partfields { height: 30px; line-height: 30px; float: left; font-size: 13px; }
#orderform #parts #row #partfields .partno { width: 100px; margin-right: 15px; margin-left: 10px; }
#orderform #parts #row #partfields .partdesc { width: 230px; margin-right: 15px; margin-left: 10px; }
#orderform #parts #row #partfields .partqty { width: 50px; margin-right: 15px; margin-left: 10px; }