/*	

Theme Name: Beige Brigade	

Description: Official Theme for Beige Brigade	

Author: Tim James and Murray Nuttall		

Version: 1.0	

Tags: beige

*/

/** START HTML5 Boilerplate CSS **/

/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */

/* =============================================================================   HTML5 display definitions   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}

audio:not([controls]) {display: none;}

[hidden] {display: none;}

/* =============================================================================   Base   ========================================================================== */

/* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-height: 100.2%;}

html, button, input, select, textarea {font-family: sans-serif; color: #222;}

body {background: #F2DEBC url(images/bg-body.gif); color: #000000; font-size: 14px; line-height: 1.4; font-family: Georgia, "Times New Roman", Times, serif; margin: 0;}

/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */

::-moz-selection {background: #7A1C1E; color: #fff; text-shadow: none;}

::selection {background: #7A1C1E; color: #fff; text-shadow: none;}

/* =============================================================================   Links   ========================================================================== */

a, a:visited {color: #791B1E; text-decoration: none;}

a:hover {text-decoration: underline;}

a:focus {outline: thin dotted;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active {outline: 0;}

/* =============================================================================   Typography   ========================================================================== */

abbr[title] {border-bottom: 1px dotted;}

b, strong {font-weight: bold;}

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

ins {background: #ff9; color: #000; text-decoration: none;}

mark {background: #ff0; color: #000; font-style: italic; font-weight: bold;}

/* Redeclare monospace font family: h5bp.com/j */

pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}

/* Improve readability of pre-formatted text in all browsers */

pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}

q {quotes: none;}

q:before, q:after {content: ""; content: none;}

small {font-size: 85%;}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

/* =============================================================================   Lists   ========================================================================== */

ul, ol {margin: 1em 0; padding: 0 0 0 40px;}

dd {margin: 0 0 0 40px;}

nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}

/* =============================================================================   Embedded content   ========================================================================== */

/* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}

/* * Correct overflow not hidden in IE9 */

svg:not(:root) {overflow: hidden;}

/* =============================================================================   Figures   ========================================================================== */

figure {margin: 0;}

/* =============================================================================   Forms   ========================================================================== */

form {margin: 0;}

fieldset {border: 0; margin: 0; padding: 0;}

/* Indicate that 'label' will shift focus to the associated form element */

label {cursor: pointer;}

/* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */

legend {border: 0; *margin-left: -7px; padding: 0; white-space: normal;}

/* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}

/* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */

button, input {line-height: normal;}

/* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */

button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible;}

/* * Re-set default cursor for disabled elements */

button[disabled], input[disabled] {cursor: default;}

/* * Consistent box sizing and appearance */

input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *width: 13px; *height: 13px;}

input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}

/* * Remove inner padding and border in FF3/4: h5bp.com/l */

button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}

/* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */

textarea {overflow: auto; vertical-align: top; resize: vertical;}

/* Colors for form validity */

input:valid, textarea:valid {}

