@charset 'UTF-8';
/*********************************************************
 * Style: Site-wide
 *
 * Outdoor Spirit Group
 * Copyright 2008/2009 Outdoor Spirit Group.
 * All rights reserved.
 *
 * This site has been hand-developed by Jason Moss.
 *  - www.jdmlabs.com           |  web
 *  - jason.moss@gmail.com  |  mail
 *  - +1-403-850-1496           |  voice
*********************************************************/
@media screen {
/* -----  BASE  ----- */
* { margin: 0; padding: 0; border: 0; text-decoration: none }
* a:link, * a:visited { padding: 0 0.1em 0.1em 0.1em; color: #006391 }
* a:hover, * a:focus, * a:active { outline: 0; text-decoration: underline; color: #007fba; cursor: pointer }
h1, h2, h3, h4, h5, h6, p, dl, ul { font-weight: normal }
dl, ul { list-style: none }
img { border: 0; vertical-align: middle; text-align: center; text-decoration: none }
hr { display: none }
hr.space-divider { display: block; visibility: hidden; height: 1.6em; padding: 0.5em 0 }
hr.space-divider-show { display: block; visibility: visible; width: 75%; height: 0.1em; margin: 3em auto; padding: 0.1em 0 0; border-top: 0.1em solid #fff; background: #ddd; color: #ddd }
abbr { padding-bottom: 0.1em; border-bottom: 0.1em dotted #000; cursor: help }

/* -----  MISCELLANEOUS  ----- */
dl.arrowed dd, ul.arrowed li { margin: 0 0 0 0.6em; padding: 0.1em 0 0.2em 1.5em; background: transparent url( '/wp-content/themes/osg/assets/images/icons/arrowed-list.png' ) 3px 49% no-repeat; font-size: 90% }
dl.bullet, ul.bullet { margin-left: 1.5em }
dl.bullet dd, ul.bullet li { margin-bottom: 1.6em; padding-left: 2em; background: transparent url( '/wp-content/themes/osg/assets/images/icons/bullet-square.png' ) 0 47% no-repeat }
.block { display: block }
.sbt { clear: both; margin: 0; padding: 0 } /* Stupid Browser Tricks(TM) */
.hidden { display: none }
.fl { float: left }
.fr { float: right }
.tac { text-align: center }
.tal { text-align: left }
.tar { text-align: right }
.st { font-size: 75% }  /* small text */
.mt { font-size: 100% } /* medium text */
.lt { font-size: 110% } /* large text */
.b { font-weight: bold }
.i { font-style: italic }

.shell, .most-recent-entry, .page-comments-container, .toggle-button { display: block; border-collapse: separate; clear: both; width: 942px; margin: 0 auto; padding: 0 1em }

html { display: block; background: #faf8f8 url( '/wp-content/themes/osg/assets/images/ui/base/html_bg.png' ) 0 0 repeat-x; font: normal normal normal 85%/1.3em arial,sans-serif; cursor: default }
/* -----  PAGE HEADER  ----- */
.page-header { display: block; height: 70px; background: transparent }
.page-header .logo-block { display: block; float: left; width: 400px; height: 70px; margin: 0; padding: 0; background: url( '/wp-content/themes/osg/assets/images/ui/base/osg-logo.png' ) no-repeat 0 0; cursor: pointer }
.page-header h1, .page-header h2 { display: none }
.navigation-toolbar, .navigation-subtoolbar { height: 36px; border: 0; background: transparent }

/* -----  FEATURED POST  ----- */
.featured-content { display: block; height: auto; margin: 0 0 0.5em; padding: 0.5em 0; border: solid #e3dcdc; border-width: 0.1em 0 0; background: #f2ebeb url( '/wp-content/themes/osg/assets/images/ui/base/feature.png' ) repeat-x left bottom }
.featured-content .feature-summary { display: table-cell; width: 68%; margin: 0; padding: 0 1.8em; vertical-align: middle }
.featured-content .feature-meta { display: table-cell; width: 28%; margin: 0; padding: 1em 0.8em; border: solid #cbebc5; border-width: 0 0 0 0.1em; background: transparent }
.featured-content .column { display: table-cell; height: 100%; padding: 0 1.6em 1.6em; vertical-align: top }
.featured-content .column-left { width: 25% }
.featured-content .column-middle { width: 25%; border-left: 0.1em solid #e3dcdc }
.featured-content .column-right { width: 50%; border-left: 0.1em solid #e3dcdc }
.featured-content h2 { display: block; margin: 0.2em 0 1em; padding: 0; font-size: 200% }
.featured-content h3 { margin: 0.7em 0 0.5em; padding: 0 0 0.2em }
.featured-content ul { line-height: 1.5em }

/* -----  MAIN BODY CONTENT  ----- */
.page-content { display: table; width: 942px; margin: 0 auto; padding: 0; border-collapse: collapse; border-spacing: 0; border: 0; vertical-align: top; background: #fdfdfd }
.page-content .promotion-strip { display: table-row }
.page-content p { margin: 0.8em 0; line-height: 1.6em }
.section-primary { display: table-cell; width: 68%; margin: 0; padding: 0 1.5em; border: solid #f2f2f2; border-width: 0.1em 0.1em 0.1em 0; vertical-align: top }
.section-primary h2 { margin: 0.3em 0 1em; line-height: 1.5em; letter-spacing: 0.1em; font-size: 220% }
.section-primary h3 { margin: 0 0 1.5em; padding: 0 0 0.2em; border-bottom: 0.2em solid #f3f3f3; line-height: 1.5em; letter-spacing: 0.1em; font-size: 180%; color: #874700 }
.section-primary h3 a:link, .page-content-primary h3 a:visited { color: #0084b5 }
.section-primary h3 a:hover, .section-primary h3 a:focus, .section-primary h3 a:active { color: #006990 }
.section-primary h4 { margin: 1.5em 0 0.8em; padding: 0 0 0.3em; border: 0; line-height: 1.5em; letter-spacing: 0.1em; font-size: 160%; color: #874700 }
h2.first, h3.first, h4.first, h5.first { padding-top: 1em }
/*--*/
img.avatar-20 { width: 20px; height: 20px }
img.avatar-80 { width: 80px; height: 80px }
img.avatar-100 { width: 100px; height: 100px }
.post-excerpt-block { margin: 1.6em 0; padding: 0 0 1.6em; border-bottom: 0.5em solid #eee; color: #555 }
.post-excerpt-block.shaded { background: #f8f8f8 }
.post-excerpt-block dt { margin: 0 0 0.6em; padding: 0; font-size: 180% }
.post-date { display: inline-block; margin: 0 0.6em 0 0; font-weight: bold }
.post-author { display: inline-block; padding: 0 0 0 0.6em }
.post-excerpt { color: #000 }
.post-comment-count { display: inline-block; margin: 0; padding: 0 1.6em; background: transparent url( '/wp-content/themes/osg/assets/images/icons/comment.png' ) 0 50% no-repeat; font-style: italic }
.post-category { display: inline-block; margin: 0; padding: 0 0 0 1.6em }

/* -----  SECONDARY CONTENT  ----- */
.section-secondary { display: table-cell; width: 28%; margin: 0; padding: 1em 0.6em; border: solid #e6e6e6; border-width: 0 0 0 0.1em; vertical-align: top; text-align: left }
.right-facing .section-secondary { border: 0; border-right: 0.1em solid #ebe9e9; background: #faf8f8 url( '/wp-content/themes/osg/assets/images/ui/base/secondary_left.png' ) top right repeat-y }
.left-facing .section-secondary { border: 0; border-left: 0.1em solid #ebe9e9; background: #faf8f8 url( '/wp-content/themes/osg/assets/images/ui/base/secondary_right.png' ) top left repeat-y }
.section-secondary h3 { margin: 0 0 0.8em }
.section-secondary .block { display: block; width: 98%; float: left; margin: 0 auto 1.3em; padding: 0 0.2em 1em; border-bottom: 0.4em solid #f2f0f0 }
.image-caption { width: 201px; margin: auto; padding: 0.3em; border: 0.2em solid #bfb9b9; vertical-align: middle; background: #ded7d7 }

/* -----  BANNER-ROW  ----- */
.banner-row { display: block; margin: 0.5em 0 0; padding: 0 0 0.6em; border: 0; vertical-align: top; background: #807878 url( '/wp-content/themes/osg/assets/images/ui/base/banner-row.png' ) repeat-x left bottom }
.banner-row  h5 { display: block; margin: 0 auto; padding: 0.3em 0 0; border: 0; text-align: center; line-height: 1.7em; font-size: 180%; color: #eee }

/* -----  PAGE-FOOTER  ----- */
.page-footer { display: block; height: 5.2em; margin: 0 0 1em; padding: 0.7em 0 0; background: transparent url( '/wp-content/themes/osg/assets/images/ui/base/footer.png' ) 0 100% repeat-x; font-size: 80% }

/* -----  METADATA  ----- */
.post-excerpt-metadata { margin: 0; padding: 0 0 0 0.7em }
.post-excerpt-metadata dt.avatar-container { display: block; float: left; width: 110px; height: 100px; margin: 0; padding: 0 }
.post-excerpt-metadata dt.credit-container { display: block; float: left; width: 122px; height: 100px; margin: 0; padding: 1.5em 0 0 1em; text-align: left }
.post-excerpt-metadata dt img.avatar { display: block; margin: 0; padding: 0.2em; border: 0.1em solid #95c7de }
.post-excerpt-metadata .post-date { display: inline-block; font-weight: bold; font-size: 150%; color: #555 }
.post-excerpt-metadata .post-author { display: inline-block; font-size: 90%; color: #555 }
.post-excerpt-metadata .post-category, .post-excerpt-metadata .post-keywords { display: block; float: left; width: 260px; margin: 0 auto; padding: 0; font-size: 90% }
.post-excerpt-metadata .post-keywords { margin-bottom: 0.3em; padding-bottom: 0.7em; border-bottom: 0.1em dotted #ddd }

.post-block { margin: 1em }
.post-block h4 { font-size: 120% }
.post-block img { display: block; margin: 0.2em; padding: 0.2em }
.post-block .alignleft { display: block; float: left; margin: 0 1em 0.5em 0; }
.magazine .post-entry-supplemental { display: block; width: 40%; margin: 0 0 1.3em 1.3em; padding: 0.8em 1em 0.5em; border: 0.1em solid #71eb6c; background: #e7ffe6; font-size: 90% }
.youtube { display: block; margin: 0.5em auto; padding: 0.5em 0.3em 0.2em; border: 0.1em solid #7ebbe6; background: #c8d9e6; text-align: center }

/* -----  COMMENTS  ----- */
.page-comments-container { display: table; margin-top: 0.4em; padding: 0.8em 0; border-collapse: separate; border-spacing: 0; border: 0.1em solid #eee; vertical-align: top; background: #f7f5f5 }
.page-comments-container .page-content-primary, .page-comments-container .page-content-secondary { display: table-cell; width: 50%; margin: 0; padding: 0 1.6em; border: 0; vertical-align: top; background: transparent }
.page-comments-container .section-primary { width: 65%; border-left: 0; border-right: 2px solid #eee }
.page-comments-container .section-secondary { width: 33%; border: 0; background: transparent }
.page-comments-container .section-primary h2 { margin: 0 0 2.3em; padding-bottom: 0.5em; border-bottom: 0.3em solid #eee; line-height: 1.5em; text-align: center; letter-spacing: 0.1em; font-size: 220%; color: #006391 }
.page-comments-container .comment-entry { display: block; width: 96%; margin: 0.8em 0; padding: 0.8em; background: #edebeb }
.page-comments-container .comment-entry.shaded { background: transparent }
.page-comments-container .comment-entry table.comment-author-data { display: block; margin: 10px 0 20px; padding: 0 }
.page-comments-container .comment-entry img.avatar { display: block; width: 64px; height: 64px; margin: 2px 20px 0 2px; padding: 2px; border: 0.1em solid #95c7de }
.page-comments-container .comment-entry .comment-post-date { margin: 0; padding: 0; font-size: 110%; font-weight: bold; color: #555 }
.page-comments-container .comment-entry .comment-author { margin: 0; padding: 0; font-size: 140%; color: #555 }
.page-comments-container .comment-entry table.comment-author-data p { margin: 5px 20px }
.page-comments-container .comment-commentor { display: block; margin: 0 0 20px; padding: 0 }
.page-comments-container .comment-commentor dt { font-size: 150% }
.page-comments-container textarea { display: block; overflow: auto; width: 98%; height: 200px; margin: 0 0 5px; padding: 2px 5px; border: 0.1em solid #ddd; background: #fcfcfc }
.page-comments-container textarea:focus, .single textarea:active { border-color: #f10; }
.page-comments-container button { display: inline; float: right; margin: 4px 0 0; padding: 2px 5px; border: 0.1em solid #25769c; background: #7abede; vertical-align: middle; font-weight: bold; font-size: 100%; color: #005c87; cursor: pointer }
.page-comments-container button:hover, .single button:focus { border: 0.1em solid #2d91bf; background: #25769c; color: #fff }}

/* ---  MENUS  --- */ @media screen {
.menu-head, .menu-main, .menu-foot { list-style-type: none; display: block }
ul.menu-head li, ul.menu-main li, ul.menu-foot li { float: left }
.menu-head { list-style: none; display: block; float: right; width: 50%; font-size: 80% }
.menu-head li { width: 100%; margin: 5px 0 0 0; padding: 0; text-align: right }
.menu-head li a:link, .menu-head li a:visited { display: inline-block; width: auto; padding: 0 5px; border: 0; text-decoration: none; color: #fafafa }
.menu-head li a:hover, .menu-head li a:focus, .menu-head li a:active { background: transparent; text-decoration: underline; color: #fff }
.menu-head li span.menu-divider { color: #b3a9a9 }
.page-header .menu.who-be-you-be { float: right; font-size: 80%; color: #fff }
.page-header .who-be-you-be a:link, .page-header .who-be-you-be a:visited { color: #fd0 }
.page-header a.staff-lounge-login-link:link, .page-header a.staff-lounge-login-link:visited { color: #80c31c }
.page-header li a.admin:link, .page-header li a.admin:visited { color: #79d2ff }
/*--*/
.menu-main li { display: inline-block; height: 36px; width: auto; margin: 0; padding: 0; border: 0 }
.menu-main li span a:link, .menu-main li span a:visited { display: inline-block; width: auto; height: auto; padding: 0 15px; border: 0; text-decoration: none; font-size: 100%; color: #fff }
.menu-main li span { display: inline-block; width: auto; height: 36px; border: 0; line-height: 36px }
.menu-main li span:hover { background: url( '/wp-content/themes/osg/assets/images/ui/base/toolbar-over.png' ) 0 0 repeat-x }
.menu-main li.active span { background: url( '/wp-content/themes/osg/assets/images/ui/base/toolbar-tab-active.png' ) 0 0 repeat-x }
.menu-main li.active span a:link, .menu-main li.active span a:visited, .menu-main li.active span a:hover, .menu-main li.active span a:focus, .menu-main li.active span a:active { color: #000 }
.menu-main li.menu-divider { display: block; height: 36px; width: 0.1em; margin: 0 30px; padding: 0; border: 0; background: url( '/wp-content/themes/osg/assets/images/ui/base/toolbar-divider.png' ) no-repeat 0 0 }
.menu-main li img { display: inline-block; width: 7px; height: 4px; margin: 0 0 0 10px; }
/*--*/
.menu-main ul { position: absolute; top: -999em; width: 220px; background: #4f4841 }
.menu-main ul li { width: 220px }
.menu-main li:hover { visibility: inherit }
.menu-main li { float: left; position: relative }
.menu-main li:hover ul, .menu-main li.sfHover ul { left: 0; top: 35px; z-index: 1000; padding: 0; }
.menu-main li li { padding: 0 }
.menu-main li li a:link, .menu-main li li a:visited { display: block; margin: 0; padding: 6px 0 7px 15px; background: transparent; color: #fafafa }
.menu-main li li a:hover, .menu-main li li a:focus, .menu-main li li a:active { background: #453f39; color: #fff }
.menu-main li.dropdown-menu-seperator { height: 0.1em; margin: 3px 0; padding: 0; border-bottom: 0.1em solid #5e564e }
/*.sf-shadow ul { 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; background: url( '/wp-content/themes/osg/assets/images/components/menus/shadow.png') bottom right no-repeat }*/
.sf-shadow ul.sf-shadow-off { background: transparent }
/*--*/
.menu-main-sub { padding-left: 0.5em }
.menu-main-sub li { display: inline-block; float: left; width: auto; height: 42px; margin: 0; padding: 0 }
.menu-main-sub li a:link, .menu-main-sub li a:visited { display: inline-block; margin: 0.3em 0.2em 0.1em; padding: 0.8em 1em 0.5em; border: 0; text-decoration: none; letter-spacing: 1px; font-weight: bold; font-size: 90%; color: #444 }
.menu-main-sub li a:hover, .menu-main-sub li a:focus, .menu-main-sub li a:active { background: #f5f5f5 }
.menu-main-sub li.active a:link, .menu-main-sub li.active a:visited, .menu-main-sub li.active a:hover, .menu-main-sub li.active a:focus, .menu-main-sub li.active a:active { height: 30px; padding: 0.7em 1.3em 0; border: 0.1em solid #c4bbbb; border-bottom-color: #f2ebeb; background: #f2ebeb; color: #000 }
.menu-main-sub li.sub-menu-active-seperator { width: 1em; margin: 0 2em 0 0.5em; padding: 0; background: transparent url( '/wp-content/themes/osg/assets/images/components/menus/submenu-seperator.png' ) 0 55% no-repeat }
.menu-main-sub li.menu-divider { display: block; height: 30px; width: 0.1em; margin: 0.3em 2em 0; padding: 0; border: 0; background: #eee }
/*--*/
.page-navigation { margin: 0 0 0.8em }
.page-navigation dt { display: block; margin: 0 0 0.8em; padding: 0; letter-spacing: 0.1em; font-size: 160%; color: #978e8e }
.page-navigation dd { display: block; margin: 0; padding: 0.4em 0 0.5em 1.2em; background: transparent url( '/wp-content/themes/osg/assets/images/icons/arrowed-list.png' ) 3px 40% no-repeat; text-indent: 1.2em; cursor: pointer }
.page-navigation dd.activated { background: transparent url( '/wp-content/themes/osg/assets/images/components/menus/page-navigation-activated_brown.png' ) no-repeat 0 0; font-weight: bold; color: #fff }
.page-navigation dd.activated a:link, .page-navigation dd.activated a:visited, .page-navigation dd.activated a:hover, .page-navigation dd.activated a:focus, .page-navigation dd.activated a:active { background: transparent; font-weight: bold; color: #fff }
.page-navigation .page-navigation-divider { display: block; margin: 0 1em 1.5em; padding: 0; border-bottom: 0.3em solid #f1f1f1; background: transparent; line-height: 1em }
/*--*/
ul.menu-copyright { margin: 0; line-height: 1.5em; color: #666 }
ul.menu-copyright li { display: list-item; float: none; padding: 0 }
ul.menu-copyright li .w3c { margin: 0 0 0 0.5em; padding: 0 0 0 1.4em; border: 0; background: transparent url('/osg/wp-content/themes/osg/assets/images/icons/check-mark.png') no-repeat 0 0; color: #3f889d }
ul.menu-copyright li img { vertical-align: middle }
/*--*/
.menu-foot { list-style: none; display: block; float: right; width: 60% }
.menu-foot li { width: 100%; padding: 0 0 0.5em 0; text-align: right; }
.menu-foot li a:link, .menu-foot li a:visited { display: inline-block; padding: 0 5px; border: 0; text-decoration: none; font-size: 100%; color: #333 }
.menu-foot li a:hover, .menu-foot li a:focus, .menu-foot li a:active { text-decoration: underline; color: #000 }
.menu-foot li span.menu-divider { color: #888 }
.menu-foot li a.staff-lounge-login-link:link, .menu-foot li a.staff-lounge-login-link:visited { color: #4f8500 }
.menu-foot li a.admin { color: #f40 }}

/* ---  COMPONENTS  --- */ @media screen {
/* -----  SEARCHBAR  ----- */
.searchbar { display: block; float: right; width: 98%; margin: -0.5em 0 1em; padding: 0.5em 0.2em 0.4em; border: 0.1em solid #ddd; background: #faf8f8 url( '/wp-content/themes/osg/assets/images/components/search/searchbar.png' ) 0 0 repeat-x; text-align: center }
.searchbar p { margin: 0 auto 0.2em; padding: 0; font-size: 90%; color: #555 }
.searchbar input#s { float: left; width: 65%; margin: 0; padding: 0.2em; border: 0.1em solid #ccc; vertical-align: middle; background: #fff; font-size: 10pt }
.searchbar input#s:focus, .searchbar input#s:active { border-color: #f30 }
.searchbar button { float: left; width: 30%; margin: 0 0 0 0.2em; padding: 0.2em 0.2em 0.1em; border: 0.1em solid #ddd; background: #eee; vertical-align: middle; font-weight: bold; font-size: 10pt; color: #474242; cursor: pointer }
.searchbar button:hover, .searchbar button:focus { border: 0.1em solid #333; background: #555; color: #fff }

/* -----  VCARD  ----- */
.vcard { display: block; margin: 0; padding: 0; line-height: 1.2em; font-size: 100% }
.section-secondary .vcard { margin: 20px 0 }
.vcard dt, .vcard dd { margin: 0; padding: 0; display: block }
.vcard .fn { margin: 0 0 10px; font-size: 130% }
.home .vcard .fn:link, .home .vcard .fn:visited { color: #555 }
.vcard .note { margin: 10px 0; padding: 0 5px 10px; border-bottom: 0.1em dotted #9d9494; font-size: 90% }
.vcard .adr { display: block; margin: 0 0 15px; padding: 0; line-height: 1.5em }
.vcard .adr .country-name { margin-bottom: 10px }
.vcard .email { margin-top: 10px }
.vcard .tel span, .vcard .email span { display: inline-block; width: 40px; }
.vcard .geo { display: none }

/* -----  TABLES  ----- */
table.pricelist { display: table; width: 608px; margin: 10px 0; padding: 0; caption-side: top; empty-cells: show; border-collapse: separate; border: 0.1em solid #dedcdc; background: #fcfafa; font-size: 100%; color: #595353 }
table.pricelist caption { display: table-caption; padding: 20px 0 20px 20px; text-align: left; text-transform: uppercase; letter-spacing: 2px; font-size: 130%; color: #874700 }
table.pricelist thead { display: table-header-group; text-align: left }
table.pricelist tbody { display: table-row-group }
table.pricelist tfoot { display: table-footer-group; text-align: right; font-style: italic; font-size: 65% }
table.pricelist tr { display: table-row }
table.pricelist tr:hover, table.pricelist tr:focus, table.pricelist tr.hover { background: #fffde3; font-weight: bold; color: #000 }
table.pricelist tr:hover td.price, table.pricelist tr:focus td.price, table.pricelist tr.hover td.price { color: #f20 }
table.pricelist th { padding: 10px 20px; border: solid #ded4d4; background: #f2f0f0 }
table.pricelist thead th { border-width: 0 0 4px 0; color: #874700 }
table.pricelist tfoot th { padding-top: 3px; padding-bottom: 3px; border-width: 4px 0 0 0 }
table.pricelist td { display: table-cell; width: 410px; padding: 3px 0 3px 20px }
table.pricelist td.price { width: 200px }
/* -----  MODAL  ----- */
#staff_lounge_login_form { display: none; margin: 0; width: 33em; height: 15em; padding: 1em; border: .3em solid #1d1d1d; -moz-border-radius: .5em; background: #2b2b2b; color: #fafafa }
#staff_lounge_login_form h2 { display: block; float: left; width: 100%; margin: .5em 0; color: #fff }
#staff_lounge_login_form form { display: block; float: left; width: 30em; margin: 1em 0 0 2em; font-size: 110%; }
#staff_lounge_login_form form p { display: block; float: left; width: 100%; margin: .5em 0 }
#staff_lounge_login_form form p.hidden { display: none }
#staff_lounge_login_form form label { display: inline-block; float: left; width: 12em; margin-right: 1em; font-weight: bold; font-size: 90% }
#staff_lounge_login_form form input { display: inline-block; float: left; width: 15em; margin: 0; padding: .2em .3em; border: .1em solid #ffc900; background: #fffbde; font-size: 100% }
#staff_lounge_login_form form input:focus, form input:active { border-color: #f00; background: #fff }
#staff_lounge_login_form form button { display: inline-block; float: right; width: auto; margin: .5em 3em 0 0; padding: .2em .5em !important; padding: 0 .5em; font-weight: bold; font-size: 90%; cursor: pointer }
#staff_lounge_login_form .forgot-password-link { display: block; float: left; width: 100%; padding: 1em }
}