/*universal*/

body {
background-image: url(../images/body-back.jpg);
background-repeat: repeat-x;
background-color: #F7FAEF;
}
a:link {
color: #fdf7f7;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #fdf7f7;
}
a:hover {
text-decoration: none;
color: #ABB09E;
}
a:active {
text-decoration: none;
color: #fdf7f7;
}
a {
font-family: serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 136px;
color: #fdf7f7;
letter-spacing: -5px;
clear: both;
font-weight: normal;
text-align: center;
line-height: 100px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 48px;
color: #fdf7f7;
letter-spacing: -3px;
clear: both;
font-weight: normal;
text-align: center;
line-height: 60px;
margin: 0px;
padding: 0px;
font-style: normal;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
color: #fdf7f7;
letter-spacing: -1px;
clear: both;
font-weight: normal;
text-align: left;
line-height: 30px;
margin: 0px;
padding: 0px;
text-decoration: underline;
text-transform: capitalize;
margin-bottom: 10px;
margin-top: 10px;
}
#container {
width: 880px;
background-image: url(../images/main-back.jpg);
background-repeat: repeat-x;
background-color: #000;
margin-top: 20px;
margin-bottom: 20px;
padding: 40px;
margin: auto;
z-index: 1;
position: relative;
border: 2px ridge #fdf7f7;
border-left: 2px groove #fdf7f7;
border-top: 2px groove #fdf7f7;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 20px;
}

#outer {
width: 1190px;
margin: auto;
background-image: url(../images/brackets.png);
background-repeat: no-repeat;
background-position: 0 100px;
}
.divider {
background-color: #333333;
height: 1px;
border-top: 1px solid #000;
margin: 0px;
clear: both;
}

.divider-top {
background-color: #545454;
height: 1px;
border-top: 1px solid #212121;
margin: 0px;
clear: both;
}

.divider-footer {
background-color: #545454;
height: 1px;
border-top: 1px solid #000000;
margin: 0px;
clear: both;
}

/*header*/
#header {
color: #dee7c8;
background: url(../images/sally-title02.png) top no-repeat;
}
#header h1 {
	text-indent: -9999px;
}
#header h2 a {
color: #dee7c8;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 48px;
letter-spacing: -3px;
clear: both;
font-weight: normal;
text-align: center;
line-height: 60px;
margin: 0px;
padding: 0px;
font-style: normal;
}
#header h2 a:visited {
color: #dee7c8;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 48px;
letter-spacing: -3px;
clear: both;
font-weight: normal;
text-align: center;
line-height: 60px;
margin: 0px;
padding: 0px;
font-style: normal;
}
#header h2 a:hover {
color: #fdf7f7;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 48px;
letter-spacing: -3px;
clear: both;
font-weight: normal;
text-align: center;
line-height: 60px;
margin: 0px;
padding: 0px;
font-style: normal;
}
#header h2 a:active {
color: #dee7c8;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 48px;
letter-spacing: -3px;
clear: both;
font-weight: normal;
text-align: center;
line-height: 60px;
margin: 0px;
padding: 0px;
font-style: normal;
}
.quote {
float: right;
width: 300px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 12px;
color: #abb09e;
text-align: right;
}

/*main content*/
.article {
padding: 10px;
width: 680px;
float: right;
display: inline;
text-align: justify;
color: #FDF7F7;
font-size: 14px;
font-weight: normal;
letter-spacing: normal;
}
.article h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
color: #fdf7f7;
letter-spacing: -1px;
clear: both;
font-weight: normal;
text-align: left;
line-height: 36px;
margin: 0px;
padding: 0px;
text-decoration: none;
margin-bottom: 25px;
}
.article h2 a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
color: #fdf7f7;
letter-spacing: -1px;
clear: both;
font-weight: normal;
text-align: left;
line-height: 36px;
margin: 0px;
padding: 0px;
text-decoration: none;
margin-bottom: 25px;
font-style: normal;
}
.article .digg-this {
color: #454749;
position: absolute;
right: 5px;
font-family: serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
width: 300px;
margin-top: -20px;
}
.digg-this a:link {
color: #454749;
position: absolute;
right: 45px;
font-family: serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
}
.article .digg-this a:visited {
color: #454749;
position: absolute;
right: 45px;
font-family: serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
}
.article .digg-this a:hover {
color: #ABB09E;
position: absolute;
right: 45px;
font-family: serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
}
.article .digg-this a:active {
color: #454749;
position: absolute;
right: 45px;
font-family: serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
}
.article .digg-this a {
color: #454749;
position: absolute;
right: 45px;
font-family: serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
}
.body-text {
font-family: "Helvetica Neue", Helvetica, Arial;
color: #c9c8c8;
font-weight: lighter;
}


