/* 
Theme Name: McAdams Floral Blog
Theme URI: http://mcadamsfloral.com/blog/
Description: Theme for McAdams Floral
Version: 1.0
Author: <a href="http://jaredatchison.com">Jared Atchison</a>
Author URL: http://jaredatchison.com
------------------------------------------------------------*/

/*----- Globals
------------------------------------------------------------*/
body {
	font: 62.5% "lucida grande", Arial, sans-serif;
	color: #333;
	background: #fafde2 url(images/background-page.jpg);
}

#container {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(images/background-body.png) center repeat-y;
}

/* @group header */
/*----- Header
------------------------------------------------------------*/
#header-container {
	width: 100%;
	height: 120px;
	border-top: 6px solid #d2ebce;
	background: url(images/background-header.png) repeat-x;
}

#header{
	width: 950px;
	height: 120px;
	margin: 0 auto;
	position: relative;
}

#header h1 {
	background: url(images/mcadamsfloral-logo.png) no-repeat;
	width: 259px;
	height:101px;
	margin: 10px 0 0 20px;
	position: relative;
}

#header h1 a {
	width: 259px;
	height:101px;
	position: absolute;
	top: 0;
	left:0;
}

#header h1 a span {
	margin-left: -9999px;
}

#header .banner {
	border: 1px solid #cebe5f;
	position: absolute;
	top: 0px;
	right: 10px;
}
/* @end */


/* @group Navigation */
/*----- Nav
------------------------------------------------------------*/
#navigation {
	width: 950px;
	height: 37px;
	margin: 0 auto;
	background: url(images/background-nav.png);
	position: relative
}

#navigation ul {
	list-style: none;
	color: #fff;
	font-size: 1.3em;
}

#navigation ul ul {
	font-size: 1em;
}

#navigation li a:link, #navigation li a:visited, #navigation li a:active {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #51814c;
}

/*
#navigation ul li {
	display: inline;
	background: url(images/background-nav-item.gif) right repeat-y;
	padding: 2px 17px 2px 15px;
}



#navigation li a:hover {
	text-decoration: underline;
} */

#navigation input#snav {
	background: #fff url(images/background-search.gif) center left no-repeat;
	padding: 5px 5px 5px 25px;
	border: 1px solid #6fb46a;
	font-size: 1.3em;
	color: #666;
	position: absolute;
	top: 4px;
	right: 15px;
}

#navigation input#searchsubmit {
	display: none;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a { /*
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF; */
	padding: 		.85em 1.2em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	
}
.sf-menu li li {
	background:		#185D42;
}
.sf-menu li li li {
	background:		#185D42;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#185D42;
	outline:		0;
}

.sf-menu li li a:hover {
	background: #005130;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* @end */



/* @group Content */
/*----- Content
------------------------------------------------------------*/
#content {
	width: 689px;
	border-right: 1px solid #f1ede1;
	float: left;
	padding: 0 10px 0 0;
}

#content a:link, #content a:visited, #content a:active {
	color: #87003c;
	text-decoration: none;
	border-bottom: 1px dotted #87003c;
}
#content a:hover {
	color: #87003c;
	border-bottom: 1px solid #87003c;
	background: #faf4f5;
}

#content h1 {
	margin: 20px 0 15px 0;
	font-size: 2.8em;
	color: #000;
	font-family: "Rockwell", Georgia, serif;
}
#content h1 a:link, #content h1 a:visited, #content h1 a:active {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
#content h1 a:hover {
	color: #000;
	text-decoration: underline;
}

#content h2 {
	margin: 15px 0 10px 0;
	font-size: 2.2em;
	color: #000;
	font-family: "Rockwell", Georgia, serif;
}
#content h2 a:link, #content h2 a:visited, #content h2 a:active {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
#content h2 a:hover {
	color: #000;
	text-decoration: underline;
}

#content h3 {
	margin: 15px 0 10px 0;
	font-size: 2.2em;
	color: #87003c;
	font-family: "Rockwell", Georgia, serif;
}
#content h3 a:link, #content h3 a:visited, #content h3 a:active {
	color: #87003c;
	text-decoration: none;
	border-bottom: none;
}
#content h3 a:hover {
	color: #87003c;
	text-decoration: underline;
}

#content h4 {
	margin: 15px 0 10px 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #000;
}
#content h4 a:link, #content h4 a:visited, #content h4 a:active {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
#content h4 a:hover {
	color: #87003c;
	text-decoration: underline;
}

