/*
Title:    Master styles for screen media
Author:   me@stephaniehider.com
*/

body {
	
  	 /* customize_color */     	color: #5a5a5a;  /* customize_color */
  	font-size: 1.0em;
  	background: #f1f3f2;
  	text-align: left;
  	
  }

/* links */

a:link, a:visited {
  color: #c9974e;
  outline: none;
  }
a:hover {
  color: #474845;
  }

/* page structure
--------------------------------------------- */

#wrap {

  }
  
.inner {
	padding: 20px;

  }
#main {
	background: #fff;
	-moz-border-radius: 20px !important;	
	-webkit-border-radius: 20px !important;	
	border-radius: 20px !important;	

 }
#sidebar {
	background: #dde89a;
	-moz-border-radius: 20px !important;	
	-webkit-border-radius: 20px !important;	
	border-radius: 20px !important;
 }


/* header
--------------------------------------------- */
#headerwrap {
	height: 65px;
	 /* customize_headerbackground */ background-color: #f1f3f2;/* customize_headerbackground */
	border-bottom: 5px #fff solid; 
	padding-top: 10px;
	margin-top: 30px;
	z-index: 10;
	}
	
#headerwraptwo {
	height: 95px;
	 /* customize_headerbackground */ background-color: #f1f3f2;/* customize_headerbackground */
	border-bottom: 5px #fff solid; 
	padding-top: 10px;
	margin-top: 30px;
	z-index: 10;
	}
	
	
#header {
		z-index: 10;
		height: 40px;
		background: #f28955 url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/orange.png) repeat;
		}
#logo{
	margin-top: -18px;
 }
 
#logotwo{
	margin-top: -18px;
 }
 
#logotwo p {
	font-size: 29px!important;
	}
.logoleft {
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/logoleft.png) no-repeat;
	width: 34px;
	float: left;
	height: 75px;
	overflow: hidden;
	}
.logomiddle{
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/logomiddle.png) repeat-x;
	height: 75px;
	width: 456px;
	float: left;
	padding-right: 6px;
	
	}
	
.logomiddle p{
	font-size: 28px;
	margin-top: 16px;
	text-align: center;
	}
	
	.logomiddle h1 {
	font-size: 25px;
	margin-top: 16px;
	text-align: center;
	}

.logoright {
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/logoright.png) no-repeat;
	height: 75px;
	width: 34px;
	overflow: hidden;
	float: right;
	}
#headermenu {
	float:right;
	z-index: 10;
	}

#cart{
	height: 45px;
	float: right;
	
	top: 10px;
	right: 20px;
	
	}



/* showcase
--------------------------------------------- */

#showcase {
	height: 325px;
	border-bottom: 5px solid;	
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/greenflower.png) repeat;
	/* customize_showcaseborder-color */ border-color: #fff ;	/* customize_showcaseborder-color */ 
	
	}
	
#purpleshowcase {
	height: 60px;
	border-bottom: 5px solid;	
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/purple.png) repeat;
	/* customize_showcaseborder-color */ border-color: #fff ;	/* customize_showcaseborder-color */ 
	
	}	
	
#blueshowcase {
	height: 60px;
	border-bottom: 5px solid;	
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/blue.png) repeat;
	/* customize_showcaseborder-color */ border-color: #fff ;	/* customize_showcaseborder-color */ 
	
	}	
	
#greenhowcase {
	height: 60px;
	border-bottom: 5px solid;	
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/green.png) repeat;
	/* customize_showcaseborder-color */ border-color: #fff ;	/* customize_showcaseborder-color */ 
	
	}
	
#purpleshowcase h1, #greenshowcase h1 {
	margin: 0px !important;
	color: #fff;
	}
	
#blueshowcase h1 {
	margin: 0px !important;
	color: #fff;
	}
#showcaseinner {
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/scallop.png) repeat-x;
	height: 14px;
	}	
	
#showcaseleft {
	color: #0d6c76;
	font-size: 1.25em;
	line-height: 1.25em;
	text-align: left;

	margin-top: 40px;
	}	
	
	
#purpleshowcaseleft {
	color: #0d6c76;
	font-size: 1.25em;
	line-height: 1.25em;
	text-align: left;

	margin-top: 25px;
	}
#showcaseleft h1 {
	font-size: 1.65em;
	}
	
