@charset "UTF-8";

/**
	chronomedia
**/

/** begin global */
/* Body */
body {
	
	background: url('../img/bgtile1.gif') repeat-x #fff; /* f8f8f8 */
	
	font-size: 77.5%;
	
	font-family: Courier, "Courier New", monospace;
	/*
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	*/
	line-height: 1.429;
	color: #111111;
	text-align: left;
	min-width: 960px;
}

/* Headings */  
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */

h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: .8em;
}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
    /*
	color: #c3c3c3;
	*/
	color: #000;
    padding: 0 0px;
    text-decoration: underline;
}
a:hover, a:active {
	color: #999;
	/*
	color: #fff;
	background: #333;
	*/
    text-decoration: none;
}

address {
	text-align: center;
	padding: 2px 0px 4px 0px;
}
/* end global **/

/** begin wrapper */
#index {
	text-align: center;
}
#wrapper {
	width: 901px; /* supposed to be 900 but IE6 can't count */
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

/* end wrapper **/

/** begin header */
#header {
	position: relative;
	float: left;
	width: 901px; /* supposed to be 900 but IE6 can't count */
	height: 175px; /* 202 */
	/* 190 -11 -4 */
	overflow: hidden;
	background: url('../img/navi_bg.gif') no-repeat 7px 21px;
}	
	#web2buttons {
		width: 195px;
		height: 40px; /* 44 */
		padding: 50px 0px 0px 705px;
	}
		#web2buttons ul {
			list-style: none;
			display: inline;
			height: 27px;
			line-height: 0;
		}
			#web2buttons ul li {
				float: left;
			}
				#web2buttons ul li#youtube {
					width: 40px;
					height: 27px;
				}
				#web2buttons ul li#facebook {
					width: 40px;
					height: 27px;
				}
				#web2buttons ul li#twitter {
					width: 40px;
					height: 27px;
				}
				#web2buttons ul li#rss {
					width: 40px;
					height: 27px;
				}
				#web2buttons ul li#cart {
					width: 32px;
					height: 27px;
				}
				#web2buttons ul li
				#web2buttons ul li a:link,
				#web2buttons ul li a:active,
				#web2buttons ul li a:visited {
					padding: 0 !important;
					text-decoration: none;
				}
	#navi {
		width: 380px; /* 900 */
		height: 30px; /* 135 */
		/* height: 41 */
		overflow: hidden;
		padding: 0px 0px 0px 520px;
	}
		#navi ul {
			list-style: none;
			display: inline;
			width: 300px;
			height: 18px;
			overflow: hidden;
			line-height: 0;
		}
			#navi ul li {
				float: left;
			}
				#navi ul li#category {
					width: 193px;
					height: 15px;
					/* background: url('../img/navi_category.gif') no-repeat; */
				}
				#navi ul li#top {
					width: 80px;
					height: 15px;
					overflow: hidden;
				}
				#navi ul li#news {
					width: 66px;
					height: 15px;
					overflow: hidden;
				}
				#navi ul li#shop {
					width: 66px;
					height: 15px;
					overflow: hidden;
				}
				#navi ul li#link {
					width: 55px;
					height: 15px;
					overflow: hidden;
				}
				#navi ul li
				#navi ul li a:link,
				#navi ul li a:active,
				#navi ul li a:visited {
					padding: 0 !important;
					text-decoration: none;
				}
	#menu {
		width: 868px; /* 900 */
		height: 42px; /* 67 */
		padding: 12px 0px 0px 32px;
		background: url('../img/menu_bg.gif') repeat-x;
	}
		#menu ul {
			list-style: none;
			display: inline;
			height: 13px;
			line-height: 0;
		}
			#menu ul li {
				float: left;
			}
				#menu ul li#brand {
					width: 60px;
					height: 13px;
					background: url('../img/menu_brand.gif') no-repeat;
				}
				#menu ul li#allbrand {
					width: 53px;
				}
				#menu ul li#patta {
					width: 69px;
				}
				#menu ul li#parra,
				#menu ul li#rockwell {
					width: 98px;
					/*
					width: 71px;
					*/
				}
				#menu ul li#frank151 {
					width: 95px;
				}
				#menu ul li#other {
					
				}
				
				#menu ul li#filler {
					/*width: 289px;*/
					/* +60 for brand  but margin is iffy so changing to around +40*/
					width: 273px;
					height: 18px;
				}
				#menu ul li#all {
					width: 52px;
				}
				#menu ul li#tshirts {
					width: 93px;
				}
				#menu ul li#caps {
					width: 57px;
				}
