@charset "utf-8";
/* CSS Document */  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
	
    
}

blockquote, q {
    quotes: none;
    
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
    
}

/* remember to define focus styles! */ :focus {
    outline: 0;
    
}

/* remember to highlight inserts somehow! */ ins {
    text-decoration: none;
    
}

del {
    text-decoration: line-through;
    
}

/* tables still need 'cellspacing="0"' in the markup */ table {
    border-collapse: collapse;
    border-spacing: 0;
    
}

img {
    border:none;
    margin: 0px;
    padding: 0px;
    
}

body {
    background-color: #F9F9F9;
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px;
    overflow-y:scroll;
    color: #555555;
	font-weight:normal;
    text-shadow: 0px 1px 0px #ffffff;
    line-height: 1.5em;
    
}

p a {
	border-bottom: 1px dotted #FF0000;
    padding-bottom: 1px;
	transition: 0.2s;
	-webkit-transition:  0.2s; /* Safari */
}

a {
    cursor: pointer;
    color: #333333;
    
}

a:link {
    color: #333333;
    text-decoration:none;
    
}

a:visited {
    color: #333333;
    text-decoration:none;
    
}

a:hover {
    color: #ff0000;
    text-decoration:none;
	transition: 0.2s;
	-webkit-transition:  0.2s; /* Safari */
    
}

a:active {
    color: #333333;
    text-decoration:none;
    
}

a span {
    visibility:hidden;
    
}

h1,h2 {
    font-size: 18px;
    font-family: futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 3px 3px 3px 6px;
    margin: 0px 0px 10px 0px;
	font-weight: normal;
    
}

h4{
    margin: 5px 0px 5px 0px;
    font-family: futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#333;
	font-weight:normal;
    
}

h5 {
    width: 110px;
    height: 30px;
    margin: 5px 0px;
	font-weight:normal;
    
}

h5 span {
    visibility:hidden;
    
}

h3 {
    font-family: futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 3px;
    
}

p {
    margin-bottom: 10px;
    line-height:1.5em;
    
}

em {
    font-style: normal;
    
}

.hide {
    display: none;
}

.line {
    clear:both;
    background-color: #333333;
    height: 2px;
    margin: 0px;
    padding: 0px;
    
}

.container {
    width: 1102px;
    margin: 0px auto 0px auto;
    position: relative;
    
}

.border {
    border: 1px solid #d4d4d4;
    border-left: none;
    border-right: none;
    
}

.nobtm {
    border-bottom: none;
    
}

.notop {
    border-top: none;
    
}

.pad {
    padding: 15px 0px 12px 0px;
    
}

.clear {
    clear: both;
    
}

.sp {
    background-attachment: scroll;
    background-image: url(../images/sprites.png);
    background-repeat: no-repeat;
    
}

a.shop_banner {
    position:absolute;
    top: 95px;
    display:block !important;
    left:0px;
    width:180px;
    height:40px;
    z-index:100;
    
}

/*left col*/ .colleft {
    width: 200px;
    float: left;
    text-align:right;
    padding-top: 65px;
    
}

.menu_main {
    list-style-type:none;
    list-style: none;
    margin: 0px 0px 12px 0px;
    font-family: futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#333;
    
}

.menu_main li {
    list-style-type:none;
    list-style: none;
    height: 30px;
    padding: 0px 0px 5px 0px;
    font-family:futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
    
}

.menu_main a, .menu_main a:link, .menu_main a:visited, .menu_main a:active {
    display: block;
    height: 30px;
    width: 110px;
    float:right;
    
}

.menu_main a:hover {
    opacity: 1;
    
}

.btn_home {
    background-position: -190px 0px;
    
}

.btn_shop {
    background-position: -190px -35px;
    
}

.btn_about {
    background-position: -190px -70px;
    
}

.btn_contact {
    background-position: -190px -105px;
    
}

.btn_blog {
    background-position: -190px -140px;
    
}

