/*
Theme Name: MrsDalloways-Theme
Theme URI: http://www.mrsdallowaysflowers.com
Description: Mrs Dalloways Flowers Custom WordPress theme
Version: 1 (WP 4.1)
Author: J. Kreyer
Author URI: http://www.jonathankreyer.com
*/


@charset "UTF-8";
/* CSS Document */

/* Begin Eric Meyer's CSS Reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
	background-color:#DDDDDD;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}
/* End Eric Meyer's CSS Reset */



/* ------------------------------------------------------------ */


/* BEGIN CUSTOM @FONT-FACE KITS */

@font-face {
    font-family: 'josefin_sansitalic';
    src: url('CSS/fonts/js-italic-webfont.eot');
    src: url('CSS/fonts/js-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-italic-webfont.woff') format('woff'),
         url('CSS/fonts/js-italic-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-italic-webfont.svg#josefin_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansbold_italic';
    src: url('CSS/fonts/js-bolditalic-webfont.eot');
    src: url('CSS/fonts/js-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-bolditalic-webfont.woff') format('woff'),
         url('CSS/fonts/js-bolditalic-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-bolditalic-webfont.svg#josefin_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansbold';
    src: url('CSS/fonts/js-bold-webfont.eot');
    src: url('CSS/fonts/js-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-bold-webfont.woff') format('woff'),
         url('CSS/fonts/js-bold-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-bold-webfont.svg#josefin_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansthin';
    src: url('CSS/fonts/js-thin-webfont.eot');
    src: url('CSS/fonts/js-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-thin-webfont.woff') format('woff'),
         url('CSS/fonts/js-thin-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-thin-webfont.svg#josefin_sansthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansthin_italic';
    src: url('CSS/fonts/js-thinitalic-webfont.eot');
    src: url('CSS/fonts/js-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-thinitalic-webfont.woff') format('woff'),
         url('CSS/fonts/js-thinitalic-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-thinitalic-webfont.svg#josefin_sansthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sanssemibold';
    src: url('CSS/fonts/js-semibold-webfont.eot');
    src: url('CSS/fonts/js-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-semibold-webfont.woff') format('woff'),
         url('CSS/fonts/js-semibold-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-semibold-webfont.svg#josefin_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sanssemibold_italic';
    src: url('CSS/fonts/js-semibolditalic-webfont.eot');
    src: url('CSS/fonts/js-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-semibolditalic-webfont.woff') format('woff'),
         url('CSS/fonts/js-semibolditalic-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-semibolditalic-webfont.svg#josefin_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sanslight_italic';
    src: url('CSS/fonts/js-lightitalic-webfont.eot');
    src: url('CSS/fonts/js-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-lightitalic-webfont.woff') format('woff'),
         url('CSS/fonts/js-lightitalic-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-lightitalic-webfont.svg#josefin_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sanslight';
    src: url('CSS/fonts/js-light-webfont.eot');
    src: url('CSS/fonts/js-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-light-webfont.woff') format('woff'),
         url('CSS/fonts/js-light-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-light-webfont.svg#josefin_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansregular';
    src: url('CSS/fonts/js-regular-webfont.eot');
    src: url('CSS/fonts/js-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('CSS/fonts/js-regular-webfont.woff') format('woff'),
         url('CSS/fonts/js-regular-webfont.ttf') format('truetype'),
         url('CSS/fonts/js-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* END CUSTOM @FONT-FACE KITS */

#wrap {
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	width:1260px;
	/*background-color:#FFFFFF;*/
	min-height:760px;
}

#contentArea {
	float:left;
	width:1260px;
	min-height:760px;
	background-color:#ffffff;
}

/* --- BEGIN HEADER AREA CSS --- */

#headerArea {
	/*margin-top:75px;*/
	/*background-color:#AAAAAA;*/
	width:1060px;
	margin:0 auto;
	min-height:120px;
	margin-bottom:15px;
	border-bottom: 1px solid #AAAAAA;
}

#headerLogo {
	float:left;
	margin-top:45px;
	min-height:75px;
	min-width:250px;
	/*background-color:#dddddd;*/
}

#mainNavMenu {
	min-height:20px;
	/*background-color:#aaaaaa;*/
	float:right;
	margin-top:92px;
}

ul.mainNav {
}

ul.mainNav li {
	display:inline;
	font-family:'josefin_sansregular';
	font-size:16px;
	color:#bbbbbb;
	margin-right:30px;
	letter-spacing:1px;
}

ul.mainNav li:last-child {
	margin-right:0px;
}

ul.mainNav li a {
	color:#bbbbbb;
	text-decoration:none;
}

ul.mainNav li a:hover {
	color:#000000;
	border-top: 3px solid #000000;
}

ul.mainNav li.current-menu-item a {
	color:#000000;
	border-top: 3px solid #000000;
}

/* --- END HEADER AREA CSS --- */

/* --- BEGIN MAIN CONTENT AREA CSS --- */

#mainBodyArea {
	min-height:570px;
	background-color:#444444;
	background-image:url(images/MrsD-BG.png);
	position:relative;
}

#taglineArea {
	position:absolute;
	bottom:0px;
	left:100px;
	font-family:'josefin_sanslight';
	font-size:26px;
	color:#999999;
	letter-spacing:1px;
}

#pageTaglineArea {
	/*position:absolute;
	bottom:0px;
	left:100px;*/
	float:left;
	clear:both;
	margin-left:100px;
	font-family:'josefin_sanslight';
	font-size:26px;
	color:#999999;
	letter-spacing:1px;
}

#headlineArea {
	position:absolute;
	top:40px;
	right:100px;
	color:#999999;
	font-family:'josefin_sansregular';
	font-size:25px;
}

#subHeadlineArea {
	/*position:absolute;
	top:40px;
	right:100px;*/
	float:right;
	margin-right:100px;
	margin-top:40px;
	color:#999999;
	font-family:'josefin_sansregular';
	font-size:25px;
}

#mainBodyCopyArea {
	margin:0 auto;
	width:1060px;
	min-height:200px;
}

#mainBodyCopy {
	position:absolute;
	top:90px;
	right:100px;
	width:450px;
	color:#999999;
	font-family:'josefin_sansregular';
	font-size:16px;
}

#mainBodyCopyArea p {
	margin-bottom:10px;
}

#subPageMainBodyCopy {
	/*position:absolute;
	top:90px;
	right:100px;*/
	float:right;
	/*margin-right:100px;
	margin-top:90px;*/
	margin-bottom:10px;
	clear:right;
	width:550px;
	color:#999999;
	font-family:'josefin_sansregular';
	font-size:16px;
}

#subPageMainBodyCopyArea p {
	margin-bottom:10px;
}

#albumLinksArea {
	position:absolute;
	top:280px;
	right:90px;
	/*background-color:#333333;*/
	width:510px;
	min-height:200px;
	z-index:100;
}

.albumLink {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:150px;
	height:110px;
	/*background-color:#eeeeee;*/
}

.albumLinkImage {
	width:150px;
	height:90px;
	background-color:#dddddd;
	border:none;
}

.albumLinkTitle {
	font-family:'josefin_sansregular';
	font-size:12px;
	text-align:center;
	color:#999999;
	margin-top:3px;
}

#footerArea {
	float:left;
	width:1060px;
	margin:0 auto;
	margin-left:100px;
	min-height:120px;
	margin-top:15px;
	border-top: 1px solid #AAAAAA;
}

.footerCopy {
	font-family:'josefin_sansregular';
	font-size:11px;
	color:#999999;
	margin-top:4px;
	text-align:right;
}