/* end header **/

/** begin banner */
#banner {
	position: relative;
	float: left;
	width: 901px; /* supposed to be 900 but IE6 can't count */
	height: 145px;
	
}
/* end banner **/

/** begin main */
#main {
	position: relative;
	float: left;
	width: 901px; /* supposed to be 900 but IE6 can't count */
	background: url('../img/bar_3column.gif') repeat-y;
	overflow: hidden;
}
.magic {
	overflow: auto; /* clearing floats */
}
	.entry {
		float: left;
		width: 234px; /* 300 */
		display: inline;  /* IE6 fix */
		padding: 0px 32px 0px 32px;
		
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
	}
		.entrytitle {
			padding: 0px 0px 0px 10px;
			border-left: 4px solid #333;
			font-weight: bold;
			line-height: 1.2;
		}
			.entrytitle a:link,
			.entrytitle a:active,
			.entrytitle a:visited {
				color: #111;
				text-decoration: none;
			}
			.entrytitle a:hover {
				color: #fff;
				background: #333;
			}
		.entrybody {
			width: 234px;
			font-size: 1em;
			line-height: 1.7;
			overflow: hidden;
		}
			.entrybody img {
				/*
				width: 234px;
				height: 25%;
				*/
			}
		.entryfooter {
			width: 236px;
			height: 80px;
			font-size: 0.9em;
			padding: 15px 0px 0px 0px;
			background: url('../img/entry_break.gif') no-repeat;
			background-position: 109px 68px;
		}
/* end main **/

/** begin shop parts */
			.shopthumb {
				width: 234px;
				line-height: 0;
			}
				.shopthumbupperhalf {
					width: 234px;
					background: url('../img/shopthumb_bg.gif') no-repeat bottom left;
					padding: 0px 0px 5px 0px;
					line-height: 0;
				}
				.shopthumblowerhalf {
					width: 224px;
					height: 224px; /* height is set cause IE can't count */
					background: url('../img/shopthumb_bg.gif') no-repeat top left;
					padding: 5px 5px 0px 5px;
					line-height: 0;
					overflow: hidden;
				}
				
			.shopdescription {
				width: 234px;
				padding: 15px 0px 15px 0px;
				line-height: 1.7;
			}
				.shoptitle {
					border-left: 4px solid #333;
					font-weight: bold;
					padding: 0px 0px 0px 10px;
				
				}
				.shopbuy {
					width: 234px;
					padding: 10px 0px 0px 0px;
				}
					.shopbuy input {
					}
					.shopbuy select {
						float: left;
					}
				.shopbreak {                                                                             
					width: 234px;
					height: 40px;
					background: url('../img/entry_break.gif') no-repeat;
					background-position: 107px 20px;
				}

/* end shop parts**/