#showcaseleft p {
	color: #313615;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 20px;
	}
#showcaseright {
	float: right;
	height: 298px;
		margin-top: 34px;
	}
	
#purpleshowcaseright {
	float: right;
	height: 125px;
		margin-top:4px;
	}	
		
#showcaseright img {
	margin-top: 40px;
	margin-right: 40px;
	border: 20px solid #ffffff;
		/* customize_showcaseimageborder */border-color: #fff;	/* customize_showcaseimageborder */
	}	

.slideImgWrap {
	margin-top: 50px  !important;
	width: 366px !important;
	margin-left: 33px !important;
	border: 5px solid #97cbc0 !important;
		/* customize_showcaseslideshowimageborder */border-color: #97cbc0 !important;	/* customize_showcaseslideshowimageborder */
	}
.nivoSlider{
	margin-top: 50px  !important;
	width: 366px !important;
	margin-left: 33px !important;
	border: 5px solid #97cbc0 !important;
	/* customize_showcasenivosliderimageborder */border-color: #97cbc0 !important;	/* customize_showcasenivosliderimageborder */
	height: 170px !important;
	}
.nivo-wrapper{
	height: 324px !important;
	}
.nivo-controlNav {
	bottom: -50px !important;
	margin-left: -33px !important;
	text-indent: -999px !important;
	 }
	 
.nivo-controlNav a{
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/sliderbutton.png) no-repeat !important;
	text-indent: -999px !important;
	}
	 
.nivo-controlNav a.active{
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/sliderbutton_selected.png) no-repeat !important;
	text-indent: -999px;
	}

	 
/* main styles
--------------------------------------------- */

#middle {
	background-color: #dadecf;
	height: 160px;
	border-top: #e5e5e5 solid 1px;
	text-align: left;
	}
#middleinner {
	margin-top: 20px;
	}

#middle img {
	float: left;
	margin-right: 10px;
	}


	
/* main styles
--------------------------------------------- */

#content, #maincontent {
	text-align: left;
	margin-bottom: 40px;
	margin-top: 40px;
	min-height: 500px;
	}

/* secondary styles
--------------------------------------------- */
#main ul li {
	padding-left: 20px;
	margin-left: 20px;
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/li.png) no-repeat 5px  left;
	}
	
#main ul li a {
	color: #66749e;
	
	}

/* footer
--------------------------------------------- */
#orangescallop {
	margin-top: 40px;
	background: url(http://creativecathy.com/packages/scrapbooker/themes/scrapbooker/images/orangescallop.jpg) top repeat-x;
	height: 13px;
	}
#footer {
	
	/* customize_footerbackground */background-color: #f1976a !important;	/* customize_footerbackground */
	min-height: 200px;
 }
 
 #foot {
	/* customize_footbackground */background-color: #f4a178 !important;	/* customize_footbackground */
	padding-bottom: 10px;
 }
 
small {
	color: #fff;
	font-size: 12px;
	text-align: right;
	}
#copyright {
	
	}
	
#foot a {
	color: #fff;
	}
	
#footer h2 {
	border-bottom: 1px solid #73ad9f;
	/* customize_footerborderbottom */border-bottom-color:  #b1b3a7 !important;	/* customize_footerborderbottom */
	font-family: futura, 'Trebuchet MS', arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	text-transform: uppercase;
}
#footer p, #footer ul {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 16px;
	text-autospace: normal;
	}

/* misc.
--------------------------------------------- */
h1 {
	font-family: futura, 'Trebuchet MS', arial;
	font-size: 22px;
	font-weight: normal;
	line-height: 10px;
	padding-bottom: 8px;
	
	
}

#content h1 {
	margin-top: 1em;
	}

h2, #sidebar #searchblue h3 {
	border-bottom: 1px solid #dde89a;
	/* customize_h2borderbottom */border-bottom-color:  #dde89a !important;		/* customize_h2borderbottom */
	font-family: futura, 'Trebuchet MS', arial;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	text-transform: uppercase;
}

#main h2 {
	text-transform: none;
	}


h3 {
	font-size:15px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
	padding-bottom: 8px;

}

p	{
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 16px;
	}


hr, .hide {
  display: none;
 }
a img {
  border: none;
  }

/* self-clear floats */

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

#content li {
	line-height: 28px;
	
	
	}



/* nav */

