/********************************************************************************                                                  

                          USING SF-BLUEPRINT-CSS



-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.

-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.



For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/



Good luck!

********************************************************************************/





/********************************************************************************

	         Body

********************************************************************************/



body {

   background: #fff;

   color: #290E24; 

   background: url('img/roselacesm2.png') repeat;

}



#main {

   padding-top: 10px;

   position: relative;

   top: 20px;

   }



#bg {

background: url('img/tabn.png') repeat;

-moz-border-radius: 10px 10px 10px 10px;

-webkit-border-radius: 10px 10px 10px 10px;

box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}



#head {

background: url('img/logo.png') top left;

width: 952px;

height: 136px;

position: relative;

-moz-border-radius: 10px 10px 0 0;

-webkit-border-radius: 10px 10px 0 0;

z-index: 150;

}



#head span {

display: none;

}





/********************************************************************************

               Typography

********************************************************************************/

/* Default font settings. 

   The font-size percentage is of 16px. (0.75 * 16px = 12px)

***************************************/

   

body {

  font: 12pt/1.8em Arial, Helvetica, sans-serif;

}

h1 {

  font: 48pt Georgia, Times New Roman, Times, serif;

}

h2 {

  font: 18pt Georgia, Times New Roman, Times, serif;

}

h3 {

  font: 14pt Georgia, Times New Roman, Times, serif;

  padding: 12px 0 6px 0;

}

a, a:link, a:hover, a:active, a:visited {

  color: #3E95E1;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}

a:visited {

  color: #941494;

}

blockquote {

  margin: 20px 20px 20px 20px;

  padding: 0 20px 0 0;

  font: 14pt Georgia, Times New Roman, Times, serif;

  border: 2px solid #555;

  border-width: 0 2px 0 0;

}



/*Fix Ravelry Shopping Cart Positioning */

.dialog_content {

position: absolute;

left: 0;

top: 30px;

}



/* Added post styling */

.post {

position: relative;

}



.date {

background: transparent url('img/calendar2.png');

position: absolute;

left: -75px;

top: 5px;

width: 59px;

height: 62px

}



span.month {

font: bold 14px Arial;

padding-right: 14px;

padding-left: 14px;

position: relative;

top: 5px;

color: #333;

}



span.day {

display: block;

border-top: #d7d7d7 solid 1px;

width: 100%;

text-align: center;

margin-left: 0;

margin-top: 0;

line-height: 30px;

color: #333;

font: italic bold 24px Georgia,"Times New Roman",Times,serif;

}





/* SlipFire created typography classes

***************************************/



.medium { font-size: 1em; line-height: 2.1875em;}



.center {text-align:center;}



.byline{ font-size: .9em; line-height: 1em;}



.timestamp{ font-size: .8em; line-height: 1.2em;}



.commentnum{ 

font-size: .9em; 

line-height: 1.2em;

display: block;

float: right;

background: transparent url('img/tab.png') bottom repeat-x;

padding: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid #c0c0c0;

box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

}



.commentnum a {

color: #000;

}



.commentnum:hover {

background: transparent url('img/yellow.png') bottom repeat-x;

}

.incategory{ font-size: 1em; line-height: 1.2em;}







/********************************************************************************

               Text Elements and Lists

********************************************************************************/



a { color: #3E95E1; text-decoration: none; }



/* Removes unwanted link decoration

***************************************/

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{

   border: none !important;

   text-decoration:none !important;

}





a:focus, a:hover { text-decoration: underline;}



/* Removes unwanted hover decoration

***************************************/

a.nohover:hover  { background: none;}





li { list-style: square inside url(images/bullet.gif);}



.fancybullet li {

      list-style: none;

	background: url(images/bullet.gif) no-repeat top left;

	padding: 0px 0px 5px 18px;

      margin: 0px 0px 0px 0px;

}









/********************************************************************************                                            

                            SLIPFIRE CREATED CLASSES                                                   

********************************************************************************/







/********************************************************************************

                Images

********************************************************************************/



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



/********************************************************************************

                Borders

********************************************************************************/



.border-left{

  margin-left: 7px;

  padding-left: 7px;

  border-left: 1px solid #ddd;

}



.border-right{

  margin-right: 7px;

  padding-right: 7px;

  border-right: 1px solid #ddd;

}



.border-top{

  margin-top: 7px;

  padding-top: 7px;

  border-top: 1px solid #ddd;

}



.border-bottom{

  margin-bottom: 7px;

  padding-bottom: 7px;

  border-bottom: 1px solid #ddd;

}



div.border{

  border: 1px solid #ddd;

}





/********************************************************************************

                Misc

********************************************************************************/



/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 

***************************************/



.box2 { 

  padding: .5em; 

  margin-bottom: .5em; 

  background: #eee; 

  border: 1px solid #ddd;   

}





/* Use to push down a div (adds vertical space between divs)

***************************************/



.pushdown-1 {padding-top:10px;}

.pushdown-2 {padding-top:20px;}

.pushdown-3 {padding-top:30px;}

.pushdown-4 {padding-top:40px;}

.pushdown-5 {padding-top:50px;}







/********************************************************************************

                Lines

********************************************************************************/



/* Lines: add "class=" to HR to control color and height

     example: <hr class=thick> for a thick line

***************************************/



.thick {

  height: 3px;

  margin: 0 0 1.4em 0;

}



.thin{

  height: 1px;

  margin: 0 0 0 0;

}









/********************************************************************************                                                  

                          SLIPFIRE CREATED FOR WORDPRESS                                                   

********************************************************************************/





/********************************************************************************

                Navbar -- edited

********************************************************************************/

#navbar {

   margin: 0px auto 0px;

   padding: 0px 0px 0px 0px;

   position: relative;

   left: 10px;

   font-family: Georgia, Times New Roman, Times, serif;

   z-index: 3000;

}

	

#navbar li {

   display: inline;

   list-style-type: none;

   padding: 0px;

	cursor: pointer;

	font-size: 100%;

}

		

#navbar ul {

   margin: 0px;

   padding: 0px;

   width: 945px;

}

	

#navbar ul ul {

width: 10em;

}



.sf-menu li.current_page_item {

	color: #990066;

   font-weight: bold;

   margin: 0px;

   border-bottom: none;

   background: url('img/tab.png') repeat-x;

	background-position: bottom left;

	-moz-border-radius: 10px 10px 0 0;

	-webkit-border-radius: 10px 10px 0 0;

	border-top: 1px solid #c0c0c0;

	border-left: 1px solid #c0c0c0;

	border-right: 1px solid #c0c0c0;

	border-bottom: none;

	z-index: 1;

	box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

	position: relative;

}



#current_page_item a {

   text-decoration: none;   

   padding-bottom: 4px;

   color: #943284;

}

/********************************************************************************

               Suckerfish

********************************************************************************/



/*** ESSENTIAL STYLES ***/

.sf-menu ul {

	position: absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

	z-index: 3000;

}



.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover,

.sf-menu li li:hover,

.sf-menu li li li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

	background: transparent url('img/yellow.png') bottom repeat-x;

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

	border-bottom: none;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			1.7em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	1em;

	outline: none;

}

.sf-menu a {

	text-decoration:none;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 7px;

	padding-bottom: 3px;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color: #555;

}

.sf-menu li {

   color: #666;

   margin: 0px;

   text-decoration: none;

   border-bottom: none;

   background: url('img/tabn.png') repeat;

   background-position: bottom left;

	line-height: 1;

	-moz-border-radius: 10px 10px 0 0;

	-webkit-border-radius: 10px 10px 0 0;

	border-left: 1px solid #c0c0c0;

	border-right: 1px solid #c0c0c0;

	border-top: 1px solid #c0c0c0;

	z-index: 600;

}

.sf-menu li li {

   background: url('img/tabn.png') repeat #ffffff;

	line-height: 1;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border: 1px solid #c0c0c0;

}



.sf-menu li li a {

background: #fff;

border: 1px solid #c0c0c0

}

.sf-menu li li li {

   background-color: #ffffff;

	line-height: 1;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border: 1px solid #c0c0c0;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 1.8em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.5em;

	top:			.5em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.5em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('img/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}





/********************************************************************************

               Logo Image

********************************************************************************/



#head a {

border: none;

padding-bottom: 20px;

}



/********************************************************************************

                Sidebar

********************************************************************************/



#sidebar h2{

   font-size: 1em;

   font-weight: bold;

   margin-bottom: .2em;

}



#sidebar a {border-bottom: none;}





/********************************************************************************

                Footer

********************************************************************************/



#footer {

   text-align: left;

   font-weight: normal;

}



/********************************************************************************

                Button

********************************************************************************/

.button {

text-align: center;

}



.button a { 

font-size: 1em; 

line-height: 1em;

background: transparent url('img/tab.png') bottom repeat-x;

padding: 5px;

display: block;

border: 1px solid #333;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

color: #000;

}



.button a:hover { 

background: transparent url('img/yellow.png') bottom repeat-x;

}

/*test*/
#button {

text-align: center;

}



#button a { 

font-size: 1em; 

line-height: 1em;

background: transparent url('img/tab.png') bottom repeat-x;

padding: 5px;

display: block;

border: 1px solid #333;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);

color: #000;

}



#button a:hover { 

background: transparent url('img/yellow.png') bottom repeat-x;

}

/*test*/

.price {

text-align: center;

margin-top: -1.5em;

}

div.box {
margin: 5px;
padding: 5px;
background: #ededed;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float:left;
width:270px;
}
.box p img {
margin: 10px;
}
.box p.center {
margin: 10px;
}
.box p.center a {
color: #000;
}
.box p.center a:hover {
text-decoration: underline;
}