/* @override http://workshop.wpcoder.com/mackie/wp-content/themes/Mackie/style.css */

/*
Theme Name: Mackie Solutions
Description: Mackie Custom Theme
Author: WPCoder
Author URI: http://www.wpcoder.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
a, a:visited {color:#069;text-decoration:none}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
html {background:#FFF url(images/bg.jpg) left top repeat-x;}
body {background:#037eca; color:#666;font:75%/125% Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {color:#0176c1;font:2.5em "Century Gothic", Helvetica, Arial Sans-Serif;line-height:1em;padding: 0 0 8px}
h2 {font:1.5em/1.25em "Century Gothic", Helvetica, Arial Sans-Serif; font-weight:bold;}
h3 {font:1.145em/1.25em "Century Gothic", Helvetica, Arial Sans-Serif;padding: 7px 0 14px; font-weight:bold;}
h4 {font:bold 1em/1.25em "Century Gothic", Helvetica, Arial Sans-Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}

/* Containers */
#container { width:100%; background:#fff; }
#page {background:#fff;margin:0 auto;padding:0 15px;width:930px}
#main {overflow:hidden;width:930px}
#homepage #main {border-bottom:1px solid #e4e4e3}

/* Header */
#header {border-bottom:1px solid #CCC;overflow:hidden;padding: 0 0 10px; margin-bottom:15px;width:100%}

	/*Language Chooser*/
	#header ul#lang_chooser {float:left;list-style:none;padding:8px 0 0}
	#header ul#lang_chooser li {background:url(images/divider.png) left center no-repeat;float:left;font:.925em Arial, Sans-Serif;padding:0 8px 0 9px}
	#header ul#lang_chooser li.language1 {background:none;padding: 0 8px 0 0}
	#header ul#lang_chooser li a {color:#666}
	#header ul#lang_chooser li.active a {color:#333}
	
	/*Call Today*/
	#header div {float:right;padding:7px 0 0;text-align:right}
	#header div p {color:#666;font:1em Arial, Sans-Serif;margin:0}
	#header div p strong {color:#333}
	
	/*Phone number*/
	#header div p#contact {color:#333;font:2.166em "Century Gothic", Helvetica, Arial Sans-Serif;margin:-2px 0 0}
	
	/*Subheader*/
	#header #sub-header {clear:both;float:none;padding:0;text-align:left;width:100%}
	
#header #logo {color:#09C;float:left;font:italic bold 2.25em/1.2em "Century Gothic", Helvetica, Arial Sans-Serif}
#header ul#nav {float:right;list-style:none;margin:0;padding:12px 0 0}
#header ul#nav li {float:left;font-size:1.165em;margin:0 15px 0 15px}
#header ul#nav li a {color:#0075bf;float:left}
#header ul#nav li.tracking {margin:0 0 0 15px}
#header ul#nav li.tracking a {color:#d02727;font-size:.85em}
#header ul#nav li a:hover, #header ul#nav li.current_page_item a {color:#000}