input:invalid, textarea:invalid {background-color: #f0dddd;}

/* =============================================================================   Tables   ========================================================================== */

table {border-collapse: collapse; border-spacing: 0;}

td {vertical-align: top;}

/* =============================================================================   Chrome Frame Prompt   ========================================================================== */

.chromeframe {margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0;}

/* ==|== primary styles =====================================================   Author:   ========================================================================== */

p {margin: 0 0 1em;}

/* LAYOUT */

.wrapper  {width: 973px; margin: 0 auto 20px;}

.wrapper-inner {background: url(images/bg-wrapper.gif) repeat-y right top; position: relative;}

.sidebar  {background: url(images/bg-sidebar.png) no-repeat right top; float: left; width: 262px;}

.logo {margin: 14px 0 0; padding: 0; font-size: 1px; line-height: 1px;}

.logo a {background: url(images/logo-site.png) no-repeat left top; width: 263px; height: 158px; margin-left: -1px;}

.main {background: url(images/bg-main.gif) repeat-x left top; padding: 25px 22px 25px 28px; width: 660px; float: left;}



.social-links {overflow: hidden;}

.social-links ul {background: url(images/keep-up-to-date-right.png) no-repeat left 6px;float: right; list-style: none; margin: 0 5px 5px 0; padding: 0 0 0 155px;}

.social-links li {float: left;}

.social-links .icon-facebook {background: url(images/icon-facebook.png) no-repeat left top; width: 37px; height: 36px;}

.social-links .icon-twitter {background: url(images/icon-twitter.png) no-repeat left top; width: 41px; height: 36px;}

.site-footer {padding: 8px 0 0 262px;}

.facebook-block {background: #F9EEDC; padding: 25px 22px 25px 28px; margin-bottom: 8px;}

.site-footer .social-links ul {background: url(images/keep-up-to-date-left.png) no-repeat right 6px;float: left; padding: 0 155px 0 0;}

.copyright {float: right; text-align: right; font-size: 14px;}

.copyright-small {float: right; text-align: right; font-size: 12px;}




/* HOME */

.home .main:before {background: url(images/megaphone.png) no-repeat left top; width: 66px; height: 123px; position: absolute; top: -38px; left: 588px; display: block; z-index: 999;}

.welcome {margin-bottom: 22px;}

.home .type-page {width: 380px;}

.home .type-page p {font-size: 18px; margin-bottom: 42px;}

.whats-new {background: url(images/border.gif) repeat-x left bottom; padding-bottom: 16px; margin-bottom: 19px;}

.original-shirt {position: absolute; top: 377px;right: -35px;}

/* NAVIGATION */

nav ul {list-style: none; font-family: 'Alfa Slab One';}

.sitenav {padding-left: 22px; margin-top: -3px;}

.sitenav ul {font-size: 24px; line-height: 30px;}

.sitenav li {border-bottom: 1px dashed #5E3419; padding: 6px 3px 3px;}

.sitenav li:last-child {border-bottom: 0;}

.sitenav a {color: #333333; text-transform: uppercase;}

.sitenav .current_page_item a, .sitenav .current_page_parent a {color: #5E2F15;}



.page-item-4 {background: url(images/get-your-kit.png) no-repeat 61px 6px;}



 /* The ecommerce plugin has a bug where it doesn't apply .current_page_item to the correct navigation item when viewing products and categories, the following is a workaround */

 .wpsc .page-item-4 a,.tax-wpsc_product_category .page-item-4 a,.single-wpsc-product .page-item-4 a {color: #5E2F15 !important;}

 .wpsc .current_page_parent a,.tax-wpsc_product_category .current_page_parent a,.single-wpsc-product .current_page_parent a {color: #333333;}

.subnav {background: url(images/border.gif) repeat-x left bottom; margin-bottom: 14px; padding-bottom: 17px;}

.subnav ul {font-size: 18px; line-height: 1.2; overflow: hidden; zoom: 1;}

.subnav li {float: left;}

.subnav li:before {content: "/"; padding: 0 6px;}

.subnav li:first-child:before {content: ""; padding: 0;}

.subnav a {color: #5E2F15; text-transform: uppercase;}

.subnav .current_page_item a {color: #333;}



.blank {list-style: none; padding: 0;}

/* HEADINGS */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Alfa Slab One'; line-height: 1.2; font-weight: normal; color: #333333; text-transform: uppercase; margin-top: 0;}

h1, .h1 {font-size: 50px; color: #322C1E; padding: 12px 0 8px; margin: 0 0 14px;}

h2, .h2 {font-size: 30px;}

h3, .h3 {font-size: 22px;}

h4, .h4 {font-size: 18px;}

h5, h6, .h5, .h6 {font-size: 14px; font-weight: bold;}

 .entry-title {font-size: 18px; text-transform: capitalize; margin-bottom: 4px;}

 .widget-title {border-bottom: 1px dashed #5E3419; font-size: 18px; margin: 0 0 5px; padding: 6px 3px 5px;}

.page-header {background: url(images/border.gif) repeat-x left top; overflow: hidden; zoom: 1; position: relative;}

.page-header h1 {background: url(images/border.gif) repeat-x left bottom; padding-right: 200px;}

.page-header #searchform {position: absolute; top: 26px; right: 0;}

.page-header #searchform label {padding-right: 5px;}

.ie7 .page-header #searchform {top: 24px;}

.ie7 .page-header #searchform .btn {position: relative; top: 3px;}

.post {background-image: none; border-bottom: 1px dashed #AB917A; margin-bottom: 15px; padding-left: 97px; min-height: 97px; position: relative; overflow: hidden;padding-bottom: 3px;}

.error404 {padding-left: 0;}

.error404 #searchform label {position: absolute; left: -9999px; top: -9999px;}

.single-post .post {background: url(images/border.gif) repeat-x left bottom; border-bottom: 0;}

 .entry-date {background: url(images/bg-date.png) no-repeat left top; display: block; padding: 12px 0 12px 14px; width: 64px; height: 38px; position: absolute; top: 3px; left: 0;}

 .entry-date a {color: #FEF2D2; display: block; font-family: 'Alfa Slab One'; line-height: 1; text-align: center;}

.entry-date .day {font-size: 24px;}

.entry-date .month {font-size: 12px; text-transform: uppercase;}

.entry-meta {color: #999;}

.entry-meta p {margin-top: 0; margin-bottom: 12px;}

.entry-meta .author {color: #333;}

 .comment-link {background: url(images/icon-comments.png) no-repeat left top; padding-left: 25px;}

 /* COMMENTS */

 #comments-title, #reply-title {font-size: 18px; margin-top: 15px; padding-left: 97px; margin-bottom:13px;}

.comment-list {list-style: none; padding: 0;}

.comment {border-bottom: 1px dashed #AB917A; min-height: 61px; margin-bottom: 16px; padding-bottom: 4px; padding-left: 97px; position: relative; overflow: hidden;}

.comment p {margin: 0 0 10px;}

.comment-author img {background: url(images/profile.png) no-repeat left top; position: absolute; top: 7px; left: 38px;}

.comment-author cite {font-weight: bold; font-style: normal;}

#commentform {padding-left: 97px;}

#commentform p {margin-bottom: 12px;}

#commentform label {padding-left: 5px;}

#commentform textarea {padding: 5px 3px; width: 536px; height: 87px;}

/* INPUTS */

.text {background: #fff; border: 1px solid #666; height: 24px; line-height: 24px; padding-left: 2px; padding-right: 2px;}

textarea {border: 1px solid #666;}

/* BUTTONS */

.btn, .form-submit {background: #fff; border: 3px solid #7A1C1E; display: inline-block; zoom:1;}

.form-submit {float: left; clear: left;}

.form-submit input, .btn input, .btn span {background: #7A1C1E; border: 0; color: #FEF2D2; font-family: 'Alfa Slab One'; font-size: 16px; text-transform: uppercase; margin: 1px; padding: 7px 22px 5px; *padding: 3px 22px 2px; height: auto; zoom:1;}

.btn span {display: block;}

.page-header .btn input, .page-header .btn span,.checkout_cart .btn input, .checkout_cart .btn span, #searchform .btn input, .wpsc_change_country .btn input {font-size: 12px; line-height: 16px; padding: 3px 10px 2px; *padding: 1px 10px 0px;}

.xoxo .btn input, .xoxo .btn span {font-size: 12px; line-height: 16px; padding: 5px 15px;}

/* WIDGETS */

.xoxo {list-style: none; margin-top: 25px; padding-left: 22px;}

.widget-container {overflow: hidden; margin-bottom: 23px;}

.nsu_widget .nsu-form {padding: 0 3px;}

.nsu_widget p {margin-bottom: 9px;}

.nsu_widget label {display: block;}

.nsu_widget .nsu-field {width: 214px;}

.nsu_widget .nsu-error {display: block; margin: 5px 0;}

.widget_twitter .widget-title {background: url(images/icon-kiwi.png) no-repeat 3px 2px; padding-left: 41px;}

.widget_twitter .tweets {list-style: none; padding: 0 10px 0 3px; margin: 0;}

.widget_twitter .tweets li {margin-bottom: 12px;}

.main .xoxo {padding-left: 0; margin-top: 0;}

.main .widget-container {margin-bottom: 0;}

.madmimi .mimi-form {padding: 0 3px;}

.madmimi .mimi-field {width: 214px;}

.madmimi .mimi-emailfield {width: 214px; margin-bottom: 10px;}



div.mr_social_sharing_wrapper {float: right !important; width: auto !important;}

div.mr_social_sharing, span.mr_social_sharing, div.mr_social_sharing_top, span.mr_social_sharing_top {vertical-align: middle !important;}

.post .mr_social_sharing_wrapper {margin: -3px 0 0 !important;}

.page .page-header .mr_social_sharing_wrapper {position: absolute; right: 0; bottom: 25px;}

.single-wpsc-product .mr_social_sharing_wrapper {position: absolute; right: 0; top: 5px;}

/* ==|== media queries ======================================================   EXAMPLE Media Query for Responsive Design.   This example overrides the primary ('mobile first') styles   Modify as content requires.   ========================================================================== */

@media only screen and (min-width: 35em) {  /* Style adjustments for viewports that meet the condition */

}

/* ==|== non-semantic helper classes ========================================   Please define your styles before this section.   ========================================================================== */

/* For image replacement */

.ir {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0;}

.ir br {display: none;}

/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {display: none !important; visibility: hidden;}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {position: absolute; left: -9999px; top: -9999px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

/*.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

*/

/* Hide visually and from screenreaders, but maintain layout */

.invisible {visibility: hidden;}

/* Contain floats: h5bp.com/q */

.clearfix:before, .clearfix:after {content: ""; display: table;}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

/* ==|== print styles =======================================================   Print styles.   Inlined to avoid required HTTP connection: h5bp.com/r   ========================================================================== */

@media print {  * {background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;}

 /* Black prints faster: h5bp.com/s */

   a, a:visited {text-decoration: underline;}

  a[href]:after {content: " (" attr(href) ")";}

  abbr[title]:after {content: " (" attr(title) ")";}

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}

  /* Don't show links for images, or javascript/internal links */

    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}

  thead {display: table-header-group;}

 /* h5bp.com/t */

   tr, img {page-break-inside: avoid;}

  img {max-width: 100% !important;}

  @page {margin: 0.5cm;}

  p, h2, h3 {orphans: 3; widows: 3;}

  h2, h3 {page-break-after: avoid;}

}

/** END HTML5 Boilerplate CSS **/

/** START Starkers CSS **/

/* LAYOUT */

/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

.aligncenter {display:block; margin:0 auto}

.alignleft {float:left;margin: 5px 15px 15px 0 !important;}

.alignright {float:right;margin: 5px 0 15px 15px !important;}

.wp-caption {border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px}

/* You might find the following useful */

/* div, ul, li {position:relative}

 This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside thembr.clear {clear:both; display:block; height:1px; margin:-1px 0 0 0}

 /* Use this br class to clear your floated columns */

 li#theme-switcher {background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0}

 /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */