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

html {
	background-color:transparent; /* reset to browser default */
}

/* TYPOGRAPHY */

body {
	font-size:100%;
	padding:0; 
	line-height:1.5;
	font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
	font-weight: 400;
	font-style: normal;
	color:#333333;
	background-color:#FFFAFD;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	min-width:100%;
	height:auto;
	min-height:100%;
	/*background-image:url(../images/swirl_pattern.png);*/
	/*background-image:url(../images/background_grey_sml.jpg);*/
	background-image:url(../images/background_darkgrey.jpg);
}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
	color:#333333;
	font-weight:700;
	font-style:italic;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
	color:#333333;	
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
	color:#333333;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
	color:#333333;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
	color:#333333;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
	color:#333333;
}

p {
	font-size: 1em;
    margin: 1em 0;
	color:#333333;
}

a {
	color:#967C41;
	font-weight:700;
	diaply:block;
}

a:hover {
	color:#967C41;
	text-decoration: underline;
}

hr {border-color:#640600;}

img {
	max-width: 100%;
	height: auto;
	display:block;
	margin:0 auto;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 0.5em;
}

#intro {
	margin-bottom:1em;
}

#header {
	border-bottom:0.4em solid #640600;
	padding-bottom:10%;
}

#footer {
	border-top:0.4em solid #640600;
	/*border-bottom:0.4em solid #640600;*/
	padding-bottom:1em;
}

#menublock {
	border-top:1px solid #640600;
	border-bottom:1px solid #640600;
}

#mmenu li a{display:block; color:white; background-color:#640600; padding:1em; border-bottom:1px solid white; text-decoration:none;}

#mmenu li a:hover{background-color:#2B0200;}

.porthole {
	border-radius:100%;
}

.flourish{
	background-image:url(../images/flourish2.png);
	height:50px;
	background-repeat:no-repeat;
	background-position:center;	
}

.row {background-image:none; background-color:white;}

.websitecat {
	max-height:150px;
	margin:0 auto;
	max-width:150px;
	display:block;
}

.websitename {
	font-size:3em;
	font-style:italic;
	margin:0;
}

.websitetagline {
	text-align:center;
	margin:0;
	color:#967C41;
	font-weight:bold;
}

/* MEDIA QUERIES */

/* Small screens */
@media only screen { 
	.websitecat {}
	#blogmenu {display:none;}

.websitename { text-align:center;}
} /* Define mobile styles */ 
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ 

/* Medium screens */
@media only screen and (min-width: 40.063em) { 
#header {
	padding-bottom:1%;
}	
} /* min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 

/* Large screens */
@media only screen and (min-width: 64.063em) { 
	#menubutton {display:none;}
	#menuitems {display:none;}
	#blogmenu {display:block;}
	
} /* min-width 1025px, large screens */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 

/* XLarge screens */
@media only screen and (min-width: 90.063em) { 
	
} /* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { 
	
} /* min-width 1921px, xxlarge screens */