/* CSS DOCUMENT - in case you didn't notice */

* { margin: 0; padding: 0;}

body { font-size: 62.5%; background: url(/images/bg.png) repeat-x top left #6f0000; color: #fff; font-family: Helvetica, Arial, sans-serif; }
#page { width: 920px; margin: 0 auto; }

#header { font-family: Impact, Charcoal, sans-serif; text-transform: uppercase; letter-spacing: 1px; height: 48px;}
#header h1 { position: relative; height: 47px; width: 148px; float: left; font-size: 1em; margin: 0 15px 0 30px;}
#header h1 span { position: absolute; top: 0; left: 0; width: 148px; height: 47px; z-index: 2; background: url(/images/hurlbut_visuals_logo.png) no-repeat top left; }

#header .nav { height: 48px; float: left; margin-left: 25px; }
#header .nav ul { height: 48px; border-left: 1px solid #86080f;}
#header .nav ul li { border-right: 1px solid #6d0005; float: left; width: 110px; list-style: none; text-align: center; font-size: 1em;  margin: 0; padding: 0;}
#header .nav ul li.large { width: 175px; }
#header .nav ul li a { display: block; padding: 15px 10px 0 10px; height: 32px; border-right: 1px solid #86080f; color: #fff; text-decoration: none; font-size: 1.6em;}
#header .nav ul li a:hover, #header .nav ul li a.active { background: url(/images/nav-active.png) top left #86080f; }

a.sign_up_button { display: block; width: 175px; height: 32px; padding-top: 7px; background: url(/images/sign-up-button.png) no-repeat top left; color: #86080f; font-size: 2em; text-decoration: none; text-align: center; margin: 5px 0;}
a.sign_up_button:hover { color: #d70516;}
#header a.sign_up_button { float: left; margin: 5px 0 5px 10px;}

#feature { clear: both;}
#feature hgroup { width: 220px; float: left; margin-right: 30px; text-align: center; margin-top: -20px; }
#feature h1 { width: 219px; height: 237px; position: relative; font-size: 1em; margin-top: -1px; }
#feature h1 span { width: 219px; height: 237px; background: url(/images/hdslr_logo.png) top left; position: absolute; top: 0; left: 0; z-index: 2; }

#feature h4 { margin-top: 1em; }

#feature .video_space { width: 640px; height: 360px; padding: 15px; background: url(/images/video_bg_fade.png) no-repeat top left; margin: 20px 0 0 250px; }
#feature .copy_space { width: 640px; margin: 20px 0 0 250px; }

#content { background: url(/images/content_top.png) no-repeat top center #990e15; padding: 20px 0 10px; position: relative; min-height:225px;} /* 535353 */
#content_bottom { background: url(/images/content_bottom.png) no-repeat top center; height: 13px; }

#sidebar { width: 295px; float: right; right: 0; padding-right: 5px;}
#main { margin-right: 305px; border-right: 2px solid #6f0000;}

#content .article { padding: 10px;}
.highlight { background: #5d0000; } /* 797979 */

#content .article img { border: 5px solid #000;}

h1, h2, h3, h4, h5 { font-family: Impact, Charcoal, sans-serif; font-weight: normal; font-size: 3.5em; padding: 0 0 0.5em 0.25em; text-transform: uppercase; letter-spacing: 1px;}
#content .article h1, #content .article h2, #content .article h3, #content .article h4, #content .article h5 { padding-left: 0; }
h2 { font-size: 3.5em; color: #ccc; } 
h3 { font-size: 2.5em;  }
h4 { font-size: 2em;  }
h5 { font-size: 1.75em;  }

a { color: #fff;}
p { font-size: 1.4em; padding: 0 0 1em 0; text-align: justify; }
li { font-size: 1.4em; margin-left: 1.25em; padding-bottom: 0 0 0.5em 0; }
hr { margin: 10px 0;}

.floatleft { margin-bottom: 10px; float: left; margin-right: 10px;}
.floatright { margin-bottom: 10px; float: right; margin-left: 10px;}
.clearer { clear: both;}

.third { width: 275px; padding: 10px; float: left; margin-right: 5px;}
.half { width: 48%; margin-right: 2%; float: left;}
.two_third { width: 555px; padding: 10px; float: left; margin-right: 5px;}
.last, .category_list li.last { margin-right: 0;}

fieldset { margin: 5px; padding: 10px; border: none; border-top: 3px solid #934040; background: #5d0000;}
legend {padding: 3px 10px; font-size: 2em; font-family: Impact, Charcoal, snas-serif; text-transform: uppercase; letter-spacing: 1px; background: #934040; color: #000; }
fieldset div { padding: 5px 0; }
label { font-size: 1.3em; display: block; padding: 3px 0;}
label .required_marker, label.error { color: #f00;}
input, textarea { padding: 3px;}
form img { border: none;}

/*////////////*/
/* OPS CENTER */
/*////////////*/

.category_list { list-style: none; }
.category_list li { margin: 10px 10px 0 0; background: url(/images/red_fade.png) repeat-x top right #63120b; padding: 10px; width: 269px; float: left; font-size: 1em; height: 160px; border: 1px solid #63120b; }

.button { background: url(/images/button.png) repeat-x top right #89231c; padding: 3px 5px; color: #fff; border: 1px solid #a14f49; text-decoration: none; }
.button:hover { text-decoration: underline; background: #6f0000; }

.message { background: #ffc; padding: 5px 10px; color: #934040; border: 1px dashed #934040; margin: 5px; font-size: 1.4em; }

.threads ul { list-style: none;}
.threads ul li { margin: 2px 0 0 0;}
.threads ul li li {font-size: 1em; margin: 2px 0 0 0;}
.threads ul li li li {font-size: 1em; margin: 2px 0 0 20px;}
.threads ul li li .thread { background: #a12a27; border-left: 5px solid #999; display: block; padding: 10px 10px 5px 10px; margin-bottom: 5px;}
.threads ul li li .self  { border-left: 5px solid #ff9000;}
.threads ul li li .staff { border-left: 5px solid #495fc3;}
.threads ul li li .flagged { border: 2px dashed #ff6; background: #600;}
.threads ul li li .thread hr { margin: 10px 0 5px 0; color: #fff; background: #fff; height: 1px; border: none; border: none; }
.threads ul li .meta { font-size: 0.8em; float: right;}
.threads ul li .button { font-size: 0.8em;}

#add_thread_form, #update_thread_form { margin-top: 5px;}
#add_thread_form textarea, #update_thread_form textarea { width: 100%; height: 100px;}

#sidenav { list-style: none; margin: 0;}
#sidenav li { margin: 0 0 2px 0; padding: 0;}
#sidenav li a { display: block; background: url(/images/button.png) repeat-x top right #89231c; padding: 3px 5px; color: #fff; border: 1px solid #a14f49; text-decoration: none; }
#sidenav li a:hover {background: #6f0000; text-decoration: underline;}

table { border-collapse: collapse; width: 100%;}
td, th { padding: 3px 5px; border: 1px solid #6f0000; font-size: 1.4em;}
th.selected { background: #500;}
th { background: #6f0000; border-color: #a14f49;}
.staff td { background: #800;}

.article.new { border: 2px solid #ff9000; }

#subject { width: 95%; }
#send_message textarea { width: 95%; height: 100px; }

/*////////////////*/
/* OPS CENTER END */
/*////////////////*/

#sponsors { margin: 0 0 10px 0; height: 325px; position: relative; color: #934040; }
#sponsors h3 { color: #934040; border-bottom: 1px solid #934040; padding: 0; margin: 0 0 0.125em 0; }
#sponsors p { margin-top: 5px; color: #934040; }
#sponsors a { display: block; position: absolute; text-indent: -999999em;}

#sponsors a:hover { background-position: top left;}
#zeiss { 				width: 99px;  height: 100px; top: 70px;  left: 0px;   background: url(/images/sponsors/zeiss.png) no-repeat bottom left;}
#red_rock { 		width: 124px; height: 100px; top: 70px;  left: 105px; background: url(/images/sponsors/red_rock.png) no-repeat bottom left;}
#tiffen { 			width: 134px; height: 34px;  top: 140px; left: 240px; background: url(/images/sponsors/tiffen.png) no-repeat bottom left;}
#anton { 				width: 140px; height: 37px;  top: 70px;  left: 240px; background: url(/images/sponsors/anton_bauer.png) no-repeat bottom left;}
#samys { 				width: 140px; height: 28px;  top: 110px; left: 240px; background: url(/images/sponsors/samys.png) no-repeat bottom left;}
#kino { 				width: 155px; height: 47px;  top: 70px;  left: 385px; background: url(/images/sponsors/kino_flo.png) no-repeat bottom left;}
#alternative { 	width: 152px; height: 40px;  top: 135px; left: 385px; background: url(/images/sponsors/alternative.png) no-repeat bottom left;}
#mogo { 				width: 168px; height: 36px;  top: 70px;  left: 555px; background: url(/images/sponsors/mogo.png) no-repeat bottom left;}
#marshall { 		width: 206px; height: 20px;  top: 118px; left: 550px; background: url(/images/sponsors/marshall.png) no-repeat bottom left;}
#bartech { 			width: 210px; height: 23px;  top: 150px; left: 545px; background: url(/images/sponsors/bartech.png) no-repeat bottom left;}
#fisher {				width: 140px; height: 106px; top: 70px;  left: 780px; background: url(/images/sponsors/jlfisher.png) no-repeat bottom left;}
#hotrod { 			width: 175px; height: 47px;  top: 175px; left: 145px; background: url(/images/sponsors/hotrod.png) no-repeat bottom left; }
#doggicam { 		width: 140px; height: 37px;  top: 185px; left: 315px; background: url(/images/sponsors/doggicam.png) no-repeat bottom left; }
#canon { 				width: 131px; height: 26px;  top: 185px; left: 460px; background: url(/images/sponsors/canon.png) no-repeat bottom left;}
#lensrentals {	width: 150px; height: 39px;  top: 180px; left: 0px;   background: url(/images/sponsors/lensrentals.png) no-repeat bottom left;}
#hp {						width: 30px;  height: 30px;  top: 183px; left: 605px; background: url(/images/sponsors/hp.png) no-repeat bottom left;}
#paskal {				width: 188px; height: 30px;  top: 230px; left: 0px;   background: url(/images/sponsors/paskal.png) no-repeat bottom left;}
#adobe {				width: 79px;  height: 100px; top: 183px; left: 835px; background: url(/images/sponsors/adobe.png) no-repeat bottom left;}
#kessler {			width: 203px; height: 30px;  top: 230px; left: 200px; background: url(/images/sponsors/kessler.png) no-repeat bottom left;}
#camerahouse {	width: 100px; height: 100px; top: 180px; left: 710px; background: url(/images/sponsors/camerahouse.png) no-repeat bottom left;}
#danadolly {		width: 126px; height: 50px;  top: 230px; left: 420px; background: url(/images/sponsors/danadolly.png) no-repeat bottom left;}
#turnkeyhd {		width: 264px; height: 30px;  top: 265px; left: 0px; background: url(/images/sponsors/turnkeyhd.png) no-repeat bottom left;}
#litepanels {		width: 150px; height: 62px;  top: 220px; left: 550px; background: url(/images/sponsors/Litepanels.png) no-repeat bottom left;}
#zuccarini {		width: 200px; height: 55px;  top: 285px; left: 270px; background: url(/images/sponsors/zuccarini.png) no-repeat bottom left;}

#footer { background: url(/images/content_top.png) no-repeat top center #990e15; padding: 30px 10px 0 10px; color: #c9a0a0;}
#footer p { text-align: left; }
#footer .nav ul { border-left: 1px solid #530000; float: right;}
#footer .nav ul li { list-style: none; display: inline; border-right: 1px solid #530000; margin: 0; padding: 0;}
#footer .nav ul li a { padding: 0 10px; color: #c9a0a0;}
#footer .nav ul li a:hover { color: #fff;}
.contact { border-top: 1px solid #530000; padding-top: 15px; }
.contact strong { color: #fff; text-transform: uppercase;}
#policies {border-top: 1px solid #530000;}