/*sidebar*/
#sidebar ul {
margin: 0px;
padding: 0px;
}
#sidebar li {
list-style-type: none;
list-style-position: outside;
color: #9fa58f;
font-style: italic;
font-weight: normal;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 1px;
}
#sidebar li a {
list-style-type: none;
list-style-position: outside;
color: #9fa58f;
font-style: italic;
font-weight: normal;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
}
#sidebar li a:visited {
list-style-type: none;
list-style-position: outside;
color: #9fa58f;
font-style: italic;
font-weight: normal;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
}
#sidebar li a:hover {
list-style-type: none;
list-style-position: outside;
color: #fdf7f7;
font-style: italic;
font-weight: normal;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
}
#sidebar li a:active {
list-style-type: none;
list-style-position: outside;
color: #9fa58f;
font-style: italic;
font-weight: normal;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
}

#sidebar {
width: 150px;
float: left;
display: inline;
}
.ampersand {
color: #abb09e;
font-size: 200px;
line-height: 160px;
}
.your-words {
color: #ABB09E;
font-size: 26px;
line-height: 24px;
}

.about {
color: #454749;
width: 600px;
float: right;
font-size: 14px;
line-height: 18px;
}

.about h3 {
color: #454749;
text-decoration: underline;
font-size: 16px;
padding-top: 5px;
}

/*footers*/
#footer-1 {
clear: both;

}
#footer-2 {
clear: both;
padding-top: 40px;
padding-bottom: 20px;
}


#footer-1 {
clear: both;
padding-top: 40px;
}









.about img {
margin-top: 25px;
border: 1px solid #000;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 0px;
}
.credits {
font-size: 13px;
color: #83867A;
text-align: center;
padding-top: 5px;
letter-spacing: 1px;
}

.credits  a:link {
font-size: 13px;
color: #83867A;
text-align: center;
padding-top: 20px;
letter-spacing: 1px;
font-style: normal;
font-weight: normal;
}
.credits  a:visited{
font-size: 13px;
color: #83867A;
text-align: center;
padding-top: 20px;
letter-spacing: 1px;
font-style: normal;
font-weight: normal;
}
.credits  a:hover {
font-size: 13px;
color: #fff;
text-align: center;
padding-top: 20px;
letter-spacing: 1px;
font-style: normal;
font-weight: normal;
}
.credits  a:active {
font-size: 13px;
color: #83867A;
text-align: center;
padding-top: 20px;
letter-spacing: 1px;
font-style: normal;
font-weight: normal;
}

.footer-big {
font-size: 48px;
color: #282A2B;
line-height: 30px;
font-style:normal;
}
.footer-big a:link {
font-size: 48px;
color: #282A2B;
line-height: 30px;
font-style:normal;
}
.footer-big a:visited {
font-size: 48px;
color: #282A2B;
line-height: 30px;
font-style:normal;
}
.footer-big a:hover {
font-size: 48px;
color: #83867A;
line-height: 30px;
font-style:normal;
}
.footer-big a:active {
font-size: 48px;
color: #282A2B;
line-height: 30px;
font-style:normal;
}

.footer-mid{
font-size: 36px;
color: #454749;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:link {
font-size: 36px;
color: #454749;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:visited {
font-size: 36px;
color: #454749;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:hover {
font-size: 36px;
color: #83867A;
left: 60px;
line-height: 30px;
font-style:normal;
}
.footer-mid a:active {
font-size: 36px;
color: #454749;
left: 60px;
line-height: 30px;
font-style:normal;
}

.footer-small {
font-size: 18px;
color: #454749;
line-height: 30px;
font-style:normal;
}

.footer-small a:link {
font-size: 18px;
color: #454749;
line-height: 30px;
font-style:normal;
}
.footer-small a:visited {
font-size: 18px;
color: #454749;
line-height: 30px;
font-style:normal;
}
.footer-small a:hover {
font-size: 18px;
color: #83867A;
line-height: 30px;
font-style:normal;
}
.footer-small a:active {
font-size: 18px;
color: #454749;
line-height: 30px;
font-style:normal;
}

/*navigation*/
#nav {
	clear: both;
	width: 100%;
	text-align: center;
}

#nav ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#nav li, #nav li a  {
	display: inline;
	color: #fdf7f7;
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
	text-decoration: none;
	font-style: normal;	
	font-family: Georgia, "Times New Roman", Times, serif;
}

#nav li {
	margin: 0 5px 0 5px;
}

/*homepage content*/

#flickr-images {
	text-align: center;
}

#flickr-images img {
	margin-top: 25px !important;
	border: 2px solid #ABB09E !important;
	margin-right: 10px !important;
	margin-bottom: 20px !important;
	margin-left: 10px !important;
	height: 100px;
	width: 100px;
}
#top-splash, #three-splash-column, #two-splash-column, #flickr-images, #header-splash {
	clear: both;
	width: 100%;
}