/*** OPEN MENU ***/

#headermenu #containertwo {
	float: left;
	}
#headermenu #container {
	float: right;
	}
#headermenu ul.nav{
	margin:0;
	padding:0; 
	height:50px; 
	display:inline-block;
	font-family: futura, 'Trebuchet MS', arial;
	float: right;
	/*** ROUNDED CORNERS ***/
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	
}

/*** PARENT ITEM ***/
#headermenu ul.nav li{
	list-style:none;
	line-height:37px; 	
	position:relative; 
	z-index:98; 
	float:left;
	padding:0px 18px;
	margin:2px 0 0 10px;
	cursor:pointer;
	
	/*** ROUNDED CORNERS ***/
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;

}

#headermenu ul.nav li:hover{
	color: #fff !important;
	/* customize_topmenuback */background-color: #ffad84 !important;/* customize_topmenuback */
	/*** ROUNDED CORNERS ***/
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;

}

#headermenu  .nav-selected {
		/* customize_topmenubackselected */background-color: #ffad84 !important;/* customize_topmenubackselected */	
		/* customize_topmenubackselectedlinkcolor */color:#f1f3f2 !important;		/* customize_topmenubackselectedlinkcolor */
	/*** ROUNDED CORNERS ***/
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
		
}



#headermenu ul.nav li A{
 		/* customize_topmenulinkcolor */color:#fff;	/* customize_topmenulinkcolor */
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	}
	
	


#headermenu ul.nav li ul li{
	margin-left: -10px !important;
	width: 150px !important;
	margin-top: 26px;
	}
	
#headermenu ul.nav li ul li:hover{
	margin-left: -10px !important;
	width: 150px !important;
	color: #fff!important;
			/* customize_topmenuchildback */background-color: #ffad84;	/* customize_topmenuchildback */
	}
/*** THE OPENING EVENT, WHEN MOUSE OVERS THE BUTTON ***/
#headermenu ul.nav li:hover ul  {display:block; margin-top:-4px;} 


/*** THE CONTETN THAT OPENS ***/
#headermenu ul.nav li ul{ 
	/* customize_topmenuchild2back */background-color: #ffad84; /* customize_topmenuchild2back */
	font-size:14px;
	display:none; 
	position:absolute; 
	top:100%; 
	left: 0; 
	padding:10px;
	z-index: 90;
	text-align:left;
	width:200px;
	margin:16px 0 0 10px;
	margin-left: 0px;
	
	
	/*** ROUNDED CORNERS ***/
		-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-radius: 0 8px 8px 8px; /* CSS3 */
}

/*** CONTENT CONTAINER ***/
#headermenu ul.nav li UL LI{display:block; list-style:none; margin-bottom:2px;}
#headermenu ul.nav li UL LI A{
	display:block; 
		color:#fff !important;
	/* customize_topmenuchild3back */background-color:#f4a178;  	/* customize_topmenuchild3back */
	text-decoration:none; 
	padding:0px 10px;
	width: 160px;
	
	
	/*** ROUNDED CORNERS ***/
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius: 6px; /* CSS3 */
}

#headermenu ul.nav li UL LI A:hover{display:block; color:#fff !important; 	/* customize_topmenuchild3backhover */background-color:#f28955;/* customize_topmenuchild3backhover */ text-decoration:none;}

#headermenu ul.nav li ul li ul {
	display:none; 
	margin-left: 200px;
	}
	
#headermenu li A{
 	padding-top: -20px !important;
	margin-top: -18px !important;
	}
	/*form*/
input {
		border: 4px solid #ace0e6;
		
		}
.formBlockSurveyTable h2 { /* The header tag. e.x. "Contact Me" */
	color:#2F2F2F;
	margin:0;
}

.formBlockSurveyTablehr { /* The horizontal line between the title and the form. */
	border:none;
	border-bottom:1px dashed #356AA0;
}

.formBlockSurveyTable{ /* The form itself. */
	position:relative;
	margin:20px;
	float:left; /* float:left makes sure the forms width is optimal */
	padding:10px 20px 10px 20px;
}

.formBlockSurveyTable label{ /* Forms labels. */
	float:left;
	display:block;
	width:80px; /* this width sets the distance between the label and the input fields */
	font-size:14px;
	color:black;
}

