* { position: relative; }
body { background: #000 url(/i/bg.jpg) top left repeat; color: #222; font: .75em/1.3em helvetica,arial,sans-serif; }

/* essential typography */

a { color: #4779ab; /*#1d559a;*/ text-decoration: none; }
	.content a:hover { text-decoration: underline; }
	.side a:hover { text-decoration: underline; }
strong { font-weight: bold; }
em { font-family: georgia, times, serif; font-style: italic; font-size: .9em; }
table, p, ul, blockquote { margin: 0 0 .75em 0; }
	ul+p { margin-top: 8px; } 
span.highlight { font-weight: bold; color: #39357d; }
.clearboth { clear: both; }
.left { float: left; }
.right { float: right; }

blockquote { background-color: #FFF8F0; border-left: 2px solid #FEEBD7; margin-left: 1.5em; padding: 1em 1.5em .35em 1.5em; }
	blockquote p { font-family: georgia; font-style: italic;  }
	blockquote p.credit { text-align: right; font-size: .85em; text-transform: uppercase; font-family: helvetica; font-style: normal; }
	blockquote a { color: #85a1c4; }

/* layout */

.page { background: url(/i/bg_top.jpg) top left repeat-x; padding-bottom: 50px; }
h1, h1 a { display: block; height: 125px }
	h1 { width: 760px; margin: 0 auto; }
	h1 a { width: 575px; text-indent: -5000px; background: url(/i/texas-wranglers_logo.jpg) top left no-repeat; }
.wrap { width: 760px; margin: 0 auto; background: url(/i/bg_main.jpg) top center repeat-y; }
	.header { width: 860px; height: 354px; margin: 0 -50px; background: url(/i/bg_header.jpg) top center no-repeat; }
		.navigation { width: 760px; margin: 0 auto; height: 41px; }
			.navigation ul { list-style: none; margin: 0; }
			.navigation ul li, .navigation ul li a { display: block; height: 41px; }
			.navigation ul li { float: left; }
			.navigation ul li a { padding: 14px 15px 0 15px; color: #fff; }
			.navigation ul li:first-child { padding-left: 15px; }
			.navigation ul li.right { float: right; padding-right: 15px; }
		.bannerphoto { width: 800px; height: 260px; margin: 0 auto; padding-top: 10px; }
	.main { width: 760px; margin: 0 auto; }
		.memberheader, .memberpanel { height: 45px; width: 450px; position: absolute; top: -45px; padding: 15px 0 0 30px; }
		  .memberpanel { background: url(/i/member_bg.jpg) top left no-repeat; }
			.memberpanel p { display: none; font-weight: bold; color: #703e0c; }
			.memberheader p { font-weight: bold; color: #703e0c; }
			.memberpanel input { border: none; background-color: transparent; color: #d0b59a; font-size: 10px; }
			.memberpanel input.username, .memberpanel input.password { width: 120px; height: 24px; padding: 2px; }
				.memberpanel input.username { position: absolute; top: -5px; left: 116px; }
				.memberpanel input.password { position: absolute; top: -5px; left: 255px; }
			.memberpanel input.submit { height: 22px; width: 52px; position: absolute; top: -4px; left: 394px; color: #fff; text-transform: uppercase; cursor: pointer; padding: 4px 0 0 0; }
		.content { float: left; width: 450px; margin: 30px 0 0 30px; }
			.content img { float: right; /*border: 1px solid #6e4010;*/ padding: 2px; margin: 0 0 10px 16px; }
		.side { float: right; width: 250px; margin-top: -45px; }
			.side ul.networking { list-style: none; margin: 0; padding: 0; }
				.side ul.networking li, .side ul.networking li a { display: block; height: 64px; width: 250px; }
				.side ul.networking li a { text-indent: -5000px; }
				.side ul.networking li.facebook a { background: url(/i/side_network_facebook.jpg) top center no-repeat; }
	.clearmain { clear: both; height: 30px; }
.footer { width: 720px; margin: 0 auto; }
	.footer p { font-size: .8em; color: #ccc; text-align: center; padding: 20px 0; }
	.footer a { color: #ccc; }
	
/* typography */

h2 { font-size: 2.2em; margin: 0 0 1em 0; }
h3 { font-size: 1.25em; font-weight: bold; font-size: 120%; color: #a15101; margin: 1.5em 0 1em 0; padding-bottom: 4px; border-bottom: 1px dotted #a15101; }
h4 { font-size: 1em; font-weight: bold; margin: 1em 0 .75em 0; }

h2+h3, h3+h4 { margin-top: 0; }

.content ul { list-style: none; }
	.content li { display: block; padding: 0 0 3px 18px; background: url(/i/icons/mini_bw/arrow_collapse.gif) 0px 2px no-repeat; }
	.content li ul { margin: 2px 0 0 0; }
	.content li li { background-image: url(/i/icons/mini_bw/arrow_mini_right.gif); }
	
table.headersleft { border-top: 1px solid #d0b59a; }
	table.headersleft th, table.headersleft td { padding: 4px 8px; border-bottom: 1px solid #d0b59a; }
	table.headersleft th { font-weight: bold; color: #a15101; text-align: right; }

table.headerstop { width: 100%; }
	table.headerstop th, table.headerstop td { padding: 4px 8px; border-bottom: 1px solid #d0b59a; }
	table.headerstop th { font-weight: bold; color: #a15101; border-bottom: 2px solid #a15101; }
	
p.highlight { margin: 10px -30px; padding: 1em 30px; background-color: #FFF8F0; color: #a15101; }
	p.highlight a { color: #884501; }

table td input[type=text] { margin: -2px 0; padding: 4px; background-color: #F8F5F1; font-size: 1.1em; color: #a15101; border: 0; width: 100%; }

/* gallery */

.gallery { padding: 30px; }
  .gallery img { padding: 0; height: 50px; width: 50px; margin: 0 8px 8px 0; border: 2px solid #a15101; }