a:link, a:active, a:visited { text-decoration: none; }
	
	/* LOGO */

	#logowrap, #logo {
	width:398px;		/**** logo width *****/
	height:112px;		/**** logo height *****/
	padding:0;
	margin:0;
	}

	#logowrap {
	position:absolute;
	top:50px;
	left:135px;
	}
	
	#logo  {
	position:relative;
	display: inline;overflow: hidden;
	}
	
	#logo a {
	float: left;
	padding: 112px 0 0 0;/**** LOGO height is the first number *****/
	overflow: hidden;
	width:398px; /**** LOGO width *****/
	height: 0px ;
	height /**/:112px; /* for IE5/Win *//**** LOGO height goes here too *****/
	background:url(http://www.buytwilightshirts.com/buy-twilight-shirts.jpg) no-repeat; /**** CHANGE TO YOUR LOGO'S URL *****/
	font-size:1px;
	color: #43B7F3;
	}
	
	#logo span {
	margin: 0;padding: 0;display: inline;
	}

	/* WELCOME INTRO HOME PAGE IMAGE */
	div.introimage {
	width:175px;
	height:175px;
	float:left;
	margin:0 15px 20px 0;
	background:url(http://www.hodgepodgeink.com/img/fpo-welcome-img.jpg) no-repeat; /**** CHAANGE TO YOUR IMAGE URL *****/
	}

	/***** If you want to turn off the Welcome Image on the home page,
	just uncomment -- remove the forward slash and asterisk around the code below *****/

	/*  div.introimage {display:none;}  */

	/***** RANDOM FEATURED *****/
	#random {padding-bottom:15px;}
	a#randomimg {margin-right:5px;float:left;display:block;width:150px;height:150px;background-repeat:no-repeat;background-position:center top;background-color:white;}


	/***** BORDER RANDOM AND WELCOME *****/

	img.imgr, img.imgl, div.introimage, a#randomimg {
	border:2px solid #000;
	}

	a#randomimg {border-color:#16BBFA}

	/***** If you want to turn off the random image or featured image in the side bar,
	just uncomment the code below -- remove the forward slash and asterisk around the code below *****/

	/* #random, a#randomimg {display:none;} */

	html, body{padding:0;margin:0;text-align:center;background:#000;}

	img.imgr {float:right;margin:0 0 10px 10px;}
	img.imgl {float:left;margin:0 10px 10px 0;}

	/******* HEADLINE COLOR BUTTON COLOR *******/
	.pageTitle, .head, p.head, #shopbody h1, #shopbody h2, #shopbody h3, #shopbody h4, #shopbody h5, #shopbody h6, p.largeHeading {color:#16bbfa;}


	#addToCartSection input, #ViewCart input, .newsletter input.submit {border:1px solid #000;background-color:#000;}

	/******* HOVER COLOR BUTTON *******/
	#addToCartSection input:hover, #ViewCart input:hover, .newsletter input.submit:hover {border:1px solid #16bbfa;background-color:#16bbfa;}

	/* TEXT COLOR */
	body, tr,td,caption, p, div, span.smallprint, span.tablebg2,
	td.tablebg, td.tablebg2,
	#addToCartSection td.xsmallText input,
	#ViewCart select, #ViewCart td.tablebg input, #ViewCart td.tablebg2 input,
	#specials, #joinnews, #joinnews div.sideheader
	{color: #000;}

	#shopmenu a {color:#fff;}

	/* LINK STYLES */
	#main a:hover, a:hover, a.link:hover {color:#16bbfa;}
	#shopmenu a:hover {color:#16bbfa;}
	a {outline: none;}
	a, a:visited {color:#16BBFA;}
	a img { border-width:0;}
	a.link:hover {color:white;}

	/* PAGE WIDTH */
	#pagewidth, #header {width:900px;}
	#topnav {width:800px;}
	#shopbody {float:right;width:645px;padding:65px 0 20px 0;}
	#shopmenu {float:left;width:210px;margin:200px 0 0 0;padding:0 0 100px 20px;background:#000 url(http://www.hodgepodgeink.com/img/sidebar-bg-btm.gif) center bottom no-repeat;}
	#footer{width:900px;height:65px;display:block;position:relative;}
	#footer p {width:850px;}

	/* GENERAL STYLES */
	p, ul, form, h1, h2, h3, h4, h5, h6 {margin:0 0 18px 0;padding:0;}
	.maincol p, .maincol ul, .maincol form {font-size:12px;line-height:170%}
	#shopbody ul li, div.smallText li {list-style-type: square;}
	#shopbody ul {margin-left:50px;}
	hr {border: none 0;border-top: 0px solid #f8f8f8; background-color: #FFFFFF;width: 100%;height: 0px;}

	/*******GLOBAL RESET TO SET ALL FONTS*******/
	* {font-family: "Lucida Grande", LucidaGrande, "Lucida Sans",'Lucida Sans Unicode', "Lucida Sans Unicode", 'Lucida Grande', Geneva, Arial, sans-serif ;}

	/* HEADLINES */
	.pageTitle, .head, p.head, p.largeHeading {font-size:18px;font-weight:normal;line-height:150%;display:block;margin:0 0 18px 0;}
	#shopbody h1 {font-size:22px;margin:0 0 15px 0;}
	#shopbody h2 {font-size:19px;}
	#shopbody h3 {font-size:16px;}
	#shopbody h4 {font-size:14px;}
	#shopbody h5 {font-size:12px;}
	#shopbody h5 {font-size:10px;}

	/* TOP NAVIGATION */
	#topnav{margin:0;overflow: hidden;position:absolute;left:10px;top:18px;height:25px;text-align:left;font-size:11px;font-weight:normal;}
	#topnav ul{list-style-type: none;margin: 0;float:left;padding: 0;}
	#topnav li{border-left: 1px solid #16bbfa;float: left;line-height: 15px;margin: 0 .5em 3px -.5em;padding: 2px .5em 3px .5em;background:none;}
	#topnav a,#topnav a:visited {color:#000;text-decoration:none;}
	#header #topnav li a:hover {color:#16bbfa}

	/**** LAYOUT *****/
	#pagewrapper {padding:0;margin:0;width:100%;background:url(http://www.hodgepodgeink.com/img/bgwrapper.gif) 50% 0% no-repeat;}
	#pagewidth{text-align:left;margin:0 auto;position:relative;}
	#header{position:relative; height:235px;overflow:hidden;}
	.maincol{width:901px;display:block; position: relative;padding:0;margin:0 auto;}
	.wrapper1{width:100%;margin:0;padding:0;background:url(http://www.hodgepodgeink.com/img/sidebar-bg-top.gif) left 68px no-repeat;}
	.wrapper2{width:100%;padding:0 0 68px 0;background:url(http://www.hodgepodgeink.com/img/footer.gif) center bottom no-repeat;}
	#outterpagewrapper {background:#fff url(http://www.hodgepodgeink.com/img/mainbg.gif) center top repeat-x;}

	/***** FOOTER ******/
	#footer {margin:0 auto;clear:both;padding:0 0 0 0;display:block;position:relative;clear:both;}
	#footer p {margin:0 auto;padding:20px 0 0 0;display:block;font-size:10px;word-spacing:1px;color:#fff;}
	#footer, #footer a, #footer a:visited, td.footer, td.footer a, td.footer a:visited, td.footer a:link {color:#fff;line-height:16px;font-size:10px;text-decoration:none;}
	#footer p a:hover, td.footer a:hover {color:#fff;text-decoration:underline;}

	/***** CLEAR FIX ******/
	.clearfix:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}
	.clearfix{display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	/*******There's a strange, additional p tag before the content appears, pushing the home page down. This removes its effect *******/
	#main  p {margin:0;padding:0;}

	/*******By enclosing the paragraph in another div, this puts the proper spackign back in *******/
	#pfix p {margin:0 0 20px 0;line-height:160%;font-size:13px}

	/***** SIDE BAR AND SIDE NAVIGATION AND FIXES FOR REPLACING THE DEFAULT ARROW*****/
	span#sidebarnav .smallsidebartext  {text-indent:-3000px;display:block;float:left;width:18px;background:url(http://www.hodgepodgeink.com/img/bullet.gif) 0% 2px no-repeat;}
	span#sidebarnav .smallsidebartext  a.sidebarlink {display:block;padding:0 0 0 1px;width:150px;height:auto;text-indent:-1px;background:url(http://www.hodgepodgeink.com/img/side-bg-links.gif) repeat;}
	span#sidebarnav .smallsidebartext  td td {background:none;}
	span#sidebarnav .smallsidebartext  td td td {width:1px;display:block;background-image:none;}
	#shopmenu a {text-decoration:none }
	.smallsidebartext  a {font-size:12px;}
	span#sidebarnav td  {padding:0 0 5px 0;}
	span#sidebarnav table {border-collapse:collapse;padding:0px;margin:0;width:185px;}
	span#sidebarnav table tr td td td {width:1px;display:block;background-image:none;}
	#shopmenu h4, #shopmenu h3 {font-size:11px;display:block;margin:0 0 5px 0;text-transform:uppercase;color:#16bbfa;padding:0;}
	#shopmenu h3 {font-size:18px;color:#16bbfa;}
	div.browseproducts {margin:20px 0 5px 0;}
	div.storeinformation, span.categories {}
	div#productdropdown {display:block;width:100%;margin:0;height:30px;overflow:hidden;}
	div#productdropdown select {width:150px;}
	div#productdropdown td {display:block;height:25px;}
	#shopmenu ul{margin-left: 0;padding-left: 0;list-style: none;}
	#shopmenu ul li {padding-left: 19px;background-image: url(http://www.hodgepodgeink.com/img/bullet.gif);background-repeat: no-repeat;background-position: 0 4px;}
	div.sideheader {display:block;margin:0 0 10px 0;width:170px;}
	div.joinnewsletterside {display:none;}/***** JOIN NEWSLETTER SIDE BAR IS NOT DISPLAYING IT'S IN THE TOP NAVIGATION *****/
	#shopmenu div.orderbyphone h4 {text-transform:uppercase;margin:0 0 2px 0;padding:0;font-size:12px;}
	div.orderbyphone {margin:10px 0 20px 0;padding:5px 0 0 0;}
	#shopmenu div.orderbyphone h3, #shopmenu div.orderbyphone h4 {color:#fff;}

	/***** TABLES AND TD STYLES *****/
	td {padding:0;margin:0;}
	td {font-size:11px;}
	#main table {width:100%;margin:0 -6px 0 -6px;text-align:center}
	#main td {font-size:12px;}
	div #main td {padding: 0 6px 12px 6px;}
	div #main td tr td {padding: 0 }
	div #main td div span.storesmallprint {font-size:11px;margin:5px 0 15px 0;display:block;line-height:150%;}
	div #main td a {font-size:12px;text-decoration:none;}
	table {border-collapse:collapse;}

	/***** TABLE CATEGORY AREA *****/
	div.imageborder div img, div.imageborder div {display:none;}/****** Get Rid of the More Colors Graphic, it throws off the space. *******/
	/****** To show this again, just remove the "display:none" *******/
	/*****#main div.imageborder div {background: center top no-repeat;display:block;height:12px;}Replacing More Colors *******/
	/*div.imageborder a img {padding:15px 3px 2px 3px;}*/
	img.imageborder {margin-bottom:8px;}
	/***div#main table tbody tr td a {padding-top: 10px;}*/

	/*******BREAD CRUMB STYLES *******/
	p.storesmallprint, p.storesmallprint a:link, p.storesmallprint a:visited, p.storesmallprint b, p.breadCrumb, p.breadCrumb a:link, p.breadCrumb a:visited, p.breadCrumb b
	{font-size:9px ;padding:0 0 5px 0;font-weight:normal;text-decoration:none;}
	p.breadCrumb, p.storesmallprint {border-bottom:1px solid #eee;font-weight:normal;width:100%;}
	#main p.storesmallprint, p.storesmallprint {margin:0 0 20px 0}

	/*******PRODUCT DETAIL PAGE *******/
	#container p {margin:-5px 0 15px 0;}
	#container {margin:5px 0 0 0;line-height:170%;float:right;width:375px;}
	#container #productInfo #miscNotes {line-height:14px;}
	#container #productInfo ul {font-size:11px;}
	#container #priceDiv {margin:-10px 0 10px 0;padding:10px 0 0 0;}
	td.xsmallText span.xsmallText b a {font-size:12px;text-decoration:none;width:175px;display:block;padding:3px;border:1px solid #A0E3FD;background:#E4FAFF}
	td.xsmallText span.xsmallText b a:hover {font-size:12px;text-decoration:none;width:175px;display:block;padding:3px;border:1px solid #A0E3FD;background:#fff}

	/*******CHECK OUT PAGE AND FORMS*******/
	.checkoutbg {background-color: #fff;}
	.alertmessage {color: #ff0000;font-size:16px;font-weight:bold;}
	#ViewCart table td {border:1px solid #fff;}
	td.tableheaderbg {background-color:#000;color:#fff;padding:3px;border:1px solid #fff;}
	#ViewCart td.tableheaderbg {background-color:#06B5F9;color:#fff;padding:3px;}
	#ViewCart td {line-height:120%;padding:3px;}
	/**form select, form input {border:1px solid #ccc;padding:2px 0;text-align:center;}
	form select {text-align:left;} **/
	#addToCartSection input, #ViewCart input, .newsletter input.submit {color:#fff;font-weight:bold;margin:2px 0 0 10px;}
	td.tablebg, td.tablebg2 {padding:5px;border:1px solid #fff;background:#E4FAFF;}
	#addToCartSection td.xsmallText input {border:1px solid #ccc;background-color:#fff;color:#000;margin:0;}
	#ViewCart select, #ViewCart td.tablebg input, #ViewCart td.tablebg2 input {border:1px solid #ccc;background-color:#fff;color:#000;padding:2px;margin:2px;}
	.tablebg {background-color:#fff}
	form#ViewCart td.tablebg {background-color:#E4FAFF ;padding:3px;}
	form#ViewCart td.tablebg2, form#ViewCart span.smallprint span.tablebg2  {background-color:#A0E3FD ;padding:3px;}
	table#StaticShippingTable td {border:none}
	span.cartETA {color:#000;font-weight:bold;border:1px solid #fff;padding:0 2px;background:#fff;}

	/*******NEWSLETTER SIGN UP FORM*******/
	.newsletter {width:100%;}
	.newsletter div.r {text-align:right;margin:4px 0 0 0;display:block;width:100%;}
	.newsletter span {font-size:10px;line-height:15px;display:block;margin:0 0 3px 0;}
	.newsletter input.email  {text-align:left;width:100%;}

	input[type="text"] /* To keep form fields consistent when FireFox overrides them*/
	{background: #fff;}

	/*******CAFEPRESS BAR, ORDER STATUS REPLACE, AND OTHER FIX UPS*******/

	td div.orderstatus {border: 0px none ;background-position: top right; background-repeat:no-repeat;line-height:150%;}
	.cafepressbar, .cafepressbar td, .cafepressbar td table, .cafepressbar td table td {border: 0px none ;background: #FFFFFF ;padding:2px 3px 0 3px;}
	.cafepressbar td, .cafepressbar td a:link, .cafepressbar td a:visited {font-size:10px;color:#777 ;}
	.cafepressbar td a {text-decoration:none;}
	.cafepressbar img{filter:progid:DXImageTransform.Microsoft.Chroma(color=#FFFFFF)progid:DXImageTransform.Microsoft.BasicImage(mask=0,maskColor=#FFFFFF);border:0px;}

	/*******TOGGLE SYLES*******/

	#specials, #joinnews {position:absolute;top:175px;left:170px;z-index:200000;border:1px solid #16bbfa;width:350px;height:250px;background:#fff;text-align:center;overflow:hidden;}

	#specials a, #joinnews a {color:#fff;}

	#joinnews {top:175px;left:500px;z-index:500000;width:350px;height:300px;overflow:hidden;}

	div.toggleheader {display:block;line-height:22px;text-align:center;}
	a.closelink {display:block;height:22px;width:100%;color:#fff;font-weight:bold;font-size:12px;letter-spacing:1px;
	text-decoration:none;border-bottom:1px solid #fff;background:#16bbfa;}

	#coupon {margin:15px 0;font-size:14px;}
	#coupon h4 {font-size:18px;}

	#joinnews div.sideheader {font-size:12px;text-align:left;display:block;margin:40px auto 0 auto;width:250px;}

	#shopmenu {width:230px;padding:0 0 100px 0;}
	#shopmenu div.sideheader {padding-left:20px;width:190px;}

	img.floatLeft {
	    float: left;
	    margin-right: 15px;
	}

	img.floatRight {
	    float: right;
	    margin-left: 15px;
	}