@charset "utf-8";

/************* TYPOGRAPHY ********/
body { font: 100%/1.25  arial, helvetica, trebuchet ms, verdana, sans-serif;  
color: #000; line-height: 1.5; letter-spacing: 1.5px;}

h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 130%;}

a {text-decoration: none;}
#footer p span {font-size: 100%;}

.ditto_item span {font-weight: 700;}
.ditto_item #more {text-align: right; font-weight: 400; font-size: 90%; }
.ditto_item #more p {text-decoration: underscore;}


/************* LAYOUT ********/

body {width:100%; padding: 0px 0px;}
* html .wrapper{height:100%}
.wrapper{ position:relative; padding:0 ; width:800px; margin: auto; min-height:100%; }
#blog .wrapper {width: 1000px;}

p {padding: 0px 0px;}
h1, h2, h3 {margin: 0px; padding: 5px 0px; }
ol {margin-left: 25px;}
img {padding: 10px;}
.social {float: right; margin-right: 15px;}
#masthead { width: 800px; margin: auto; padding: 0px; }
#masthead a {padding: 0px;}
#masthead img {padding: 0px 0px 0px 0px; margin-top: 0px;}
#masthead #phone { padding-top: 5px; margin-right: 15px; float: right; }

#blog #masthead {width: 100%;}
#blog-header {width: 100%; display: block; background-color: #9EDDFA; clear: right;}
#blog-header img {margin: 0 100px; }

#maincontent {width: 750px; padding: 0px 0px 0px 0px; clear: both;}
#maincontent p, h1, h2, h3, h4, h5, h6, ol, ul {padding-left: 175px;}
#maincontent p { padding-bottom: 10px;}
#page-13 #maincontent table {margin-left: 165px;}

#page-14 p, #page-14 h1, #page-14 h2, #page-14 h3, #page-14 h4, #page-14 h5, #page-14 h6, #page-14 ul {padding-left: 175px;}
#page-10 ul ul {padding-left: 25px;}
#page-13 a img {padding: 1px;}
#page-12 #maincontent img {padding: 5px; border: solid red 1px;}
#page-12 #pagenameimg img {border: none;}

#pagenameimg {float: left;}
#sharethis {float: right; clear: left; margin: 20px }
#maincontent #pagenameimg img {padding: 15px 0px 0px 50px; margin-left: 0px; clear: right;}

#blog #sidebar {width: 220px; float: left; margin: 0 40px;}
#blog #sidebar h2 {padding-left: 0;}
#blog-archive a, 
#blog #sidebar a {display: block; width: 100%; line-height: 1.2em; margin-bottom: .75em;}

#blog #sidebar a.current {background-color: red; color: #fff;}

#blog #maincontent {width: 660px; float: left; clear: none;}
#blog #maincontent * {padding-left: 0;}

#email-subscribe {border: 0; background-color: #ccc; color: #000;}
#email-subscribe:hover {background-color: #aaa;}

#makeitsummarywrapper {padding-bottom: 25px;}
.makeitsummary {padding: 5px 0px 5px 200px;}
.ditto_item_info {padding-left: 175px;}
.ditto_item img {float: left; margin: 5px;}


#footer {clear: both; }
#footer { width: 100%; margin: auto;  overflow: hidden; margin-top: 15px;}
#footer p {clear: both; padding: 0px; }

