/*-------------------------------------------------------------------
CSS
Version: 1.1
Author: Hyun Lee
---------------------------------------------------------------------*//* CSS Document */

/* MARGIN / PADDING / POSITION / WxH
------------------------------------------------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
	}
body {
	text-align: center;
	background-color: #fff;
	color: #333333;
	}
.clearBoth {
	clear: both;
	}	
#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	}
#brand {
	width: 760px;
	height: 94px;
	margin-top: 45px;
	}
#header span {
	position: absolute;
	width: 400px;
	height: 100px;
	}
.boxLogo {
	width: 400px;
	height: 100px;
	margin: 0 0 0 0;
	}	
.floatRight {
	float: right;
	}
.floatLeft {
	float: left;
	}
.search {
	width: 210px;
	margin: 5px 0 0 0;
	text-align: right;
	}
.search .btn {
	vertical-align: top;
	padding-top: 0;
	}
.search .txt {
	width: 149px;
	}
.pinkText {
	color: #b41d8d;
	} 	
#navWrapper {
	margin: 10px 0 0 0;
	width: 760px;
	height: 25px;
	text-decoration: none;
	}
/* CONTENTS */
#content {
	background: url(http://mybeautyberry.com/images/img/home-girl.jpg) no-repeat;
	margin: 30px 0 0 0;
	width: 650px;
	float: right;
	}
#mainContentArchive {
	margin: 30px 0 0 0;
	width: 630px;
	float: right;
	}
#mainContentArchive2 {
	margin: 20px 0 0 0;
	width: 760px;
	float: right;
	}	
#mainContentArchive h2 {
	font-size: 130%;
	color: #b41d8d;
	font-weight: normal;
	margin-bottom: 5px;
	}
#mainContentArchive h3 {
	font-size: 120%;
	color: #b41d8d;
	font-weight: normal;
	margin-bottom: 2px;
	}			
#archives {
	width: 345px;
	float: left;
	}	
#archives img {
	float: left;
	padding: 5px;
	border: 0 1px 0 0 solid #ccc;
	display: block;
	background-color: #fff;
	margin: 0 10px 0 0;
	}	
#middleColumn {
	width: 430px;
	float: left;
	}
#middleColumn img {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	display: block;
	background-color: #fff;
	margin: 0 10px 5px 0;
	}
#archives h1 {
	font-size: 140%;
	font-weight: normal;
	color: #b41d8d;
	margin-bottom: 20px;
	}
#archives h2 {
	font-size: 130%;
	color: #b41d8d;
	font-weight: normal;
	margin-bottom: 5px;
	}
#archives a:link, #archives a:visited {
	color: #b41d8d;
	text-decoration: underline;
	}	
#archives h2 a:link, #archives h2 a:visited {
	color: #b41d8d;
	text-decoration: none;
	background: url(http://mybeautyberry.com/images/img/underline1.gif) repeat-x left bottom;
	}

#archives h2 a:hover, a:active {
	background-image: url(http://mybeautyberry.com/images/img/underline1-hover.gif);
	}
#archives h3 {
	font-size: 80%;
	color: #6c9d31;
	}
#archives h4 {
	font-size: 100%;
	color: #524f4f;
	font-weight: normal;
	margin-bottom: 25px;
	}	

/* In Stores Now styling */
#archivesInStoresNow {
	width: 300px;
	float: left;
	}
#archivesInStoresNow h1 {
	font-size: 140%;
	font-weight: normal;
	color: #b41d8d;
	margin-bottom: 20px;
	}			
.archivePage h1 {
	font-size: 140%;
	color: #b41d8d;
	font-weight: normal;
	margin-bottom: 20px;
}
.archivePage h2 {
	font-size: 130%;
	color: #b41d8d;
	font-weight: normal;
	margin-top: 10px;
}
.archivePage h3 {
	font-size: 100%;
	color: #b41d8d;
	font-weight: normal;
	margin-bottom: 5px;
	}