.browse {
    padding: 0px 0px 12px 0px;
    
}

.title_browse{
    background-position: -300px -70px;
    margin: 0px 0px 5px 0px;
    float:right;
    
}

/*mid col*/ .colmid {
    width: 702px;
    float: left;
    
}

.colmid_inner {
    margin: 0px 50px;
    
}

.header {
    position: relative;
    padding: 5px 0px 0px 0px;
    height: 5px 0px 0px 0px;
    margin:10px 0px 0px;
    
}

.header h1 {
    float:left;
    background-position: -420px -130px;
    width: 250px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active  {
    display:block;
    height: 50px;
    
}

.header h3 {
    float:right;
    background-position: -425px -170px;
    width: 290px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    
}

.header h3 span {
    display: none;
    
}

.header_colright{
    position: relative;
    height: 55px;
    border-bottom: 2px solid #000000;
    padding: 0px;
    
}

.head_follow {
    float:right;
    display:block;
    width:200px;
    margin: 18px 0px 0px 0px;
    text-align:right;
    
}

.picture {
    position:relative;
    padding: 20px 0px 0px 0px;
    
}

.picture_cont {
    position: relative;
    
}

.picture img {
    border: 1px solid #999;
    display: block;
    
}

.prev {
    position:absolute;
    width:35px;
    height:70px;
    top:188px;
    left:-30px;
    background-position: -428px 0px;
    z-index: 0;
    
}

.next {
    position:absolute;
    width:35px;
    height:70px;
    top:188px;
    left:600px;
    background-position: -450px 0px;
    z-index: 0;
    
}

.next a, .prev a {
    display:block;
    width:35px;
    height:70px;
    
}

.next a span, .prev a span {
    display:none;
    visibility: hidden;
    
}



.sub_menu_header h2 {
    padding: 7px 0px 7px 0px;
    margin:0px;
    font-size:0.9em;
    float: left;
	margin-bottom:10px;
	margin-top:10px;
    
}



#newsletter {
    padding-top: 20px;
    
}

#like_btn {
    display:block;
    padding-top: 20px;
    
}

#google_btn {
    display:block;
    padding-top: 10px;
    
}

#tumblr_btn {
    display:block;
    padding-top: 10px;
    
    
}

#tweet_btn {
    display:block;
    padding-top: 10px;
    
}

#pin_btn {

	display:block;
	padding-top: 10px;
	
	

}

.profile {
    padding: 0px 0px 15px 0px;
    margin-bottom: 15px;
    
}

.profile a {
    color: #555555;
    text-decoration:none;
    
}

.profile a:hover {
    color: #FF0000;
    text-decoration:none;
    
}

.about_column {
    float:left;
    width:200px;
    height:220px;
    text-align:left;
    margin-bottom:20px;
    
}

.title_share {
    background-position: -300px -0px;
    margin: 10px 0px;
    float: left;
    
}

.addthis_toolbox .sp {
    display:block;
    width: 60px;
    height: 50px;
    visibility:visible;
    
}

.share_fb {
    background-position: -190px -240px;
    
}

.share_twitter {
    background-position: -250px -240px;
    
}

.share_stu {
    background-position: -370px -240px;
    
}

.share_email {
    background-position: -310px -240px;
    
}

.share_delicious {
    background-position: -430px -240px;
    
}

.share_digg {
    background-position: -490px -240px;
    
}

.share_reddit {
    background-position: -550px -240px;
    
}

.share_buzz {
    background-position: -610px -240px;
    
}

.share_flickr {
    background-position: -670px -240px;
    
}

#embed_code {
    width: 190px;
    
}

/* right col */ .subright {
    width: 200px;
    float: left;
    text-align:left;
    padding-top:20px;
    
}

.subright p {
    font-size: 16px;
    
}

.colright {
    width: 200px;
    float: left;
    text-align:left;
    padding-top:65px;
    
}

