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%;
vertical-align: baseline;
} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll;}
html, button, input, select, textarea { font-family: sans-serif; color: #5F6062; }
body { margin: 0; font-size: 13px; line-height: 1.4; }
::-moz-selection { background: #f79494; color: #fff; text-shadow: none; }
::selection { background: #f79494; color: #fff; text-shadow: none; } a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } img {
border: 0;
-ms-interpolation-mode: bicubic;
} .clear:after,
.wrapper:after,
.format-status .entry-header:after {
clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
display: table;
content: "";
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
} input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border-radius: 0;
padding: 0;
-webkit-appearance: none;}
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;} .entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; }
img.size-full,
img.size-large,
img.wp-post-image {
max-width: 100%;
height: auto; } embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; } .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%; }
.entry-content dl.gallery-item {
margin: 0;
}
.gallery-item a,
.gallery-caption {
width: 90%;
}
.gallery-item a {
display: block;
}
.gallery-caption a {
display: inline;
}
.gallery-columns-1 .gallery-item a {
max-width: 100%;
width: auto;
}
.gallery .gallery-icon img {
height: auto;
max-width: 90%;
padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
padding: 3%;
} #nav-above {
padding: 24px 0;
padding: 1.714285714rem 0;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous,
.previous-image {
float: left;
width: 50%;
}
.nav-next,
.next-image {
float: right;
text-align: right;
width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
margin: 48px 0;
margin: 3.428571429rem 0;
} .article.attachment {
overflow: hidden;
}
.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment .entry-caption {
margin-top: 8px;
margin-top: 0.571428571rem;
} article.format-aside h1 {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
text-decoration: none;
color: #4d525a;
}
article.format-aside h1 a:hover {
color: #2e3542;
}
article.format-aside .aside {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: #d2e0f9;
border-left: 22px solid #a8bfe8;
}
article.format-aside p {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
margin-bottom: 0;
}  article.format-image footer h1 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
font-weight: normal;
}
article.format-image footer h2 {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
}
article.format-image footer a h2 {
font-weight: normal;
} article.format-link header {
padding: 0 10px;
padding: 0 0.714285714rem;
float: right;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
color: #848484;
background-color: #ebebeb;
border-radius: 3px;
}
article.format-link .entry-content {
max-width: 80%;
float: left;
}
article.format-link .entry-content a {
font-size: 22px;
font-size: 1.571428571rem;
line-height: 1.090909091;
text-decoration: none;
} article.format-quote .entry-content p {
margin: 0;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
display: block;
padding: 24px 24px 0;
padding: 1.714285714rem 1.714285714rem 0;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.6;
font-style: normal;
color: #6a6a6a;
background: #efefef;
} .format-status .entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
display: inline-block;
}
.format-status .entry-header h1 {
font-size: 15px;
font-size: 1.071428571rem;
font-weight: normal;
line-height: 1.6;
margin: 0;
}
.format-status .entry-header h2 {
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
line-height: 2;
margin: 0;
}
.format-status .entry-header header a {
color: #757575;
}
.format-status .entry-header header a:hover {
color: #21759b;
}
.format-status .entry-header img {
float: left;
margin-right: 21px;
margin-right: 1.5rem;
}  body {
background: #fff;
margin: 0px auto;
padding: 0px;
font-size: 14px;
font-size: 1rem;
text-rendering: optimizeLegibility;
}
#wrap {
background: #fff;
width: 100%;
max-width: 1010px;
margin: 0px auto;
padding: 2px 0px;} body,
p {
color: #5F6062;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.4;
text-decoration: none;
}
body.custom-font-enabled {
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
p {
margin: 0px;
padding: 10px 0px;
}
li,
ul,
ol {
margin: 0px;
padding: 0px;
}
ol li {
list-style-type: decimal;
}
select,
textarea,
.taxonomy-description,
.wp-caption {
background-color: #ffffff;
border: 1px solid #ccc;
}
input,
label,
select,
textarea {
color: #5F6062;
font-family: 'Lato', Helvetica, Arial, sans-serif !important;
font-size: 90%;
font-weight: normal;
margin: 0px;
padding: 4px;
text-decoration: none;
}
input {
background-color: #ffffff;
border: 1px solid #ccc;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked{
background-color: #FFDFCD;}
blockquote {
background: #fdf3ed;
margin: 5px;
padding: 0px 18px 0px;
font-family: 'Playfair Display', Baskerville, "Baskerville Old Face", 'Fanwood Text', Georgia, Times, serif;
border: 1px solid #ffece4;
font-style: none;
overflow: auto;
}
blockquote p {
font-size: 100%;
}
small {
font-size: 75%;
}
code {
background: #ffece4;
display: block;
margin: 5px;
padding: 15px;
font-family: Courier New, Tahoma, Verdana;
font-size: 80%;
text-align: left;
border: 1px solid #ffece4;
}
.clear {
clear: both;
}
.line {
border-bottom: 1px solid #ddd;
clear: both;
margin: 0px 0px 20px;
}
.dividerline {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/double-border.png) repeat-x;
height: 10px;
border-bottom: none;
clear: both;
padding: 5px 0px 0px;
margin: 20px auto 10px;
width: 100%;
}
.topdividerline {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/double-border.png) repeat-x;
height: 10px;
border-bottom: none;
clear: both;
padding: 0px 0px 0px;
margin: 0px auto;
width: 98%;
}
.bottomdividerline {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/double-border.png) repeat-x;
height: 10px;
border-bottom: none;
clear: both;
padding: 0px;
margin: 15px auto 0px;
width: 98%;
} @media screen and (min-width: 968px) {
.dividerline {
width: 98%;
}
.topdividerline,
.bottomdividerline {
width: 95%;
}
} .sticky {
background: #fff;
border: none;
} a,
a:visited {
color: #ee626a;
text-decoration: none;
}
a:hover, a:focus {
color: #f79494;
text-decoration: none;
}
a img {
border: none;
} h1,
h2,
h3,
h4,
h5,
h6 {
color: #ee626a;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight:300;
line-height: 1.25;
margin: 0px 0px 10px;
padding: 0px;
text-decoration: none;
}
h1 { 
margin: 10px 0px 10px;
font-size: 185%;
}
h2 { 
font-size: 175%;
margin: 10px 0px 10px;
}
h3 { 
margin: 10px 0px 10px;
font-size: 150%;
}
h4 { 
color: #e24754;
font-size: 110%;
margin: 15px 0px 10px;
font-family: 'Playfair Display', Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-transform: uppercase;
letter-spacing: .15em;
}
h5 { 
font-size: 100%;
}
h6 { 
font-size: 100%;
} h4.faq { 
color: #5F6062;
font-size: 110%;
margin: 15px 0px 10px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight:600;
}
h1.faq { 
font-size: 200%;
font-family: 'Playfair Display', Garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
} h2.blog-title {
color: #ee626a;
font-family: 'Playfair Display', Baskerville, serif;
font-size: 150%;
font-weight: 300;
margin: 0px 0 5px;
line-height: 1;
padding: 0px;
} h2.blog-title a, 
h2.blog-title a:visited {
color: #ee626a;
font-size: 100%;
font-family: 'Playfair Display', Baskerville, serif;
font-weight: 300;
}
h2.blog-title a:hover, 
h2.blog-title a:focus {
color: #f79494;
text-decoration: none;
} h3.widget-title {
color: #ee626a;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight:400;
font-size: 125%;
text-transform: uppercase;
text-align: left;
border-bottom: 0px dotted #fdbcbc;
margin: 0px 0px 10px;
letter-spacing: .1em;
} h2.page-title {
color: #ee626a;
font-family: 'Lato', Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .2em;
font-size: 150%;
font-weight: 300;
margin: 10px 0px 10px;
padding: 0px 0px 0px 2px;
text-align: center;
} h2.center-title {
color: #5F6062;
font-family: 'Lato', Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .2em;
text-align: center;
font-size: 200%;
font-weight: 300;
margin: 20px auto 10px;
padding: 0px 0px 0px 2px;
} h1.archive-title  {
color: #5F6062;
padding: 10px 0px 10px;
margin: 0px 0px 10px;
font-family: 'Lato', Helvetica, Arial, sans-serif;	
font-weight: 400;
text-transform: uppercase;
letter-spacing: .2em;
font-size: 160%;
line-height: 1.1;
} h1.widget-title {
color: #75633c;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 100%;
text-align: center;
text-transform: uppercase;
margin: 0px 0px 10px;
letter-spacing: .05em;
}
h1.bottom-widget-title {
color: #e8505d;
font-family: 'Lato', Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 110%;
letter-spacing: .15em;
font-weight: normal;
line-height: 1;
text-align: center;
padding: 20px 0px 5px 12px;
margin: 0px 0px 10px;
border-bottom: 3px solid #fff;
} @media screen and (min-width: 769px) {
h2.page-title {
font-size: 175%;
margin: 10px 0px 10px;	
text-align: left;
}
h1.widget-title {
font-size: 125%;
}
h2.blog-title a, 
h2.blog-title a:visited {
font-size: 120%;
}
h4 { 
font-size: 125%;
}
} h1.page-title {
color: #ee626a;
padding: 0px 0px 10px;
margin: 0px 0px 10px;
color: #ee626a;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 175%;
font-weight: 400;
} h6.projectname {
float:none;
padding: 0px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 95%;
color: #5F6062;
line-height: 1.8;
text-transform: none;
}
h6.projectname a {
color: #5F6062;
}
h6.projectname a:hover {
color: #b59b6e;
}
h6.projectview a {
float: none;
font-family: 'Playfair Display', cursive, serif;
font-weight: normal;
margin: 5px 15px 0 0;
font-size: 14px;
color: #5F6062;
text-transform: uppercase;
letter-spacing: .15em;
text-decoration: none;
overflow: hidden;
border: none;
text-align: center;
}
h6.projectview:hover a {
color: #b59b6e;
}
h1.date {
font-family: 'Playfair Display', Baskerville, "Baskerville Old Face", 'Fanwood Text', Georgia, Times, serif;
font-size: 28px;
color: #5F6062;
text-align: left;
margin: 0px 0px 10px;
}
h3.viewportfolio {
text-align: center;
font-size: 110%;
font-family: 'Playfair Display', cursive, serif;
font-weight: normal;
text-transform: lowercase;
color: #5F6062;
line-height: 1.6;
padding: 10px 10px;
margin: 0px 0px 10px;
}
h3.viewportfolio a {
color: #5F6062;
}
h3.viewportfolio a:hover {
color: #b59b6e;
} @media screen and (min-width: 768px) {
h6.projectname {
float:left;
margin: 5px 0 0 10px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 105%;
text-transform: none;
}
h6.projectview a {
font-size: 12px;
margin-top: 5px 0 0;
float: right;
width: 110px;
padding: 0 15px;
text-align: right;
line-height: 30px;
}
} #top {
width: 100%;
height: 10px;
margin: 0px auto;
padding: 0px;
overflow: hidden;
} @media screen and (min-width: 600px) {
#top {
width: 100%;
height: 20px;
margin: 0px auto;
padding: 0px;
overflow: hidden;
}
} @media screen and (min-width: 769px) {
#top {
width: 100%;
height: 30px;
margin: 0px auto;
padding: 0px;
overflow: hidden;
}
} hgroup {
margin: 0px auto;
height: auto;
overflow: hidden;
width: 100%;
max-width: 980px;
max-width: 70rem;
}
#header p {
margin: 10px;
padding: 10px;
}
#headerleft {
overflow: hidden;
padding: 0px 10px 0;
width: 100%;
max-width: 300px;
margin: 0 auto;
}
#title {
font-size: 160%;
margin: 10px 0px 0px 10px;
padding: 10px 0px 0px 10px;
}
#title a,
#title a:visited {
color: #ee626a;
text-decoration: none;
}
#title a:hover,
#title a:focus {
color: #f79494;
text-decoration: none;
}
#description {
color: #ee626a;
font-size: 87.5%;
margin: 15px 0px 5px 10px;
padding: 0px 0px 0px 10px;
}
#logo {
width: 100%;
max-width: 300px;
height: auto;
margin: 0px auto;
padding: 0px 10px 0px;
position: relative;
z-index: 1;
}
#logo img {
width: 100%;
height: auto;
margin: 20px auto 0;
}
#headerright {
float: left;
width: 155px;
padding: 0px 0 0 3px;
overflow: hidden;
}
#headerright p {
margin: 10px;
padding: 10px;
}
#headerright img {
max-width: 100%;
height: auto;
padding: 0px;
} @media screen and (min-width: 600px) {
#headerleft {
float: none;
overflow: hidden;
padding: 0px 10px 0 0;
width: 100%;
max-width: 400px;
margin: 10px auto;
}
#headerright {
float: none;
width: 565px;	
margin: 0 auto;
}
#logo {
width: 100%;
max-width: 400px;
height: auto;
margin: 0px auto;
padding: 0px 10px 0px;
position: relative;
z-index: 1;
}
} @media screen and (min-width: 768px) {
#headerleft {
float: none;
overflow: hidden;
padding: 0px 10px 0 0;
width: 100%;
max-width: 500px;
margin: 10px auto;
}
#headerright {
float: left;
width: 575px;	
margin: 0 0 0 10px;
}
} @media screen and (min-width: 963px) {
#headerleft {
float: left;
overflow: hidden;
padding: 0px 10px 0 0;
max-width: 350px;
margin: 0px 0 0 15px;
}
#headerright {
float: right;
width: 555px;	
margin: 0 0 0 10px;
}
} .nav-menu {
background: #fff;
border: none;
clear: both;
color: #5F6062;
margin: 0px auto;
overflow: hidden;
width: 610px;
margin-top: 15px;
}
.nav-menu ul {
float: left;
width: 100%;
margin-left: 50px;
}
.nav-menu li {
float: left;
list-style-type: none;
}
.nav-menu li a {
display: block;
font-family: 'Raleway', cursive, serif;
color: #5F6062;
font-size: 13px;
line-height:1;
margin-bottom: 5px;
padding: 5px 6px 5px 6px;
position: relative;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .15em;
transition: color 0.2s linear 0s;
-moz-transition: color 0.2s linear 0s; -webkit-transition: color 0.2s linear 0s; -o-transition: color 0.2s linear 0s; }
.nav-menu li a:hover,
.nav-menu li a:active,
.nav-menu .current_page_item a,
.nav-menu .current-cat a,
.nav-menu .current-menu-item a {
background-color: transparent;
color: #e97573;
}
.nav-menu li:last-child a {
background: none;
}
.menu-toggle {
display: none;
}
@media (min-width: 963px) {
.nav-menu {	
margin-top: 30px;
}
}
@media (max-width: 599px) { .menu-toggle {
cursor: pointer;
display: inline-block;
margin: 0 auto;
padding: 12px 20px;
max-width: 155px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: .5em;
float: left;
}
.toggled-on .nav-menu,
.toggled-on .nav-menu ul {
display: block;
margin: 0px auto;
padding: 0;
width: 100%;
max-width: 155px;
}
.navbar-fixed .toggled-on .nav-menu,
.navbar-fixed .toggled-on .nav-menu > ul {
display: none;
}
.toggled-on .nav-menu li a {
background: none;
display: block;
text-align: left;
padding:6px 0px 6px 30px;
min-width: 100px;
}
.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
}
ul.nav-menu,
div.nav-menu > ul {
display: none;
}
} #portfoliopage h6 {
margin-left: 15px;
}
#portfolionav {
background: #fff;
width: 960px;
height: 60px;
clear: both;
float: left;
margin: 0px;
padding: 0px;
z-index: 1000;
position: relative;   
text-transform: none;
}
#portfolionav ul {
list-style: none;
right: 50%;
position: relative;
float: right;
margin: 0px;
padding: 0px;
}
#portfolionav ul li {
margin: 0px 0px 0px 1px;
padding: 0px;
float: left;
position: relative;
left: 50%;
top: 1px;
}
#portfolionav ul li a {
display: block;
margin: 20px 0px;
padding: 0px 20px 0px;
font-size: 25px;
line-height: 16px;
text-decoration: none;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight: 300;
color: #e8505d;
}
#portfolionav ul li.active a {
color: #fda18a;
}
#portfolionav ul li a:hover {
color: #fda18a;
}
#portfolionav ul li:hover a,
#portfolionav ul li.hover a {
color: #fda18a;
}
#portfolionav li a:hover,
#portfolionav li a:active,
#portfolionav .current_page_item a,
#portfolionav .current-cat a,
#portfolionav .current-menu-item a {
color: #fda18a;
} #main {
overflow: visible;
clear: both;
margin: 0px auto;
width: 98%;
padding: 1%;
}
#content,
#contentwide,
#contentsmall {
width: 100%;
max-width: 290px;
float: none;
margin: 0px auto 10px;
padding: 10px 2% 20px;
} @media screen and (min-width: 480px) {
#content,
#contentwide,
#contentsmall {
width: 100%;
max-width: 470px;
float: none;
margin: 0px auto 10px;
padding: 10px 2% 20px;
}
} @media screen and (min-width: 600px) {
#content {
width: 60%;
max-width: 600px;
float: left;
margin: 0px 0px 0px 10px;
padding: 10px 2% 20px;
}
#contentwide {
width: 66%;
max-width: 660px;
float: right;
margin: 0px 1.5% 10px 0px;
padding: 2%;
}
#contentsmall {
width: 55%;
max-width: 550px;
float: right;
margin: 0px 1.5% 10px 0px;
padding: 2%;
}
} .entry-header {
width: 100%;
margin: 0px auto;
padding: 0px;
overflow: hidden;
border-bottom: none;
}
.post-title {
margin: 15px 0 0px;
padding: 0px;
} .post-date-meta {
clear: both;
font-size: 11px;
text-transform:uppercase;
font-family: 'Lato', Helvetica, Arial, sans-serif;
letter-spacing: 0.1em;
color: #9D7B35;
line-height: 15px;
}
p.author-date {
margin: 0px;
padding: 0px;
font-size: 11px;
}
p.author-date .author {
margin: 0px;
} .post {
margin: 0px 0px 40px;
}
.entry-content {
margin: 0px 0px 0px;
padding: 0px;
overflow: hidden;
text-align: left;
clear: both;
}
.entry-content img {
max-width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
border: 0px solid #e2dbcc;
}
.entry-summary {
text-align: justify;
margin: 5px 0px 5px;
padding: 5px 0px 5px;
clear: both;
}
.entry-summary img {
float: left;
margin: 10px 10px 20px 0px;
padding: 5px;
width: 185px;
height: 185px;
}
.entry-content p {
margin: 0px;
padding: 10px 0px;
}
.entry-content ul {
margin: 5px 0px;
padding: 0px 0px 10px 20px;
list-style: none;
display: table;
}
.entry-content ol {
margin: 5px 0px;
padding: 0px 0px 0px 30px;
list-style: decimal;
display: table;
}
.entry-summary ul li,
.entry-content ul li {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/icon.png) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
.entry-content ol li {
margin: 0px 0px 0px 10px;
}
.entry-summary ul ul,
.entry-content ol ol,
.entry-content ul ul {
padding: 0px 0px 0px 10px;
}
a.more-link {
font-weight: bold;
}
.pagelink p {
font-weight: bold;
}
.entry-meta {
text-align: left;
border-top: 1px solid #e1dbcc;
clear: both;
font-size: 14px;
margin: 0px;
padding: 5px 0px 0px;
text-transform: none;
font-family: 'Lato',Arial, Helvetica, sans-serif;
}
.entry-meta a {
color: #5F6062;
}
.entry-meta a:hover {
color: #f79494;
}
.entry-meta .category,
.entry-meta .tags,
.entry-meta .edit,
.entry-meta .comments {
margin: 0px;
}
.entry-meta .meta-sep {
margin: 0px 2px;
}
.edit {
margin: 0px;
}
p.edit {
padding: 10px 0px 0px;
}
.blog-signature {
float: right;
margin: 5px;
padding: 5px;
font-size: 14px;
text-transform: none;
}
.comments-link {
float: left;
padding: 5px;
border: 1px solid #eee;
margin-bottom: 5px;
background: #FDFBE3;
}
.comments-link a {
color: #EE626A;
}
.comments-link:hover {
background: #FDE7DD;
}
.share {
float: right;
margin: 0px 0 5px;
padding: 0px;
font-size: 14px;
text-transform: none;
}
.signature img {
border: none;
margin: 0px;
padding: 0px;
}
.post-divider {
margin: 0px auto;
padding: 40px 0px 0px;
}
.divider img {
display: block;
margin: 0px auto;
padding: 0px;
} #contentfull {
width: 100%;
margin: 0px auto;
padding: 0 2% 2%;
}
.entry-contentfull .nivoSlider img {
width: 100%;
max-width: 850px;
margin: 0px auto;
padding: 15px 0px;
}
#about .entry-contentfull img {
border: none;
max-width: 100px;
height: auto;
}
.entry-contentfull img {
max-width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
border: 1px solid #e6e6e6;
}
.entry-contentfull {
margin: 0px 0px 0px;
padding: 5px;
overflow: hidden;
text-align: left;
clear: both;
}
.entry-contentfull p {
margin: 0px;
padding: 10px 0px;
}
.entry-contentfull ul {
margin: 5px 0px;
padding: 0px 0px 0px 20px;
list-style: none;
display: table;
}
.entry-contentfull ol {
margin: 5px 0px;
padding: 0px 0px 0px 30px;
list-style: decimal;
display: table;
}
.entry-contentfull ul li {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/icon.png) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
.entry-contentfull ol li {
margin: 0px 0px 0px 10px;
}
.entry-contentfull ol ol,
.entry-contentfull ul ul {
padding: 0px 0px 0px 10px;
} @media screen and (min-width: 600px) {
#about .entry-contentfull img {
max-width: 100%;
height: auto;
}
#contentfull {
width: 96%;
}
} .paging {
overflow: hidden;
padding: 20px 0px;
width: 100%;
}
.paging .next {
float: right;
margin-right: 5px;
}
.paging .prev {
float: left;
margin-left: 5px;
}
.paging a, 
.paging a:visited {
color: #ee626a;
text-decoration: none;
padding: 5px 8px;
}
.paging a:hover,
.paging .active a {
color: #ee626a;
text-decoration: underline;
} #homepage {
width: 100%;
max-width: 960px;
margin: 0px auto;
padding: 3px 0px 15px;
}
#homepagefull {
width: 100%;
max-width: 960px;
margin: 0px auto;
padding: 20px;
}
#homepagefull .widget,
#homepage .widget {
margin: 10px 0px;
padding: 0px 0px 10px;
border: none;
clear: both;
}
.home-content {
margin: 0px;
padding: 0px;
overflow: hidden;
text-align: justify;
}
.home-content img {
width: 100%;
max-width: 960px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.home-content p {
margin: 0px;
padding: 10px 0px;
}
.home-content ul {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 5px;
list-style: none;
display: table;
}
.home-content ol {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 5px;
list-style: decimal;
display: table;
}
.home-content ul li {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/icon.png) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
.home-content ol li {
margin: 0px;
}
.home-content ol ol,
.home-content ul ul {
padding: 0px 0px 0px 10px;
} #homewidgets {
width: 100%;
max-width: 290px;
height: auto;
clear: both;
overflow: hidden;
margin: 0px auto 20px;
padding: 0px;
border-top: none
}
#homewidgets p {
color: #444;
font-size: 12px;
}
#homewidgets a,
#homewidgets a:visited {
color: #e13955;
}
#homewidgets h2 {
color: #5F6062;
font-size: 18px;
text-align: center;
text-transform: uppercase;}
#homewidgets .widget {
background-color: #fff;
width: 100%;
height: auto;
border: none;
margin: 0px 0px 10px;
padding: 0px;
clear: both;
}
#homewidgets ul {
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: none;
}
#homewidgets ol {
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: decimal outside;
}
#homewidgets ul li {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/icon.png) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
#homewidgets ol li {
margin: 0px;
}
#homewidgets ol ol,
#homewidgets ul ul {
padding: 0px;
}
#homewidgets .widget_search {
overflow: hidden;
margin: 20px 0px 10px;
padding: 0px;
}
#homewidgets img {
width: 100%;
max-width: 280px;
height: auto;
margin: 5px 0px;
padding: 0px;
border: double #ffcac0;
}
#homeleft,
#homemid,
#homeright {
margin: 0 auto;
}
.home-block {
width: 100%;
padding: 1%;
} @media screen and (min-width: 480px) {
#homewidgets {
width: 100%;
max-width: 950px;
height: auto;
}
#homewidgets .widget {
background-color: #fff;
width: 100%;
margin: 0 auto;
}
#homewidgets .home-block img {
width: 100%;
height: auto;
margin: 0 auto;
}
#homeleft, 
#homemid {	
margin: 0 2% 0 0;
}
#homeright {
margin: 0px;
}
.home-block {
float: left;
width: 30%;
padding: 1%;
}
} #bottomwidgets {
background: #ffffff;
width: 100%;
max-width: 280px;
height: auto;
clear: both;
overflow: hidden;
margin: 10px auto;
padding: 2%;
color: #5F6062;
font-size: 15px;
border-top: none;
line-height: 1.2;
}
#bottomwidgets p {
color: #5F6062;
font-size: 14px;
}
#bottomwidgets a,
#bottomwidgets a:visited {
color: #5F6062;
text-decoration:none;
}
#bottomwidgets a:hover {
color: #f79494;
text-decoration: none;
}
#bottomwidgets .widget {
border: none;
margin: 0px 0px 10px;
padding: 0px;
clear: both;
}
#bottomwidgets ul {
margin: 0px 0 0 10px;
padding: 0px 0px 0px 10px;
list-style: circle;
}
#bottomwidgets ol {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: decimal outside;
}
#bottomwidgets ul li {
margin: 0px;
padding: 5px 0px 5px 0px;
line-height: 1;
}
#bottomwidgets ol li {
margin: 0px;
}
#bottomwidgets ol ol,
#bottomwidgets ul ul {
padding: 0px;
}
#bottomwidgets .widget_search {
overflow: hidden;
margin: 20px 0px 10px;
padding: 0px;
}
#bottomwidgets .widget img {
width: 100%;
max-width: 290px;
height: auto;
margin: 5px 0px;
padding: 0px;
}
.bottom {
padding: 1%;
}
h3.clientquote { 
margin: 0px;
padding: 0px 0 0px 0;
font-size: 120%;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: center;
line-height: 1.2;
} @media screen and (min-width: 480px) {
#bottomwidgets {
width: 100%;
max-width: 960px;
height: auto;
padding: 1% 0 2%;
}
.bottom {
float: left;	
margin: 0;
width: 29%;
padding: 0 2%;
} 
} h3.services { 
font-size: 22px;
font-family: 'Playfair Display', cursive, serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .2em;
color: #B2A97E;
line-height: 1.6;
margin: 20px 0px 10px;
}
h3.service-page { 
margin-top: 26px !important;
margin-bottom: 2px !important;
font-size: 150%;
font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
font-weight: 400;
}
#custom-services {
width: 100%;
max-width: 960px;
height: auto;
clear: both;
}
#custom-services p {
font-size: 85%;	
}
#website-service,
#ecommerce-service {
background: #ffefe6;
width: 100%;
max-width: 280px;
height: auto;
float: none;
padding: 5px 1% 10px;
margin: 0px auto 20px;
text-align: center;
}
#logo-service {
background: #ffefe6;
width: 100%;
max-width: 280px;
height: auto;
float: none;
padding: 5px 1% 10px;
margin: 0px auto;
text-align: center;
}
#custom-services .service-readmore {
text-align: right;
}
.service-readmore a {
float: none;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 6px 25px 0px 0px !important;
color: #5F6062;
text-align: right;
font-family:'Playfair Display', Garamond, Baskerville, Serif;
}
.servicetopline {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/stitch.png) repeat-x;
height: 3px;
border-bottom: none;
clear: both;
padding: 5px 0px 0px;
margin: 0px auto;
width: 830px;
}
img.services-portfolio  {
width: 100%;
max-width: 267px;
padding: 0;
margin: 10px auto;
}
img.services-portfolio-logo  {
width: 100%;
max-width: 267px;
padding: 0;
margin: 10px auto;
border: 1px solid #E2DBCC;
} @media screen and (min-width: 480px) {
#website-service,
#ecommerce-service {
max-width: 350px;
}
#logo-service {
max-width: 350px;
}
img.services-portfolio  {
width: 43%;
max-width: 267px;
padding: 0;
margin: 2.5%;
}
img.services-portfolio-logo  {
width: 43%;
max-width: 267px;
padding: 0;
margin: 2.5%;
}
} @media screen and (min-width: 600px) {
#custom-services {
width: 50%;
max-width: 600px;
height: auto;
clear: both;
float: left;
}
#website-service,
#ecommerce-service {
width:90%;
max-width: 500px;
float: left;
}
#logo-service {
width: 90%;
max-width: 500px;
float: left;
}
#custom-services p {
font-size: 95%;	 	
}
} @media screen and (min-width: 900px) {
#custom-services {
width: 100%;
max-width: 960px;
height: auto;
clear: both;
margin-bottom: 30px;
}
#website-service,
#ecommerce-service {
background: #ffefe6;
width: 28%;
height: auto;
float: left;
padding: 5px 1% 10px;
margin: 0px 5% 0px 0px;
text-align: center;
}
#logo-service {
background: #ffefe6;
width: 28%;
height: auto;
float: left;
padding: 5px 1% 10px;
margin: 0px;
text-align: center;
}
.servicetopline {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/stitch.png) repeat-x;
height: 3px;
border-bottom: none;
clear: both;
padding: 5px 0px 0px;
margin: 0px auto;
width: 830px;
}	
h3.service-page { 
margin-top: 26px !important;
clear: both;
}
} .clienttable {
margin-top: 10px;
}
.clienttable th {
background: #fde7dd;
border: 1px solid #fde7dd;
padding: 8px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.clienttable td {
border: 1px solid #fde7dd;
padding: 8px;
}
.clienttable td.main {
border: 1px solid #fde7dd;
padding: 20px 20px 10px 20px;
text-align: center;
font-size: 18px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.clienttable td.main p {
font-size: 15px; 
font-weight: normal;
}
.clienttable td.middle {
border: 1px solid #fde7dd;
padding: 20px 20px 10px 20px;
font-size: 15px; 
font-weight: normal;
}
.clienttable td.middle p {
font-size: 15px; 
font-weight: normal;
}
.clienttable td.middle h5,
.clienttable td.main h5 {
padding: 0px;
margin: 0px;
text-align: center;
font-size: 19px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.clienttable td.example {
border: 1px solid #fde7dd;
padding: 20px 20px 10px 0px;
font-size: 15px; 
font-weight: normal;
text-align: left;
}
.clienttable td.example p {
font-size: 15px; 
font-weight: normal;
text-align: left;
}
.clienttable td.example ul {
margin-left: 20px;
} .simplepricetable {
margin-top: 10px;
margin-left: 6px;
margin-right: 6px;
}
.simplepricetable th {
background: #ffd0c1;
border: 1px solid #ffd0c1;
padding: 8px;
margin: 0px 8px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.simplepricetable td {
border: 1px solid #ffd0c1;
padding: 8px;
}
.simplepricetable td.main h5 {
padding: 0px;
margin: 0px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.simplepricetable td.main {
padding: 10px 20px;
text-align: center;
font-size: 18px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.simplepricetable td.middle {
padding: 5px 10px;
font-size: 16px; 
font-weight: normal;
}
.simplepricetable td.last {
padding: 5px 10px;
font-size: 16px; 
font-weight: normal;
color: #d1cabb;
}
.standardpricetable {
margin-top: 10px;
margin-left: 6px;
margin-right: 6px;
}
.standardpricetable th {
background: #fcaa9c;
border: 1px solid #fcaa9c;
padding: 8px;
margin: 0px 8px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.standardpricetable td {
border: 1px solid #fcaa9c;
padding: 8px;
}
.standardpricetable td.main h5 {
padding: 0px;
margin: 0px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.standardpricetable td.main {
padding: 10px 20px;
text-align: center;
font-size: 18px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.standardpricetable td.middle {
padding: 5px 10px;
font-size: 16px; 
font-weight: normal;
}
.standardpricetable td.last {
padding: 5px 10px;
font-size: 16px; 
font-weight: normal;
color: #d1cabb;
}
.premiumpricetable {
margin-top: 10px;
margin-left: 6px;
margin-right: 6px;
}
.premiumpricetable th {
background: #f9897a;
border: 1px solid #f9897a;
padding: 8px;
margin: 0px 8px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.premiumpricetable td {
border: 1px solid #f9897a;
padding: 8px;
}
.premiumpricetable td.main h5 {
padding: 0px;
margin: 0px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.premiumpricetable td.main {
padding: 10px 20px;
text-align: center;
font-size: 18px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.premiumpricetable td.middle {
padding: 5px 10px;
font-size: 16px; 
font-weight: normal;
}
.ecommercepricetable {
margin-top: 10px;
margin-left: 6px;
margin-right: 6px;
padding: 8px;
width: 98.6%;
}
.ecommercepricetable th {
background: #fcaa9c;
border: 1px solid #fcaa9c;
padding: 8px;
margin: 0px 8px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.ecommercepricetable td {
border: 1px solid #fcaa9c;
padding: 8px;
}
.ecommercepricetable td.main h5 {
padding: 0px;
margin: 0px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.ecommercepricetable td.main {
padding: 10px 20px;
text-align: center;
font-size: 18px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.ecommercepricetable td.middle {
padding: 5px 10px;
font-size: 16px; 
font-weight: normal;
}
.wordpresspricetable {
margin-top: 10px;
margin-left: 6px;
margin-right: 6px;
padding: 8px;
width: 98.6%;
}
.wordpresspricetable th {
background: #ffd0c1;
border: 1px solid #ffd0c1;
padding: 8px;
margin: 0px 8px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.wordpresspricetable td {
border: 1px solid #ffd0c1;
padding: 8px;
}
.wordpresspricetable td.main h5 {
padding: 0px;
margin: 0px;
text-align: center;
font-size: 20px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.wordpresspricetable td.main {
padding: 10px 20px;
text-align: center;
font-size: 18px; 
font-weight: 300;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
.wordpresspricetable td.middle {
padding: 5px 10px;
font-size: 16px; 
font-weight: normal;
} #freebiespage {
width: 100%;
margin: 0px auto;
padding: 0 2%;
}
#freebiespage p {
padding: 5px 0 15px;
}
.freebies {
margin: 8px 0px 0px;
}
.freebie-content {
margin: 0 7% 6% 3%;
padding: 0px;
float: left;
width: 40%;
max-width: 250px;
height: auto;
text-align: center;
}
.freebie-content img {
background: #fff !important;
margin: 0px auto !important;
padding: 10px !important;
border: none !important;
box-shadow: 0px 0px 5px #aaa;
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
width: 100%;
height: auto;
}
#contentfull .freebie-content a:hover .wp-post-image, #contentfull .freebie-content a:focus .wp-post-image {
background: #fdf3ed !important;
box-shadow: 0px 0px 5px #aaa;
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
padding: 10px !important;
border: none !important;
}
#contentfull .freebie-content h6 {
font-size: 14px;
color: #5F6062;
font-family: 'Playfair Display', cursive, serif;
line-height: 30px;
margin: 12px 0px;
text-transform: none;
}
#contentfull .freebie-content h6 a {
color: #5F6062;
text-transform: lowercase;
}
#contentfull .freebie-content h6 a:hover {
color: #b59b6e;
} @media screen and (min-width: 600px) {
.freebie-content {
margin: 0 4% 6% 2%;
padding: 0px;
float: left;
width: 27%;
max-width: 250px;
height: auto;
text-align: center;
}	
} #sidebar {
background: #fff;
border: 0px solid #fdf3ed;
display: block;
float: none;
font-size: 15px;
line-height: 1.5;
width: 100%;
max-width: 290px;
margin: 10px auto;
padding: 3% 1.5%;
border-top: 1px solid #FFCAC0;
}
#sidebar p {
font-size: 15px;
margin: 0px;
padding: 5px 0px;
}
#sidebar .widget {
background: #fff;
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/sidedot.png) bottom repeat-x;
border: none;
margin: 10px 0px 30px;
padding: 0px 0px 40px;
clear: both;
}
#sidebar img {
max-width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px 0px;
}
#sidebar ul {
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: none;
}
#sidebar ol {
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: decimal;
}
#sidebar ul li {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/icon.png) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
#sidebar ol li {
margin: 0px;
}
#sidebar ol ol,
#sidebar ul ul {
padding: 0px;
}
#sidebar #side-ads {
min-height: 400px;
}
#sidebar #small-ads {
min-height: 150px;
}
#sidebar #side-ads img {
margin: 8px 0 8px 0;
border: 0px solid #ccc;
}
#sidebar .right {
width:140px;
display: block;
float: right;
margin: 0px;
}
#sidebar .right img {
width:125px;
float: right;
margin: 8px 4px 8px 0;
padding: 5px;
border: 0px solid #ccc;
height: auto;
}
#sidebar .left {
width:140px;
display: block;
float: left;
margin: 0px;
}
#sidebar .left img {
width:125px;
float: left;
margin: 8px 0 8px 0;
padding: 5px;
border: 0px solid #ccc;
height: auto;
}
#sidebar .freebiesright {
width:140px;
height:470px;
float: right;
margin: 0px;
margin-bottom: 10px;
}
#sidebar .freebiesright img {
width:125px;
float: right;
margin: 8px 4px 8px 0;
padding: 5px;
box-shadow: 0px 0px 4px #e6e6e6;
-moz-box-shadow: 0px 0px 4px #e6e6e6;
-webkit-box-shadow: 0px 0px 4px #e6e6e6;
border: 1px solid #e6e6e6;
height: auto;
}
#sidebar .freebiesleft {
width:140px;
height:470px;
float: left;
margin: 0px;
margin-bottom: 10px;
}
#sidebar .freebiesleft img {
width:125px;
float: left;
margin: 8px 0 8px 0;
padding: 5px;
box-shadow: 0px 0px 4px #e6e6e6;
-moz-box-shadow: 0px 0px 4px #e6e6e6;
-webkit-box-shadow: 0px 0px 4px #e6e6e6;
border: 1px solid #e6e6e6;
height: auto;
} @media screen and (min-width: 480px) {
#sidebar {
max-width: 370px;
}
} @media screen and (min-width: 600px) {
#sidebar {
background: #fff;
border: 0px solid #fdf3ed;
display: inline;
float: right;
font-size: 15px;
line-height: 1.5;
width: 28%;
max-width: 280px;
margin: 0px 1% 10px 0px;
padding: 1.5%;
border: none;
}	
} #smallsidebar {
display: block;
float: none;
font-size: 18px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight:300;
text-transform: uppercase;
line-height: 1.5;
width: 100%;
max-width: 290px;
margin: 10px auto;
padding: 1.5%;
border-top: 1px solid #FFCAC0;
}
#smallsidebar a {
color: #5F6062;
}
#smallsidebar a:hover {
color: #b59b6e;
}
#smallsidebar p {
font-size: 14px;
margin: 0px;
padding: 5px 0px;
text-transform: none;
}
#smallsidebar .widget {
border: none;
margin: 10px 0px;
padding: 0px 0px 10px;
clear: both;
}
#smallsidebar h3.widget-title {
display: none;
}
#smallsidebar img {
max-width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px 0px;
}
#smallsidebar ul {
margin: 15px 0 0px;
padding: 0px 0px 0px 15px;
list-style: none;
}
#smallsidebar ol {
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: decimal;
}
#smallsidebar ul li {
background: none;
margin: 0px 0px 10px;
padding: 0px;
line-height: 1;
}
#smallsidebar ol li {
margin: 0px;
}
#smallsidebar ol ol,
#smallsidebar ul ul {
padding: 0px;
} @media screen and (min-width: 480px) {
#smallsidebar {
max-width: 370px;
}
} @media screen and (min-width: 600px) {
#smallsidebar {
display: inline;
float: left;
font-size: 18px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-weight:300;
text-transform: uppercase;
line-height: 1.5;
width: 21%;
max-width: 210px;
margin: 0px 0px 10px 1.5%;
padding: 1.5%;
border: none;
}
} #widesidebar {
display: block;
float: none;
font-size: 15px;
line-height: 1.5;
width: 100%;
max-width: 290px;
height: auto;
margin: 10px auto;
padding: 1.5%;
border-top: 1px solid #FFCAC0;
}
#widesidebar p {
font-size: 15px;
margin: 0px;
padding: 5px 0px;
}
#widesidebar .widget {
border: none;
margin: 10px 0px;
padding: 0px;
clear: both;
}
#widesidebar img {
max-width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px 0px;
}
#widesidebar ul {
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: none;
}
#widesidebar ol {
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: decimal;
}
#widesidebar ul li {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/icon.png) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
#widesidebar ol li {
margin: 0px;
}
#widesidebar ol ol,
#widesidebar ul ul {
padding: 0px;
} @media screen and (min-width: 480px) {
#widesidebar {
max-width: 370px;
}
} @media screen and (min-width: 600px) {
#widesidebar {
display: inline;
float: left;
font-size: 15px;
line-height: 1.5;
width: 31.5%;
max-width: 315px;
margin: 0px 0px 10px 1%;
padding: 1.5%;
border: none;
}
} #tabber_widget-3, #tabber_widget-4 {
display: none;
} @media screen and (min-width: 900px) {
#tabber_widget-3, #tabber_widget-4 {
display: block;
color: #5F6062;
height:230px;
line-height:1.25;
}
#tabber_widget-3 a, #tabber_widget-3 a:visited, #tabber_widget-4 a, #tabber_widget-4 a:visited  {
color: #5F6062;
}
#tabber_widget-3 a:hover, #tabber_widget-4 a:hover {
color: #f79494;
}
#tabber_widget-3 .tabber-widget-rounded-light, #tabber_widget-4 .tabber-widget-rounded-light {
color: #5F6062;
padding: 0 !important;
margin: 0 !important;
}
#tabber_widget-3 .tabber-widget-rounded-light ul.tabber-widget-tabs, #tabber_widget-4 .tabber-widget-rounded-light ul.tabber-widget-tabs {
font-size: 16px;
text-transform: none;
list-style-type: none;
padding: 0 !important;
margin: 0 !important;
}
#tabber_widget-3 .tabber-widget-rounded-light ul.tabber-widget-tabs li, #tabber_widget-4 .tabber-widget-rounded-light ul.tabber-widget-tabs li {
background: none;
float: left;
list-style-type: none !important;
padding: 0 !important;
margin: 0 !important;
border: none;
}
#tabber_widget-3 .tabber-widget-rounded-light ul.tabber-widget-tabs li:before, #tabber_widget-4 .tabber-widget-rounded-light ul.tabber-widget-tabs li:before {
content: "" !important;
}
#tabber_widget-3 .tabber-widget-rounded-light ul.tabber-widget-tabs a, #tabber_widget-4 .tabber-widget-rounded-light ul.tabber-widget-tabs a {
display: block;
padding: 2px 9px;
text-decoration: none !important;
margin: 1px 1px 1px 1px;
margin-left: 0;
color: #ffffff;
background: #ff8d8d;
-moz-border-radius: 8px 8px 0px 0px;
-khtml-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
-o-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}
#tabber_widget-3 .tabber-widget-rounded-light ul.tabber-widget-tabs a:hover, #tabber_widget-4 .tabber-widget-rounded-light ul.tabber-widget-tabs a:hover {
color: #FFF;
background: #ee626a;
-moz-border-radius: 8px 8px 0px 0px;
-khtml-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
-o-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}
#tabber_widget-3 .tabber-widget-rounded-light ul.tabber-widget-tabs a.selected,
#tabber_widget-3 .tabber-widget-rounded-light ul.tabber-widget-tabs a.selected:hover,
#tabber_widget-4 .tabber-widget-rounded-light ul.tabber-widget-tabs a.selected,
#tabber_widget-4 .tabber-widget-rounded-light ul.tabber-widget-tabs a.selected:hover {
margin-bottom: 0;
color: #fff;
background: #ee626a;
border-bottom: 1px solid snow;
cursor: default;
}
#tabber_widget-3 .tabber-widget-rounded-light .tabber-widget-content, #tabber_widget-4 .tabber-widget-rounded-light .tabber-widget-content {
padding: 12px 12px 12px 12px;
margin: 0;
clear: both;
background: #ffffff;
border: 4px solid #ff8d8d;
-moz-border-radius: 0px 10px 10px 10px;
-khtml-border-radius: 0px 10px 10px 10px;
-webkit-border-radius: 0px 10px 10px 10px;
-o-border-radius: 0px 10px 10px 10px;
border-radius: 0px 10px 10px 10px;
} #tabber_widget-3 .tabber-widget-rounded-light .tabber-widget-content, #tabber_widget-4 .tabber-widget-rounded-light .tabber-widget-content {
text-align: justify;
padding: 14px;
font-size: 15.5px;
}
#tabber_widget-3 .tabber-widget-rounded-light .tabber-widget-content .tabber-widget-title, #tabber_widget-4 .tabber-widget-rounded-light .tabber-widget-content .tabber-widget-title {
margin-top: -5px;
margin-bottom: 5px;
margin-left: 0;
color: #ee626a;
font-size: 20px;
}
#tabber_widget-3 .tabber-widget-rounded-light .tabber-widget-content ul, #tabber_widget-4 .tabber-widget-rounded-light .tabber-widget-content ul {
text-align: left;
padding: 0px;
font-size: 15.5px;
}
#tabber_widget-3 .tabber-widget-rounded-light .tabber-widget-content ul li, #tabber_widget-4 .tabber-widget-rounded-light .tabber-widget-content ul li {
margin: 0px;
padding: 0px 0px 0px 18px;
}
} #sidebar .example_menu {
font-size: 15.5px;
list-style: none;
margin: 0;
padding: 0;
vertical-align: top;
width: 100%;
}
#sidebar .expand_all,
#sidebar .collapse_all {
cursor: pointer;
}
#sidebar .example_menu ul {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, #sidebar .example_menu li {
background-image: none;
margin: 0;
padding: 0;
}
#sidebar .example_menu a {
color: #fff;
cursor: pointer;
display: block;
font-weight: bold;
margin-left: 0;
padding: 5px;
width: 95%;
letter-spacing: .15em;
}
#sidebar .example_menu a.expanded {
background: #fde7dd;
text-align:center;
border: double #ffffff;
color: #ee626a !important;
text-transform: uppercase;
font-weight: normal;
}
#sidebar .example_menu a.collapsed {
background: #fde7dd;
text-align:center;
border: double #ffffff;
color: #ee626a !important;
text-transform:uppercase;
font-weight: normal;
}
#sidebar .example_menu a:hover {
color: #f79590 !important;
text-decoration: none !important;
}
#sidebar .example_menu ul a {
background: #ffffff;
border-bottom: 0px dotted #ee626a;
color: #5F6062;
display: block;
font-weight: normal;
padding: 2px 5px;
width: 268px;
margin-left:3px;
}
#sidebar .example_menu ul a:link {
font-weight: normal;
}
#sidebar .example_menu ul a:hover {
color: #ee626a;
text-decoration: none;
}
#sidebar .example_menu li.active a {
background: #fff;
}
#sidebar .example_menu li.active li a {
background: #ffffff;
}
#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, #sidebar .example_menu .footer {
background: transparent;
border-top: 0px solid #fff;
line-height: 15px;
margin: 0 0 10px 0;
width: 268px;
}
#sidebar .example_menu .footer span {
display: none;
} #sidebar .facebooksubscribe {
border: none;
padding: 0px;
margin: 12px 0px;
}
#sidebar .subscribeform input[type="text"] {
margin: 1% 0;
background-color:#fff;
border: 1px solid #ff8d8d !important;
width: 52%;
}
#sidebar .subscribeform input[type="submit"] {
text-align:center;
background-color:#ff8d8d !important;
color:#ffffff !important;
font-size: 11px;
margin-left:3%;
border: 1px solid #ff8d8d !important;
width: 38%;
}
#sidebar .subscribeform input[type="submit"]:hover {
background-color:#f16c6c !important;
color: #ffffff !important;
cursor:pointer;
border: 1px solid #f16c6c !important;
} @media screen and (min-width: 768px) {
#sidebar .subscribeform input[type="text"] {
width: 62%;
}
#sidebar .subscribeform input[type="submit"] {
margin-left:3%;
width: 30%;
font-size: 12px;
}	
} @media screen and (min-width: 900px) {
#sidebar .subscribeform {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/notebook.png);
height:177px;
width: 280px;
border:none;
padding:0px;
}
#sidebar .subscribeform input[type="text"] {
margin:115px 0 2px 20px;
width: 160px;
}
#sidebar .subscribeform input[type="submit"] {
color:#ffffff !important;
margin-left:5px;
width: auto;
}
} #footer {
background: #fff;
width: 100%;
max-width: 960px;
clear: both;
font-size: 14px;
margin: 0px auto;
padding: 0px 0px 15px;
overflow: hidden;
}
#footer p {
color: #b6a987;
font-size: 14px;
margin: 0px;
padding: 5px 0px;
}
#footer a,
#footer a:visited {
color: #b6a987;
}
#footer .right {
float: none;
width: 100%;
max-width: 270px;
margin: 0px auto;
padding: 0px 1% 0px;
text-align: center;
text-transform: none;
}
#footer .left {
float: none;
width: 100%;
margin: 0px auto;
padding: 0px 1% 0px;
text-align: center;
text-transform: none;
} @media screen and (min-width: 768px) {
#footer .right {
float: right;
width: 55%;
margin: 0px;
padding: 0px 1% 0px 0px;
text-align: right;
text-transform: none;
max-width: 550px;
}
#footer .left {
float: left;
width: 43%;
margin: 0px;
padding: 0px 0px 0px 1%;
text-align: left;
text-transform: none;
}
} #footernav {
border: none;
clear: both;
color: #b6a987;
margin: 0px auto;
overflow: hidden;
text-transform: none;
width: 100%;
}
#footernav ul {
float: left;
width: 100%;
}
#footernav li {
float: right;
list-style-type: none;
}
#footernav li a {
display: block;
color: #b6a987;
font-size: 13px;
padding: 5px 5px;
position: relative;
text-transform: none;
}
#footernav li a:hover,
#footernav li a:active,
#footernav .current_page_item a,
#footernav .current-cat a,
#footernav .current-menu-item a {
background-color: #fff;
color: #ef8a85;
}
#footernav li:first-child a {
padding: 5px 0px 5px 15px;
}
#footernav li:last-child a {
} @media screen and (min-width: 768px) {
#footernav {
border: none;
clear: both;
color: #b6a987;
margin: 0px auto;
overflow: hidden;
text-transform: none;
width: 100%;
max-width: 550px;
}
#footernav li a {
padding: 5px 10px;
font-size: 14px;
}
} #bottom {
width: 100%;
max-width: 980px;
clear: both;
font-size: 12px;
margin: 0px auto;
padding: 5px;
overflow: hidden;
text-transform: uppercase;
min-height: 35px;
}
#bottom p {
color: #fff;
font-size: 12px;
}
#bottom a,
#bottom a:visited {
color: #fff;
} .half-column,
.third-column,
.fourth-column,
.fifth-column,
.sixth-column {
float: left;
margin: 0px 0px 20px;
padding-left: 3%;
}
.half-column {
width: 48%;
}
.third-column {
width: 31%;
}
.fourth-column {
width: 22.5%;
}
.fifth-column {
width: 17.4%;
}
.sixth-column {
width: 14%;
}
.first {
clear: both;
padding-left: 0px;
} #top-social-icons {
float: right;
margin: 0px 10px 0px 0px;
padding: 10px 0px;
height: 25px;
overflow: hidden;
}
.twitter {
float: left;
margin: 0px 3px;
display: block;
width: 20px;
height: 20px;
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/twitter.png) no-repeat 0px 0px;
background-size: 20px auto;
}
.google-plus {
float: left;
margin: 0px 3px;
display: block;
width: 20px;
height: 20px;
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/google-plus.png) no-repeat 0px 0px;
background-size: 20px auto;
}
.facebook {
float: left;
margin: 0px 3px;
display: block;
width: 20px;
height: 20px;
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/facebook.png) no-repeat 0px 0px;
background-size: 20px auto;
}
.rss {
float: left;
margin: 0px 3px;
display: block;
width: 20px;
height: 20px;
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/rss.png) no-repeat 0px 0px;
background-size: 20px auto;
}
.pinterest {
float: left;
margin: 0px 3px;
display: block;
width: 20px;
height: 20px;
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/pinterest.png) no-repeat 0px 0px;
background-size: 20px auto;
}
.twitter:hover, 
.facebook:hover,
.pinterest:hover,
.rss:hover,
.google-plus:hover { 
background-position: 0px -20px;
} @media screen and (min-width: 600px) {
#top-social-icons {
float: none;
width: 155px;
margin: 0px auto;
height: 25px;
}
.twitter,
.facebook,
.pinterest,
.rss,
.google-plus {
width: 25px;
height: 25px;
background-size: 25px auto;
}
.twitter:hover, 
.facebook:hover,
.pinterest:hover,
.rss:hover,
.google-plus:hover { 
background-position: 0px -25px;
}
} @media screen and (min-width: 768px) {
#top-social-icons {
float: right;
margin: 0px 20px 0px 0px;
height: 25px;
}
} a .wp-post-image {
padding: 5px;
border: 1px solid #fdcab8;
}
a:hover .wp-post-image {
padding: 5px;
border: 1px solid #e5e0d3;
}
.wp-post-image, 
img.alignnone, 
img.alignright, 
img.alignleft, 
img.aligncenter {
background: #fff;
padding: 0px;
}
img.alignleft {
display: inline;
margin: 0px 15px 5px 0px;
}
img.alignright {
display: inline;
margin: 0px 0px 5px 15px;
}
img.aligncenter {
margin: 5px auto;
display: block;
}
.alignleft {
float: left;
margin: 5px 24px 5px 0px;
}
.alignright {
float: right;
clear: right;
margin: 5px 0px 5px 24px;
}
.aligncenter {
margin: 0px auto;
display: block;
clear: both;
}
.wp-caption {
max-width: 98%;
margin-top: 20px;
margin-bottom: 20px;
padding: 2px;
text-align: center;
}
.wp-caption img {
display: block;
margin: 0px auto;
max-width: 98%;
height: auto;
outline: 0px;
border: none;
}
.wp-caption .wp-caption-text {
margin: 0px;
padding: 3px;
color: #555;
font-family: 'Lato', Helvetica, Arial, sans-serif;
font-size: 12px;
clear: both;
}
.gallery-caption {
}
img.wp-smiley {
float: none;
margin: 0px;
padding: 0px;
border: none;
}
img.wp-wink {
float: none;
margin: 0px;
padding: 0px;
border: none;
} #comment {
width: 100%;
height: 150px;
}
#comments ol {
color: #5F6062;
font-size: 15px;
text-align: left;
}
#comments .fn
#comments .says {
color: #ee626a;
font-size: 18px;
}
#comments ol p {
color: #5F6062; 
}
#comments-title {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/sidedot.png) bottom repeat-x;
color: #b59b6e;
font-family: 'Lato', cursive, serif;
font-size: 20px;
padding: 20px 0px 5px;
}
#reply-title {
color: #b59b6e;
font-family: 'Lato', cursive, serif;
font-size: 18px;
margin-top: 20px;
border-bottom: 0px solid #e1dbcc;
}
p.nocomments,
p.nopassword {
margin: 0px;
padding: 0px;
}
.bypostauthor {
}
#comments .navigation {
margin: 0px;
padding: 30px 0px;
clear: both;
}
#comments .navigation .nav-next {
float: right;
}
#comments .navigation .nav-previous {
float: left;
}
#comments .navigation a {
padding: 5px 8px;
color: #ee626a;
text-decoration: none;
padding: 5px 8px;
}
#comments .navigation a:hover,
#comments .navigation .active a {
color: #ee626a;
text-decoration: underline;
}
#respond {
margin-top: 20px;
clear: both;
}
ol.comment-list {
margin: 0px 0px 0px 50px;
}
ol.comment-list ul {
margin: 0px;
}
ol.comment-list img.avatar {
margin: 0px 10px 10px;
padding: 4px;
float: right;
border: 1px solid #e1dbcc;
}
ol.comment-list li {
margin: 0px;
padding: 10px 0px 0px;
position: relative;
}
ol.comment-list li header {
margin: 0px;
line-height: 1.7;
font-size: 16px;
}
ol.comment-list li li {
list-style: none;
margin: 0px 0px 0px 25px;
}
#respond {
margin-bottom: 15px;
}
#respond input.text, #respond select, #respond textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
background: #ffffff;
border: 1px solid #eee;
color: #777;
font-size: 15px;
line-height: 1.1;
margin: 0px 4px 0px 0px;
padding: 5px;
width: 50%;
outline: 0px;
display: block;
}
#respond input.text:focus, #respond select:focus, #respond textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus { 
border: 1px solid #ccc; 
}
#respond textarea {
width: 98%;
margin-right: 0px;
}
#respond label {
font-size: 15px;
font-weight: bold;
}
ol.comment-list li article nav {
padding-bottom: 10px;
border-bottom: 1px dotted #fdbcbc;
}
ol.comment-list li .reply a, ol.comment-list li .reply a:visited {
background: #fde7dd;
color: #f79590;
font-size: 15px;
text-decoration: none;
margin: 20px 0px 0px;
padding: 2px 5px 3px;
border: 1px solid #fde7dd;
}
ol.comment-list li .reply a:hover {
background: #fbbdb7;
color: #fff;
text-decoration: none;
border: 1px solid #fbbdb7;
}
ol.comment-list li .reply a:active {
position: relative; top: 1px;
} #getstarted {
background: #5F6062;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 20px auto;
padding: 5px 0px;
display: block;
width: 180px;
font-size: 20px;
}
#getstarted:hover { 
background: #fcaa9c;
color: #fff;
}
#projectbutton {
background: #5F6062;
text-align: center;
text-transform: uppercase;
font-weight: normal;
color: #fff;
margin: 20px auto;
padding: 5px 0px;
display: block;
width: 250px;
font-size: 16px;
}
#projectbutton:hover { 
background: #fcaa9c;
color: #fff;
}
#portfolio-button {
float: left;
background: #5F6062;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 10px 0px 20px;
padding: 8px 0px;
display: block;
width: 250px;
font-size: 20px;
}
#portfolio-button:hover { 
background: #fcaa9c;
color: #fff !important;
}
.free_download_submit {
margin: 10px 0px 0px 2px;
padding: 0px;
display: block;
height: 30px;
width: 150px;
border: none;
color: transparent;
font-size: 0px;
border: none;
}
.free_download_submit:hover {
margin: 10px 0px 0px 2px;
padding: 0px;
display: block;
height: 30px;
width: 150px;
border: none;
}
.free_download_submit:active {
position: relative; top:1px;
}
#readmore {
margin: 0px;
display: block;
width: 150px;
height: 30px;
background: #ffefe6;
color: #ee626a;
}
#readmore:hover { 
background: #fbbdb7;
color: #fff;
}
input[type="button"],
input[type="submit"],
a.button, button.button, input.button, #respond input#submit, #content input.button {
background: #fde7dd !important;
border: 1px solid #fde7dd !important;
color: #ee626a !important;
cursor: pointer;
font-size: 14px;
font-weight: normal;
line-height: 18px;
padding: 4px 7px;
text-transform: uppercase;
text-decoration: none;
}
input:hover[type="button"],
input:hover[type="submit"],
a.button:hover, button.button:hover, input.button:hover, #respond input#submit:hover, #content input.button:hover {
background: #ffa6a6 !important;
border: 1px solid #ffa6a6 !important;
color: #fff !important;
text-decoration: none;
}
input:active[type="button"],
input:active[type="submit"],
a.button:active, button.button:active, input.button:active, #respond input#submit:active, #content input.button:active {
position: relative; top: 1px;
}
a.button, button.button, input.button, #respond input#submit, #content input.button {
box-shadow: none !important;
text-shadow: none !important;
border-radius: none !important;
font-size: 14px !important;
font-weight: normal !important;
} #searchsubmit {
background: #fde7dd;
height: 26px;
border: 1px solid #fde7dd;
color: #f79590;
cursor: pointer;
font-family: 'Playfair Display', Baskerville, "Baskerville Old Face", 'Fanwood Text', Georgia, Times, serif;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
letter-spacing: .15em;
padding: 0;
text-transform: uppercase;
text-decoration: none;
display: inline;
width: 32%;
}
#searchsubmit:hover {
background: #fbbdb7;
border: 1px solid #fbbdb7;
color: #fff;
text-decoration: none;
}
#searchsubmit:active {
position: relative; top: 1px;
} @media screen and (min-width: 600px) and (max-width: 768px) {
input#s {
width: 62%;
}
#searchsubmit {
width: 30%;
font-size: 11px;
}	
} #searchform {
margin: 0px;
padding: 0px;
}
#searchform label {	
display: none;
}
input#s {
background: #FAF9EF;
float: left;
width: 60%;
height: 18px;
border: 1px solid #F2EFD9;
font-family: 'Playfair Display', Baskerville, "Baskerville Old Face", 'Fanwood Text', Georgia, Times, serif;
color: #5F6062;
font-size: 13px;
line-height: 1.5;
margin: 0px 3% 0px 0px;
padding: 3px 4px;
outline: 0px;
display: inline;
}
input#s:focus {
border: 1px solid #ffa6a6;
} .widget_tag_cloud div {
padding: 5px 5px;
overflow: hidden;
}
.widget_tag_cloud a {  
line-height: 1;
}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus {
text-decoration: underline;
} #cat,
.widget_archive select {
background: #fffadc;
border: 1px solid #fffadc;
display: inline;
font-size: 12px;
margin: 10px 10px 0px;
padding: 3px;
width: 90%;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
font-size: 12px;
font-style: italic;
padding: 2px 5px 0px 0px;
text-align: right;
}
#wp-calendar thead {
background-color: #f5f5f5;
font-size: 15px;
font-weight: bold;
margin: 10px 0px 0px;
text-align: center;
height: 35px;
border-bottom: 1px solid #5F6062;
}
#wp-calendar td {
background-color: #f5f5f5;
padding: 2px;
text-align: center;
} #cycle {
background: #fff;
width: 100%;
max-width: 960px;
height: auto;
margin: 0px auto;
padding: 0px;
text-align: center;
border-bottom: none;
}
#cycle img {
width: 100%;
max-width: 960px;
height: auto;
margin: 0px;
padding: 0px;
}
#cycle .nivo_slider a.nivo-nextNav {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/arrows-next.png) no-repeat scroll 0 0 transparent !important;
right: 5px;
}
#cycle .nivo_slider a.nivo-prevNav {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/arrows-prev.png) no-repeat scroll 0 0 transparent !important;
left: 5px;
}
#cycle .nivo_slider_container {
width: 100%;
max-width: 960px;
height: auto;
}
.ngg-slideshow, .ngg-slideshow img{
max-width: 100%;
height: auto;
margin: 5px auto 15px;
} div.gform_wrapper input {
color: #5F6062;
font-size: 15px !important;
padding: 4px 4px !important;
width: 340px !important;
}
.gfield_label {
font-size: 90% !important;
}
#main .gform_wrapper ul.gfield_checkbox, 
#main .gform_wrapper ul.gfield_radio {
padding: 0px 10px;
}
.gform_wrapper select {
font-size: 15px !important;
width: 350px !important;
}
.gform_wrapper textarea {
color: #5F6062;
font-size: 15px !important;
padding: 4px 4px !important;
width: 98% !important;
}
.gform_wrapper li,
.gform_wrapper form li {
background: none !important;
list-style-type: none !important;
list-style-image: none !important;
list-style: none !important;
overflow: visible;
margin: 0px;
padding: 0px;
}
div.gform_footer input.button {
background: #fde7dd;
border: 1px solid #fde7dd;
color: #f79590;
cursor: pointer;
font-size: 14px;
font-weight: normal;
line-height: 19px;
padding: 4px 7px;
text-transform: uppercase;
text-decoration: none;
width: 100px !important;
}
div.gform_footer input.button:hover {
background-color: #fbbdb7;
border: 1px solid #fbbdb7;
color: #fff;
text-decoration: none;
}
div.gform_footer input.button:active {
position: relative; top: 1px;
} .pibfi_pinterest {
display: block !important;
} #portfoliopage .nivo_slider_controlNavImages .nivo-controlNav img {
display: inline !important;
position: relative !important;
zoom: 1;
opacity:0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50); border:1px #d2c09f solid;
transition: opacity 0.5s linear 0s;  -moz-transition: opacity 0.5s linear 0s; -webkit-transition: opacity 0.5s linear 0s; -o-transition: opacity 0.5s linear 0s; }
#portfoliopage .nivo_slider_controlNavImages .nivo-controlNav a.active img {
zoom: 1;
opacity:1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
border:1px #c7b390 solid;
box-shadow: 0px 0px 4px #c9bfbc;
-moz-box-shadow: 0px 0px 4px #c9bfbc;
-webkit-box-shadow: 0px 0px 4px #c9bfbc;
}
#portfoliopage .nivo_slider_controlNavImages .nivo-controlNav a:hover img {
zoom: 1;
opacity:1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
border:1px #c7b390 solid;
box-shadow: 0px 0px 4px #c9bfbc;
-moz-box-shadow: 0px 0px 4px #c9bfbc;
-webkit-box-shadow: 0px 0px 4px #c9bfbc;
}
#portfoliopage div#slider {
height: 675px !important;
width: 900px !important;
}
#portfoliopage div#slider_container .nivo_slider .nivo-controlNav {
width: 900px !important;
}
#portfoliopage div#slider_container {
padding-top: 10px;
padding-bottom: 75px;
}
#portfoliopage div#slider_container .nivo-controlNav {
bottom: -75px;
}
#portfoliopage div#slider_container .nivo-controlNav img {
margin-right: 12px !important;
width: 75px !important;
height: 56px !important;
margin:5px 0px;
}
#portfoliopage div#slider_container .nivo-controlNav img.first_thumb {
margin-left: 10px;
}
.nivo_slider .nivo-caption {
display:none !important;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 18px;
text-align: left;
text-shadow: none;
}
.nivo_slider .nivo-controlNav a {
font-size: 15px !important;
color: #5F6062 !important;
}
.nivo_slider a.nivo-nextNav {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/arrows-next.png) no-repeat scroll 0 0 transparent !important;
right: 5px;
}
.nivo_slider a.nivo-prevNav {
background: url(//junelily.com/wp-content/themes/junelily-responsive/images/arrows-prev.png) no-repeat scroll 0 0 transparent !important;
left: 5px;
}  .ngg-albumoverview {
margin-top: 10px;
width: 100%;
clear:both; 
display:block !important;}
.ngg-album {
height: 100%;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #fff;}  html>body .ngg-album {
overflow:hidden;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;} 
.ngg-album {
overflow: hidden;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;}
.ngg-albumtitle {
text-align: left;
font-weight: bold;
margin:0px;
padding:0px;
font-size: 1.4em;
margin-bottom: 10px;}
.ngg-thumbnail {
float: left;
margin-right: 12px;}
.ngg-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;}
.ngg-thumbnail img:hover {
background-color: #A9A9A9;}
.ngg-description {
text-align: left;} .ngg-album-compact {
float:left;
height:180px;
padding-right:6px !important;
margin:0px !important; 
text-align:left;
width:120px;	}
.ngg-album-compactbox {
background:transparent url(//junelily.com/wp-content/themes/junelily-responsive/albumset.gif) no-repeat scroll 0%;
height:86px;
margin:0pt 0pt 6px !important;
padding:12px 0pt 0pt 7px !important;
width:120px;}
.ngg-album-compactbox .Thumb {
border:1px solid #000000;
margin:0px !important;
padding:0px !important;
width:91px; 
height:68px;}
.ngg-album-compact h4 {
font-size:15px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
width:110px;}
.ngg-album-compact p {
font-size:11px;
margin-top:2px;} .ngg-galleryoverview {
overflow: hidden;
margin-top: 0px;
width: 100%;
clear:both; 
display:block !important;
padding: 0 10px 0 0;}
.ngg-galleryoverview .desc { margin:0px 10px 10px 0px;
padding:5px;}
#main .ngg-gallery-thumbnail-box {
float: none;
width: 100%;
margin: 0 auto;
padding: 15px 0;}
.ngg-gallery-thumbnail {
float: none;
margin: 0 auto 10px;
text-align: center;}
#main .ngg-gallery-thumbnail img {
background-color:#FFFFFF;
display:block;  
margin:4px auto;
padding:7px !important;
position:relative;
box-shadow: 0px 0px 5px #e6e6e6;
-moz-box-shadow: 0px 0px 5px #e6e6e6;
-webkit-box-shadow: 0px 0px 5px #e6e6e6;
border: 1px solid #e6e6e6;
width: 100%;
max-width: 400px;
height: auto;}
.ngg-bookgallery-thumbnail img {
background-color:#FFFFFF;
display:block;  
margin:4px 0px 4px 0px;
padding:5px !important;
position:relative;
box-shadow: 0px 0px 5px #e6e6e6;
-moz-box-shadow: 0px 0px 5px #e6e6e6;
-webkit-box-shadow: 0px 0px 5px #e6e6e6;
border: 1px solid #e6e6e6;}
.ngg-gallery-thumbnail img:hover {
background-color: #fdf3ed;
border: 1px solid #daeeee;} 
.ngg-bookgallery-thumbnail img:hover {
background-color: #fdf3ed;
border: 1px solid #daeeee;} 
.ngg-gallery-thumbnail span { font-size:90%;
padding-left:5px;
display:block;}
.ngg-clear {
clear: both;} @media screen and (min-width: 600px) {
#main .ngg-gallery-thumbnail-box {
float: left;
width: 46%;
margin: 0 3% 0 1%;
padding: 15px 0;}
.ngg-gallery-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 10px;
text-align: center;
width: 100%;}
#main .ngg-gallery-thumbnail img {
background-color:#FFFFFF;
display:block;  
margin:4px 0px 4px 5px;
padding:7px !important;
position:relative;
box-shadow: 0px 0px 5px #e6e6e6;
-moz-box-shadow: 0px 0px 5px #e6e6e6;
-webkit-box-shadow: 0px 0px 5px #e6e6e6;
border: 1px solid #e6e6e6;
width: 100%;
max-width: 400px;
height: auto;}
} @media screen and (min-width: 963px) {
#main .ngg-gallery-thumbnail-box {
float: left;
width: 46%;
margin: 0 0 0 3%;
padding: 15px 0;}
} .ngg-navigation {
font-size:20px !important;
clear:both !important;
display:block !important;
text-align:center;
padding:20px 0px;
color: #ee626a !important;
border-top: 2px dotted #b59b6e;}
.ngg-navigation span {
font-weight:bold;
margin:6px;}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
border: none;
margin:5px !important;
padding: 3px 7px !important;}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #fda18a;
color: #FFFFFF !important;
text-decoration: none !important;} .ngg-imagebrowser h3 {
text-align:center;}
.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin-top: 10px; 
margin-bottom: 10px; 
width: 100%;
display:block !important;
padding:5px;}
.ngg-imagebrowser-nav {
padding:5px;
margin-left:10px;
}
.ngg-imagebrowser-nav .back {
float:left;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;}
.ngg-imagebrowser-nav .next {
float:right;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;}
.ngg-imagebrowser-nav .counter {
text-align:center;
font-size:0.9em !important;}
.exif-data {
margin-left: auto !important;
margin-right: auto !important;} .slideshow {
margin-left: auto; 
margin-right: auto;
text-align:center;
outline: none;	} .ngg-slideshow {
overflow:hidden;
position: relative;}
.ngg-slideshow * {
vertical-align:middle;} .ngg-slideshow-loader{
display: table-cell;
text-align: center;
vertical-align:middle;}
.ngg-slideshow-loader img{
background: none !important; 
border: 0 none !important;
margin:auto !important; } .ngg-singlepic {
background-color:#FFFFFF;
display:block;  
padding:4px;}
.ngg-left {
float: left;
margin-right:10px;}
.ngg-right {
float: right;
margin-left:10px;}
.ngg-center {
margin-left: auto !important;
margin-right: auto !important;} .ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
text-align:left;}
.ngg-widget img {
border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px; 
padding:1px; } .ngg-related-gallery {
background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;}
.ngg-related-gallery img {
border: 1px solid #DDDDDD;
float: left;
margin: 0pt 3px;
padding: 2px;
height: 50px;
width:  50px;}
.ngg-related-gallery img:hover {
border: 1px solid #000000;} .ngg-galleryoverview ul li:before {
content: '' !important;}
.ngg-gallery-list {
list-style-type:none;
padding: 0px !important;
text-indent:0px !important;	}
.ngg-galleryoverview div.pic img{
width: 100%;	}
.ngg-gallery-list li {
float:left;
margin:0 2px 0px 2px !important;
overflow:hidden;}
.ngg-gallery-list li a {
border:1px solid #CCCCCC;
display:block;
padding:2px;}
.ngg-gallery-list li.selected a{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;}
.ngg-gallery-list li img {
height:40px;
width:40px;}
li.ngg-next, li.ngg-prev {
height:40px;
width:40px;	
font-size:3.5em;}
li.ngg-next a, li.ngg-prev a  {
padding-top: 10px;
border: none;
text-decoration: none;} .ie8 #sidebar .right img,
.ie8 #sidebar .left img,
.ie8 #sidebar .freebiesright img,
.ie8 #sidebar .freebiesleft img,
.ie8 #contentwide img,
.ie8 #contentsmall img,
.ie8 #contentfull img {  
width: auto;
}
.ie8 #headerright img, 
.ie8 #sidebar img, 
.ie8 .wp-caption img,
.ie8 .entry-content img,
.ie8 .entry-contentfull img,
.ie8 .home-content img {  
width: auto;
}
.ie7 .post-entry-header {
display: block;
}
.ie7 .post-date-wrap {
float: left;
position: none;
top: 0%;
display: block;
vertical-align: none; 
}
.ie7 .post-date {
padding: 12px 0px;
}
.ie7 .post-title-wrap {
float: right;
position: none;
top: 0%;
display: block;
vertical-align: none;
}
.ie7 .post-title {
padding: 15px 0px 0px 10px;
} .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; } @media only screen and (min-width: 35em) {
} @media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } 
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}