.archivePage h3 a:link, #archivePage h3 a:visited {
	color: #b41d8d;
	text-decoration: none;
	background: url(http://mybeautyberry.com/images/img/underline1.gif) repeat-x left bottom;
	}

.archivePage h3 a:hover, a:active {
	background-image: url(http://mybeautyberry.com/images/img/underline1-hover.gif);
	}
.archivePage p {
	font-size: 80%;
}		
#archiveImage {
	background: url(http://mybeautyberry.com/images/img/hair-washing.jpg) no-repeat;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#archiveImageCosmetics {
	background: url(http://mybeautyberry.com/images/img/cosmetics-pic.jpg) no-repeat;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#archiveImageSkin {
	background: url(http://mybeautyberry.com/images/img/skin-pic.jpg) no-repeat;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#archiveImageBody {
	background: url(http://mybeautyberry.com/images/img/body-pic.jpg) no-repeat;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#archiveImageServices {
	background: url(http://mybeautyberry.com/images/img/services-pic.jpg) no-repeat;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#archiveImageNews {
	background: url(http://mybeautyberry.com/images/img/news-pic.jpg) no-repeat;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}

#archiveImageSignup {
	background: url(http://mybeautyberry.com/images/img/signup-pic.jpg) no-repeat;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#archiveImageInStoresNow {
	text-align: right;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}				
#archiveImageRotator {  /* Random background image */
	background: url(http://mybeautyberry.com/images/img/random/rotator.php) no-repeat top center;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#archiveImageAd {
	background: url(http://mybeautyberry.com/images/img/makeup.jpg) no-repeat top center;
	width: 275px;
	height: 500px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}	

#rightColumn {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: #ccc solid 1px;
	width: 140px;
	float: right;
	display: inline; /* Fixes IE double margin float bug */
	}
#mainContentHome {
	border-right: #CCCCCC 1px solid;
	padding: 0 10px 0 0;
	width: 475px;
	margin: 0;
	float: left;
	}
#mainContentAbout {
	width: 430px;
	height: 400px;
	margin: 0;
	float: left;
	}
#secondaryContent {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	width: 140px;
	float: left;
	}
#secondaryContent h3{
	font-size: 85%;
	font-weight: bold;
	color: #333;
	margin: 0;
	line-height: 1.2em;
	}
#secondaryContent h4 {
	margin: 0 0 10px 0;
	line-height: 1em;
	font-size: 85%;
	}
#secondaryContent h4 a:link,
#secondaryContent h4 a:visited {
	color: #6c9d31;
	font-size: 95%;
	text-decoration: none;
	}
#secondaryContent h4 a:hover, #secondaryContent h4 a:active {
	font-size: 95%;
	font-weight: bold;
	color: #b41d8d;
	text-decoration: underline;
	margin: 0;
	}
#rightColumn h3{
	font-size: 75%;
	font-weight: bold;
	margin: 0;
	}
#rightColumn h4 {
	margin: 0 0 10px 0;
	line-height: 1em;
	font-size: 85%;
	}
#rightColumn h4 a:link,
#rightColumn h4 a:visited {
	color: #6c9d31;
	font-size: 90%;
	}
#rightColumn h4 a:hover, #rightColumn h4 a:active {
	font-size: 90%;
	font-weight: bold;
	color: #b41d8d;
	margin: 0;
	}
.date {
	float: left;
	width: 40px;
	height: 56px;
	margin: 0 10px 0 0;
	padding-top: 10px;
	background: url(http://mybeautyberry.com/images/img/calendar.gif) no-repeat;
	}
.date p {
	text-align:center;
	color:#333;
	margin:0 0 0 -2px;
	text-transform:uppercase;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}
.date span.day {
	font-size:18px;
	display:block;
	}
.date span.month {
	font-size:9px;
	height:11px;
	display:block;
	}
.date span.year {
	font-size:9px;
	display:block;
	margin-top: -5;
	}
.products {
	margin-bottom: 15px;
}	
	/* TEXTS */
.homeText {
	float: right; /* Fixes IE double margin float bug */
	display: inline;
	width: 240px;
	margin: 0 0 0 0;
	}
.aboutText {
	float: left;
	display: inline; /* Fixes IE double margin float bug */
	margin: 0 0 0 0;
	}
.aboutText h2 {
	margin: 0 0 20px 0;
	font-size: 140%;
	font-weight: normal;
	color: #b41d8d;
	}
.aboutText a:link, #aboutText a:visited {
	color: #b41d8d;
	text-decoration: underline;
	}	
