/*
Theme Name: Mason Dixon Machining
Theme URI: http://www.masondixonmachining.com/
Description: This theme is designed to have a two column layout. The site uses responsive design, use widgets, custom menu, rotating header, jquery, css3 and html5
Author: Michael Giordano
Version: 1.0
Tags: two-columns, responsive-design, custom-header, custom-background, custom-menus
*/

/* CSS Document & HTML Elements */
/* used by WordPress */
.alignnone {margin:0;}
.aligncenter, div.aligncenter {display:block;margin: .5em auto;}
.alignright, .fRight {float:right;margin: 0 0 1em 1em;}
.alignleft, .fLeft {float:left;margin: 0 1em 1em 0;}
.aligncenter {display: block;margin: 1em auto;}
a img.alignright {float:right;margin: 0;}
a img.alignnone {margin: 0;}
a img.alignleft {float:left; margin: 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.clear{clear:both}

/*reset our css*/
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, 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,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline; font-weight:normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
blockquote {font-style:italic;width:80%;margin:0.25em 0;padding:0.25em 2em;line-height:1.45;position:relative;color:#383838;background:#ececec;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;-webkit-box-shadow: 0px 8px 5px #000000; -moz-box-shadow: 0px 8px 5px #000000; box-shadow: 0px 8px 5px #000000;}
blockquote:before {display:block;content:"\201C";font-size:400%;position:absolute;left:-.1em;top:-.1em;color:#7a7a7a;}
blockquote cite {color:#999999;font-size:80%;display:block;margin-top:5px;}
blockquote cite:before {content: "\2014 \2009";}
sup{position: relative; top: -0.5em; font-size: 80%; }
sub{position: relative; top: 0.5em; font-size: 80%;}

/* set our new html css values */
body{color:#3d3d3d; font:1em 'Lato', sans-serif; line-height:1.45em; background-repeat:  no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body#tinymce{background-image:none!important; padding-top:0!important;}
table{}
tr{ vertical-align:top}
td{vertical-align:top}
img, img[class*="align"], img[class*="wp-image-"], div.product-thumb img{border:0cm; max-width:100%; height:auto; -ms-interpolation-mode: bicubic; }
img[class*="wp-image-"]{border:0cm}
p{padding:.5em .5em;text-align: left;}
h1{font: 150% 'Lato', sans-serif; color:#000080; padding: .25em;}
h2{font: 131.3% 'Lato', sans-serif; color:#000080; padding: .25em;}
h3{font: 125.0% 'Lato', sans-serif; color:#000080; padding: .25em;}
h4{font: 118.8% 'Lato', sans-serif; color:#000080; padding: .25em;}
h5{font: 112.5% 'Lato', sans-serif; color:#000080; padding: .25em;}
h6{font: 106.3% 'Lato', sans-serif; color:#000080; padding: .25em;}
li{}
a{color:#000080; text-decoration:underline;}
a:hover{text-decoration:none;}
hr{color:#000080; background-color:#000080; height:1px; line-height:1px; border: 0px;}
strong, b{font-weight:bold}
small{font-size:87.5%}
table{border-spacing:8px; border-collapse:separate}
em, i{font-style:italic}
iframe {padding:0px 8px;}
blockquote,ul,ol{margin:1em; margin-top:.25em;}
ul li ul, ol li ol{margin-top:0em;}
ol{padding-left:2.5em;}
ul{padding-left:2.5em;}
ul li{ list-style-type:disc; list-style-position:outside;}
ol li{ list-style-type:decimal; list-style-position:outside}
textarea, input{border:1px solid #000; background:#f2f2f2; color:#727272; padding:.5em; font-family:'Hammersmith One', sans-serif;}
textarea:hover, input:hover{border:1px solid #d8d8d8; background:#f2f2f2; color:#727272}
textarea:focus, input:focus{border:1px solid #d8d8d8; background:#f2f2f2; color:#727272}

/* html5 elements*/
nav{height:100%; vertical-align:bottom;display:table-cell; }
footer{width:100%;}

/* header div */
#headerWrapper{width:100%; margin-top:3em;}
#header{width:90%; margin:0cm auto; background:#efefef;-webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; border:solid 3px #000080; border-bottom:none; display:table; overflow:hidden;}
#header h1{font: 180% 'Hammersmith One', sans-serif; padding-bottom:0; }
#header h2{color:#ba0000; padding-top:0; font-variant:small-caps; line-height:1em; font-size:150.0%; font-family: 'Times New Roman'}
#tagline{padding:1% 1%; display:table; overflow:hidden;}

/*rotator*/
#rotator-wrapper{width:100%; clear:both;}
#rotator{margin:0cm auto;width:90%; background:#efefef;border-left:solid 3px #000080; border-right:solid 3px #000080; display:table}
#soliloquy-container-26{margin:0cm auto;}
#soliloquy-container-26 .soliloquy-wrapper{max-width: 98%!important; margin: 0 1%!important;}
.soliloquy-container img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/*top menu*/
#menu{margin:0cm auto;}
.menu-top-menu-container{}
#menu-top-menu ul {list-style-type: none!important; padding: 0cm; margin: 0cm; float: left;}
#menu-top-menu li {float: left; padding:1em; text-align:center;font-size:100%}
#menu-top-menu li a{text-decoration:none; color:#000080; padding:0 1em; cursor:pointer!important;}
#menu-top-menu li a:hover{color:#fff; text-decoration:none;  background:#000080; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5); box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5);}
#menu-top-menu li:hover{}
#menu-top-menu li:hover a.sf-with-ul{}
#menu-top-menu li li a{text-transform:none;color:#fff!important; background:none!important;-webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important;}
#menu-top-menu li li a:visited{color:#fff!important;}
#menu-top-menu li li a:hover{color:#fff!important;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;background:#2357ba!important;}
#menu-top-menu li li{background:#000}
.sub-menu li{text-align:left!important;}
#menu-top-menu li .sub-menu li a{padding:0 .3em;}
#menu-top-menu li.current-menu-item a{color:#fff; text-decoration:none;  background:#000080; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5); box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5);}

/*sub-menus drop down styles*/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {/*line-height:1.0;*/}
.sf-menu ul{position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
.sf-menu li{float:left;position:relative; z-index:900;}
.sf-menu a{display:block;position:relative; z-index:901;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:2.3em;/* match top ul list item height */ z-index:899;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:10em;/* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:10em;/* match ul width */ top:0;}
.sf-menu li:hover,.sf-menu li.sfHover, .sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background: none;outline:0; color:#e7e7e7}

/*body div*/
#bodyWrapper{width:100%; clear:both;}
#contentWrapper{width:90%; margin:0cm auto;background:#efefef;border-left:solid 3px #000080; border-right:solid 3px #000080; display:table;}
#sidebar{width:25%; display:table-cell; height:100%; vertical-align:top; border-left: solid 3px #000080; padding-left:1%;}
#content-placeholder{display:table-cell; height:100%; vertical-align:top; padding:0 2% 0 1%}
div.entry {margin: 0em ;padding-top: 0em;}
div.content-div{display:table-cell; width:25%; padding:0 1% 0;}

/*sidebar*/

/*footer*/
#footerMenuWrapper{width:100%;}
#footer-copyright{width:90%; margin:0cm auto; background:#efefef;-webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px;-moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; border:solid 3px #000080; border-top:none; display:table; padding-top:1%; margin-bottom:2%}
#footer-copyright p{text-align:center;}
p.normal{font-size:80%}

/*search*/
#site-search{}
input#s{-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em; background:#f5f4f4; color:#919090; text-align:left; font-style:italic;width:15em; border:0cm; margin-left:1%}
input#searchsubmit{-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em; background:#f5f4f4; color:#919090; border:0cm; }
.archive-meta-wrap {background: none repeat scroll 0 0 #FFFFFF;float: left; height: 3em; margin: 1em; text-align: center; width: 4em;}
.archive-date {border: 1px dotted #ef3524;color: #ef3524;float: left;padding: 0 0 1em;width: 100%;}
.archive-date-month {float: left;text-transform: uppercase; width: 100%;}
.archive-date-day {float: left;width: 100%;}
.archive-date-year {float: left; width: 100%;}
.archive-comment {color: #B6B8BC;float: left;height: 32px; margin: 10px 0 0 0;padding: 5px 0 0; text-align: center; width: 40px;}
.archive-comment a {color: #0087D0;}
.archive-comment a:hover, .archive-comment a:active {color: #960000;text-decoration: none;}
.archive-copy {float: left;width: 100%;}
.archive-thumb {float: right;margin: 0 0 20px 30px;position: relative;width: 150px;}
.archive-thumb img {height: 100px;width: 150px;}

/*classes*/
a.white{color:#fff;}
.textwidget h2{padding-bottom:0}
.center{text-align: center;}

/* our works */
.portfolio-archives{padding: 0 .25em;}
.portfolio-items{float: left;}
.portfolio-items img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5); box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.5);}

/*mobile menus*/
.nav-button { display: none; } /* hide the navigation button by default */
@media only screen and (max-width: 1000px) {
	/* Navigation Button */
	.nav-button {display: block;position: absolute;top: 7px;left: 7px;width: 50px;height: 35px;background: url('images/layout/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/menu-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/menu-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/menu-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position: center center; background-repeat: no-repeat;background-size: 21px, 100%;cursor: pointer;border: 0 none;border-bottom: 1px solid rgba(255,255,255,.1);box-shadow: 0 0 4px rgba(0,0,0,.7) inset;border-radius: 5px;z-index: 999;text-indent: -9999px;}
	.nav-button:hover {background-color: rgba(0,0,0,.1);}
	.nav-button.open {background: url('images/layout/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); background: url('images/layout/close-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/close-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background: url('images/layout/close-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position: center center;background-repeat: no-repeat;background-size: 21px, 100%;}
	/* Navigation Bar*/
	body { padding-top: 50px; }
	.sf-menu {width: 100%;float: none;background-color: #2357ba; /* change the menu color */background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));display: block;height: 50px;margin: 0;padding: 0;overflow: hidden;box-shadow: 0 1px 2px rgba(0,0,0,.6);position: absolute;top: 0px;left: 0px;z-index: 998;clear: both;}
	.sf-menu li {display: none;width: 100%;text-align:left!important;}
	.sf-menu li a {display: block;width: 90%;padding: 10px 5%;font-size: 14px;font-weight: bold;text-shadow: -1px -1px 0 rgba(0,0,0,.15);color: white!important;text-decoration: none;border-bottom: 1px solid rgba(0,0,0,.2);border-top: 1px solid rgba(255,255,255,.1);}
	.sf-menu li a:hover {background-color: rgba(0,0,0,.5);border-top-color: transparent;color:#fff!important}
	.sf-menu > li:first-child {border-top: 1px solid rgba(0,0,0,.2);}
	/* Toggle the navigation bar open  */
	.sf-menu.open {height: auto;padding-top: 50px;}
	.sf-menu.open li {display: block;}
	/* Submenus – optional .parent class indicates dropdowns */
	.sf-menu > li:hover > a {background: rgba(0,0,0,.5);border-bottom-color: transparent;}
	.sf-menu ul.sub-menu{width:15em; display:block!important; visibility:visible!important; position:static; width:15em!important;}
	#menu-top-menu li {border-bottom-right-radius:0;border-bottom-left-radius:0;-moz-bottom-right-radius:0; -moz-bottom-left-radius:0;}
	#menu-top-menu li a{text-decoration:none; text-transform:uppercase;color:#9e3b33}
	/*admin menu logged in offset*/
	body.logged-in .navigation-menu, body.logged-in  .navigation-container{margin-top: 32px!important}
	body.logged-in .menu-text{}
	body.logged-in .nav-button{top: 40px;}
	/*end admin menu logged in offset*/
}
/* End Mobile menu */

/*responsive css coding*/
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1280px) {
	#menu-top-menu li{padding:1em .5em}
}
@media only screen  and (max-width: 1024px) {
	#menu-top-menu li{padding:.25em}
	#header h2{font-size:100%}
	div.content-div{display:inline;}
}
/*tablets*/
@media only screen and (max-width: 800px) {
	#sidebar{width: 40%}
}
@media only screen and (max-width : 775px) {
	.alignnone, a img.alignnone, .aligncenter, div.aligncenter, a img.aligncenter, .alignright, .fRight, a img.alignright, .alignleft, .fLeft, a img.alignleft {display:block; margin: 2em auto; float: none;}
}
@media only screen and (max-width : 605px) {
	#sidebar{display:none;}
	/*admin menu logged in offset*/
	body.logged-in .navigation-menu, body.logged-in #navigation-container{margin-top: 46px!important}
	body.logged-in .menu-text{}
	body.logged-in .nav-button{top: 55px;}
	/*end admin menu logged in offset*/
}
@media only screen and (max-width : 535px) {}
@media only screen and (max-width : 360px) {}
/*end conditional css*/
/* CSS for View Full Site */
.rwd-display-options{ text-align: center!important; }
.rwd-display-option, #view-responsive{ cursor: pointer!important; background: #000; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); padding: .5em 1em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff;}
#view-responsive{ display: none; }
@media only screen and (min-width: 900px){
	#view-full{ display: none; }
	#view-responsive{ display: inline; }
}
@media only screen and (max-width: 900px) {
	.rwd-display-options{padding: 1em;}
}
/*back to top*/
.spotlight-top {display: inline-block;height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 38, 100, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 0, 0, 1) url(images/layout/back-to-top.png) no-repeat center 50%; visibility: hidden; opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.spotlight-top.spotlight-is-visible, .spotlight-top.spotlight-fade-out, .no-touch .spotlight-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}
.spotlight-top.spotlight-is-visible {visibility: visible; opacity: 1;}
.spotlight-top.spotlight-fade-out {opacity: .5;}
.spotlight-top.spotlight-is-visible:hover {background-color: #848a5e!important;opacity: 1;}
@media only screen and (min-width: 768px) {
	.spotlight-top {right: 20px;bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
	.spotlight-top {height: 60px; width: 60px; right: 30px; bottom: 30px;}
}