/* Theme Name: A is for Andrea Theme URI: https://6xglv6vlo1.wpo.spinupwp.site Description: A is for Andrea Theme Author: Westwords Consulting, LLC Author URI: http://westwordsconsulting.com Version: 1.0 */ @media screen { /* Layout */ body { background: url(img/bg2.jpg) no-repeat -150px -120px; font-family: 'Didact Gothic', Arial, sans-serif; } #wrapper { width: 985px; margin: 0 auto; max-width: 100%; } #header { margin: 0 auto; max-width: 100%; text-align: center; } #container { max-width: 100%; padding: 20px; } #content { position: relative; width: 985px; max-width: 100%; } body.blog #content { float: left; position: relative; } .left { float: left; } .right { float: right; } .bio { float: left; } .biotext { } .headshot { float: left; padding: 0 10px 20px 0; min-height: 175px; } #search-form { position: absolute; top: 14px; right: 60px; } .meta { padding: 0 0 10px 0; } .slideshow { position: relative; top: 0; left: -25px; } #fontresizer { position: absolute; top: 15px; right: 0; } body.home #fontresizer { position: relative; float: right; padding: 0; } img.alignright { float: right; text-align: right; margin: 0 0 10px 10px; } img.alignleft { float: left; text-align: left; margin: 0 10px 10px 0; } .alignright { float: right; text-align: right; } .alignleft { float: left; text-align: left; } #breadcrumb { font-size: 14px; margin: 0 0 15px 0; } .nameblock { clear: both; } .box { padding: 10px; margin: 0 0 10px 10px; border: 1px solid #000; text-align: left; } td { border: 1px solid #ccc; padding: 10px; } /* Typography */ a { color: #CC0000; } a:hover { color: #000; } p, li, em, .screen-reader-text { padding: 0 0 15px 0; font-size: 16px; color: #000; } em { font-style: italic; } li { padding: 0 0 5px 0; } #content li { margin: 0 0 0 20px; } #sidebar p, #sidebar li a { color: #3D3D3D; } #footer p { font: 10px Verdana, sans-serif; } strong { font-size: 1.2em; font-weight: bold; } #title { font-family: 'Mountains of Christmas', Times, serif; font-size: 93px; text-decoration: none; } #title:hover { color: #CC0000; } h1 { font: 65px 'Just Another Hand', serif; color: #000; } h2 { padding: 0 0 5px 0; font-size: 26px; font-weight: bold; color: #CC0000; text-transform: uppercase; } #name { text-align: right; font-size: 36px; color: #B7AC8F; margin-bottom: -25px; } #star { font-size: 24px; float: right; color: #CC0000; } #email { margin-right: 34px; } #footer h2 { font-size: 18px; font-weight: bold; color: #000; text-transform: capitalize; } h3 { font: bold 16px Arial, sans-serif; color: #000; } h3.title { background: #B7AC8F; padding: 10px; } h3.title a { color: #FFF; } #content ul, #content .children { margin: -10px 0 10px 20px; } .wp-caption { border: 1px solid #ccc; background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 10px 10px 0 0; text-align: center; } blockquote { margin-left: 30px; } /* Navigation */ #navwrapper { height: 39px; margin: 0 0 10px 0; text-align: left; } #navwrapper .menu, div.menu { display: inline-block; } #navwrapper .menu ul, div.menu ul { list-style-type: none; margin: 0; } #navwrapper .menu li, div.menu li { list-style-type: none; float: left; position: relative; padding: 0; font-size: 14px; text-transform: uppercase; text-decoration: none; } #navwrapper .sub-menu li { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; } #navwrapper a { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 12px; background-color: #fff; color: #000; display: block; line-height: 35px; padding: 0 11px; text-decoration: none; border-bottom: 2px solid #89816C; margin-left: -2px; } #navwrapper ul ul { display: none; position: absolute; top: 35px; left: -2px; float: left; width: 230px; z-index: 99999; text-align: left; border: 2px solid #89816C; } #navwrapper ul ul li { min-width: 210px; } #navwrapper ul ul ul { left: 100%; top: 0; } #navwrapper ul ul a { color: #000; background: #FFF; line-height: 1em; padding: 10px 10px 10px 15px; width: 205px; height: auto; border: none; margin-left: 0; } #navwrapper li:hover > a { background: #F1DE92; color: #000; } #navwrapper ul ul li:hover > a { background: #F1DE92; color: #000; } #navwrapper ul li:hover > ul { display: block; } #navwrapper ul li.current_page_item > a, #navwrapper ul li.current-menu-ancestor > a, #navwrapper ul li.current-page-ancestor > a, #navwrapper ul li.current-menu-item > a, #navwrapper ul li.current-menu-parent > a, #navwrapper ul li.current_page_parent > a { color: #CC0000; background: #F0C350; border-bottom: 2px solid #CC0000; position: relative; z-index: 1; margin-left: -2px; } #navwrapper ul ul li.current_page_item > a, #navwrapper ul ul li.current-menu-ancestor > a, #navwrapper ul ul li.current-page-ancestor > a, #navwrapper ul ul li.current-menu-item > a, #navwrapper ul ul li.current-menu-parent > a { color: #CC0000; background: #F0C350; position: relative; z-index: 1; border-bottom: 0; margin: 0; } /* Subnav */ .subnav { margin: 0 0 10px 0; } .subnav li { list-style-type: none; display: inline-block; margin: 0 -5px 10px 0; padding: 0; border-left: 1px solid #B7AC8F; } .subnav li.noleftborder { border-left: none !important; } .subnav li a { display: inline-block; padding: 5px; color: #000; text-decoration: none; font-size: 14px; } .subnav li a:hover { background: #B7AC8F; color: #fff; } .subnav li.current_page_item a { background: #CC0000; color: #fff; text-decoration: none; } /* Sidebar */ .sidebar { float: right; width: 240px; padding: 10px; } .widget { padding: 0 0 20px 0; } .widget-container { padding: 0 0 20px 0; list-style-type: none; } ul li.widget_text { list-style-type: none; } .textwidget p { color: #0C2D57; } .widget-title { font-size: 16px; font-weight: bold; color: #17224F; text-transform: uppercase; padding: 0 0 5px 0; } .sidebar ul li div ul li { list-style-type: none; } /* Footer */ #footer { clear: both; width: 985px; max-width: 100%; padding: 5px 0 0 0; } } /* END screen media */ @media only screen and (max-width: 968px) { #breadcrumb { margin-top: 90px; } } @media only screen and (max-width: 501px) { body { background-size: contain; } #title { font-size: 3rem; } h1 { font-size: 2rem; } #container { margin-top: 70px; } body.home img.alignright { float: inherit; display: block; } } @media print { .do-not-print, #navwrapper, #breadcrumb, .box { display: none; } #title { float: right; clear: both; } .alignright { float: right; text-align: right; } .alignleft { float: left; text-align: left; } p, li, em, .screen-reader-text { padding: 0 0 15px 0; } strong { font-weight: bold; } #comments { page-break-before: always; } body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 19pt; } h2 { font-size:17pt; } h3 { font-size:15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: black; } } /* END print media */