/*
Theme Name: Magnolia
Theme URI: http://designintellection.com/lab/
Description: This theme was created for the purposes of a WordCamp Louisville presentation. It's fully functional and can be used for your blog but is probably better as a starting point or learning exercise. It doesn't have many features or optimizations of the more advanced themes for WordPress.
Author: David Yeiser
Author URI: http://designintellection.com/
Version: 0.108
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, two-columns, threaded-comments, sticky-post, flexible-width, custom-menu
*/

/* ----| Defaults |---- */

* { margin:0; padding:0; }

body { font-family:"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size:16px; line-height:22px; color:#555; background-color:#444; }

a { color:#c02111; }
a:visted { color:#c02222; }
a:hover, a:focus, a:active { color:#e24333; }

article, aside, hgroup, section, header, footer, nav, figure { display:block; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
p { padding-bottom:22px; }
input, textarea { font-family:"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; }

.hide-element { display:none; }
.clear { display:block; height:0; overflow:hidden; clear:both; }


/* ----|| SITE STRUCTURE ||---- */

.frame { width:80%; min-width:776px; max-width:1080px; margin:0 auto; }
.site { background-color:#fff; }
.main { width:100%; padding-bottom:30px; }
.primary { width:60%; margin-right:2%; padding-top:20px; position:relative; float:left; }
.secondary { width:34%; margin-top:50px; margin-left:4%; position:relative; float:left; }


/* ----|| HEADER ||---- */

.identity { padding:50px 0 35px 0; border-bottom:1px solid #fff; background-color:#fff; }
.site-id { width:50%; }
.site-title { display:block; padding-bottom:5px; font-size:24px; font-weight:bold; line-height:24px; text-transform:uppercase; color:#333; }
.site-title-link, .site-title-link:visited { text-decoration:none; color:#333; }
.site-title-link:hover, .site-title-link:focus { text-decoration:underline; }
.site-tagline { font-size:16px; font-weight:normal; line-height:20px; color:#999; }

/*
	Main navigation:
	--- The CSS below builds the primary tabbed navigation with subpages listed beneath
		the active pages. It hides the child pages when their parent page is not active.
		Therefore this theme does not support drop-down menus on the first-tier level. 
		However, support easily could be added, you would just have to design them in 
		the CSS below.
	--- The design currently "supports" two levels of navigation.
	--- It allows for custom nav menus to be used. However if those are not active it
		collapses completely.
	--- The nav menu must be constructed in a certain way for it to be most effective.
		View the README.txt to learn more.
*/

/* --| Tabs |-- */
.main-nav { display:block; margin:-1px 0 0 0; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#eee; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ddd), to(#eee)); -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index:1000; }
body.page-parent .main-nav, body.page-child .main-nav { margin-bottom:50px; }
.main-nav-list, .main-nav-list ul { display:block; padding:0 20px; position:relative; list-style:none; border-top:1px solid #fff; }
.main-nav .page_item, .main-nav .menu-item { display:inline; float:left; }
.main-nav .page_item:first-child, .main-nav .menu-item:first-child { border-left:1px solid #ccc; }
.main-nav .page_item:last-child, .main-nav .menu-item:last-child { border-right:1px solid #fff; }
.main-nav .page_item a, .main-nav .menu-item a { display:block; width:auto; padding:12px 20px 12px 20px; float:left; font-size:13px; font-weight:bold; letter-spacing:1px; line-height:22px; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,0.8); text-transform:uppercase; color:#888; border-right:1px solid #ccc; border-left:1px solid #fff; }
.main-nav .page_item a:hover, .main-nav .page_item a:focus, .main-nav .menu-item a:hover, .main-nav .menu-item a:focus { color:#333; background-color:#ddd; }
.main-nav .current_page_item a, .main-nav .current_page_item a:visited, .main-nav .current_page_item a:hover, .main-nav .current_page_item a:focus, .main-nav .current-page-ancestor a, .main-nav .current-page-ancestor a:visited, .main-nav .current-page-ancestor a:hover, .main-nav .current-page-ancestor a:focus { margin:-8px 0 -2px -1px; padding-top:19px; padding-bottom:13px; font-weight:bold; color:#c02111; border:1px solid #ddd; border-bottom:0; background-color:#fff; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; }

/* --| First-tier children pages |-- */
.main-nav-list .children, .main-nav-list .sub-menu { display:none; width:100%; margin:0; padding:0; position:absolute; left:0; top:57px; border:0; border-bottom:1px dotted #ccc; background-color:transparent; background-image:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.main-nav-list .current_page_item .children, .main-nav-list .current_page_item .sub-menu, .main-nav-list .current-page-ancestor .children, .main-nav-list .current-page-ancestor .sub-menu { display:block; }
.main-nav-list .children .page_item:first-child, .main-nav-list .sub-menu .menu-item:first-child { border-left:0; }
.main-nav-list .current_page_item .sub-menu a, .main-nav-list .current-page-ancestor .sub-menu a { margin:0 1px; padding:4px 20px 10px 20px; font-weight:normal; letter-spacing:0; text-transform:none; color:#555; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.main-nav-list .current_page_item .sub-menu a:hover, .main-nav-list .current-page-ancestor .sub-menu a:hover { background-color:#eee; }
.main-nav-list .current_page_item .sub-menu li:first-child a, .main-nav-list .current-page-ancestor .sub-menu li:first-child a { margin-left:20px; }
.main-nav-list .current-page-ancestor .sub-menu .current_page_item a { margin:-3px 0 -1px 0; padding:6px 19px 10px 19px; font-weight:bold; letter-spacing:0; text-transform:none; border:0; font-weight:bold; border:1px dotted #ddd; border-bottom:1px solid #fff; background-color:#fff; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;}

/* --| Second-tier children pages |-- */
.main-nav-list .children .children, .main-nav-list .sub-menu .sub-menu { display:none; width:280px; padding-bottom:2px; top:36px; border:1px dotted #ddd; background-color:#f0f;	}


/* ----|| POST ||---- */

.post, .type-page { padding:30px 0; overflow:hidden; }

.post-header { margin-bottom:15px; }
.post-title { margin-bottom:2px; font-size:30px; font-weight:bold; letter-spacing:-1px; line-height:32px; color:#4c646a; }
.post-title-link, .post-title-link:visited { text-decoration:none; color:#4c646a; }
.post-title-link:hover, .post-title-link:focus { text-decoration:underline; }
.post-date { color:#999; }
.post-permalink, .post-permalink:visited { text-decoration:none; color:#999; }
.post-permalink:hover, .post-permalink:focus { text-decoration:underline; color:#777; }

/* --| Post content formatting |-- */
/*
	--- In this theme "post" is interchangeable with "page".
		So all of the styles below also appear on pages.
		However if you would like to override any of the 
		styles for pages just add a new CSS rule at the end
		of this style block and use the parent ".page" 
		class. So ".page .post-content h1 { ... }" would
		override ".post-content h1 { ... }"
	--- Also, not everything contains the ".post-content" 
		parent class but everything below is mainly 
		associated with post (and page) content.
*/
.post-content {}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { padding:11px 0; font-weight:bold; color:#4c646a; }
.post-content h1, .post-content h2 { font-size:18px; letter-spacing:1px; text-transform:uppercase; }
.post-content h3 { font-size:18px; }
.post-content h4 { font-size:16px; }
.post-content h5 { font-size:16px; font-style:italic; font-weight:normal; }
.post-content h6 { font-size:16px; font-weight:normal; }

.post-content blockquote { padding:0 30px; font-size:14px; line-height:18px; color:#777; }
.post-content cite { font-style:normal; font-weight:bold; }
.post-content cite:before { content:"—"; }
.post-content pre { display:block; margin-bottom:22px; padding:10px; border:1px solid #afc4d5; background-color:#ceddea; }
.post-content q { font-style:italic; }
.post-content q:before { content:"“"; }
.post-content q:after { content:"”"; }
.post-content ul, .post-content ol { padding:11px 0 0 22px; }
.post-content li { padding-bottom:11px; }
.post-content dl { padding-bottom:22px; }
.post-content dt { font-weight:bold; }
.post-content dd { padding-bottom:11px; }
.post-content address { margin-bottom:22px; }
table { width:100%; margin-bottom:22px; border-bottom:2px solid #ccc; }
th { padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#ddd; }
td { padding:4px 5px; border-bottom:1px solid #eee; }

.post-thumbnail { margin:0 0 10px 10px; float:right; }
.post-content img { max-width:95%; border:4px solid #ddd; }
.post-content .wp-smiley { border:0; }
.alignleft { margin:0 10px 10px 0; float:left; }
.alignright { margin:0 0 10px 10px; float:right; }
.aligncenter { display:block; margin:10px auto; text-align:center; }
.wp-caption { padding:10px; background-color:#eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.wp-caption-text { padding:5px 0 10px 0; font-size:13px; font-style:italic; line-height:16px; color:#777; }

.post-content .gallery-item { padding-top:15px; padding-bottom:0; border-top:1px solid #eee; }
.post-content .gallery-icon { }
.post-content .gallery-caption { padding:0 10px 10px 10px; font-size:13px; font-style:italic; line-height:16px; color:#777; }	

.more-link { display:inline-block; padding:4px 12px; position:relative; font-size:14px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.25); cursor:pointer; color:#fff; border:1px solid #3188d9; background-color:#3093ef; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#3188d9), to(#3093ef)); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); }
.more-link:hover, .more-link:focus { color:#fff; background-color:#3188d9; background-image:none; }
.more-link:active { top:1px; }

.post-pages { padding:7px 10px; font-size:13px; font-weight:bold; border:1px dotted #ddd; }
.post-pages-label { font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#777; }
.post-pages a { display:inline-block; padding:2px 6px 0 6px; font-weight:normal; text-decoration:none; color:#fff; background-color:#ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.post-pages a:hover, .post-pages a:focus { background-color:#aaa; }

.post-edit-link { display:inline-block; padding:0 12px; position:relative; font-size:12px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.25); cursor:pointer; color:#fff; border:1px solid #d94931; background-color:#f45c42; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#d94931), to(#f45c42)); -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.35); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.35); }
.post-edit-link:hover, .post-edit-link:focus { color:#fff; background-color:#d94931; background-image:none; }
.post-edit-link:active { top:1px; }

/* --| Gray container box at the end. |-- */

.post-footer { margin-top:10px; padding:10px 15px; font-size:13px; line-height:16px; color:#777; background-color:#eee; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#eee), to(#f9f9f9)); border:1px solid #eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.18); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.18); }
.post-meta { padding-bottom:5px; color:#aaa; border-bottom:1px dotted #e0e0e0; }
.post-meta a { text-decoration:none; color:#777; }
.post-meta em { color:#aaa; }
.post-tags { padding:5px 0; color:#bbb; border-top:1px dotted #fff; }
.post-tags-label { font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#777; }
.post-tags a { text-decoration:none; color:#aaa; }
.post-tags a:hover, .post-tags a:focus, .post-meta a:hover, .post-meta a:focus { text-decoration:underline; color:#555; }
.post-comments-link a, .post-comments-link a:visited { font-weight:bold; text-decoration:none; color:#555; }
.post-comments-link a:hover, .post-comments-link a:focus { text-decoration:underline; color:#555; }

/* --| Sticky post |-- */

.sticky { padding:30px 15px; border-top:4px solid #ddddc1; background-color:#ffffe3; }
.sticky .post-date { color:#adad93; }
.sticky .post-footer { background-image:none; border:1px solid #ddddc1; background-color:#eeeed2; }
.sticky .post-meta { color:#adad93; border-bottom-color:#ddddc1; }
.sticky .post-meta em, .sticky .post-tags a { color:#adad93; }
.sticky .post-tags { border-top-color:#fffff3; }
.sticky .post-pages { border:1px dotted #ddddc1; }
.sticky .post-pages a { background-color:#ddddc1; }
.sticky .post-pages a:hover, .sticky .post-pages a:focus { background-color:#ccccb0; }

/* --| Archives |-- */

.archive-header { padding:30px 0 10px 0; border-bottom:4px solid #eee; }
.archive-type-title { font-size:24px; font-weight:bold; color:#999; }

/* --| Post navigation |-- */

.post-nav a, .post-nav a:visited { display:block; width:auto; padding:6px 12px; float:left; font-size:14px; text-decoration:none; text-shadow:1px 1px 0 #fff; color:#aaa; border-right:1px solid #fff; background-color:#eee; }
.post-nav a:hover, .post-nav a:focus { color:#777; background-color:#ccc; }
.post-nav-older a { -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.post-nav-newer a { -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; }
.post-nav-single-below { margin-bottom:30px; }
.post-nav-above { text-align:center; }
.post-nav-inner { margin:0 auto; padding-bottom:0; }


/* ----|| PAGES ||---- */

.page-title { font-size:36px; line-height:36px; }


/* ----|| COMMENTS ||---- */

.comments { padding-top:20px; overflow:hidden; border-top:4px solid #eee; }
#comments-title { padding:20px 0; font-size:21px; font-weight:bold; color:#333; }
.commentlist, .commentlist .children { list-style:none; }
.comment { padding:20px 0; border-bottom:2px solid #eee; }
.comment:first-child { padding-top:0; }
.pingback { padding:8px 0; font-size:13px; line-height:16px; color:#999; border-bottom:1px dotted #eee; }
.pingback p { padding-bottom:0; }
.children .comment { margin-top:20px; padding:10px 0; border-top:1px dotted #ddd; border-bottom:0; }
.children .depth-2 { padding-left:20px; }
.children .depth-3 { padding-left:40px; }
.children .depth-4 { padding-left:60px; }
.children .depth-5 { padding-left:80px; }
.children .depth-6 { padding-left:100px; }
.avatar { float:right; border:2px solid #ddd; }
.comment-author { color:#aaa; }
.comment-author .fn { font-weight:bold; color:#333; }
.comment-author a { font-style:normal; font-weight:bold; }
.comment-meta { padding-bottom:11px; }
.comment-meta a, .comment-meta a:visited { font-size:12px; text-decoration:none; color:#aaa; }
.comment-meta a:hover, .comment-meta a:focus { text-decoration:underline; } 
.comment-body {}
.reply { padding:0; }
.comment-reply-link { display:inline-block; padding:2px 12px; position:relative; font-size:13px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.25); cursor:pointer; color:#fff; border:1px solid #ccc; background-color:#ddd; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ccc), to(#ddd)); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.35); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.35); }
.comment-reply-link:hover, .comment-reply-link:focus { color:#fff; border-color:#6cc12d; background-color:#6cc12d; background-image:none; }
.comment-reply-link:active { top:1px; }
.comment-reply-link:after { content:" ↵"; }

/* --| Post author comment |-- */

.commentlist .bypostauthor { padding:10px; border-bottom-color:#eeeed2; background-color:#ffffe3; }
.bypostauthor .avatar { border-color:#ddddc1; }
.bypostauthor .comment-author { color:#adad93; }
.bypostauthor .comment-meta a, .bypostauthor .comment-meta a:visited { color:#adad93; }


/* --| Comment form |-- */

#respond { padding:60px 0 40px 0; }
#reply-title { padding-bottom:3px; font-size:21px; font-weight:bold; color:#4c646a; }
#cancel-comment-reply-link { font-size:11px; font-weight:normal; letter-spacing:1px; text-decoration:none; text-transform:uppercase; }
#cancel-comment-reply-link:hover, #cancel-comment-reply-link:focus { text-decoration:underline; }
#cancel-comment-reply-link:before { content:"(x) "; }
.comment-notes, .form-allowed-tags { font-size:13px; font-style:italic; line-height:16px; color:#999; }
.form-allowed-tags { padding-right:20%; }
#commentform p { padding-bottom:15px; }
#commentform label { color:#999; }
#author, #email, #url, #commentform textarea { display:block; width:60%; margin-top:5px; padding:8px; font-size:14px; color:#777; border:1px solid #ccc; background-color:#eee; }
#commentform textarea { width:80%; }
#submit { display:inline-block; margin-top:5px; padding:7px 18px; position:relative; font-size:16px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.25); cursor:pointer; color:#fff; border:1px solid #6cc12d; background-color:#78d931; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#6cc12d), to(#78d931)); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); }
#submit:hover, #submit:focus { color:#fff; background-color:#6cc12d; background-image:none; }
#submit:active { top:1px; }


/* ----|| SIDEBAR ELEMENTS ||---- */

.secondary-block { display:block; width:100%; margin:0 -10px 20px -10px; position:relative; float:left; border:5px solid #fff; background-color:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 2px 0 rgba(0,0,0,0.1); }
.secondary-block-label { padding:10px 20px; border:1px solid #ccc; background-color:#eee; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ddd), to(#eee)); -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; border-top-left-radius:15px; border-top-right-radius:15px; }
.secondary-block-title { font-size:16px; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,0.8); color:#888; }
.secondary-block-content { padding:20px; position:relative; overflow:hidden; font-size:14px; line-height:18px; border:1px solid #ccc; border-top:0; background-color:#fff; -webkit-border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px; -moz-border-radius-bottomleft:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; }


/* ----|| WIDGETS, ETC. ||---- */

.secondary-block-content a { color:#777; }
.secondary-block-content a:visited { color:#999; }
.secondary-block-content a:hover, .secondary-block-content a:focus { color:#e24333; }
.secondary-block-content ul { padding-bottom:10px; list-style:none; }
.secondary-block-content ul ul { padding-bottom:0; padding-left:20px; }
.secondary-block-content li { padding-top:5px; }

#s { display:block; width:80%; margin-top:10px; padding:8px; font-size:14px; color:#777; border:1px solid #ccc; background-color:#eee; }
#searchsubmit { display:inline-block; margin-top:5px; padding:4px 12px; position:relative; font-size:14px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.25); cursor:pointer; color:#fff; border:1px solid #3188d9; background-color:#3093ef; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#3188d9), to(#3093ef)); -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); }
#searchsubmit:hover, #searchsubmit:focus { color:#fff; background-color:#3188d9; background-image:none; }
#searchsubmit:active { top:1px; }


/* ----|| FOOTER ||---- */

.site-footer { border-top:3px solid #333; background-color:#444; }
.site-meta { padding:30px 0; color:#999; }