/*

Theme Name: In The Clutch Bags, LLC

Theme URI: http://www.intheclutchbags.com

Description: 

Author: Kristina Meyer	

Author URI: http://www.kristinameyer.com

Version: 1.0

*/



/* Eric Meyer's RESET */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

{

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	line-height: 1;

	font-family: inherit;

	text-align: left;

	vertical-align: baseline;

}

table {border-collapse: collapse; border-spacing: 0;}

q:before, q:after, blockquote:before, blockquote:after {content: "";}





/* BASE TYPOGRAPHY 

____________________*/



body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea

{	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.6;

	font-size: 14px;

	color:#491e0e;

	}





h1 {

	font-size:34px;

	margin-bottom:12px;

	font-weight:bold;

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

	}



h2 {

	font-size:22px;

	margin-bottom:10px;

	line-height: 1.2;

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

	}

	

h3 {font-size:18px; margin-bottom:8px; font-family: Georgia, "Times New Roman", Times, serif;}

h4 {font-size:16px; margin-bottom:5px; font-weight:bold; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}

h5 {font-size:14px; margin-bottom:5px; font-weight:bold; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}

h6 {font-size:14px; margin-bottom:5px; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}



blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }

strong {font-weight: bold;}

em     {font-style:italic;}

small {font-size: 9px;}



ul {list-style-type: none;}

ol {list-style-type: decimal;}



p {margin-bottom: 10px;}



/* LINKS 

___________*/



a {font-family: Arial, Helvetica, sans-serif;}



a:link {

	font-weight: bold;

	color:#491e0e;

	text-decoration: underline;}



a:visited {color: #666666;}



a:hover {color: #ffa39f;

}



a:active {}





/* STRUCTURE 

___________________________*/



body {

	background-image: url(images/body_bg.jpg);

	background-repeat: repeat;

	}



#container { 

 	margin: 0 auto;

 	width: 807px;

	background: url(images/footer_bg.jpg) no-repeat bottom;

	}



#header {

 width: 807px;

 height: 120px;

 margin-top: 30px;

 background: url(images/header_bg.gif) no-repeat bottom center;

}



#header img {

	margin: 15px 0 5px 0;

	}



#inner_wrap {

 	background: url(images/side_border.jpg) repeat-y;

 	overflow: hidden;

 	width: 100%;

	}

	

/*HOME*/

	

#contentUpper { 

 background: url(images/bluegradient_bg.jpg) repeat-x;

 margin: 0 5px 0 7px;

 height: 280px;

 }

#upperL {

	padding: 15px 15px;

	}

#upperL img {

/*	margin-left: 20px; CLO */

	margin-top: 15px; /*CLO*/

	margin-bottom: 15px;

	}

#upperL img.button { /*CLO*/

	margin-right: 15px;

	margin-bottom: 30px;

	}

	

#upperL p {

	padding-right: 380px;

	padding-left: 20px;

	font-size: 16px;

	line-height: 1.25; /*CLO*/

	}

	 

#slideshow {

	float: right;

	width: 375px;

	}



#contentMid {

	background: url(images/bluegradient_bg.jpg) repeat-x;

	margin: 0 5px 0 7px;

	/*height: 200px; CLO */

	border-top: 5px solid #491e0e;

/*	border-bottom: 5px solid #491e0e; CLO*/

	}

#contentMid p {

/*	width: 375px; 

	float: left;

	margin: 25px 15px 5px 20px; */
	padding: 25px 20px 5px 30px;

	font-size: 16px;

	line-height: 1.4;

/*	text-align: center; */

	}

#contentMid img.left {

	margin-right: 15px;

	margin-bottom: 15px;

	}

#contentMid img.right {

	margin-left: 15px;

	}

	



/*PRODUCTS PAGE*/


#prodHeader {

	margin: 25px 25px 0px 25px;

	}

#prodHeader img {

	position: relative;

	left: 375px;

	}
	
#prodHeader p {
margin: 15px auto;
}


/*_Sidebar Widgets_*/

#sidebar {

	width: 225px;

	float: right;

	margin: 15px 25px 25px 25px;

	padding: 10px 15px 10px 10px;

	background-color: #d1eee8;

	line-height: 1.2px;

	}

#sidebar p {

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	}
	
#sidebar .visitshop {
	display:none;
}

#sidebar ul li {
	margin-bottom: 25px;
}

/*#swatches table img {

	padding: 5px 5px;

	border: 1px solid #ffa39f;

	}

#swatches table {

	margin: 5px auto;

	}*/

/* #ngg-gallery-4 .ngg-gallery-thumbnail {

	float:left;

	}

#ngg-gallery-4 .ngg-gallery-thumbnail img:hover {

	background-color: #fff;

} */

