/* @override http://agoncreative.com/css/agon.css */

/* @override 
	http://localhost:3000/css/agon.css
	http://agoncreative.com/css/agon.css
*/

/********************************/
/* CSS by justin talbott (.com) */
/********************************/

/* eric mayer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline:0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* general classes & element restore */
.center { margin: 0 auto; }
.left { float: left; display:inline; }
.right { float: right; display:inline; }
.clear { clear:both; }
.hide { display: none; }
.smaller { font-size:0.7em; }
.larger { font-size:1.2em/2.5em; margin-bottom: 1.25em; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.error { border: 1px solid #f00; color: #f00; }
.textbox, #meta td input { padding: .8em; border: 1px solid #ccc; }
input:focus, textarea:focus, select:focus { border: 1px solid #333; }
a { cursor: pointer; text-decoration: none; }
em { font-style: italic; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }

/* general font styles */
body { font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height:1.18em; /* 18px */; }
p, ul.right-side-col li, ul.left-side-col li { margin: .6em 0; /* 8px */ font-size:0.875em; /* 12px */; font-family: Georgia, serif; font-style: italic; color: #f4f4f4; font-weight: lighter; letter-spacing: 0.08em; } 
h2 { font-size: 2em; /* 32px */ line-height: 1em; text-shadow: #000 0 0 0; }

/* general colors */
body { color: #fff; background: url(../imgs/bg2.jpg) #000 no-repeat; background-attachment: fixed; }
a { color: #fff; padding-bottom:1px; border-bottom: 1px solid #f91f39; }
a:hover { border-color: #fff; }
a:active { color: #f91f39; }
h2, .red { color: #f91f39; }
h2 span { color: #fff; }

/* general layout */
#wrap { width: 966px; margin: 0 auto; padding: 2.5em 0; position: relative; }
.relay-login #wrap { width: 360px; }
a#logo { display: block; float:left; width: 360px; height: 129px; padding: 0; border: 0; }
html>body a#logo { background: url(../imgs/logo.png) no-repeat 0 0; }
#left-col { width: 340px; position: absolute; top: 189px; left: 8px; padding-bottom: 70px; }
#main-col { width: 578px; position: absolute; top: 189px; left: 375px; padding-bottom: 70px; }
html>body #main-col { background: url(../imgs/halfblack.png) repeat 0 0; }

/* home page */
#home-wrap { width: 790px; margin:0 auto; padding: 2.5em 0; position:relative; }
a#home-logo { width: 790px; height: 236px; display: block; border: 0; padding: 0; position: relative; z-index: 3; }
html>body a#home-logo { background: url(../imgs/biglogo2.png) no-repeat; }
#home-content { width: 790px; margin-bottom: 1px; position: relative; }
html>body #home-content { background: url(../imgs/homebg.png) no-repeat; }
* html #home-content { background: url(../imgs/homebg.gif) no-repeat; }
#reel { position: relative; margin-left: 10px; }
a.quicktime-link { display: block; border-color: #f3c23d; height: 30px; padding: 10px 0 10px 52px; margin-top: 15px; }
a.quicktime-link:hover { border-color: #fff; color: #f3c23d; }
html>body a.quicktime-link { background: url(../imgs/quicktime.png) no-repeat top 10px; }
#news li.news-post { position: relative; border-bottom: 1px solid #f3c23d; border-top: 1px solid #f3c23d; padding: 10px 30px; margin: 1px 0; width: 730px; display: block; float: left; }
#news .news-photos {  padding-left: 100px; margin: 17px -130px 10px -60px; text-align: center; }
#news .news-photos li { display: inline; }
#news .news-photos li.block {  display: block; }
#news .news-photos li img { height: 210px; margin: 5px 10px 5px 0; }
#news h2 { position: absolute; top: 17px; right: 600px; }
#news h3 { position: absolute; top: 53px; right: 600px; }
#news p, #news object, #news embed { margin-left: 180px; }
#home-footer { clear: both; margin: 1px 0; border-top: 1px solid #f3c23d; padding: 15px 10px; font-size: .78em; text-align: center;  }

/* home menu */
ul#home-menu { position: relative; margin-left: 10px; height: 72px; width: 598px; }
ul#home-menu li { float: left; }
ul#home-menu a * { display: none; }
ul#home-menu a, ul#home-menu a .hover { display: block; position: relative; border: 0; padding: 0; height: 72px; background: url(../imgs/menu.gif) no-repeat; }
ul#home-menu .highlight a:hover, ul#home-menu a:active { background-position: 0 -72px; }
ul#home-menu a.work { width: 139px; background-position: 0 0; }
ul#home-menu a.work .hover { width: 139px; background-position: 0 -72px; }
ul#home-menu a.about { width: 148px; background-position: -139px 0; }
ul#home-menu a.about .hover { width: 148px; background-position: -139px -72px; }
ul#home-menu a.contact { width: 170px; background-position: -287px 0; }
ul#home-menu a.contact .hover { width: 170px; background-position: -287px -72px; }
ul#home-menu a.login { width: 141px; background-position: -457px 0; }
ul#home-menu a.login .hover { width: 141px; background-position: -457px -72px; }

/* menu */
#menu-area { float:right; position: relative; width: 606px; height: 72px; margin-top: 45px; }
html>body #menu-area { background: url(../imgs/smallmenubg.png) no-repeat 0 0; }
* html #menu-area { background: url(../imgs/smallmenubg.gif) no-repeat; }
ul#menu { height: 49px; width: 577px; position: absolute; top:13px; left: 15px; }
ul#menu li { float: left; }
ul#menu a * { display: none; }
ul#menu a, ul#menu a .hover { display: block; position: relative; border: 0; padding: 0; height: 49px; background: url(../imgs/smallmenu.gif) no-repeat 0 0; }
ul#menu .highlight a:hover, ul#menu a:active { background-position: 0 -49px; }
ul#menu a.work { width: 87px; background-position: 0 0; }
ul#menu a.work .hover { width: 87px; background-position: 0 -49px; }
ul#menu a.about { width: 88px; background-position: -87px 0; }
ul#menu a.about .hover { width: 88px; background-position: -87px -49px; }
ul#menu a.contact { width: 103px; background-position: -175px 0; }
ul#menu a.contact .hover { width: 103px; background-position: -175px -49px; }
ul#menu a.login { width: 85px; background-position: -278px 0; }
ul#menu a.login .hover { width: 85px; background-position: -278px -49px; }

/* about page */
#left-col { border-top: 1px solid #f3c23d; }
#left-col h2 { margin: 6px 0;}
.paper { height: 360px; width: 513px; background: url(../imgs/paper.png) no-repeat 0 0; margin-left: 2px; padding: 20px 30px; }
.paper p { color: #333; padding: 8px 5px; font-size: 21px; line-height: 1em; text-shadow: #000 0 0 0; letter-spacing: 0; }
* html .paper p { margin: 35px 10px 20px 10px; }
.side-block { padding: 10px 0; border-top: 1px solid #f3c23d; border-bottom: 1px solid #fecd49; margin: 1px 0; }
ul.left-side-col { width: 155px; float: left; margin-right: 10px; }
ul.right-side-col { width: 155px; float: left; }
ul.right-side-col li, ul.left-side-col li { list-style: circle outside none; margin-left: 20px; padding: .1em 0; font-size: .8em; }
ul.right-side-col li.nocircle, ul.left-side-col li.nocircle { list-style: none; font-size: 1em; font-style: normal; padding: .5em 0 .3em 0; color: #fff; border-bottom: 1px solid #f3c23d; }
.bio-left, .bio-right { padding: 10px 20px; }
.bio-left p, .bio-right p { font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-style: normal; line-height: 1.6em; }
.bio-left h2, .bio-right h2 { color: #fff; background: #030303; padding: .2em 20px; margin: 0 -20px; }
.bio-left h3, .bio-right h3 { font-size: 1.15em; color: #999; padding: .2em 0; border-top: 1px solid #f91f39; margin-top: 1px;  }
.bio-left img { border: 1px solid #f3c23d; float: left; margin: 20px 1em .5em 0; border-bottom-color: #fff; border-left-color: #fff; display: inline; }
.bio-right img { border: 1px solid #f3c23d; float: right; margin: 20px 0 .5em 1em; border-bottom-color: #fff; border-right-color: #fff; display: inline; }

/* work page */
#work #main-col { min-height: 320px; height: auto !important; height: 320px; padding: 20px 20px 100px 20px; width: 538px; }
#work .side-bottom { border-bottom: 0; }
ul#videos-menu li { margin: 0; padding: 0; display: inline; }
ul#videos-menu .header a { border-bottom: 1px solid #f3c23d; border-top: 1px solid #f3c23d; display: block; margin: 1px 0; line-height: 1em; padding: 10px 0; font-size: 2em; position: relative; }
ul#videos-menu .header a:hover { color: #f91f39; }
ul#videos-menu .inner-menu a { display: block; padding: .8em 0; border-color: #f3c23d; border-top: 1px solid #f3c23d; margin: 1px 0; font-family: Georgia, serif; font-size: 0.875em; font-style: italic; width: 310px; }
ul#videos-menu .inner-menu a:hover { color: #f3c23d; }
ul#videos-menu .inner-menu li {  display: block; margin-left: 30px; padding: 0;  }
#work #main-col p { font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-style: normal; }

#work #main-col h2 { color: #fff; background: #030303; padding: .2em 20px; margin: 0 -20px; font-size: 2.5em; font-weight: lighter; z-index: 2; }
#work #main-col h3 { font-weight: lighter; font-size: 1em; color: #a88; letter-spacing: .13em; padding: .2em 0 .8em 0; border-top: 1px solid #f91f39; font-weight: lighter; margin-top: 1px;  }
#work #main-col object, #work #main-col embed { margin: 15px 0; }
#work #main-col p { line-height: 1.8em; }
#work #main-col p strong, div.left strong { font-size: 1.3em; border-bottom: 1px solid #f3c23d; margin: 5px 0; padding-bottom: 2px; display: inline-block; font-weight: lighter; }
#work #main-col div.video-text { float: right; width: 310px; padding-top: 40px; }
#work #main-col div.mannsymph { background: #200; padding: 30px 60px; margin: 20px -20px;  }

#work #main-col .credits { float: left; width: 200px; position: relative; }
#work #main-col dt { float: left; width: 200px; font-size: .67em; padding: 8px 0 2px 0; font-style: italic; border-bottom: 1px dotted #f91f39; display: inline; }
#work #main-col dd { float: left; width: 160px; padding: 4px 10px; font-size: .9em; margin-left: 20px; border-bottom: 1px dotted #f91f39; background: #200; display: inline; }

#about .side-bottom, #work .side-bottom, #relay .side-bottom { border-bottom: 0; }

/* relay */
* html #relay { text-align: center; }
#relay input { margin: 7px 0; }
#relay input#submit { margin-left: 7px; }
#relay label { margin-right: 10px; }
/*
#relay li { display: inline; }
#relay #main-col { padding: 20px; width: 538px; line-height: 2em; }
#uploadbuttons, #cart { padding: 20px 40px 20px 60px; background: url(../imgs/halfblack.png) repeat; margin: 10px; }

#uploadstatus { margin-top: 10px; }
#progress { position:relative; height:50px; width:220px; }
#pgbg, #pgfg { position:absolute; top:10px; left:0;}
#pgbg { width:180px; height:15px; background: url(../images/prog_blank.png) top left no-repeat; }
#pgfg { width:1px; height:15px; background: url(../images/prog_filled.png) top left no-repeat; }
#pgpc{ position:absolute; top:30px; left:10px; }
#pgsp{ position:absolute; top:30px; left:140px; }
#pgeta{ position:absolute; top:30px; left:40px; }

#nav { padding-left: 20px; }
#nav li { display: inline; }
#nav a { display: block; border: 0; float: left; color: #000; padding: 2.5em 1em; font-size: .75em; }
#meta table { width: 320px; background: url(../imgs/halfblack.png) repeat; margin: 10px; padding: 20px; }
#meta td { padding: 5px 10px; font-size: .8em; }
#meta { border-top: 1px solid #f3c23d; }
#cartbtn { padding-left: 10px; }

#relay span img { float: left; }
.directory, .file { margin-left:20px; }
*/

/* contact page */
#contact { padding: 30px 30px 30px 340px; font-size: 1.1em; position: relative; }
#contact h2#title { position: absolute; top:50px; left: 30px; border-right: 1px solid #f3c23d; padding-right: 30px; }
#contact h2 { color: #f4f4f4; font-size: 1.4em; }
.contact-details { margin-top: 20px; }
#shadowbox_nav_close { border: 0; color: #fff; }

/* ie6 gifs */
* html a#logo { background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://agoncreative.com/imgs/logo.png", sizingMethod="crop"); }
* html div#main-col { background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://agoncreative.com/imgs/halfblack.png", sizingMethod="scale"); }
* html a#home-logo{ background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://agoncreative.com/imgs/biglogo.png", sizingMethod="crop"); }
/*
* html #menu-area { background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://agoncreative.com/stfu/imgs/smallmenubg.png", sizingMethod="crop"); }*/
* html a.quicktime-link { display: none; }
* html #news { border-top: 0; }
* html ul#videos-menu .inner-menu li { list-style: none; }
* html #contact h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://agoncreative.com/imgs/halfblack.png)", sizingMethod="crop"); }