/*
*
*	lollyella_basic.css
*
*
**************************************************************** */

/*
* ##############################################################
*	Overall page styling
* ##############################################################
**************************************************************** */


/*
*	Styling for all elements
*	Remove margins and padding from all elements
*	Set the font properties
**************************************************************** */
* {
	margin: 0px;
	padding: 0px;
	color: #515151;
	font-family: "Georgia1", "Georgia","serif";
	}

	
/*
*	What happens when the user moves the focus to an element
*	Remove the dotted border around an element when it gains
*	the focus
**************************************************************** */
:focus {
	outline: none;
	border: none;
}

/*
*	BODY
**************************************************************** */
body {
	background-color: #FFF;
	}

/*
*	BG
*	Set the background for the pages
**************************************************************** */
body {
	background: url('../images/bg/RepeatingFabricSwatch250x250.jpg') repeat scroll left top;
	}
	
#repeating-header-gradient {
	background: url('../images/bg/RepeatingGradient610x250.jpg') repeat-x scroll left top;
	width: 100%;
	height: 610px;
	position: absolute;
	z-index: -999;
	}

/*
*	Unordered lists and list elements
*	Remove the standard disc bullets
**************************************************************** */
ul, li {
	list-style-type: none;
	}

/*
*	Anchors / Hyperlinks
*	Remove the standard formatting
**************************************************************** */
a {
	outline: none;
	border: none;
	color: #515151;
	text-decoration: none;
	}
a:hover {
	outline: none;
	border: none;
	color: #888;
	text-decoration: underline;
	}

/*
*	Headings
*	Remove the standard formatting
**************************************************************** */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
h1 {
	font-size: 26px;
	}
h2 {
	color: #bc2c6c;
	font-size: 17px;
	}
h3 {
	font-size: 18px;
	}
h4 {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	}

/*
*	WRAPPER
*	The container for all the content of each page
**************************************************************** */
#wrapper {
	border: 1px solid #FFF;
	background-color: #FFF;
	width: 1033px;
	margin: 0 auto;
	text-align: center;
	}

/*
*	HEADER
*	The header of the content area ('wrapper')
**************************************************************** */
#header {
	border-bottom: none;
	width: 1033px;
	height: 88px;
	margin-top: 44px;
	float: left;
	}

/*
*	CONTENT
*	The primary content section of each page, "live area"
**************************************************************** */
#content {
	border: 3px solid #515151;
	background-color: #FFF;
	width: 1027px;
	float: left;
	clear: left;
	}

/*
*	FOOTER
*	The footer section of each page
**************************************************************** */
#footer {
	width: 1033px;
	float: left;
	clear: left;
	}
	
/*
*	WORDMARK logo
*	The primary navigation of each page
**************************************************************** */
#wordmark {
	background: url('../images/logos/Lollyella_wordmark_223x88.jpg') no-repeat scroll center center;
	width: 223px;
	height: 88px;
	float: left;
	}
	
/*
*	NAV
*	The primary navigation of each page
**************************************************************** */
#nav {
	margin: 20px 0 0 15px;
	}
#nav, #nav ul, #nav li {
	float: left;
	}
#nav ul li a {
	padding: 20px;
	float: left;
	font-size: 16px;
	font-weight: normal;
	}
	
/*
*	SOCIAL
*	The social media icons / links in the header
**************************************************************** */
#social {
	margin-top: 35px;
	float: right;
	}
#social ul, #social ul li {
	float: left;
	}
#social ul li a {
	float: left;
	width: 28px;
	height: 28px;
	}
#social #fb a {
	background: url('../images/logos/FB_up.jpg') no-repeat scroll center center;
	margin-right: 10px;
	}
#social #fb a:hover {
	background: url('../images/logos/FB_hover.jpg') no-repeat scroll center center;
	}
#social #twitter a {
	background: url('../images/logos/Twitter_up.jpg') no-repeat scroll center center;
	}
