/*   
Theme Name: Historic Times 2.0
Description: Custom theme for This Is Historic Times
Author: Terrence Nowicki, Jr.
*/


/* replaces tiling background with hi-rez graphic */
body {
	background: url('images/background@2x.png');
	background-attachment:fixed;

	background-repeat: repeat;
	
	background-size: 3198px 66px;
}


/* replaces masthead illustration  with hi-rez graphic */

#mastheadIllo {

	width: 913px;

	height: 150px;

	background: url('images/masthead-illo@2x.png') no-repeat top right;

	background-size: 254px 150px;

}

/* replaces submit button on comment form with hi-rez graphic */

#commentSubmit {

	width: 56px;

	height: 20px;

	border: none;

	background: url('images/buttons/submit@2x.png') no-repeat top left;

	background-size: 56px;

	margin-bottom: 10px;

	font-family: Trebuchet MS;

	font-size: 12px;

	font-weight: bold;

	text-transform: uppercase;

	color: white;

}

#commentSubmit:hover {

	border: none;

	background: url('images/buttons/submit@2x.png') no-repeat top left;

	background-size: 56px;

	background-position: 0px -20px;

}

#commentSubmit:active {

	border: none;

	background: url('images/buttons/submit@2x.png') no-repeat top left;

	background-size: 56px;

	background-position: 0px -40px;

}


/* replaces submit button on search form with hi-rez graphic */

#searchButton {

	width: 56px;

	height: 20px;

	border: none;

	background: url('images/buttons/submit@2x.png') no-repeat top left;

	background-size: 56px;

}

#searchButton:hover {

	border: none;

	background: url('images/buttons/submit@2x.png') no-repeat top left;

	background-size: 56px;

	background-position: 0px -20px;

}

#searchButton:active {

	border: none;

	background: url('images/buttons/submit@2x.png') no-repeat top left;

	background-size: 56px;

	background-position: 0px -40px;
}


/* replaces paypal button with hi-rez graphic */

#paypalButton {

	width: 54px;

	height: 20px;

	border: none;

	background: url('images/buttons/paypal@2x.png') no-repeat top left;

	background-size: 54px;

}

#paypalButton:hover {

	border: none;

	background: url('images/buttons/paypal@2x.png') no-repeat top left;

	background-size: 54px;

	background-position: 0px -20px;

}

#paypalButton:active {

	border: none;

	background: url('images/buttons/paypal@2x.png') no-repeat top left;

	background-size: 54px;

	background-position: 0px -40px;

}


/* replaces header and footer backgrounds with hi-rez graphics */

#pageTop {

	width: 1000px;

	margin: 0px auto;

	height: 4px;

	background: url('images/header_bg@2x.png') no-repeat bottom left;

	background-size: 1000px 4px;

}

#pageBottom {

	width: 1000px;

	margin: 0px auto;

	padding-bottom: 29px;

	height: 8px;

	background: url('images/footer_bg@2x.png') no-repeat top left;

	background-size: 1000px 9px;

}


/* replaces page background with hi-rez graphic */

#page {

	width: 924px;

	padding: 0px 38px;

	background: url('images/page_bg.gif') repeat-y top left;

	margin: 0px auto;

}