/* Content*/
#content {float:right;overflow:hidden;padding:0 0 20px;width:600px}
#homepage #content {float:left}

	/*Slider*/
	#slider-container {clear:both;margin:0;position:relative;width:930px}
	#slider {height:265px;overflow:hidden;position:relative;width:930px}
	#slider #sliding {padding:0;width:930px}
	.slide { background:url(images/slide1-bg.jpg) no-repeat left bottom;height:223px;padding:17px 20px 25px 25px;position:relative;width:885px}
	.slide h1 {width:700px; }
	.slide h2 {font-size:1.35em;font-weight:400;line-height:20px;width:500px}
	.slide a.button {background:url(images/slider-button.png) left top no-repeat;color:#FFF;display:block;font-size:1.135em;height:53px;left:25px;line-height:53px;padding: 0 0 0 25px;position:absolute;text-align:center;top:183px}
	.slide a.button span {background:url(images/slider-button.png) right bottom no-repeat;float:left;height:53px;line-height:53px;padding: 0 25px 0 0; cursor:pointer}
	#slider-nav { height:88px;list-style:none;margin:0;width:930px;background:url(images/slider.jpg) no-repeat;}
	#slider-nav li {display:inline;float:left;font-size:1.135em;}
	#slider-nav li > a {float:none}
	#slider-nav li a {display:block;color:#fff;height:67px;padding:21px 20px 0 20px;text-align:center}
	#slider-nav li a:hover, #slider-nav li a.selected {background:url(images/slider-active.jpg) no-repeat;text-decoration:none}
	#slider-nav li.one a, #slider-nav li.one a.selected {background-position:0 0;overflow:hidden;width:88px}
	#slider-nav li.two a, #slider-nav li.two a.selected {background-position:-128px 0;overflow:hidden;width:108px}
	#slider-nav li.three a, #slider-nav li.three a.selected {background-position:-276px 0;overflow:hidden;width:93px}
	#slider-nav li.four a, #slider-nav li.four a.selected {background-position:-409px 0;overflow:hidden;width:82px}
	#slider-nav li.five a, #slider-nav li.five a.selected {background-position:-531px 0;overflow:hidden;width:157px}
	#slider-nav li.six a, #slider-nav li.six a.selected {background-position:100%;overflow:hidden;width:162px}
	
	/* Post */
	#content .post {margin:0 0 25px;padding:9px 0 0}
	#content .post .meta {font-size:0.8em}
	#content .post .entry {font-size:1.165em;line-height:24px}
	#content .post ul {list-style:disc;margin:0 0 1em 18px}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h2 {border:0;margin:0 0 9px;}
	#content .post .wp-caption {background:#f4f0e5;color:#666;line-height:14px;text-align:center;padding:0px}
	#content .post .wp-caption img {margin:0px}
	#content .post .alignleft {margin: 0 20px 15px 0;}
	#content .post .alignright {margin: 0 0 15px 20px}
	#content .post .wp-caption p {font-size:.785em;margin:5px;}
	#content .post .wp-caption h4 { font-size:.785em; margin:-15px 0 0; }

/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Sidebar */
#sidebar {float:left;font-size:1.135em;padding:10px 0 20px;width:300px}
#homepage #sidebar {float:right}
#sidebar ul {list-style:none;margin:0 0 1em 0}
#sidebar ul ul {list-style:none}
#sidebar li { list-style:none !important; }
	
	/*Subpages Nav*/
	#sidebar ul.subpage-navigation {margin: 0 0 26px}
	#sidebar ul.subpage-navigation li h2 {color:#333;font-size:1.335em;font-weight:400;padding: 0 0 13px}
	#sidebar ul.subpage-navigation ul li {background:#f5f1e6;margin: 0 0 1px;padding:13px 15px}
	#sidebar ul.subpage-navigation ul li a {color:#333;text-decoration:none; line-height:18px}
	#sidebar ul.subpage-navigation ul li.current_page_item {background:#dfd6bd;padding:13px 15px}

/*Homepage Service Sections*/
ul#services-sections {list-style:none;overflow:hidden;padding:23px 0 123px;width:930px}
* html ul#services-sections  {height:1%;overflow:visible}
ul#services-sections li {float:left;margin: 0 14px 0 14px;width:155px}
ul#services-sections li a {color:#0075be;float:left;font-size:1.165em;height:70px;padding:0 0 128px;text-align:center;width:155px;line-height:19px}
ul#services-sections li.page-item-32 a {background:url(images/services/moving_storage.jpg) center bottom no-repeat}
ul#services-sections li.page-item-60 a {background:url(images/services/specialty_auto.jpg) center bottom no-repeat}
ul#services-sections li.page-item-70 a {background:url(images/services/freight.jpg) center bottom no-repeat}
ul#services-sections li.page-item-80 a {background:url(images/services/high_value.jpg) center bottom no-repeat}
ul#services-sections li.page-item-252 a {background:url(images/services/inventory.jpg) center bottom no-repeat}

/* Footer */
#footer {color:#fff;clear:both;overflow:hidden}
#footer div {margin:0 auto;padding:5px 10px;width:940px}
#footer div div {border-bottom:1px solid #298ccb;overflow:hidden;padding:15px 0 15px}
#footer div div.no-space {border-bottom:1px solid #298ccb;overflow:hidden;padding:15px 0 0}
#footer #footer-logo {float:left}
#footer a {color:#fff}
		
	/*Contact List*/
	#footer div div ul#contact-info {float:left;margin:0;width:700px}
	#footer div div ul#contact-info li {display:inline;float:left;line-height:24px;margin: 0 0 0 60px;width:170px}
	
	/*Footer Pages Nav*/
	#footer div div ul#pages-navigation {list-style:none;margin:0}
	#footer div div ul#pages-navigation li {float:left;font-size:1.165em;line-height:25px;padding: 0 0 15px 14px;width:295px}
	#footer div div ul#pages-navigation li.page-item-32, #footer div div ul#pages-navigation li.page-item-80, 
	#footer div div ul#pages-navigation li.page-item-32 ul li, #footer div div ul#pages-navigation li.page-item-80 ul li {width:280px}
	#footer div div ul#pages-navigation li.page-item-70, #footer div div ul#pages-navigation li.page-item-70 ul li,
	#footer div div ul#pages-navigation li.page-item-84, #footer div div ul#pages-navigation li.page-item-84 ul li {width:310px}
	#footer div div ul#pages-navigation ul {margin:0}
	#footer div div ul#pages-navigation li li {float:none;font-size:.85em;padding:0}
	
	/*Footer Navigation*/
	#footer #footer-nav {list-style:none;margin:0 auto;overflow:hidden;padding:25px 0 14px;text-align:center;width:390px}
	#footer #footer-nav li {background:url(images/footer-divider.png) left 2px no-repeat;float:left;line-height:20px;padding:0 5px 0 8px}
	#footer #footer-nav li.first {background:none}
	
#footer p {clear:both;color:#81bde3;line-height:20px;text-align:center}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}