.formBlockSurveyTable input, .formBlockSurveyTable textarea, #footer input, #footer textarea, .inner textarea, .inner input[type="text"], .inner input[type="submit"] { /* The input fields. */
	width:200px; /* You can change the field width */
	border: 1px solid #DDE89A;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:14px;
	padding:4px;
	margin-bottom: 10px;
	background: #DDE89A;
	
}

.formBlockSurveyTable input:hover, .formBlockSurveyTable textarea:hover, #foot input:hover, #foot textarea:hover { /* Input fields hover */
	-moz-box-shadow: 0 0 3px #333333; /* On hover glow */
	box-shadow: 0 0 3px #333333;
	-webkit-box-shadow: 0 0 3px #333333;
}

.formBlockSurveyTable input:focus, .formBlockSurveyTable textarea:focus, #foot input:focus, #foot textarea:focus  {
	-moz-box-shadow: 0 0 3px #4096EE; /* On focus glow */
	box-shadow: 0 0 3px #4096EE;
	-webkit-box-shadow:0 0 3px #4096EE;
}

.formBlockSurveyTable div{ /* This is for the divs that contains the labels and inputs  */
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #e6e6e6;
	position:relative;
}

.formBlockSurveyTable div:hover { /* The divs on hover. */
		background-color: #7d816b !important;
	background-image:-moz-linear-gradient(#7d816c,#7d816b) !important;
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#7d816c),to(#7d816b)) !important;
  	border:#7d816c solid 1px !important;
}

.formBlockSurveyTable input[type="submit"], #foot input[type="submit"], .searchButtonWrap input[type="submit"]  { /* Forms submit element */
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	line-height:1;
	font-weight:bold;
	
	-moz-border-radius:10px !important;
	-webkit-border-radius:10px !important;
	text-shadow:0 0 2px #222222;
	cursor:pointer;
	font-family:sans-serif;
	padding:6px 16px 8px;
	font-size:13px;
	width:auto;
		background-color: #82c3ce !important;
	background-image:-moz-linear-gradient(#989b8a,#7d816c) !important;
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#989b8a),to(#7d816c)) !important;
  	border:#ace0e6 solid 4px !important;
  	
	}




.formBlockSurveyTable input[type="submit"]:hover, #foot input[type="submit"]:hover {  /* Forms submit button hover. */
		background-color: #7d816b !important;
	background-image:-moz-linear-gradient(#7d816c,#7d816b) !important;
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#7d816c),to(#7d816b)) !important;
  	border:#7d816c solid 1px !important;

}
.formBlockSurveyTable input[type="submit"]:active {  /* Forms submit button pressed. */
	background-color: #7d816b;
	background-image:-moz-linear-gradient(#989b8a,#7d816c);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#989b8a),to(#7d816c));
}
.formBlockSurveyTable input[type="text"] {  /* Forms submit button pressed. */
	margin-bottom: 15px;
}

 .inner input[type="submit"]:hover, #content input[type="submit"]:hover{
 	margin-bottom: 10px;
 	margin-top: 20px;
	background-color: #556492 !important;

  	border:#556492 solid 1px !important;

}

 .inner input[type="submit"], #content input[type="submit"]{
	margin-bottom: 10px;
 	margin-top: 20px;
	background-color: #66749e !important;

  	border:#66749e solid 1px !important;
}

#leftsidebar .inner input[type="submit"], #rightsidebar .inner input[type="submit"]{
	width: 50% !important;}

/*theme specifics*/

#showcase .button {
	
}


/* side nav */

#leftsidebar .inner ul.nav, #rightsidebar .inner ul.nav{
	list-style: block;
	margin: 0px !important;
	padding-bottom: 30px;
	}
	
#leftsidebar .inner ul.nav li, #rightsidebar .inner ul.nav li {
	padding-bottom: 10px;
	}
	
#leftsidebar .inner ul.nav li a, #rightsidebar .inner ul.nav li a {
	text-decoration: none;
	}
	
#leftsidebar .inner ul.nav li a:hover, #rightsidebar .inner ul.nav li a:hover {
	text-decoration: underline;
	}
	
/* ul main content */
#rightmain .inner ul.nav, #leftmain .inner ul.nav {
	list-style: circle;
	text-indent: 20px;
	margin-left: 40px;
	}
	

		


			
td[valign=top] {
vertical-align: top;
}