#social #twitter a:hover {
	background: url('../images/logos/Twitter_hover.jpg') no-repeat scroll center center;
	}


	
/*
*	left-column
*	The left-hand column of the content area
**************************************************************** */
#left-column {
	width: 224px;
	float: left;
	}
	
/*
*	top-left
*	The top-left content box within the left-column content area
*	Used to highlight/callout a certain jewelry piece or bit of 
*	key information
**************************************************************** */
#left-column #top-left {
	border-bottom: 3px solid #515151;
	background: url('../images/LollyElla_TopLeft_224x247.jpg') no-repeat scroll center center;
	width: 224px;
	height: 247px;
	}
#left-column #top-left h1 {
	margin: 0 0 125px;
	padding-top: 15px;
	}
#left-column #top-left h3 {
	margin-bottom: 5px;
	}
#left-column #top-left p {
	font-size: 10px;
	}
	
/*
*	bottom-left
*	The bottom-left content box within the left-column content area
*	Used for news updates and bulletted items
**************************************************************** */
#left-column #center-left {
	border-bottom: 3px solid #515151;
	}
#left-column #center-left a {
	display: block;
	text-decoration: none;
	}
#left-column #center-left a:hover {
	text-decoration: none;
	}
	
/*
*	bottom-left
*	The bottom-left content box within the left-column content area
*	Used for news updates and bulletted items
**************************************************************** */
#left-column #bottom-left {
	color: #515151;
	}
#left-column #bottom-left h1 {
	margin: 10px 0;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	}
#left-column h2,
#left-column p {
	padding-left: 13px;	
	}
#left-column #bottom-left h2 {
	background: url("../images/arrow.jpg") no-repeat scroll left center;
	font-size: 12px;
	}
#left-column #bottom-left p {
	font-size: 10px;
	}
#left-column #bottom-left ul {
	text-align: left;
	padding-left: 0;
	}
#left-column #bottom-left li {
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-right: 10px;
	}
#left-column #bottom-left li.last {
	margin-bottom: 0;
	}
	
/*
*	MAIN
*	The main section of the content area
**************************************************************** */
#main {
	border-left: 3px solid #515151;
	width: 800px;
	min-height: 570px;
	float: right;
	}
	
	
/*
*	COPYRIGHT
*	The copyright info that goes into the footer
**************************************************************** */
#copyright {
	margin-left: 15px;
	padding-top: 10px;
	float: left;
	color: #464646;
	font-size: 10px;
	letter-spacing: 1px;
	}

/*
*	footer
**************************************************************** */
#footer {
	background-color: transparent;
	}


/*
*	footer : rounded corners
**************************************************************** */
#rounded-left-corner {
	background: url('../images/bg/left_corner_footer_9x48px.png') no-repeat scroll center center;
	float: right;
	width: 9px;
	height: 48px;
	}
#rounded-right-corner {
	background: url('../images/bg/right_corner_footer_9x48px.png') no-repeat scroll center center;
	float: right;
	width: 9px;
	height: 48px;
	}
	
/*
*	footer : cc-email-signup
**************************************************************** */
.cc-email-signup {
	background-color: #FFF;
	width: 500px;
	float: right;
	}

	
/*
*	footer : cc-email-signup : logos
**************************************************************** */
.cc-email-signup #logo-container {
	padding-left: 25px;
	padding-right: 14px;
	float: left;
	}
.cc-email-signup #logo-container .logo {
	display: block;
	float: left;
	margin-top: 3px;
	}
.cc-email-signup #logo-container #wedding-logo {
	margin-left: 25px;
	}
	
/*
*	footer : cc-email-signup : form
**************************************************************** */
.cc-email-signup form {
	background-color: #fff;
	width: 333px;
	float: right;
	padding: 0px;
	}
	
/*
*	footer : cc-email-signup : span.message
**************************************************************** */
.cc-email-signup span.message {
	color: #bc2c6c;
	margin: 5px 15px 0;
	float: left;
	font-family: "Tahoma";
	font-size: 11px;
	font-weight: bold;
	}
	
