body{ text-align: center; max-width:1450px; margin: 0 auto;}
li {  padding:3px;}
hr { color: #009999; background-color: #009999; width: 90%;}
h1 { text-shadow: 1px 1px 2px white;}
a:active { color:#8282fb;}
a:link { color:#333399;}
a:visited { color:#8282fb;}
a:hover { background-color:#f0f0ff;}
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/images/icon_pdf.gif) no-repeat center right;
}

.links {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px}
.links a:hover{background-color:#f0f0ff;}

.wedlinks a:active { color:#E97474;}
.wedlinks a:link { color:#E44040;}
.wedlinks a:visited { color:#E97474;}
.wedlinks a:hover { background-color:#f0f0ff;}

.pinit-wrapper a:hover{
  background-color:#C20B16;
}

.bodystyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #006666;
    background-color: #E1E1FF;
    scrollbar-3dlight-color: #333399;
    scrollbar-arrow-color: #333399;
    scrollbar-base-color: #333399;
    scrollbar-darkshadow-color: #333399;
    scrollbar-face-color: #E1E1FF;
    scrollbar-highlight-color: #333399;
    scrollbar-shadow-color: #333399;
    scrollbar-track-color: #9999FF;
}

.ac_dknavy { color: #303088;}
.ac_blue {  color: #333399}
.ac_white {  color: #fff}
.ac_green {  color: #006666}
.ac_pinkverd { color: #D068D0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ac_coralverd { color: #ff6868; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ac_navyverd16 { color: #303088; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: bold;}
.ac_sewblueverd { color: #3068D0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ac_redverd { color: #E91B0D; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ac_soapblue { color: #000068; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ac_grdngrn { color: #309868; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ac_drawblue { color: #009898; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ac_hallorng { color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif;}
.headline3lt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;}
.headline3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;  font-weight: bold;}
.headline_sm {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;}
.arial_text {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
.bigVerdana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 800;}
.bigVerdana2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700;}

.leftthumb{
width: 50px;
float: left;
border: 0;
padding: 5px;
}

.knith2 {
    color: #D068D0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    width: 100%;
}
.knith2:after {
    display: inline-block;
    margin: 0 0 5px 20px;
    height: 5px;
    content: " ";
    text-shadow: none;
    background-color: #D068D0;
    width: 50%;
}

.sewkith2 {
    color: #D068D0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    width: 100%;
}
.sewkith2:after {
    display: inline-block;
    margin: 0 0 5px 20px;
    height: 5px;
    content: " ";
    text-shadow: none;
    background-color: #D068D0;
    width: 50%;
}

.sewh2 {
    color: #3068D0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    width: 100%;
}
.sewh2:after {
    display: inline-block;
    margin: 0 0 5px 20px;
    height: 5px;
    content: " ";
    text-shadow: none;
    background-color: #3068D0;
    width: 50%;
}

.path2 {
    color: #E91B0D;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    width: 100%;
}
.path2:after {
    display: inline-block;
    margin: 0 0 5px 20px;
    height: 5px;
    content: " ";
    text-shadow: none;
    background-color: #E91B0D;
    width: 50%;
}
 
.silh2 {
    color: #D068D0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    width: 100%;
}
.silh2:after {
    display: inline-block;
    margin: 0 0 5px 20px;
    height: 5px;
    content: " ";
    text-shadow: none;
    background-color: #D068D0;
    width: 50%;
}

#topbar{
    position: absolute;
    left: 0;
    top: 0;
    min-height: 85px;
    width: 100%;
    background: #373780;
}
#intopbar{
    position: relative;
    min-height: 85px;
    width: 100%;
    background: #373780;
}
#logotop{
    position: absolute;
    left: 0;
    padding-top: 5px;
    width:280px;
    min-height: 75px;
    display: inline-block;
}
#logotop a:hover{
    background-color: transparent;
}
#menutop{
    display: inline-block;
    margin-top: 20px;
}
#socialtop{
    position: absolute;
    right: 0;
    float: right;
    display: inline-block;
}
.socialshare-icon {
    padding-left: 0;
    margin-top: 30px;
}
.socialshare-icon li {
    list-style: none outside none;
    display: inline-block;
    margin-right: 7px;
}
.socialshare-icon li span {
    display: block;
    width: 29px;
    height: 27px;
    font-size: 37px;
}
.icon-twitter{
    height: 27px;
    width: 29px;
    background: url(/images/twicon.png) center no-repeat;
}
.icon-facebook{
    height: 27px;
    width: 29px;
    background: url(/images/fbicon.png) center no-repeat;
}
.icon-google-plus{
    height: 27px;
    width: 29px;
    background: url(/images/gpicon.png) center no-repeat;
}
.icon-pinterest{
    height: 27px;
    width: 29px;
    background: url(/images/picon.png) center no-repeat;
}
.icon-mail{
    height: 27px;
    width: 29px;
    background: url(/images/micon.png) center no-repeat;
}
.icon-twitter:hover{
    height: 27px;
    width: 29px;
    background: url(/images/twiconh.png) center no-repeat;
}
.icon-facebook:hover{
    height: 27px;
    width: 29px;
    background: url(/images/fbiconh.png) center no-repeat;
}
.icon-google-plus:hover{
    height: 27px;
    width: 29px;
    background: url(/images/gpiconh.png) center no-repeat;
}
.icon-pinterest:hover{
    height: 27px;
    width: 29px;
    background: url(/images/piconh.png) center no-repeat;
}
.icon-mail:hover{
    height: 27px;
    width: 29px;
    background: url(/images/miconh.png) center no-repeat;
}

#horizontal_menu{
    position: relative;
    margin-top: 5px;
}
#horizontal_menu ul{
    padding: 0 7px 7px 15px;
}
#horizontal_menu li{
    list-style: none;
    padding: 3px;
}
.column_men{
    float: left;
}
#freecraftsi_men{
    position: relative;
    width:  110px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding-bottom: 5px;
}
#freecraftsidd{
    position: absolute;
    left: 3px;
    top: 40px;
    width: 710px;
    display: none;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-width: 4px;
    border-right-width: 1px;
    border-bottom-width: 6px;
    border-left-width: 1px;
    border-top-color:#373780;
    border-right-color:#cccccc;
    border-bottom-color:#373780;
    border-left-color:#cccccc;
    border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
    /* font: normal 14px Verdana; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    z-index: 100; /*zIndex should be greater than that of shadow's below*/
    background: #FFFFFF;
    text-align: left;
    box-shadow: 10px 10px 5px rgba(51,51,51,0.7);
    opacity: .2;
}
#holidaycraftsi_men{
    position: relative;
    width:  110px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding-bottom: 5px;
}
#holidaycraftsidd{
    position: absolute;
    left: 3px;
    top: 40px;
    width: 260px;
    display: none;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-width: 4px;
    border-right-width: 1px;
    border-bottom-width: 6px;
    border-left-width: 1px;
    border-top-color:#373780;
    border-right-color:#cccccc;
    border-bottom-color:#373780;
    border-left-color:#cccccc;
    border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
    /* font: normal 14px Verdana; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    z-index: 100; /*zIndex should be greater than that of shadow's below*/
    background: #FFFFFF;
    text-align: left;
    box-shadow: 10px 10px 5px rgba(51,51,51,0.7);
    opacity: .2;
}
#sewcraftsi_men{
    position: relative;
    width:  110px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding-bottom: 5px;
}
#sewcraftsidd{
    position: absolute;
    left: -30px;
    top: 40px;
    width: 475px;
    display: none;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-width: 4px;
    border-right-width: 1px;
    border-bottom-width: 6px;
    border-left-width: 1px;
    border-top-color:#373780;
    border-right-color:#cccccc;
    border-bottom-color:#373780;
    border-left-color:#cccccc;
    border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
    /* font: normal 14px Verdana; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    z-index: 100; /*zIndex should be greater than that of shadow's below*/
    background: #FFFFFF;
    text-align: left;
    box-shadow: 10px 10px 5px rgba(51,51,51,0.7);
    opacity: .2;
}
#crocraftsi_men{
    position: relative;
    width:  110px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding-bottom: 5px;
}
#crocraftsidd{
    position: absolute;
    left: -300px;
    top: 40px;
    width: 775px;
    display: none;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-width: 4px;
    border-right-width: 1px;
    border-bottom-width: 6px;
    border-left-width: 1px;
    border-top-color:#373780;
    border-right-color:#cccccc;
    border-bottom-color:#373780;
    border-left-color:#cccccc;
    border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
    /* font: normal 14px Verdana; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    z-index: 100; /*zIndex should be greater than that of shadow's below*/
    background: #FFFFFF;
    text-align: left;
    box-shadow: 10px 10px 5px rgba(51,51,51,0.7);
    opacity: .2;
}
#othercraftsi_men{
    position: relative;
    width:  110px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding-bottom: 5px;
}
#othercraftsidd{
    position: absolute;
    left: -20px;
    top: 40px;
    width: 225px;
    display: none;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-width: 4px;
    border-right-width: 1px;
    border-bottom-width: 6px;
    border-left-width: 1px;
    border-top-color:#373780;
    border-right-color:#cccccc;
    border-bottom-color:#373780;
    border-left-color:#cccccc;
    border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
    /* font: normal 14px Verdana; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    z-index: 100; /*zIndex should be greater than that of shadow's below*/
    background: #FFFFFF;
    text-align: left;
    box-shadow: 10px 10px 5px rgba(51,51,51,0.7);
    opacity: .2;
}