.follow a, .follow a:link, .follow a:active, .follow a:visited {
    display: block;
    height: 25px;
    width: 25px;
    margin: 5px 25px 0px 0px;
    float:left;
    background-repeat: no-repeat;
    
}

.follow a:hover {
    opacity: 1;
    
}



.fol_fb {
    background-position: 0px 0px;
    opacity: 0.8;
    
}

.fol_twitter {
    background-position: -25px 0px;
    opacity: 0.8;
    
}

.fol_insta {
    background-position: -50px 0px;
    opacity: 0.8;
    
}

.fol_tumblr {
    background-position: -75px 0px;
    opacity: 0.8;
    
}

.title_fol {
    background-position: -308px -35px;
    margin: 0px 0px 5px 0px;
    
}

.send {
    display: none;
    
}

.fol_message {
    font-size:0.8em;
	color:#999;
    
}

/*MailChimp Newsletter begins*/ #mc_embed_signup form {
    display:block;
    position:relative;
    text-align:left;
    
}

#mc_embed_signup {
    font-weight:bold;
    padding:0;
    font-size:0.9em;
    margin-top:20px;
	margin-bottom:10px;
	line-height:1.2em;
}

#mc_embed_signup input {
    border:1px solid #ccc;
    -webkit-appearance:none;
    
}

#mc_embed_signup input[type=checkbox]{
    -webkit-appearance:checkbox;
    
}

#mc_embed_signup input[type=radio]{
    -webkit-appearance:radio;
    
}

#mc_embed_signup input:focus {
    border-color:#333;
    
}

#mc_embed_signup .button {
	
    clear:both;
    background: none repeat scroll 0 0 #ECECEC;
    border: 1px solid #dcdcdc;
	
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size:11px;
	font-family: futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:normal;
    text-shadow: 0 1px 0 #FFFFFF;
	
    
    padding:3px 5px;
    white-space: nowrap;
    width: auto;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



#mc_embed_signup .button:hover {
    background-color:#E6E6E6;
    
}

#mc_embed_signup .small-meta {
    font-size: 11px;
    
}

#mc_embed_signup .nowrap {
    white-space:nowrap;
    
}

#mc_embed_signup .clear {
    clear:none;
    display:inline;
    
}

#mc_embed_signup label {
    display:block;
    font-size:11px;
    padding-bottom:10px;
    font-weight:bold;
    
}

#mc_embed_signup input.email {
    display:block;
    padding:5px 0;
    margin:0 4% 10px 0;
    text-indent:5px;
    width:58%;
    min-width:200px;
    
}

#mc_embed_signup input.button {
    display:block;
    width:45%;
    margin:0 0 10px 0;
    
    
}

#mc_embed_signup div#mce-responses {
    float:left;
    top:-1.4em;
    padding:0em .5em 0em .5em;
    overflow:hidden;
    width:90%;
    margin: 0 5%;
    clear: both;
    
}

#mc_embed_signup div.response {
    margin:1em 0;
    padding:1em .5em .5em 0;
    font-weight:bold;
    float:left;
    top:-1.5em;
    z-index:1;
    width:80%;
    
}

#mc_embed_signup #mce-error-response {
    display:none;
    
}

#mc_embed_signup #mce-success-response {
    color:#529214;
    display:none;
    
}

#mc_embed_signup label.error {
    display:block;
    float:none;
    width:auto;
    margin-left:1.05em;
    text-align:left;
    padding:.5em 0;
    
}

/* MailChimp Newsletter ends*/ .sideform a, .sideform a:link, .sideform a:hover, .sideform a:active, .sideform a:visited {
    display: block;
    border: 1px solid #000000;
    font-weight: bold;
    float:left;
    text-align:center;
    width: 60px;
    padding: 5px 0px 5px 0px;
    
}

.sideform a span {
    display:block;
    
}

#sub_form p {
    font-size:10px;
    padding-top:8px;
    
}