/** begin individual blog page (standalone format) */
#standalone {
	position: relative;
	float: left;
	width: 901px; /* supposed to be 900 but IE can't count */
	background: url('../img/bar_2column.gif') repeat-y;
}
	#sidecolumn {
		position: relative;
		float: left;
		width: 236px;
		padding: 0px 32px 0px 32px;
		display: inline; /* IE fix0r for mansory, but we're not using it in individual page */
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
	}
		.sidebox {
			float: left;
			width: 234px;
		}
			.sidetitle {
				padding: 0px 0px 0px 10px;
				border-left: 4px solid #333;
				line-height: 1.2;
				font-weight: bold;
			}
			.sidebody {
				font-size: 1em;
				line-height: 1.7;
			}
				.sidebody ul {
					list-style: none;
				}
					.sidebody ul li {
						background: url('../img/side_bullet.gif') no-repeat 0px 8px;
						padding: 0px 0px 0px 10px;
					}
						.sidebody ul li a:link,
						.sidebody ul li a:active,
						.sidebody ul li a:visited {
							color: #333;
							text-decoration: none;
						}
						.sidebody ul li a:hover {
							color: #fff;
							background: #333;
						}
			.sidefooter {
				width: 234px;
				height: 40px;
				background: url('../img/entry_break.gif') no-repeat;
				background-position: 107px 20px;
			}
	#entrycolumn {
		position: relative;
		float: left;
		width: 536px;
		padding: 0px 32px 0px 32px;
	}
		.fullbox {
			float: left;
			width: 536px;
			overflow: hidden;
		}
			.fulltitle {
				padding: 0px 0px 0px 10px;
				border-left: 4px solid #333;
				font-weight:bold;
				line-height: 1.2;
			}
				.fulltitle a:link,
				.fulltitle a:active,
				.fulltitle a:visited {
					color: #333;
					text-decoration: none;
				}
				.fulltitle a:hover {
					color: #fff;
					background: #333;
				}
			.fulldate {
				color: #666;
			}
			.fullbody {
				font-size: 1em;
				line-height: 1.7;
			}
			
				.eachentrypict {
					width: 536px;
				}
					.eachentrypict img {
						width: 100%;
						height: auto;
					}
			.fullfooter {
				width: 536px;
				height: 40px;
				background: url('../img/entry_break.gif') no-repeat;
				background-position: 262px 20px;
			}
				

/* end individual blog page **/

/** begin footer */
#footer {
	position: relative;
	float: left;
	width: 901px;
}
#footer a {
	color: #000;
}
#footer a:hover, 
#footer a:active {
	color: grey;
}
	#paginate {
		width: 900px;
		height: 60px;
		
		padding: 50px 0px 0px 0px;
		font-size: 1em;
		/*
		font-size: 0.8em;
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		*/
	}
		#paginate a {
			text-decoration: none;
		}
		.pgon {
			position: relative;
			float: left;
			display: inline;
			padding: 4px 7px 4px 7px;
			background: #000;
			color: #fff;
			margin: 0px 5px 0px 0px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
			.pgon:hover {
				position: relative;
				float: left;
				display: inline;
				padding: 4px 7px 4px 7px;
				background: #7f7f7f;
				color: #fff;
				margin: 0px 5px 0px 0px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
		
		.pgoff {
			position: relative;
			float: left;
			display: inline;
			padding: 4px 7px 4px 7px;
			background: #7f7f7f;
			color: #ccc;
			margin: 0px 5px 0px 0px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
		.pgnow {
			position: relative;
			float: left;
			display: inline;
			padding: 4px 7px 4px 7px;
			background: #ccc;
			color: #000;
			margin: 0px 5px 0px 0px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
	#mailinglist {
		width: 900px;
		height: 40px;
		font-size: 1em;
		color: #111111;
		text-align:center;
	}
		#mlcontainer {
			width: 270px;
			height: 30px;
			overflow: hidden;
			margin: 0 auto;
			line-height: 1em;
		}
			#ml1 {
				width:100px;
				float: left;
				padding: 6px 0px 0px 0px;
			}
			#ml2 {
				width: 210px;
				float: left;
			
			}
			#ml3 {
				width: 75px;
				float: left;
			
			}
			#ml4 {
				width: 85px;
				float: left;
			
			}
		
	#copyright {
		width: 868px;
		height: 20px;
		/*
		background: url('../img/bar_1column.gif') repeat-y;
		*/
		padding: 10px 0px 30px 32px;
		font-size: 0.9em;
	}
		#warning {
			position: relative;
			float: left;
			width: 525px;
			
		}
		#chronomedia {
			position: relative;
			float: left;
			width: 314px;
			
		}
/* end footer **/

/** size chart */
.sizechart {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #999;
}
	.sizechart td {
		border-width: 1px 1px 0 0;
		border-style: solid;
		padding: 10px;
		text-align: center;
		border-color: #999;
	}
	.sizechart .key {
		font-weight: bold;
	}
/* size chart **/