/* Links
----------------------------------------------------------------------------------------------------------*/
a:link {
	text-decoration: underline;
	color: #000;
	}
a:visited {
	text-decoration: none;
	color: #000;
	}
a:hover, a:active {
	color: #b41d8d;
	}							
	
/* Search Links*/
.search a:link,
.search a:visited {
	text-decoration: none;
	color: #333;
	font-size: 85%;
	}
	

/* TYPOGRAPHY
------------------------------------------------------------------------------------------------------ */
body {
	font-size: small;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	line-height: 1.3em;
	font-weight: normal;
	color: #524f4f;
	}
#brand h1 {
	font-size: 120%;
	color: #6996ae;
	}
.search .txt {
	font-size: 85%;
	padding: 3px;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	color: #41a39e;
	}
.when {
	font-size: 80%;
	margin: 0 0 5px 0;
	}

/* PRETTY STUFF
----------------------------------------------------------------------------------------------------- */
body {
	background: url(http://mybeautyberry.com/images/img/bg.gif) repeat-x top left;
	}
#header span {
	background: url(http://mybeautyberry.com/images/img/logo.jpg) no-repeat;
	}
#navWrapper {
	background: url(http://mybeautyberry.com/images/img/main-nav-bar.gif) no-repeat;
	}
.search .txt {
	border: 1px solid #CCCCCC;
	background: #ededee;
	}
.dottedLine {
	background: url(http://mybeautyberry.com/images/img/dottedline.gif) repeat-x;
	height: 1px;
	}
img {
	border:0;
	}
/* NAV
------------------------------------------------------------------------------------------------------------- */
/* MAIN NAV*/
.mainNav {
	margin: 0 0 0 0;
	padding: 0;
	height: 35px;
	font-weight: bold;
	font-size: 80%;
	}
.mainNav ul {
	width: 500px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
.mainNav li {
	display: block;
	margin: 5px 4px 0 4px;
	padding: 0;
	float: left;
	width: auto;
	}
.mainNav a {
	color: #000;
	display: inline;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 10px 10px;
	}

.mainNav a:hover, #mainNav a:active {
	color: #b41d8d;
	font-size: 100%;
	}

.mainNav a.active:link, #mainNav a.active:visited {
	position: relative;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	}
ul { /*fixes IE navigation alignment problem*/
	display: inline;
	}

	/* SIDENAV */
.sideNav a:link,
.sideNav a:visited {
	text-decoration: none;
	color: #000;
	font-size: 100%;
	}
.sideNav a:hover, #mainNav a:active {
	color: #b41d8d;
	font-size: 100%;
	}	
#sideNavigation {
	width: 84px;
	float: left;
	}		