.notif {
    border: 2px solid #FF0000;
    color:#FF0000;
    width:100%;
    font-size: 11px;
    margin-top:5px;
    
}

.notif h3 {
    font-size: 11px;
    
}

.notif div {
    padding: 10px;
    
}

.notif p {
    padding: 0px;
    margin: 0px;
    
}

.notif ul {
    margin:0px 0px 0px 17px;
    
}

.viewcart {
    border-bottom: 1px solid #000000;
    padding: 10px 0px 2px 0px;
    
}

#scrollbox     {
    height: 50px;
    overflow: auto;
    
}

.share {
   
    border: 1px solid #D4D4D4;
    border-left: none;
    border-right: none;
    border-bottom: none;
    
}

.profile_pic {
    margin-top:5px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #000000;
    border-left: none;
    border-right: none;
    
}

.thanks{
    color:#666666
}

.thanks a{
    text-decoration:underline
}

/*addthis*/ .bookmarks a {
    float:left;
    
}

/*misc*/ .footer{
    text-align:left;
    color: #666666;
    font-size:11px;
    margin-bottom:10px;
	border-top: 1px solid #D3D3D3;
    
}

.footer a {
    text-decoration:underline;
    
}

/* shop */ /* root element for tabs  */ .tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #666;
    
}

/* single tab */ .tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0px 5px 0px 0px !important;
    list-style-image:none !important;
    border: 1px solid #000;
    border-bottom: none;
    background: #000;
    
}

/* link inside the tab. uses a background image */ .tabs a {
    font-size:11px;
    display:block;
    height: 30px;
    line-height:30px;
    width: 111px;
    text-align:center;
    text-decoration:none;
    color:#000;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
    color:#FFFFFF;
    font-weight:bold;
    
}

.tabs a:active {
    outline:none;
    
}

/* when mouse enters the tab move the background image */ .tabs a:hover {
    color:#fff;
    
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */ .tabs .current, .tabs .current:hover, .tabs li.current a {
    cursor:default !important;
    color:#000 !important;
    background: #fff;
    
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ .tabs .w1             {
    background-position: -519px 0;
    width:134px;
    
}

.tabs .w1:hover     {
    background-position: -519px -31px;
    
}

.tabs .w1.current {
    background-position: -519px -62px;
    
}

/* width 2 */ .tabs .w2             {
    background-position: -366px -0px;
    width:154px;
    
}

.tabs .w2:hover     {
    background-position: -366px -31px;
    
}

.tabs .w2.current {
    background-position: -366px -62px;
    
}

/* width 3 */ .tabs .w3             {
    background-position: -193px -0px;
    width:174px;
    
}

.tabs .w3:hover     {
    background-position: -193px -31px;
    
}

.tabs .w3.current {
    background-position: -193px -62px;
    
}

/* width 4 */ .tabs .w4             {
    background-position: -0px -0px;
    width:194px;
    
}

.tabs .w4:hover     {
    background-position: -0px -31px;
    
}

.tabs .w4.current {
    background-position: -0px -62px;
    
}

/* initially all panes are hidden */  .panes {
    border: 1px solid #c1c1c1;
    
}

.panes a {
    text-decoration:none;
    
}

.panes .pane {
    display:none;
    
}

.pane_inner {
    padding:5px;
    
}

.shop_item_sml {
    float: left;
    width: 33.33%;
    
}

.shop_item_sml h5{
    margin: 0px;
    height: auto;
    width: auto;
    
}

.shop_item_sml_inner {
    width: 185px;
    height: 200px;
    margin: 5px auto;
    background:#fcfcfc;
    color: #fcfcfc;
    
}

.shop_item_sml_inner img {
    border: none;
    border-bottom: 2px solid #fff;
    width: 185px;
    height: 135px;
    
}

.shop_item_sml_inner span {
    display: block;
    padding: 10px 10px 0px 10px;
    color: #fff;
    
}

.shop_item_sml a, .shop_item_sml a:link, .shop_item_sml a:hover, .shop_item_sml a:active, .shop_item_sml a:visited, .shop_item_sml h5, .shop_item_sml p {
    visibility:visible;
    color: #000;
    
}

/* overlays */ /* the overlayed element */ .simple_overlay {
    /* must be initially hidden */     display:none;
    /* place overlay on top of other elements */     z-index:10000;
    /* styling */     background-color:#fff;
    width:650px;
    border:2px solid #000;
    /* CSS3 styling for latest browsers */     -moz-box-shadow:0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    
}

/* close button positioned on upper right corner */ .simple_overlay .close {
    background-image:url(http://www.mischiefchampion.com/images/close.png);
    position:absolute;
    right:-10px;
    top:-10px;
    cursor:pointer;
    height:26px;
    width:26px;
    z-index:20000;
    
}

.overlay_padding {
    position:relative;
    padding: 10px;
    
}

.simple_overlay h4 {
    font-size: 12px;
    
}

.pricebox {
    position:absolute;
    width: 120px;
    height: 50px;
    background-color:#00ccff;
    top: 50px;
    left: 0px;
    color: #000;
    text-align:center;
    font-size: 11px;
    opacity: 0.8;
    
}

.pricebox strong {
    font-size: 14px;
    display:block;
    padding-top:8px;
    
}

.description {
    float: right;
    width: 170px;
    
}

.prev_image {
    float:left;
    
}

.simple_overlay form {
    float:left;
    width: 42%;
    padding-right: 8%;
    
}

.simple_overlay form input {
    width: 100%;
    
}

.pagelink {
    padding: 2px 0px;
    
}

.indent {
    padding-right: 15px;
    
}



/* search related */

#search {
    padding-bottom: 10px;
}

#search-term {
    border: 1px solid #D4D4D4;
    background: #fff;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    width: 130px;
    float: left;
}

#search-term:focus {
    border-color: #333;
}