/*
*	footer : cc-email-signup : input
**************************************************************** */
.cc-email-signup .input {
	border: 2px solid #444;
	background-color: #bc2c6c;
	width: 145px;
	margin: 5px 0 0;
	float: left;
	color: #c0c0c0;
	font-family:'Verdana','Geneva','Arial','Helvetica','sans-serif';
	font-size:11px;
	font-weight: bold;
	}
	
/*
*	footer : cc-email-signup : submit
**************************************************************** */
.cc-email-signup .submit {
	margin: 5px 0 0;
	padding: 0 5px 0 0;
	float: right;
	}
	
/*
*	footer : cc-email-signup : SafeSubscribe
**************************************************************** */
.cc-email-signup .SafeSubscribe {
	width: 198px;
	height: 17px;
	float: right;
	text-align: left;
	}

	
	
/*
* ##############################################################
*	HOME page specific
* ##############################################################
**************************************************************** */

	

/*
* ##############################################################
*	CONTACT page specific
* ##############################################################
**************************************************************** */

/*
*	contact : main
**************************************************************** */
#contact #main {
	text-align: left;
	line-height: 1.4em;
	}	
	
/*
*	contact : main : map
**************************************************************** */
#contact #main #map {
	background: url('../images/LollyElla_MAP_355x265.jpg') no-repeat scroll center center;
	width: 355px;
	height: 265px;
	margin: 110px 40px 0 75px;
	float: left;
	display: block;
	}
	
/*
*	contact : main : address
**************************************************************** */
#contact #main #address {
	margin-top: 140px;
	}
	
/*
*	contact : main : contact-info
**************************************************************** */
#contact #main #contact-info {
	margin-top: 25px;
	}
	
/*
*	contact : main : contact-info : email : a
**************************************************************** */
#contact #main #contact-info .email a {
	color: #bc2c6c;
	}
#contact #main #contact-info .email a:hover {
	color: #bc2c6c;
	}
	

/*
* ##############################################################
*	MEDIA page specific
* ##############################################################
**************************************************************** */

/*
*	media : bottom-left
**************************************************************** */
#media #bottom-left {
	border-bottom: 3px solid #515151;
	}
	
/*
*	media : main
**************************************************************** */
#media #main {
	background: url('../images/bg/LollyEllaJewelry_FlowerScroll.jpg') no-repeat scroll left top;
	text-align: left;
	}
	
/*
*	media : main : h1
**************************************************************** */
#media #main h1 {
	margin: 90px 0 0 60px;
	}
	
/*
*	media : main : media-wrapper
**************************************************************** */
#media #main #media-wrapper {
	margin-left: 60px;
	float: left;
	}
	
/*
*	media : main : media-item
**************************************************************** */
#media #main .media-item {
	width: 173px;
	margin: 50px 60px 25px 0;
	float: left;
	font-size: 12px;
	line-height: 18px;
	min-height: 380px;
	}
	
	
/*
*	media : main : media-item.clear
**************************************************************** */
#media #main .media-item.clear {
	clear: left;
	}
	
/*
*	media : main : media-item.last-item
**************************************************************** */
#media #main .media-item.last-item {
	
	}
	
/*
*	media : main : media-item : img
**************************************************************** */
#media #main .media-item .thumb {
	outline: none;
	border: none;
	width: 173px;
	height: 189px;
	}
	
/*
*	media : main : media-item-info
**************************************************************** */
#media #main .media-item-info {
	padding: 0 10px 0 15px;
	}
	
/*
*	media : main : media-item-info : h4
**************************************************************** */
#media #main .media-item-info h4 {

	}
	
/*
*	media : main : media-item-info : headline
**************************************************************** */
#media #main .media-item-info .headline {
	font-style: italic;
	}
	