.sideNav {
	font-weight: bold;
	font-size: 85%;
	float: left;
	margin: 10px 5px 0 5px;
	padding-bottom: 30px;
	text-align: center;
	width: 84px;
	background: url(http://mybeautyberry.com/images/img/side-nav-bottom-border.gif) no-repeat bottom center;
	}
.sideNav h3 {
	padding-top: 4px;
	margin: 0;
	height: 27px;
	color: #333;
	background: url(http://mybeautyberry.com/images/img/side-nav-top-border.gif) no-repeat top center;
	}
.sideNav ul {
	margin: 0;
	list-style: none;
	list-style-position: outside; /* THIS FIXES THE IE BUG */
	}
.sideNav li {
	margin: 0 0 0 0;
	padding: 0;
	}

/* For Banner Ads in the Beautyflash page */
.bannerAd {
	margin: 0 10px 0 0;
	width: 135px;
	float: left;
}	
.bannerAdImages {
	margin: 0 0 0 8px;
	width: 250px;
	float: left;
}
/* FOOTER */
#footer {
	background: url(http://mybeautyberry.com/images/img/page-curl.gif) no-repeat top center;
	margin: 30px 0 0 0;
	padding-top: 20px;
	text-align: center;
	color: #999;
	font-size: 80%;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: normal;
	line-height: 1.4em;
	}
#footerBottomBorder {
	background: url(http://mybeautyberry.com/images/img/page-curl-bottom.gif) no-repeat bottom center;
	height: 23px;
	margin: 0 0 30px 0;
	}

#footer a:link,
#footer a:visited {
	color: #999;
	font-size: 100%;
	text-decoration: underline;
	}
#footer a:hover, a:active {
	color: #333;
	text-decoration: underline;
	font-size: 100%;
	}
	/* QUOTE */
.quote blockquote {
	width: 240px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.1em;
	color: #555;
	background: url(http://mybeautyberry.com/images/img/fi_top.gif) no-repeat top left;
	}

.quote .quote {
	margin: 0;
	padding: 20px 20px 10px 20px;
	background: url(http://mybeautyberry.com/images/img/fi_bottom.gif) no-repeat right bottom;
	}

.quote .author {
	margin: 0;
	padding: 0 0 10px 0;
	color: #999;
	font-size: 70%;
	}
	/* FORM */
#wrapperForm {
	float: left;
	width: 350px;
	margin: 0 auto;
	text-align: left;
	}
#wrapperForm h2{
	margin: 0 0 0 0;
	font-size: 140%;
	font-weight: normal;
	color: #b41d8d;
	}
#forms {
	font-size: 12px;
	color: #333;
	line-height: 14px;
	}
.formfieldtext {
	padding: 5px;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	color: #3399CC;
	line-height: 18px;
	border: 1px solid #CCCCCC;
	background: #ededee;
	}

/* Archive List
------------------------------------------------------------------------------------------------------ */
.archiveList { 
	margin: 0 0 10px 0;
	padding: 0 0 12px 0;
	font-size: 100%;
	line-height: 2em;
	color: #524f4f;
	}
.archiveList h3 {
	margin: 0;
	padding: 0;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	font-size: 150%;
	font-weight: normal;
	color: #b41d8d;
	}
.archiveList p, .archiveList ul {
	margin: 0;
	padding: 0 0;
	}
.archiveList ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
	list-style: none;
	background: url(http://mybeautyberry.com/images/img/li-bullet.gif) no-repeat 0 3px; /* adjusts the height position of the bullet */
	border-bottom:1px dotted #ccc;
	}
.dottedLine {border-bottom:1px dotted #ccc;}	

/* MBB Dailies
------------------------------------------------------------------------------------------------------ */
.mbbDailies { 
	margin: 385px 0 10px 0;
	padding: 0 0 12px 0;
	font-size: 100%;
	color: #524f4f;
	}
.mbbDailies h3 {
	margin: 0;
	padding: 0;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	font-size: 130%;
	font-weight: normal;
	color: #b41d8d;
	}
.mbbDailies h4 {
	margin-top: -5px;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	font-size: 100%;
	font-weight: bold;
	color: #b41d8d;
	}	
.mbbDailiesSmallText {
	margin: 0;
	padding: 0;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	font-size: 100%;
	font-weight: normal;
	color: #666;
	border-top:1px dotted #ccc;
	line-height: 1.3em;
	}	
.mbbDailies img {
	float: left;
	margin: 0 5px 5px 0;
	}	

/* MBB Dailies Links
------------------------------------------------------------------------------------------------------ */
.mbbDailies a:link, .mbbDailies a:visited {
	color: #b41d8d;
	text-decoration: none;
	}	
.mbbDailies a:hover, .mbbDailies a:active {
	color: #b41d8d;
	text-decoration: underline;
	}