/*
Theme Name: Knowmad Family theme
Theme URI: http://JakeMiller.Me
Version: 1.0
Description: KnowMadFam theme
Author: Jake Miller
Author URI: http://JakeMiller.Me
*/

@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('fonts/helvetica-webfont.eot');
    src: url('fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-webfont.woff') format('woff'),
         url('fonts/helvetica-webfont.ttf') format('truetype'),
         url('fonts/helvetica-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('fonts/helveticabold-webfont.eot');
    src: url('fonts/helveticabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticabold-webfont.woff') format('woff'),
         url('fonts/helveticabold-webfont.ttf') format('truetype'),
         url('fonts/helveticabold-webfont.svg#HelveticaNeueBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

b,strong {font-family: HelveticaNeueBold;}
i, em {font-style: italic;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}

.alignleft {float: left;margin: 0 10px 10px 0;}
.alignright {float: right;margin: 0 0 10px 10px;}
.aligncenter {display: block;margin: auto;}

.more {background: url('images/more_bg.png') no-repeat;width: 123px; height: 32px;text-indent: -9999px;display: block;}
.separator {background: url('images/separator_bg.png') repeat-x;height: 2px;margin: 15px 0;}
.icon {display: block;width: 32px;height: 32px;text-indent: -9999px;}
.facebook {background: url('images/icon_facebook.png') no-repeat;}
.twitter {background: url('images/icon_twitter.png') no-repeat;}
.comment {background: url('images/icon_comment.png') no-repeat;}
.retweet {background: url('images/icon_retweet.png') no-repeat;}
.button {background: url('images/button_left_bg.png') no-repeat;display: inline-block;*display: inline;*zoom: 1;margin-top: 10px;cursor: pointer;}
.button span {background: url('images/button_right_bg.png') no-repeat right top;height: 29px;line-height: 28px;display: block;margin-left: 4px;padding: 0 12px 0 8px;font-family: HelveticaNeueBold;}

body {background: url('images/bg.png');font: 12px/18px HelveticaNeueRegular; color: #666;}
a {color: #666;text-decoration: none;outline: none;}
a:hover {text-decoration: underline;}
h1 {font: 22px HelveticaNeueBold;text-shadow: 1px 1px 1px #fff;color: #545454;margin: 0 0 8px 2px;}
h2, h2 a {font: 16px HelveticaNeueBold;text-shadow: 1px 1px 1px #fff;color: #545454;margin: 0 0 5px 0;}
h3, h3 a {font: 22px HelveticaNeueBold;text-shadow: 1px 1px 1px #fff;color: #545454;margin: 0 0 8px 2px;}
input[type="text"], input[type="email"], input[type="password"] {border: 1px solid #cdcdcd;background: url('images/input_bg.png') no-repeat right top;height: 22px;color: #999;padding: 0 10px;font: 12px HelveticaNeueRegular;}
input[type="submit"], input[type="button"] {background: url('images/button_single_bg.png') no-repeat; border: none;text-align: center;font: 12px/28px HelveticaNeueBold; color: #4a4a4a;width: 55px; height: 29px;display: block;margin: 0;}
input[type="submit"].add_cart, input[type="button"].add_cart {background: url('images/add_cart_bg.png') no-repeat left 2px;width: 104px;height: 34px;color: #5d7731;cursor: pointer;margin-left: 20px;}
input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .more:hover {opacity: 0.8;}
input:focus {outline: none;}
textarea {border: 1px solid #cdcdcd;background: url('images/input_bg.png') no-repeat right top #fff;font: 12px HelveticaNeueRegular;color: #999;padding: 10px;}
p {margin: 15px 0;}
label {margin-bottom: 5px;display: block;}
input.short {width: 198px;}
input.long {width: 425px;}
textarea.long {width: 425px;height: 92px;}

.wrapper {width: 853px;margin: auto;}
.header {padding: 25px 20px 30px 22px;}
.header .icon {margin: 30px 0 0 17px;}
.menu {background: url('images/menu_bg.png') no-repeat;margin-bottom: 35px;padding-right: 18px;height: 39px;line-height: 39px;}
.top_menu li {float: left;}
.top_menu li:hover, .top_menu li.current-menu-item {background: url('images/menu_current_bg.png') repeat-x;}
.top_menu a {background: url('images/menu_sep.png') repeat-y right top;font: 13px/36px HelveticaNeueBold;text-shadow: 1px 1px 1px #fff; color: #545454;text-decoration: none;display: block;padding: 0 18px;margin: 1px 0;}
.mobile_menu {display: none;text-align: center;}
.mobile_menu select {border: 1px solid #c1c1c1;height: 25px;line-height: 25px;box-shadow: 1px 1px 1px #e1ecef;}
.mobile_top_menu {margin-bottom: 20px;padding-bottom: 20px;background: url('images/separator_bg.png') repeat-x left bottom;}
.mobile_footer_menu {background: url('images/separator_bg.png') repeat-x;padding-top: 18px;margin-top: 18px;}
.search_form input[type="text"] {width: 200px;}
.page {width: 595px;}
.post {margin-top: 48px;position: relative;}
.post:first-child {margin-top: 0;}
.post_meta {color: #545454;font: 11px HelveticaNeueRegular;padding: 11px 0 0 5px;position: relative;}
.post img {border: 1px solid #c8c8c8;}
.post iframe {width: 100%;}
.post_thumbnail {width: 595px;height: auto;}
.post a {color: #3C7699;}
.tags a {font-family: HelveticaNeueBold;}
.post .facebook {position: absolute;top: 36px;left: -42px;}
.post .twitter {position: absolute;top: 81px;left: -42px;}
.contact_avartar {margin-left: 11px;position: relative;}
.contact_avartar:first-child {margin-left: 0;}
.contact_avartar img {display: block;}
.contact_avartar .facebook {bottom: 10px; left: 53px;top: auto;}
.contact_avartar .twitter {bottom: 10px; left: 102px;top: auto;}
.product {float: left;margin: 0 0 20px 10px;width: 191px;}
.product:first-child {margin-left: 0;}
.product_size {margin: 0 20px;}
.product_size li {display: block; float: left;width: 51px;height: 51px;background: #ebebeb;border: 1px solid #999;font: 22px/51px HelveticaNeueBold;text-align: center;text-shadow: 1px 1px 1px #fff;margin-left: 11px;}
.product_size li:first-child {margin-left: 0;}
.product_images {width: 298px;}
.product_images img.big_image {width: 296px;display: block;}
.product_images img.small_image {width: 142px;display: block;margin-top: 10px;}
.product_details {width: 285px;}
.album {float: left;position: relative;margin: 0 0 20px 43px;}
.album:first-child {margin-left: 0;}
.album img {border: none;}
.album h3, .album h3 a {font-size: 16px;}
.album_action {position: absolute;top: 245px;display: block;width: 32px;height: 32px;}
.album_download {background: url('images/album_download_bg.png') no-repeat;left: 120px;}
.album_buy {background: url('images/album_buy_bg.png') no-repeat;left: 120px;}
.album_play {background: url('images/album_play_bg.png') no-repeat;left: 152px;display: none;}
.pagination {margin: 0 auto 40px;}
.pagination .page-numbers {background: url('images/pagination_bg.png') no-repeat;display: block; float: left;width: 28px;height: 27px;line-height: 27px;text-align: center;font-family: HelveticaNeueBold;text-decoration: none;}
.pagination span.page-numbers {background: url('images/pagination_current_bg.png') no-repeat;}
.pagination .next {background: url('images/pagination_next_bg.png') no-repeat;text-indent: -9999px;}
.pagination .prev {background: url('images/pagination_prev_bg.png') no-repeat;text-indent: -9999px;}
.sidebar {width: 219px;font-size: 11px;}
.sidebar p {margin: 0;}
.sidebar .block {background: url('images/separator_bg.png') repeat-x;margin-top: 22px;padding-top: 22px;}
.sidebar .block:first-child {background: none;margin: 0;padding: 0;}
.kmf_recent_posts_widget ol {margin-left: 16px;}
.kmf_recent_posts_widget ol li {list-style: decimal;color: #545454;font: 11px HelveticaNeueRegular;margin-top: 10px;}
.kmf_recent_posts_widget ol li:first-child {margin-top: 0;}
.kmf_recent_posts_widget ol li a {color: #545454;font: 14px HelveticaNeueRegular;}
.quote {background: url('images/quote_bg.png') no-repeat;margin-top: 30px;padding: 15px 23px 0 21px;height: 46px;font-size: 13px;line-height: 16px;}
.quote_text {background: url('images/quote_text_bg.png') no-repeat left center;padding-left: 33px;width: 740px;}
.quote_text p {margin: 0;}
.quote .icon {margin-left: 16px;}
.show_meta {font-size: 10px;font-family: HelveticaNeueRegular;}
.show_thumbnail {border: 1px solid #ccc;padding: 10px;background: #fff;}
.footer {padding: 15px 0;margin: 15px 0;}
.footer_menu li {float: left;}
.footer_menu li.current-menu-item {font-family: HelveticaNeueBold;}
.footer_menu a {border-left: 1px solid #666;padding: 0 4px;}
.footer_menu li:first-child a {border-left: none;}
.mobile_social_icon {display: none !important;}

.bigcartlProdList .bigcartlProd {float: left;margin: 0 8px 20px 0;width: 190px;position: relative;}
.bigcartlProdList .bigcartlProdTitle {display: none;}
.bigcartlProdList .bigcartlProdOnSale {display: none;}
.bigcartlProdList .bigcartlProdImage img {width: 189px;}
.bigcartlProdList .product_description {display: none;}
.bigcartlProdList .bigcartlProdCategories {display: none;}
.bigcartlProdList .bigcartlProdPrice {display: none;}

.productDetail #product_thumbnails {float: left;}
.productDetail #product_thumbnails div {float: left;margin: 10px 10px 0 0;}
.productDetail #product_thumbnails div:first-child {;float: none;}
.productDetail #product_thumbnails div img {width: 142px;display: block;}
.productDetail #product_thumbnails div:first-child img {width: 296px}
.productDetail #productDetail_txt {float: right;width: 285px;}
.productDetail #product_name {color: #545454;font: 22px HelveticaNeueBold;margin: 0 0 8px 2px;text-shadow: 1px 1px 1px #fff;}
.productDetail .product_price {font-size: 14px;}
.productDetail #product_form {background: url('images/separator_bg.png') repeat-x;padding-top: 10px;}
.productDetail #product_options {background: url('images/separator_bg.png') repeat-x left bottom;padding: 0 0 10px 20px;}
.productDetail #btn_product_view {display: none;}
.productDetail #btn_product_checkout {display: none;}
.productDetail #btn_product_buy {background: url('images/add_cart_bg.png') no-repeat scroll left 2px;color: #5D7731;cursor: pointer;height: 34px;margin-left: 20px;width: 104px;border: none;display: block;font: 12px/28px HelveticaNeueBold;text-align: center;}
	


/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 480px) {
	.album {float: left;position: relative;margin: 0 0 10px 0;}
	.album:first-child {margin-left: 0;}
	.album img {border: none;}
	.album h3, .album h3 a {font-size: 16px;}
	.album_action {position: absolute;top: 245px;display: block;width: 32px;height: 32px;}
	.album_download {background: url('images/album_download_bg.png') no-repeat;left: 120px;}
	.album_buy {background: url('images/album_buy_bg.png') no-repeat;left: 120px;}
	.album_play {background: url('images/album_play_bg.png') no-repeat;left: 152px;display: none;}
.contact_avartar .facebook {bottom: 10px; left: 53px;top: auto;}
.contact_avartar .twitter {bottom: 10px; left: 102px;top: auto;}
	.wrapper,
	.page,
	.sidebar,
	.fb_ltr,
	.FB_UI_Hidden, 
	.post img {width: 300px !important;height: auto !important;}
	.mobile_menu select {width: 271px !important;}
	.menu,
	.footer_menu,
	.post .facebook,
	.post .twitter,
	.post_meta,
	.show_meta,
	.quote	{display: none !important;}
	.footer {text-align: center !important;background: url('images/separator_bg.png') repeat-x #f9f9f9 !important;margin-bottom: 0 !important;}
	.footer .copyright,
	.page,
	.product,
	.sidebar {float: none !important;}
	.show_thumbnail	{width: 217px !important;display: block !important;margin: auto !important;}
	.mobile_menu,
	.mobile_social_icon	{display: block !important;}
	.sidebar {background: url('images/separator_bg.png') repeat-x !important; padding-top: 30px !important; margin-top: 30px !important;}
	.button {margin-top: 0;}
	.product {margin-left: 0 !important;}
}