/* Theme Name: Belle Mariee Theme URI: http://bellamarieebridal.com/ Description: Thematic-based theme for BellaMarieeBridal.com Version: 1.0 Author: Will Norris Author URI: http://willnorris.com/ Template: thematic */ /* YUI Reset CSS (BSD License) - http://developer.yahoo.com/yui/reset/ */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* YUI Fonts CSS (BSD License) - http://developer.yahoo.com/yui/fonts/ */ body{font:12px/1.333 'lucida grande',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% 'lucida grande',arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* changed base font to 12px (instead of 13px). New percentages for obtaining px size: * * 09 - 75% 16 - 133% 23 - 192% 30 - 250% 37 - 308% 44 - 367% * 10 - 83% 17 - 142% 24 - 200% 31 - 258% 38 - 317% 45 - 375% * 11 - 92% 18 - 150% 25 - 208% 32 - 267% 39 - 325% 46 - 383% * 12 - 100% 19 - 158% 26 - 217% 33 - 275% 40 - 333% 47 - 392% * 13 - 108% 20 - 167% 27 - 225% 34 - 283% 41 - 342% 48 - 400% * 14 - 117% 21 - 175% 28 - 233% 35 - 292% 42 - 350% 49 - 408% * 15 - 125% 22 - 183% 29 - 242% 36 - 300% 43 - 358% 50 - 417% */ body { background: url('images/background.png') top center repeat; } em { font-style: italic; } strong { font-weight: bold; } p { margin-bottom: 1em; line-height: 200%; } .alignleft { float: left; } .alignright { float: right; } .clear { clear: both; } a, a:hover, a:link, a:visited { color: #005699; } #wrapper { background: #FFF; } h1, h2, h3, h4 { font-family: 'Trebuchet MS', 'Lucida Grande', arial, helvetica, sans-serif; } h1, h2, h3, h4 { margin: 0.5em 0 0.25em 0; } h1 { font-size: 250%; color: #000; } h2 { font-size: 192%; color: #111; } h3 { font-size: 158%; color: #222; } h4 { font-size: 125%; color: #333; } h1, body.author h2 { padding-bottom: 0.5em; text-align: center; } h2 { margin-bottom: 0.5em; } /* Header and Menu */ #branding { height: 100px; background: url('images/background.png') top center repeat; } #blog-title { position: relative; top: -10px; } #blog-title > a { display: block; width: 350px; height: 180px; margin: auto; position: relative; } #blog-description, .skip-link { display: none; } #access { border-top: 2px solid #000; } .menu { height: 30px; margin: 70px auto 30px; width: 700px; background: #000 url('images/menu-background.png') 0 0 repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .page_item { display: inline; } .page_active > a { background: rgba(255, 255, 255, 0.4); } .page_item > a { text-align: center; text-decoration: none; font-size: 100%; line-height: 30px; width: 90px; } .menu > ul > .page_item > a { text-transform: uppercase; padding: 8px 22px; color: #FFF; } .current_page_item > a, .current_page_parent > a, .current_page_ancestor > a { background: rgba(255, 255, 255, 0.4); } .page_item > ul { float: left; width: 700px; display: none; background: #FFF; } .current_page_item > ul, .current_page_parent > ul, .current_page_ancestor > ul { display: block; } .page_item > ul { float: left; width: 700px; } .page_item > ul > .page_item > a { padding: 7px 6px; font-weight: bold; color: #000; } .page_item > ul > .page_item > a:hover { text-decoration: underline; } #main { height: 100%; padding: 1em; width: 750px; margin: 0 auto; } /* For now, we don't use either of the main sidebars. We may eventually */ #primary, #secondary { display: none; } /* Sidebar in footer */ #first { float: right; } #meta { display: none; } .home #meta, .loggedin #meta { display: block; } #meta > ul > li > a { color: #444; } #meta > ul > li > a:hover { color: #CCC; } #meta .widgettitle { display: none; } #meta li { text-align: right; color: #FFF; margin-right: 0.7em; } #footer { bottom: 0; width: 100%; padding-top: 10px; clear: both; text-align:center; line-height: 1.6em; color: #FFF; } #footer a { color: inherit; } #siteinfo { background: #000 url('images/menu-background.png') repeat; padding: 3px 0; } #siteinfo > p { line-height: 170%; margin: 0 10%; } #siteinfo > p > .store-location { margin: 0 2em; } /* Pages */ .landing { display: block; float: right; max-width: 400px; border: 1px solid #000; padding: 1px; margin: 0 1em 1em 1em; } .landing.alignleft { float: left; } #author-info > .photo { float: right; border: 1px solid #000; padding: 1px; margin: auto auto 1em 1em; } #partner-links { width: 750px; margin: 2em auto 0; text-align: center; } #partner-links > div { float: left; width: 33%; } #partner-links > div > h2 { font-size: 125%; color: #333; margin: 0; } #partner-links > div > .xoxo { margin-bottom: 2em; line-height: 200%; } body.home .entry-title, body.author .entry-title, body.author .navigation, body.author .post, body.author #author-email { display: none; } /* Collections Pages */ .designer-title { clear: both; } .collection-list { width: 100%; overflow: auto; text-align: center; } .collection-list > li { float: left; width: 24.9%; height: 270px; } .collection-list > li > h3 { font-size: 125%; } .collection-list > li > a { display: block; height: 80%; } .collection-list > li > a > img { height: 100%; text-decoration: none; border: 0; } .edit-link { display: block; clear: both; } /* Events Page */ .upcoming-events > li > h3 { margin-top: 1em; } .event-date { display: block; margin-bottom: 0.3em; color: #666; font-style: italic; font-size: 108%; } .upcoming-events > li > p { margin-left: 2em; } /* FAQ Page */ .slug-faq h3 { margin-top: 1.2em; } /* Contact Form */ .store { overflow: auto; } .store > h3 { font-size: 133%; } .store > .store-address, .store > .store-hours, .store > .store-map { float: left; width: 33%; } .wpcf7-form p { line-height: 150%; } .wpcf7-form label { float: left; clear: left; width: 200px; text-align: right; padding-right: 5px; } .wpcf7-form label, .wpcf7-form input { margin: 7px auto; } /* The Wedding Land */ #wedding-land > .location { float: left; width: 49%; text-align: center; } #wedding-land > h3 { clear: left; margin: 2em 0 1em 0; text-align: center; } /* vim: set ts=4 sw=4 ft=css: */