#content h5 {
	margin: 15px 0 10px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
}
#content h5 a:link, #content h5 a:visited, #content h5 a:active {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
#content h5 a:hover {
	color: #87003c;
	text-decoration: underline;
}

#content h6 {
	margin: 15px 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
#content h6 a:link, #content h6 a:visited, #content h6 a:active {
	color: #00;
	text-decoration: none;
	border-bottom: none;
}
#content h6 a:hover {
	color: #87003c;
	text-decoration: underline;
}

#content p{
	margin-bottom: 1.4em;
	font-size: 1.3em;
	line-height: 1.5em;
}

#content p a:link, #content p a:visited, #content p a:active, #content li a:link, #content li a:visited, #content li a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

#content p a:hover, #content li a:hover {
	color: #;
	border-bottom: 1px solid #;
}

#content ul {
	margin: 0 0 15px 30px;
}

#content ul ul, #content ol ol {
	margin-top:  5px;
}

#content ul li {
	list-style-type: square;
}

#content ol {
	margin: 0 0 15px 30px;
	list-style-type: decimal;
}

#content ol li {
	list-style-type: decimal;
}

#content li {
	margin-bottom: 5px;
	font-size: 1.3em;
	line-height: 1.4em;
}

#content li li, #content li li li{
	font-size: 1em;
}

#content blockquote {
	padding: 0 15px;
	font-style: italic;
	border-left: 2px solid #F1EDE1;
}

#content .postmeta p {
	margin: 0;
	color: #9e9683;
}
#content .postmeta p a, .postmeta p a:visited, .postmea p a:active {
	color: #635e53;
	text-decoration: none;
	border: none;
}
#content .postmeta a:hover {
	text-decoration: underline;
	background: #fffdf7;
}
#content .postmeta .comments a,
#content .postmeta .comments a:visited,
#content .postmeta .comments a:active {
	background: url(images/comment.png) no-repeat;
	padding: 0 0 0 20px;
}

#content .post {
	border-bottom:1px solid #f1ede1;
	padding: 0 0 20px 0;
}

#content .sticky {
	background: #f3f7f5;
	border: none;
	padding: 10px;
	margin: 10px 0 0 0;
}
#content .sticky h1 {
	margin-top: 0;
}
#content .sticky .postmeta .comments a,
#content .sticky .postmeta .comments a:visited,
#content .sticky .postmeta .comments a:active {
	color: #0b5437;
}

#content #postnavigation {
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 1.2em;
}

#content .gallery-item a {
	border: none;
}

/*img stuff */

#content img {
	border: none;
}

#content .alignright {
	float: right;
	margin: 5px 0 10px 10px;
}

#content .alignleft {
	float: left;
	margin: 5px 10px 10px 0;
}

#content .wp-caption {
	background: #f5f5f5;
	padding: 10px;
}

#content .wp-caption img {
	display: block;
	padding: 0;
	margin: 0 auto;
}

#content .wp-caption p {
	font-size: 1em;
	margin: 10px 0 0 0;
}

/* @end */

/* @group Comments */
/*----- Comments
------------------------------------------------------------*/
#comment-wrapper {
	width: 689px;
	border-right: 1px solid #f1ede1;
	float: left;
	padding: 10px 10px 0 0;
}

#comment-wrapper .title {
	font-family: "Rockwell", Georgia, serif;
	font-size: 2em;
}

.commentlist .comment {
	list-style: none;
}

.commentlist .comment-author {
	font-size: 1.4em;
	margin:  0 0 5px 0;
	color:  #999;
}
.fn {
	color: #666;
}
.commentlist .comment-author a,.commentlist .comment-author a:visited {
	color: #185d42;
	text-decoration: none;
}
.commentlist .comment-author a:hover {
	text-decoration: underline;
}

.commentlist .comment-meta {
	margin: 0 0 10px 0;
	color: #666;
}
.commentlist .comment-meta a, .commentlist .comment-meta a:visited {
	color: #9E9683;
	text-decoration: none;
}

.commentlist .avatar {
	float: right;
	padding: 5px;
}

.commentlist .comment-body {
	border-bottom: 1px solid #F1EDE1;
	padding: 10px 0;
}

.commentlist p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

.commentlist .reply {
	margin:  0;
	padding: 0;
	text-align: right;
	text-transform: uppercase;
	letter-spacing:.2em;
}
.commentlist .reply a {
	text-decoration: none;
	color: #9E9683;
}


#respond {
}

#respond h3 {
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 2.2em;
}

#commentform p {
	font-size: 1.3em;
	margin: 0 0 15px 0;
}

