/*
Theme Name: coco and milkweed
Author: Twig Design

*/



/* Begin Typography & Colors */

body, html{
background-color:#fff;
margin:0 0;
pading:0 0;
font-family: Helvetica, Arial;
font-size:12px;
}

 img {/* border style for all images */
  border: 0;
  }


#all{
margin-top:10px;

width:900px;
height:586px;
margin-left:auto;
margin-right:auto;
border: dashed 1px #2D2920;

}

#blog{
margin-top:10px;

width:900px;
margin-left:auto;
margin-right:auto;
border: dashed 1px #2D2920;

}

#sightings{
margin-top:10px;
width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
border: dashed 1px #2D2920;

}

.s_header{
width:900px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:20px;
}

.s_body{
width:900px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:10px;
}

.s_hr{
margin-top:20px;
width:900px;
height:52px;
background:url(/images/header.jpg) no-repeat center;
}




a { color:#4B3212; text-decoration:none;}
a:hover{color:#4B3212; text-decoration:underline;}

p {
font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#4B3212;}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#4B3212;
}
h4{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#4B3212;
}
h5{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#4B3212;
padding:0px;
}

h5 a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#4B3212;
padding:0px;
}


#aboutuscontent .buttonheading a{
display:block;
width:60px;
background-color:#036;
padding-right:7px;
color:#fff;
}
#aboutuscontent .chronoform a{
color:#fff;
}
#aboutuscontent .buttonheading {
width:60px;
padding-left:20px;
text-align:right;
font-size:12px;
}
#header{
position:relative;
width:900px;
height:90px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}


#topleft{
float:left;
width:411px;
margin-top: 20px;
}


#shopnow {
width:233px;
float:right;
padding-top:22px;
}

#sale{
width:353px;
height:32px;
position:absolute;
top:0;
left:460px;
background:url(/images/cocoandmilkweed_sale.jpg) no-repeat;
}



#shopnow a{
width:233px;
height:42px;
display:block;
background-image: url(/images/shoponlinenow.jpg);
background-position:bottom;
}


#shopnow a:hover{
background-image: url(/images/shoponlinenow.jpg);
background-position:top;
}





#mypost{
width: 800px;
margin-left: auto;
margin-right: auto;
}

#topnav{
width:900px;
height:24px;
margin-top:-11px;
background-color:#fff;
border-bottom: dashed 1px #2D2920;
margin-left:auto;
margin-right:auto;
text-align:right;
}
#login{
width:500px;
height:100%;
padding-left:20px;
margin-left:auto;
margin-right:auto;
}
#navleft{
width:162px;
height:100%;
margin-left:0px;
background-color:#fff;
float:left;
}
#midcontent{
width: 900px;
height:586px;
}
#blogcontent{
width: 900px;
}
#contactcontent{
width: 900px;
height:584px;
overflow:hidden;
background:url(/images/cocoandmilkweed_contact.jpg) no-repeat;
}
 #left{
 float:left;
 width:420px;
 height:584px;
 }
 
 .insideleft{
 width:350px;
 height:400px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 line-height:17px;
 color:#4B3212;
 position:relative;
 top:45px;
 left:75px;
 }
 
  #contactright{
 float:right;
 width:420px;
 height:540px;
 margin-top:30px;
 }
 
 .insideright{
  width:350px;
 height:400px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#4B3212;
 position:relative;
 top:25px;
 left:15px;
 }


#aboutcontent{
width: 900px;
height:584px;
overflow:hidden;
background:url(/images/cocoandmilkweed_about.jpg) no-repeat;
}
#abouttext{
  width:275px;
  height:480px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:17px;
  color:#4B3212;
  position:relative;
  top:60px;
  left:92px;
  }

.thispost{
margin-top: -15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#4B3212;
  position:relative;
  }

#right{
width:180px;
padding-left:10px;
padding-top:5px;
height:100%;
float:left;
margin-top:0px;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

/*aboutus */
#aboutuscontent{
width: 735px;
height:100%;
padding-left:0px;
background-color:#fff;
float:left;

}


/*end about us*/



/*PF-Small*/

.pfs-center{
margin-left:9px;
}

.pfs-column{
margin-left:3px;
}

.pfs-photo{
width:160px;
height:160px;
margin-top:10px;
border:#999999 1px solid;
text-align: center;
}

.pfs-title{

border:thin dashed #999;
color:#036;
width:160px;
height:20px; 
text-align:center;
margin-top:5px;
padding-top:5px;
font-weight:bold;
}

/*PF-large*/

.pf-text{
width: 470px; 
padding-left:15px;
}


/*dashed line at bottom of ad*/


#container{
width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}
#clear{
clear:both;
height:0px;
}
#footer{
width:950px;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
background-color:#fff;
}

.fleft{
float:left;
margin-top: 7px;
margin-left:30px;
}

.fright{
float:right;
margin-top: -10px;
}



/*footer*/
 #anewmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
list-style: none;
padding: 0;
}
#anewmenu li {
   float: right;
   margin-right:-6px;
}
#anewmenu li a {
   display: block;
   width: 80px;
   text-align: center;
   color: #4B3212;
   padding: 4px 0;
}
#anewmenu li a:hover {
text-decoration:none;
font-weight:bold;
   color: #4B3212;
}
/*end footer*/


#belowmain{
 width:600px;
 height:50px;
 position:absolute;
 margin-top:-50px;
 margin-left:300px;

 }
 
 
 #pressnav{
 width:900px;
 height:70px;

 }


*html #belowmain{
 width:600px;
 height:50px;
 position:absolute;
 margin-top:-70px;
 margin-left:300px;
 background-color:#fff;
 } 
 
#buynow{
position:relative;
z-index:20;
float:left;
width:200px;
height:80px;
}

#somecontain{
width:400px;
height:40px;
float:right;
margin-right:10px;
}

#buttoncontain{
width:auto;
height:40px;
float:right;
}


#last{
width:35px;
height:35px;
float:left;
}

#last a{
width:35px;
height:35px;
display:block;
background-image:url(/images/last.jpg);
background-position:bottom;
}


#last a:hover{
background-image:url(/images/last.jpg);
background-position:top;
}






#next{
width:35px;
height:35px;
float:left;
}

#next a{
width:35px;
height:35px;
display:block;
background-image:url(/images/next.jpg);
background-position:bottom;
}


#next a:hover{

background-position:top;
}

#clicknav{
width:400px;
height:20px;
text-align:right;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
 color: #4B3212;
}

.navigation{
width:800px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 20px;
}


.buynow{
 width:142px;
 height:28px;
 margin-left:0px;
 margin-top:0px;
 z-index:22px;
 }
 
 
 .buynow a{
 display:block;
 width:142px;
 height:28px;
 background-image:url(/images/buynow.jpg);
 background-position:top;
 }
 
 
  .buynow a:hover{
 width:142px;
 height:28px;
 background-image:url(/images/buynow.jpg);
 background-position:bottom;
 }
 
 
 .stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 560px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}