/*
*	media : main : media-item-info : download
**************************************************************** */
#media #main .media-item-info .download {
	color: #bc2c6c;
	font-size: 11px;
	}
	

/*
* ##############################################################
*	COMMUNITY page specific
* ##############################################################
**************************************************************** */

/*
*	community
**************************************************************** */
#community #main {
	background: url('../images/bg/LollyEllaJewelry_FlowerScroll.jpg') no-repeat scroll left top;
	}
/*
#community .coming-soon-notice {
	margin-top: 245px;
	font-family: Georgia, Serif;
	font-size: 38px;
	color: #bc2c6c;
	}
*/
#community #main {
	width: 680px;
	padding: 90px 60px 15px 60px;
	text-align: left;
	}
#community #main h1 {
	}
#community #main p {
	margin: 15px 0;
	color: #777;
	font-size: 12px;
	line-height: 1.5em;
	}
#community #main ul#benefit-organizations {
	padding-left: 15px;
	color: #bc2c6c;
	}
#community #main ul#benefit-organizations li {
	background: url('../images/arrow.jpg') no-repeat scroll left center;
	padding: 7px 0 7px 20px;
	}
#community #main ul#benefit-organizations li a {
	color: #bc2c6c;
	}
	

/*
* ##############################################################
*	TRENDS page specific
* ##############################################################
**************************************************************** */

/*
*	trends
**************************************************************** */
#trends #main {
	background: url('../images/bg/Trends-TopScroll-800x160.jpg') no-repeat scroll center top;
	width: 680px;
	padding: 110px 60px 0 60px;
	text-align: left;
	}
#trends #main h1 {
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	color: #000;
	font-size: 32px;
	}
#trends #main .trend {
	margin: 25px 0 10px;
	float: left;
	clear: right;
	}
#trends #main .trend .thumbnail {
	float: left;
	}
#trends #main .trend .trend-content {
	margin-left: 210px;
	font-size: 15px;
	line-height: 1.3em;
	}
#trends #main .trend .trend-content h2 {
	margin-bottom: 10px;
	}
#trends #main .trend .trend-content .date {

	}
#trends #main .trend .trend-content p,
#trends #main .trend .trend-content a,
#trends #main .trend .trend-content a:hover {
	color: #747474;
	font-family: 'Tahoma', Geneva, sans-serif;
	}
#trends #main .trend .trend-content .view-more {
	border-bottom: 2px solid #000;
	width: 75%;
	margin-top: 15px;
	padding-bottom: 25px;
	font-size: 14px;
	}
	

/*
*	trends >> trend-sub-page
*	FONT COLORS
**************************************************************** */
#trends #main #gold-haze.trend .trend-content .date {
	color: #a9922e;
	}
#trends #main #jet-set.trend .trend-content .date {
	color: #000;
	}
#trends #main #pretty-bow-peep.trend .trend-content .date {
	color: #b55656;
	}
#trends #main #dazzling-deco.trend .trend-content .date {
	color: #32504a;
	}
#trends #main #luxe-crystals.trend .trend-content .date {
	color: #335a81;
	}
#trends #main #bold-bronze.trend .trend-content .date {
	color: #a76529;
	}
#trends #main #neutral-ground.trend .trend-content .date {
	color: #d26a34;
	}	
#trends #main #vintage-whim.trend .trend-content .date {
	color: #987a31;
	}	
#trends #main #modern-cool.trend .trend-content .date {
	color: #636064;
	}	
#trends #main #seaside-essentials.trend .trend-content .date {
	color: #f55f51;
	}	
#trends #main #bridal.trend .trend-content .date {
	color: #63482d;
	}	
#trends #main #indian-summer.trend .trend-content .date {
	color: #8c0f17;
	}
#trends #main #roman-holiday.trend .trend-content .date {
	color: #b75900;
	}
#trends #main #vintage-autumn.trend .trend-content .date {
	color: #bb4501;
	}
#trends #main #peacock-blue.trend .trend-content .date {
	color: #008fc4;
	}