#products {

	width: 450px;

	float: left;
	
	margin: 25px 0 25px 25px;

	}

#products a {
	font-size: 18px;
	text-decoration: none;
}


.prodPost {

	margin: 25px 25px 15px 4px;

	}

.prodPost img {

	padding: 5px 5px;

	}

.prodPost p {

	margin-bottom: 10px;

	margin-right: 10px;

	}	

.prodPost h2 {

	border-bottom: 3px solid black;

	font-family: Arial, Helvetica, sans-serif;

	}

.prodPost form {

	width: 200px;

	float: right;

	}

.prodPost table {

	margin-bottom: 5px;}





/*#content { 

 float: right;

 color: #333;

 padding: 10px;

 width: 370px;

 display: inline;

 position: relative;

}*/





/* GALLERY and NEWS

________________________*/



#gallery, #news{

	background: url(images/bluegradient_bg.jpg) repeat-x;

	margin: 0 5px 0 7px;

	}

#gallery .post, .newsentry .post {

	padding: 20px 20px;

	}

#gallery img.header {

	position: relative;
	top: 30px;
	left: 220px;
	margin-bottom: 25px;
	}

.newsentry .post h3 {

	margin-bottom: 5px;

	}

.newsentry .post .entry {

	padding-top: 10px;

	}





/* NAVIGATION 

_______________*/



ul#nav {

	list-style: none;

	width: 750px;

	height: 27px;

	position: relative;

	margin: 8px 0 0 75px;}



ul#nav li {

	float: left;

	}

	

ul#nav li a {

	position: absolute;

	top: 0;

	height: 27px;

	display: block;

	background: url(images/menu_img.gif) no-repeat;

	text-indent: -9999px;

	overflow: hidden;

	}



ul#nav li#navHome a {

	left:0;

	width: 67px;

	background-position: 0 0;

	}



ul#nav li#navAbout a {

	left: 67px;

	width: 100px;

	background-position: -67px 0;

	}



ul#nav li#navPhoto a {

	left: 167px;

	width: 143px;

	background-position: -167px 0;

	}



ul#nav li#navNews a {

	left: 310px;

	width: 66px;

	background-position: -310px 0;

	}



ul#nav li#navOrder a {

	left: 376px;

	width: 144px;

	background-position: -376px 0;

	}

	

ul#nav li#navCont a {

	left: 520px;

	width: 116px;

	background-position: -520px 0;

	}

	

ul#nav li#navHome a:hover, ul#nav li#navHome .active {

	background-position: 0 -27px;

	}	

	

ul#nav li#navAbout a:hover, ul#nav li#navAbout .active {

	background-position: -67px -27px;

	}	

	

ul#nav li#navPhoto a:hover, ul#nav li#navPhoto .active {

	background-position: -167px -27px;

	}

	

ul#nav li#navNews a:hover, ul#nav li#navNews .active {

	background-position: -310px -27px;

	}	

	

ul#nav li#navOrder a:hover, ul#nav li#navOrder .active {

	background-position: -376px -27px;

	}	

	

ul#nav li#navCont a:hover, ul#nav li#navCont .active {

	background-position: -520px -27px;

	}		



/*  CONTACT FORM

___________________*/

#contact {

margin: 20px 150px;

}



#contact p {

	line-height: 1.2;

	padding: 10px 0px;

	}

	

#contact form {

background-color: #d1eee8;

padding: 10px 10px;

border: 1px solid #ccc}



#contact label{

float: left;

width: 120px;

font-weight: bold;

}



#contact input, #contact textarea{

width: 180px;

margin-bottom: 5px;

color: #333333;

}



#contact textarea{

width: 250px;

height: 150px;

}



.boxes{

width: 1em;

}



#contact #submitbutton{

margin-left: 120px;

margin-top: 5px;

width: 90px;

color: #333333;

}



#contact br{

clear: left;

}







/* FOOTER

____________*/



#footer { 

 width: 781px;

 clear: both;

 color: #333;

 padding: 5px 10px 10px 7px;

 margin-left: 2px;

 border-top: 5px solid #491e0e;}



#footer span {

	margin-left: 100px;

	}

#footer span.home {

	margin-left:35px;

	}



/* GENERAL CLASSES 

__________________*/



.blackborder { border: black solid 1px; }

.right { float: right }

.left { float: left }

img.right {display: inline; position: relative; margin-left: 7px;}

img.left {display: inline; position: relative;}

.clear { clear: both; background: none; }

.pink {color: #ffa39f; font-size: 24px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin-left:80px; margin-bottom:5px;}

.quote {border-left: 5px solid #d1eee8; margin: 15px 50px 15px 60px; font-style: italic;}

.center {text-align: center;}