.leftmid{
    max-width: 1100px;
    width: 100%;
    display: inline-block;
}
.rightmid{
    width: 310px;
    display: inline-block;
    vertical-align: top;
    float: left;
}
.toprtad{
    padding: 5px;
    padding-top: 15px;
}
.my125ad1{
    width: 125px;
    margin: 10px -3px 10px 10px;
    display: inline-block;
}
.my125ad2{
    width: 125px;
    margin: 16px;
    display: inline-block;
}
#bottcontainer{
  clear:both;
}
#footer{
    position: absolute;
    left: 0;
    min-height: 530px;
    width: 100%;
    background-color:#373780;
}
#infooter{
    position: relative;
    min-height: 500px;
    width: 100%;
    background: #373780;
    background-color:#373780;
    padding-top: 10px;
}
#infooter a{
    text-decoration: none;
    color: #fff;
}
#infooter a:hover{
    color: #00B3EE;
    background-color:#373780;
    text-decoration: underline;
}

#main-content {
    padding: 10px;
}
.box-content{
    background-color: #F8F8F8;
    float: left;
    padding: 7px;
    width: 214px;
}

.box-content a:hover{
    border: 1px solid #F8F8F8;
}

.box-section {
    float: left;
    margin: 7px;
    width: 228px;

}