#search-submit {
    border: 1px solid #dcdcdc;
    display: inline-block;
	
	
	font-family: futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	font-weight:normal;
    padding:3px 5px;
    text-shadow: 0 1px 0 #FFFFFF;
    
    background: none repeat scroll 0 0 #ECECEC;
    float: right;
    cursor: pointer;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#search-submit:hover {
    background: #E6E6E6;
}

.sub_menu_header .tags {
    padding: 7px 0px;
    float: right;
    margin-right: -5px;
	margin-bottom:10px;
	margin-top:10px;
}

.tags a, .tags a:link, .tags a:hover, .tags a:active, .tags a:visited {
    float: left;
    font-size: 0.7em;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    padding: 0px 5px;
    background: #ebebeb;
    margin: 0px 5px 5px 0px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
}

.tags a:hover {
	background:#F9ECEC;
	color:#ff0000;
}
	

#search-results {
    font-family: futura-pt,"Futura","Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 30px 0px 100px 0px;
}

#search-inner {
    margin: 0px -5px;
}

#search-results h2 {
    padding: 5px 0px 10px 0px;
}

.search-thumb {
    float: left;
    width: 190px;
    padding: 0px 7px 15px 7px;
	min-height: 260px;
}

.search-thumb img {
    display: block;
    border: 1px solid #C6C6C6;
    margin-bottom: 5px;
    width: 190px;
}

.search-thumb:hover img {
    border: 1px solid #FF7F7F;
}

.search-thumb b {
    display: block;
    margin-bottom: 8px;
	margin-top: 8px;
	font-size: 0.9em;
}

.search-thumb em {
    display: none;
}

.search-thumb strong {
    display: block;
    font-weight: normal;
}


#auto-complete {
    clear: left;
    text-align: left;
}

#auto-complete a {
    float: right;
    margin: 5px 0px 0px 5px;
}

#auto-complete a b {
    font-weight: bold;
}