.blog-tags {font-size: .85em; color: #222;}
.byline {padding-left: 175px; font-size: .85em; font-style: italic; color: #aaa;}
.read-more {float: right;}
.blog-summary {padding-left: 175px;}

/*************  LAYOUT - EDITOR STYLES **********/

.textleft { padding: 15px; width: 25%; float: left; margin-right: 10px; border: 1px solid #000;}
.textright { padding: 15px; width: 25%; float: right; margin-left: 10px; border: 1px solid #000;}
.imageleft {float: left;}
.imageright {float: right;}
.imagecenter {display: block; margin:0 auto;}

/********** ECWID STORE ********************/
#store {width: 600px; margin-left: 145px;}
#page-42 hr, #page-40 hr, #page-41 hr {display: none;}
#maincontent .ecwid-productBrowser-details-descr p {padding-left: 0;}
#backtostore, #loginout {float: right; font-size: 95%; display: inline-block; padding: 0 10px;}
#wlpeUserInfo {display: none;}
#wlpeLegend {font-size: 150%; margin: 5px 0 15px;}
#wlpeUser {margin-left: 175px;}
label, input {display: block; margin-top: 5px; padding: 4px; color: #444;}
input {background-color: #fff;}
#wlpeLoginButton, #wlpeLogoutButton {padding: 5px; margin-top: 10px;}
#wlpeProfileButton {display: none;}
#wlpeLogin p {padding: 10px 0;}
#wlpeLoginForm { margin-left: 175px;}

/********** DROP SHADOW ON WRAPPER ********************/

#edgeL{
	position:absolute; bottom:0; left:-10px; width: 10px; height:100%;
  background:url(../../assets/images/sitegraphics/transparent-border7.png) repeat-y 0 0;}
* html #edgeL { background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://hemmadesign.com/assets/images/sitegraphics/transparent-border7.png',sizingMethod='scale');}
#edgeR{
	position:absolute; bottom:0; 
	right:-10px;/* hide background jog in IE6*/
	width: 10px; height:100%; background:url(../../assets/images/sitegraphics/transparent-border7.png) repeat-y 0 0;}
* html #edgeR {	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://hemmadesign.com/assets/images/sitegraphics/transparent-border7.png',sizingMethod='scale');}

* html #edgeR,* html #edgeL{height:1000em}/* for ie6- height bigger than page will ever be*/

/** .clearfix:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; } **/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from ie-mac */ 
    

/************* COLORS & Images ********/
body {background: #white;}
.wrapper {background-color: #fff;}
h1 a,
a {color: red; }
h1 a,
a:hover {color: black; }

.texthead { color: #fff; }
.highslide-caption {color: #666;}

#masthead { background-color: #white; }

#footer { background: #9EDDFA; }
#footer p {color: red; font-size: 75%; text-align: center; }
#footer a {color: red;}
#footer a:hover {color: white; background-color: red; }
#footer p span {color: #666;}
#footer span a {color: #666;}

#page-10 a {color: #000;}
#page-10 a:hover {background-color: red; color: white;}

#blog {background: url(../../assets/images/sitegraphics/hemma-sunflower-background.jpg) repeat;}

#page-12 {background: url(../../assets/images/sitegraphics/RedPageRepeat.gif) repeat;}
#page-13, #page-45 {background: url(../../assets/images/sitegraphics/YellowPageRepeat.gif) repeat;}
#page-14, .parent-14,  #page-40,  #page-42 {background: url(../../assets/images/sitegraphics/BluePageRepeat.gif) repeat;}
#page-15, .parent-15 {background: url(../../assets/images/sitegraphics/RedPrintPageRepeat.gif) repeat;}
#page-16, #page-10 {background: url(../../assets/images/sitegraphics/YellowPrintPageRepeat.gif) repeat;}
#page-17, #page-41, #page-44, #page-46 {background: url(../../assets/images/sitegraphics/FindUsPageRepeat.gif) repeat;}
#page-2, #page-3 {background: url(../../assets/images/sitegraphics/BlueCheckRepeat.jpg) repeat;}


/**************  Drop Down Menu Style **************/
.dropdownmenu    {padding: 0px; clear: both;
 /* background:  #666 url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px;*/ }
.dropdownmenu ul {padding:15px 0 15px 70px; position: relative; z-index: 500;}

.dropdownmenu ul li a {color:red; height:1.8em; line-height:1.8em; border:0px solid #fff;
/* background:  transparent url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px; */}
.dropdownmenu ul li a  { padding: 0 10px;}
.dropdownmenu ul li ul { color:#fff; }
.dropdownmenu ul li:hover a,
.dropdownmenu ul li a:hover {color:#000; 
background:  #9EDDFA /* url(../../assets/sitegraphics/menugradient.png) repeat-x scroll 0px 0px; */}
.dropdownmenu ul li.active  {background-color: #fff;}
.dropdownmenu ul li:hover ul,
.dropdownmenu ul li a:hover ul { top:1.7em; left:0; width:110px; padding: 0;}

/* 2nd level */

.dropdownmenu ul li:hover ul li a,
.dropdownmenu ul li a:hover ul li a { 
background: #fff /* url(../../assets/sitegraphics/mainmenugradient.png) repeat-x scroll 0px 0px; */
color: #000; line-height:1.6em; padding:0px 10px; width:110px; border-top: 1px solid #000; }

.dropdownmenu ul li:hover ul li.last a {border-bottom: 1px solid #000;}
.dropdownmenu ul li:hover ul li a:hover,
.dropdownmenu ul li a:hover ul li a:hover {color:#000; 
background: #fff /* url(../../assets/sitegraphics/footermenugradient.png) repeat-x scroll 0px 0px; */
}

/* 3rd level */
.dropdownmenu ul li:hover ul li:hover ul,
.dropdownmenu ul li a:hover ul li a:hover ul { 
left:210px; width:100px; }

#page-14 .dropdownmenu ul {padding-left: 70px}
#page-14 .dropdownmenu ul ul {padding-left: 0;}


/**************  DROP DOWN MENU **************/
/* This is only part of the drop down menu.  The most used elements for colors, padding, etc
are in the main style sheet.  Both sections are required. */

.dropdownmenu {z-index:100; }
.dropdownmenu ul { margin: -1px 0 0 0; }
.dropdownmenu ul li { float:left; position:relative; list-style: none; }
.dropdownmenu ul li a, .menu ul li a:visited {text-align: center; display:block; text-decoration:none; }
.dropdownmenu ul ul li a, .dropdownmenu ul ul li a:visited {text-align: left;}
.dropdownmenu ul li ul { display: none; }
table {margin:-1px; border-collapse:collapse; font-size:1em; }
.dropdownmenu ul li:hover ul,
.dropdownmenu ul li a:hover ul { display:block; position:absolute; }
* html .dropdownmenu ul li a:hover ul { margin-top:0; marg\in-top:1px; }
.dropdownmenu ul li:hover ul li ul,
.dropdownmenu ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; }

/* 2nd level */
.dropdownmenu ul li:hover ul li a,
.dropdownmenu ul li a:hover ul li a {
display:block; height:auto; }
* html .dropdownmenu ul li a:hover ul li a { width:100px; w\idth:79px; }
.dropdownmenu ul li:hover ul li a.drop,
.dropdownmenu ul li a:hover ul li a.drop { background:#CC9900 url(drop.gif) bottom right no-repeat; }

/* 3rd level */
.dropdownmenu ul li:hover ul li:hover ul,
.dropdownmenu ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:0;}
.dropdownmenu ul li:hover ul li:hover ul.left,
.vmenu ul li a:hover ul li a:hover ul.left { left:-100px; }


.dropdownmenu ul li#page14 ul,
.dropdownmenu ul li#page15 ul  {display: none;}