#top-splash {
	background:url(../images/splash-background-03.jpg) no-repeat top center;
	height: 445px;
	overflow: hidden;
	margin-top: 25px;
}
#top-splash img {
	margin-top: 25px;
	margin-left: 25px;
}
#three-splash-column, #two-splash-column {
	margin-top: 15px;
	overflow: hidden;
	color: #fdf7f7;
}

.three-column {
	width: 	275px;
	float: left;
}

.three-column-middle {
	width: 	280px;
	margin-left: 25px;
	margin-right: 25px;
	float: left;
}

#three-splash-column h3 {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #fdf7f7;
	letter-spacing: -1px;
	clear: both;
	font-weight: normal;
	line-height: 36px;
	margin: 0px;
	padding: 0px;
	text-decoration: none
}
#three-splash-column ul {
	margin-left: 0px;
	list-style: none;
	padding-left: 0px;
}

#three-splash-column li {
	padding-bottom: 10px;
}

#three-splash-column a {
	color: #ABB09E;
	font-style: normal;
	text-decoration: none;
}
.pink {
	color: #ff6600 !important;
}

.two-column, .two-column-right {
	width: 427px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.two-column-right {
	margin-left: 26px;
}
#mc_embed_signup {
	margin-top: 25px;
}
.mc-field-group {
	height: 35px;
}
.MCE-LABEL {
	width: 100px !important;
	float: left;
}
#mce-EMAIL, #mce-FNAME, #mce-LNAME {
	width: 170px;
	float: right;	
}
#mc-embedded-subscribe {
  border: 1px solid #777777;
  background: #ABB09E;
  color: white;
  font: bold 11px 'Georgia';
  padding: 4px;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 10px;
  width: 200px;
  margin-left: 40px;
}


.twitter {
width: 425px;
height: 190px;
color: #000;
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 0px;
float: left;
clear: both;
background: url(../images/twitter-background.png) no-repeat;
overflow: hidden;
}

.twitter ul {
margin: 0px 20px 0px 20px;
padding: 0px;
}

.twitter li {
width: 385px;
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 20px;
list-style-position: inside;
list-style-type: none;
}
.twitter li span {
	float: left;
	width: 100%;
}
.twitter a:link, .twitter a:visited, .twitter a:hover, .twitter a:active {
color: #ABB09E;
font-style: normal;
font-size: 20px;
}
#twitter-follow {
	height: 110px;
	background: url(../images/twitter-follow.png) no-repeat;
	width: 300px;
	float: left;
	margin-top: 5px;
	padding-left: 125px;
	padding-top: 15px;
}
.facebook {
	background: url(../images/facebook-follow.png) no-repeat;
	height: 315px;
}
.fb-like {
	margin-left: 120px;
	margin-top: 137px;
}
.fb-fanbox {
	width: 415px;
	float: left;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 10px;
}
#header-splash {
	background:url(../images/header-background.jpg) no-repeat top center;
	height: 113px;
	overflow: hidden;
	margin-top: 25px;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 25px;
}

.shopify-widget {
	margin-left: 615px;
	margin-top: 315px;
}

/* The original site predates mobile layouts; these rules only prevent clipping. */
img { max-width: 100%; height: auto; }
a[aria-disabled="true"], area[aria-disabled="true"] { cursor: default; }
@media (max-width: 960px) {
  body { margin: 0; }
  #outer { width: 100%; background-image: none; }
  #container { box-sizing: border-box; width: 100%; margin: 0; padding: 20px; border-left: 0; border-right: 0; }
  #header { padding-top: 78px; background-position: top center; background-size: 100% auto; }
  #header > .quote { float: none; width: 100%; margin-bottom: 12px; text-align: center; }
  #header > .quote > .quote { float: none; width: 100%; text-align: center; }
  #header h1 { height: 0; font-size: 0; line-height: 0; }
  #header h2, #header h2 a { font-size: 28px; line-height: 1.25; letter-spacing: 0; }
  #nav li, #nav li a { font-size: 18px; line-height: 28px; }
  #top-splash, #header-splash, #three-splash-column, #two-splash-column, #flickr-images { width: 100%; }
  #top-splash { height: auto; aspect-ratio: 880 / 445; background-size: 100% auto; }
  #header-splash { box-sizing: border-box; height: auto; aspect-ratio: 880 / 123; background-size: 100% auto; padding-top: 1%; }
  .three-column, .three-column-middle, .two-column, .two-column-right { box-sizing: border-box; width: 100%; float: none; margin: 0 0 20px; }
  #sidebar { width: 100%; float: none; }
  .article { width: 100%; float: none; }
  .twitter { box-sizing: border-box; width: 100%; background-size: 100% 100%; }
  .twitter li { box-sizing: border-box; width: 100%; }
  #twitter-follow { box-sizing: border-box; width: 100%; padding-left: 32%; background-size: contain; }
  .facebook { width: 100%; height: auto; min-height: 190px; background-size: contain; }
  #footer-1, #footer-2 { width: 100%; box-sizing: border-box; }
}