.box-content-sm{
    background-color: #F8F8F8;
    float: left;
    padding: 7px;
    width: 114px;
}

.box-content-sm a:hover{
    border: 1px solid #F8F8F8;
}

.box-section-sm {
float: left;
margin: 7px;
width: 128px;
}

.box-content-md{
background-color: #F8F8F8;
float: left;
padding: 7px;
width: 134px;
}

.box-content-md a:hover{
border: 1px solid #F8F8F8;
}

.box-section-md {
float: left;
margin: 7px;
width: 148px;

}

.popstuff{
    clear: both;
    text-align: left;
    margin-bottom: 10px;
}
.scrollup {
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('/images/up2.png') no-repeat;
}
.scrollup:hover{
    background-color: transparent;
}


@media (max-width: 1450px) {
    .leftmid{
        max-width: 825px;
    }
}

@media (max-width: 1175px) {
    .leftmid{
        max-width: 550px;
    }
    #socialtop{
        display: none;
    }
    #logotop{
        position: relative;
        width:100%;
        padding-top: 10px;
        background: url(/images/logo-top2.png) center no-repeat;
        min-height: 75px;
        display: block;
    }
    #menutop{
        display: inline-block;
        margin-top: 15px;
    }
    #othercraftsidd {
        left: 0;
    }
    #crocraftsidd {
        left: 0;
    }
    #sewcraftsidd {
        left: 0;
    }
}
@media (max-width: 885px) {

    #socialtop{
        display: none;
    }
    #logotop{
        position: relative;
        width:100%;
        padding-top: 10px;
        background: url(/images/logo-top2.png) center no-repeat;
        min-height: 75px;
        display: block;
    }
    #menutop{
        display: inline-block;
        margin-top: 15px;
    }
    #othercraftsidd {
        left: 0;
    }
    #crocraftsidd {
        left: 0;
    }
    #sewcraftsidd {
        left: 0;
    }
}

