/*
Theme Name: Smart Spaces
Theme URI: http://smartspaces.ca
Description: Smart spaces Organizing Solutions, Feel Utterly Unclutterly Amazing.
Version: 2.0
Author: MMP Design
Author URI: http://mismatchingpanda.com

*/


/*	Rules
*
*	colors:	blue 		#0076BD
*			brown		#824918
*			light brown	#9B5F0E
*/

/* Basic Reset */
* { margin:0px; padding:0px; border:none; outline:none; text-decoration:none; list-style-position: inside; }
::-moz-selection { color: #0076BD; background: none; }
::selection { color: #0076BD; background: none; }
	


/* constants and colors */
.left, .alignleft	{ float:left; }
.right, .alignright	{ float:right; }
.center				{ margin:10px auto; }
.textCenter			{ text-align:center; }
.clear 	{ clear:both; text-align:center; }
.hide { display:none; }

hr	{ width:100%; height:0px; border-top:1px dashed #aaaaaa; margin-bottom:15px; }

.white  { color:#ffffff; }
.blue	{ color:#009ddc; }
.brown	{ color:#824918; }
.lightBrown { color:#9B5F0E; }
.black { color:#232323; }
.grey	{ color:#aaaaaa;}
.odd { color:#232323; }
.small { font-size:75%; }


body	{ background:#ffffff; color:#232323; }
a		{ color:#232323; color:inherit; border-bottom:1px dotted #009ddc; vertical-align: baseline;}
a:hover	{ color:#232323; color:inherit; border-bottom:1px solid #009ddc; }



/* Typography */

body { font: normal normal normal 12px/16px helvetica, arial, sans-serif; }

h1 					{ font-size:28px; line-height:34px; word-spacing:-1px; letter-spacing:-1px; }
h2 					{ font-size:30px; line-height:30px; word-spacing:0px; letter-spacing:-1px; }
h3, h2.tips			{ font-size:20px; line-height:26px; word-spacing:0px; letter-spacing:-1px; }
h4, #navMain li a 	{ font-size:16px; line-height:22px; word-spacing:0px; letter-spacing:-1px; }
h5 					{ font-size:12px; line-height:18px; word-spacing:0px; letter-spacing:0px; }
h6 					{ font-size:14px; line-height:20px; word-spacing:0px; letter-spacing:0px; }
p 					{ font-size:14px; line-height:20px; word-spacing:0px; letter-spacing:0px; }
strong				{ display:block; margin-top:25px !important; margin-bottom:-10px !important; }

.sectionBox h4 		{ font-size:14px; word-spacing:0px; }
.sectionBox p 		{ font-size:11px; line-height:16px; }
/* Layout */

#everything { width:670px; margin:0px 0px 0px 0px; padding:0px 0px 0px 300px; }
#everything #sideContent { width:240px; padding: 10px 30px; position:absolute; top:15px; left:0px; text-align:center; }/*118*/
#everything #mainContent { min-height:580px; border-left:1px dashed #aaaaaa; border-right:1px dashed #aaaaaa; padding:90px 40px 30px 40px; position:relative;}
#navMain { position:absolute; top:-40px; left:40px; }
#bottomContent	{ background:#009ddc; width:970px; border-top:5px solid #009ddc; border-top:5px solid rgba(255,255,255,.25); border-bottom:5px solid #009ddc; border-bottom:5px solid rgba(255,255,255,.25); }
.headerSpacer { width:970px; height:0px; background:#009ddc; position:relative; z-index:99; border-bottom:5px solid #009ddc; border-bottom:5px solid rgba(255,255,255,.25); }

/* spec */

h1.logo a { display:block; width:219px; height:200px; margin:10px auto 10px; text-indent:-999999px; }
h1.logo a { background: url('img/logo_wTag.png') no-repeat 0px 0px; border:none; }
h2.portrait a { display:block; width:155px; height:171px; margin:40px auto 20px; text-indent:-999999px; }
h2.portrait a { background: url('img/sprite.jpg') no-repeat -134px 0px; border:none; }
div.sideBlurb { margin:60px auto 30px; }
div.sideBlurb h3 { font-size:; line-height:; }
div.sideBlurb h5 { margin-top:20px; font-size:; line-height:; }

h6.serving { position:absolute; width:240px; text-align:center; left:30px; top:490px; }

#steadyAsSheGoes { position:absolute; top:550px; left:25px; }
#steadyAsSheGoes.fixed { position:fixed; top:30px; left:25px; }
.contactBox { text-align:left; background:#009ddc; color:#ffffff; width:200px; overflow:hidden; padding:10px; margin:0px 10px; border:5px solid #0076BD; border:5px solid rgba(255,255,255,.25); position:relative; z-index:99; }
.contactBox { cursor: pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.contactBox a	{ color:#ffffff; border-bottom:1px solid #009ddc; }
.contactBox a:hover { border-bottom:1px solid #ffffff; }

.contactBox h3.out, .contactBox p.out { width:200px; float:left; text-align:center; clear:left; }
.contactBox h3.in, .contactBox p.in { display:none; width:400px; float:right; text-align:center; }

h2 span.date, h3 span.date { float:right; font-size:80%; color:#824918; margin-right:0px; }
#navMain li { width:100px; margin:10px; list-style: none outside; float:left; }
#navMain li.home { width:40px; margin:10px; list-style:none outside; position:absolute; left:-335px; }
#navMain li.home img { height:22px; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; }
#navMain li:first-child { margin-left:0px; }
#navMain li a	{ display:block; text-align:center; background:#009ddc; color:#ffffff; padding:30px 0px 5px; border:5px solid rgba(255,255,255,.25); }
#navMain li a:hover	{ margin-top:10px; }
#navMain li a.active { background:#824918; }

#mainContent h2,#mainContent h3, #mainContent p	{ margin-bottom:10px; }
p.contactBox, #navMain li a { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.post { margin-bottom:30px; }
.entry ul { margin-bottom:15px; }
.entry p img:not(.clean) { }
.entry p img.alignright:not(.clean) { padding:5px; margin:10px 0px 10px 10px; -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); transform:rotate(1deg);}
.entry p img.alignleft:not(.clean) { padding:5px; margin:10px 10px 10px 0px; -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); transform:rotate(-1deg);}
.entry p img.alignright.clean { padding:5px; margin:10px 0px 10px 10px; }
.entry p img.alignleft.clean { padding:5px; margin:10px 10px 10px 0px; }

.sideBox { max-width:220px; min-width:150px; position:relative; background:#40b5e4; color:#ffffff; padding:10px; margin:0px 10px; text-align:left; font-size:11px; }
.sideBox h3, .sideBox h4 { text-align:center; margin-top:10px; color:#232323; }
.sideBox ul { list-style-image: url('img/check.png'); color:#ffffff; }
.sideBox p { color:#ffffff; text-align:center; margin-top:10px; }



blockquote { padding-left:100px; min-height:74px; background: url('img/quotes.png') no-repeat -5px 0px; font-style: italic; }
.cite { float:right; clear:both; font-weight: bold; text-align:right; }


#bottomContent { position:relative; }
#bottomContent .bottomBox { width:648px; border-left:1px dashed #aaaaaa; padding:10px 10px 30px 10px; position:relative; margin-left:300px; }
#bottomContent a { color:#232323; border-bottom:none; }
#bottomContent a:hover:not(.copyright) { color:#232323; border-bottom:1px solid #232323 }
#bottomContent .bottomBox .sectionBox { width:260px; margin:0px 20px 10px; padding:10px 10px; float:left; background:#fff6a7; position:relative; }
#bottomContent .bottomBox .sectionBox h4 { line-height:30px; padding-right:75px; }
#bottomContent .bottomBoxLeft { position:absolute; top:0px; left:0px; width:280px; padding:10px; 60px; }
#bottomContent .bottomBoxLeft .sectionBox { margin:0px 20px 10px; padding:10px 10px; float:left; background:#fff6a7; position:relative;}
#bottomContent .bottomBoxLeft .sectionBox h4 { line-height:30px; padding-right:75px; }

#bottomContent a.copyright { display:block; text-align:center; margin:10px auto -15px; }
#bottomContent a.copyright:hover {border-bottom:0px solid #ffffff; color:#ffffff; }


.openContactModal {cursor: pointer; }
.modalContent { display:none; position:absolute; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:#000000; background:rgba(0,0,0,0.5); z-index:99999; }
.modalBox { display:none; width:600px; margin:30px auto; position:relative; background:#ffffff; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.modalBox h2 { text-align:center; margin-bottom:10px; }
.modalBox .modalLeftColumn { width:240px; float:left; text-align:center; }
.modalBox .modalRightColumn { width:339px; padding-left:10px; float:right; border-left:1px dashed #aaaaaa; }
.modalFormList { list-style: none; }
label { height:18px; width:58px; padding:0px 2px 0px 0px; display:block; float:left; clear:left; text-align:right; border-bottom:1px solid #aaaaaa; }
label[for="message"] { border-bottom:none; }
input#name, input#email, input#phone { line-height:18px; padding:1px 2px 3px; width:272px; border-bottom:1px solid #aaaaaa;  border-left:1px solid #aaaaaa;  }
textarea#message { height:100px; width:271px; padding:2px; border:1px solid #aaaaaa; border-top:none; }
button#sendMessage { float:right; padding:2px; margin:-2px 2px 2px 2px; border:1px solid #aaaaaa; border-top:none; background:none; }
input:hover { background:#aaaaaa; }
input:focus { border-bottom:1px solid #009ddc; background:none; }
textarea:hover { background:#aaaaaa; }
textarea:focus { border:1px solid #009ddc; border-top:none; background:none; }
li.blue { padding-left:64px; }
button:hover { color:#009ddc; }

/*
.testimonials { list-style:none; margin-top:30px; padding-top:30px; border-top:1px solid #aaaaaa; text-align:left; }
.testimonials .testimonial { background:#fff6a7; position:relative; float:left; width:260px; padding:5px 5px 5px; margin:10px; }
.testimonials .testimonial h4 { line-height:30px; padding-right:75px; }
.testimonials .testimonial a { border-bottom:none; }
.testimonials .testimonial a.readMore { text-align:right; color:#232323; margin-right:10px; border-bottom:1px solid #fff6a7; }
.testimonials .testimonial a.readMore:hover { border-bottom:1px solid #232323; }
*/

.testimonials { list-style: none; margin-top:60px; padding-top:30px; border-top:1px dashed #aaaaaa; text-align:left; }
.testimonials h2 { color:#aaaaaa; }
.testimonials .testimonial { background:#ffffff; position:relative; float:left; width:290px; margin:0px;}
.testimonials .testimonial h4 { clear:both;padding-top:3px; padding-left:35px; }
.testimonials .testimonial .bubble { position:relative; border:1px solid #aaa; padding:10px; margin:5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.testimonials .testimonial .bubble .talk { position:absolute; bottom:-20px; left:10px; background:url('img/bubble.png') no-repeat scroll top left; width:20px; height:20px; }



.paperclip { position:absolute; top:0px; right:-8px; width:75px; height:30px; background: url('img/stationSprite.png') no-repeat 0px -90px ;   }
.ballPin { position:absolute; top:-18px; left:80px; width:20px; height:30px; background: url('img/stationSprite.png') no-repeat -74px -90px ;  }
.pushPin  { position:absolute; top:-18px; left:80px; width:20px; height:30px; background: url('img/stationSprite.png') no-repeat -94px -90px ;  }

.shadow, .headerSpacer, #navMain li a, img:not(.clean), .sideBox, .bubble
{ -moz-box-shadow:-3px 3px 15px #9f9f9f; -webkit-box-shadow:-3px 3px 6px #9f9f9f; box-shadow:-3px 3px 6px #9f9f9f; }
 .modalBox
{ -moz-box-shadow:-3px 3px 25px #232323; -webkit-box-shadow:-3px 3px 6px #232323; box-shadow:-3px 3px 6px #232323; }