#commentform a, #commentform a:visited {
	color: #185d42;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	padding: 5px;
	margin: 0 0 10px;
	border: 1px solid #F1EDE1;
	font-size: 1.3em;
	line-height: 20px;	
}

#commentform #submit
 {
	padding: 9px 7px;
	text-transform: uppercase;
	font-size: 1.4em;
	border: none;	
	margin: 0 auto;
	display: block;
}

#commentform label {
	margin: 0 0 0 15px;
}

.commentlist .depth-2,.commentlist .depth-3, .commentlist .depth-4 {
	padding: 0 0 0 50px;
}
/* Comments - Thread */


/* @end */




/* @group Sidebar */
/*----- Sidebar
------------------------------------------------------------*/
#sidebar {
	width: 210px;
	float: right;
	padding: 20px 0 0 0; /*
	background: url(images/background-flower.jpg); */
}

#sidebar p {
	font-size: 1.2em;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
	color: #185d42;
	text-decoration: none;
}
#sidebar a:hover {
	color: #185d42;
	text-decoration: underline;
}

#sidebar h2 {
	width: 200px;
	height: 32px;
	background: url(images/background-sidebartitle.jpg) no-repeat;
	color: #87003c;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.6em;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}
#sidebar h2 a:link, #sidebar h2 a:visited, #sidebar h2 a:active {
	color: #87003c;
	text-decoration: none;
}
#sidebar h2 a:hover {
	text-decoration: underline;
}

#sidebar ul li {
	list-style: none;
}
#sidebar ul li.block, #sidebar ul li.upcoming {
	margin: 0 0 20px 0;
}

#sidebar .upcoming h3 {
	text-align: center;
	color: #60563c;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0 5px 0;
	background: url(images/background-upcoming-top.jpg) no-repeat;
}

#sidebar .upcoming{
	background: url(images/background-upcoming.jpg);
}

#sidebar .upcoming li{
	background: none;
}

#sidebar ul li.upcoming li.month {
	background: none;
	font-weight: bold;
	padding: 5px 0 10px 20px;
}
#sidebar li li {
	background: url(images/background-bullet-yellow.png) no-repeat;
	padding: 0 0 5px 20px;
	font-size: 1.2em;
}

#sidebar ul.children {
	margin: 5px 0 0 0px;
}

#sidebar ul.children li{
	font-size: 1em;
}
#sidebar ul.children li{
	background: url(images/background-childitem.png) no-repeat;
	padding-left: 20px;
}


#sidebar .categories a, #sidebar .categories a:active, #sidebar .categories a:visited {
	color: #333;
}

/* @end */


/* @group Bottom */
/*----- Bottom
------------------------------------------------------------*/
#bottom-container {
	width: 100%;
	background: url(images/background-bottom.jpg);
}

#bottom {
	width: 920px;
	padding: 50px 20px 10px 20px;
	margin: 0 auto;
	background: url(images/background-bottomtop.png) top center no-repeat;
}

#bottom a, #bottom a:visited, #bottom a:active {
	color: #333;
	text-decoration: none;
}

#bottom a:hover {
	text-decoration: underline;
	background: #def8da;
}

#bottom .block {
	float: left;
	width: 230px;
	padding: 0 10px 0 0;
}

#bottom .block-narrow {
	float: left;
	width: 200px;
}

#bottom .block-narrow img{
	margin: 10px 0 0 0;
}

#bottom .block ul{
	list-style: none;
	font-size: 1.3em;
}

#bottom .block ul li {
	padding: 0 0 0 15px;
	line-height: 1.8em;
	background: url(images/background-bullet-green.png) left center no-repeat;
}

#bottom .block h4 {
	font-size: 1.8em;
	margin: 0 0 5px 0;
	color: #185d42;
}
/* @end */


/* @group footer */
/*----- footer
------------------------------------------------------------*/
#footer-container {
	width: 100%;
	background: url(images/background-footer.jpg);
}

#footer {
	width: 940px;
	margin: 0 auto;
	color: #666052;
	padding: 10px 10px 5px 10px;
}

#footer p {
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 0 0 5px 0;
}

#footer .right {
	float: right;
	text-align: right;
}

#footer a, #footer a:visited, #footer a:active {
	color: #666052;
	text-decoration: none;
	border-bottom: 1px dotted #666052;
}

#footer a:hover {
	border-bottom: 1px solid #666052;
	background: #d8d1bf;
}
/* @end */


/*----- Miscellaneous
------------------------------------------------------------*/
.clear {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

em{
	font-style: italic;
}