#trends #main #femme-fatale.trend .trend-content .date {
	color: #513e43;
	}
	
/*
* ##############################################################
*	TRENDS >> trend sub-page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> trend-sub-page
**************************************************************** */
.trend-sub-page {

	}
.trend-sub-page #main {
	text-align: left;
	}
.trend-sub-page #main .back-link {
	background-color: #888;
	width: 3em;
	margin: 2px;
	padding: 5px;
	float: left;
	color: #fff;
	font-size: 20px;
	}
.trend-sub-page #main .back-link:hover {
	background-color: #333;
	}	
.trend-sub-page #main .back-link a {
	color: #fff;
	}

	

/*
* ##############################################################
*	TRENDS >> BOLD BRONZE page specific
* ##############################################################
**************************************************************** */
#bridal.trend-sub-page #main {
	background: url('../images/bg/BRIDAL-collage-800x570.jpg') no-repeat scroll center top;
	}

#modern-cool.trend-sub-page #main {
	background: url('../images/bg/ModernCool-collage-800x570.jpg') no-repeat scroll center top;
	}

#seaside-essentials.trend-sub-page #main {
	background: url('../images/bg/SeaSide--collage-800x570.jpg') no-repeat scroll center top;
	}

#neutral-ground.trend-sub-page #main {
	background: url('../images/bg/NeutralGround-collage-800x570.jpg') no-repeat scroll center top;
	}

#vintage-whim.trend-sub-page #main {
	background: url('../images/bg/VintageWhim-collage-800x570.jpg') no-repeat scroll center top;
	}

#bridal.trend-sub-page #main {
	background: url('../images/bg/Bridal-collage-800x570.jpg') no-repeat scroll center top;
	}

/*
*	trends >> BOLD BRONZE
**************************************************************** */
#bold-bronze.trend-sub-page #main {
	background: url('../images/bg/BoldBronze-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> LUXE CRYSTALS page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> LUXE CRYSTALS
**************************************************************** */
#luxe-crystals.trend-sub-page #main {
	background: url('../images/bg/LuxeCrystals-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> DAZZLING DECO page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> DAZZLING DECO
**************************************************************** */
#dazzling-deco.trend-sub-page #main {
	background: url('../images/bg/DazzlingDeco-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> PRETTY BOW PEEP page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> PRETTY BOW PEEP
**************************************************************** */
#pretty-bow-peep.trend-sub-page #main {
	background: url('../images/bg/PrettyBowPeep-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> GOLD HAZE page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> gold haze
**************************************************************** */
#gold-haze.trend-sub-page #main {
	background: url('../images/bg/GoldHaze-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> JET SET page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> jet set
**************************************************************** */
#jet-set.trend-sub-page #main {
	background: url('../images/bg/JetSet-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> INDIAN SUMMER page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> indian summer
**************************************************************** */
#indian-summer.trend-sub-page #main {
	background: url('../images/bg/IndianSummer-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> ROMAN HOLIDY page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> roman holiday
**************************************************************** */
#roman-holiday.trend-sub-page #main {
	background: url('../images/bg/RomanHoliday-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> FEMME FATALE page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> femme fatale
**************************************************************** */
#femme-fatale.trend-sub-page #main {
	background: url('../images/bg/FemmeFatale-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> PEACOCK BLUE page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> peacock blue
**************************************************************** */
#peacock-blue.trend-sub-page #main {
	background: url('../images/bg/PeacockBlue-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	TRENDS >> VINTAGE AUTUMN page specific
* ##############################################################
**************************************************************** */

/*
*	trends >> vintage autumn
**************************************************************** */
#vintage-autumn.trend-sub-page #main {
	background: url('../images/bg/VintageAutumn-collage-800x570.jpg') no-repeat scroll center top;
	}
	

/*
* ##############################################################
*	GALLERY page specific
* ##############################################################
**************************************************************** */

/*
*	gallery
**************************************************************** */
#gallery {
	
	}