/* START Aweber Valentines form styles */
#af-form-1207460481 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-1207460481 .af-body .privacyPolicy{color:#000000;font-size:10px;font-family:Verdana, sans-serif;}
#af-form-1207460481 .af-body a{color:#094C80;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-1207460481 .af-body input.text, #af-form-1207460481 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:10px;font-family:Verdana, sans-serif;}
#af-form-1207460481 .af-body input.text:focus, #af-form-1207460481 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1207460481 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-1207460481 .af-body{padding-bottom:5px;padding-top:5px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:10px;font-family:Verdana, sans-serif;}
#af-form-1207460481 .af-header{padding-bottom:5px;padding-top:5px;background-color:#E1E1FF;background-repeat:no-repeat;background-position:inherit;background-image:none;border-color:#006666;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#000000;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1207460481 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1207460481 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-1207460481 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-1207460481 .bodyText p{margin:1em 0;}
#af-form-1207460481 .buttonContainer input.submit{background-image:url("/images/ccc.png");background-position:top left;background-repeat:repeat-x;background-color:#acacac;border:1px solid #acacac;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1207460481 .buttonContainer input.submit{width:auto;}
#af-form-1207460481 .buttonContainer{text-align:left;}
#af-form-1207460481 body,#af-form-1207460481 dl,#af-form-1207460481 dt,#af-form-1207460481 dd,#af-form-1207460481 h1,#af-form-1207460481 h2,#af-form-1207460481 h3,#af-form-1207460481 h4,#af-form-1207460481 h5,#af-form-1207460481 h6,#af-form-1207460481 pre,#af-form-1207460481 code,#af-form-1207460481 fieldset,#af-form-1207460481 legend,#af-form-1207460481 blockquote,#af-form-1207460481 th,#af-form-1207460481 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-1207460481 button,#af-form-1207460481 input,#af-form-1207460481 textarea,#af-form-1207460481 select,#af-form-1207460481 label,#af-form-1207460481 optgroup,#af-form-1207460481 option{float:none;position:static;margin:0;}
#af-form-1207460481 div{margin:0;}
#af-form-1207460481 fieldset{border:0;}
#af-form-1207460481 form,#af-form-1207460481 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1207460481 img{float:none;color:inherit;position:static;border:none;margin:0;padding:0;}
#af-form-1207460481 input,#af-form-1207460481 button,#af-form-1207460481 textarea,#af-form-1207460481 select{font-size:100%;}
#af-form-1207460481 p{color:inherit;}
#af-form-1207460481 select,#af-form-1207460481 label,#af-form-1207460481 optgroup,#af-form-1207460481 option{padding:0;}
#af-form-1207460481 table{border-collapse:collapse;border-spacing:0;}
#af-form-1207460481 ul,#af-form-1207460481 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1207460481,#af-form-1207460481 .quirksMode{width:275px;}
#af-form-1207460481.af-quirksMode{overflow-x:hidden;}
#af-form-1207460481{background-color:#E1E1FF;border-color:#006666;border-width:1px;border-style:solid;}
#af-form-1207460481{display:block;}
#af-form-1207460481{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-header{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
/* END Aweber form styles */

@media  only screen 
and (min-device-width : 586px)
and (max-width: 860px) {
    .leftmid{
        /* max-width: 275px; */
        width: 585px;
    }
    .rightmid{
      display:block;
    }

}

@media (max-width: 585px) {
    .leftmid{
        max-width: 275px;
    }   
    .rightmid{
      display:block;
    }
}

/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    .midright{
      display:none;
    }
    .bottomright{
      display:none;
    }    
}
*/