/* Custom Css Template Override */

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

html body { background:#111; color:#888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
a { color:#444; }
a:hover { color:#999; }

h1, h2, h3 { font-family: 'Yanone Kaffeesatz', arial, serif; }

hr { border-top:1px solid #F9F9F9; border-bottom: 1px solid #eee; border-left: 1px solid #eee; margin:1em auto; }

#userbar, #header, #nav, #pagetitle, #content, #footer, div.has_aside { padding: 0 15px; width:970px; }


/* Header */
#header { margin-top:0; padding-top:15px; padding-bottom:15px; overflow:auto; background:#fff; }

/* Cart Summary */
div.cart-summary { margin-bottom: 0; }
div.cart-summary ul { display:none; }

#userbar li.cart a { color:#fff; }

/* Logo */
div#logo h2 { margin:0; }
div#logo h2 a { display:block; width:640px; height:127px; background:url(http://focalpointbmx.com/wordpress/wp-content/themes/fp/img/logo.png) no-repeat top left; text-indent:-9999px; }

/* Nav */
#nav { overflow:auto; margin-bottom:0; padding-bottom:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; }
#nav ul { margin:0; border:none; height:auto; }
#nav li { display: inline; float:left; position:relative; padding:0; }
#nav li:first-child { padding:0; }
#nav li a, #nav li a:visited {
    border-left: 1px solid #F9F9F9;
    border-right: 1px solid #EEEEEE;
    color: #999999;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 900;
    padding: 15px;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
}
#nav ul.nav-links li a:hover { background:#fff; color:#444; }
#nav ul.nav-links li a:hover {}
#nav ul.nav-links li a.active { background:#F1F2F1; color:#000; }


#nav div.breadcrumbs { clear:both; margin:0; border-top:1px solid #ddd; }
#nav div.breadcrumbs ol li a { padding:2px 15px; border:none; font-weight:normal; }
#nav div.breadcrumbs ol li a:hover { background:none; }

div.checkoutprogress ol li.active, div.checkoutprogress ol li.active a, div.checkoutprogress ol li.active, div.checkoutprogress ol li.active a:hover { color:#09F; }

#pagetitle, body.product .product-item h1 { padding:20px 0; }
#pagetitle h1, body.product .product-item h1 { margin: 0; font-size: 60px; font-weight: normal; letter-spacing: -1px; text-shadow: 1px 1px 1px #000; }
#pagetitle h1, #pagetitle h2, body.product .product-item h1 { color:#555; }
#pagetitle h2 { margin-bottom:0; }

div.checkoutprogress { top:10px; right:0; }

body.product .product-item h1 { background:#111; margin-left:-15px; margin-right:-15px; margin-bottom:30px; }
body.product #content { padding-top:0; }

#content, div.has_aside div#content { padding-top:15px; }

#content, div.has_aside { background:#F1F2F1; }
div.has_aside div#content { float:left; }
div.has_aside div#aside { float:right; }

div#aside li { border-top: 1px dotted #E9E9E9; padding: 6px 4px; text-transform: uppercase; }
div#aside li a { color: #444; }
div#aside li a:hover { text-indent:5px; }

#footer { margin-top:2em; }

div.product-item div.product-item-description_area { background:none; }
div.product-item div.product-related_area h3 { text-align:center; }

div.form.subscribe p, div.form.subscribe li label { color:#444; text-transform:uppercase; }
div.form.subscribe li label { width:45px; }
div.form.subscribe input.text { background:#444; }
div.form.subscribe li.submit { margin-left:60px; text-align:left; }
div.form.subscribe button.button { border:none; background:#444; }

body.shop .list_carousel { background:#111; padding:15px 15px 5px; }
