/* GreenLit main stylsheet *Version: 1.0 *Created: 1-13-2011 *Author: Kent Pribbernow */ @font-face { font-family: 'TitilliumText22LMedium'; src: url('/include/font/titilliumtext22l004-webfont.eot'); src: local('?'), url('/include/font/titilliumtext22l004-webfont.woff') format('woff'), url('/include/font/titilliumtext22l004-webfont.ttf') format('truetype'), url('/include/font/titilliumtext22l004-webfont.svg#webfont7MPj5jxj') format('svg'); font-weight: normal; font-style: normal; } body { background: #2aa362 url(/include/images/bkg-main.jpg) repeat-x center 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0; } h1, h2, h2, h4, h5 { font-family: 'TitilliumText22LMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #3C572C; letter-spacing: -1px; margin: 0; } h1 { font-size: 30px; } h2 { font-size: 25px; } a { color: #AC4A1F; } /* Layout structure -----------------------*/ #pageWrap { margin: 0 auto; width: 960px; } #shadowWrap { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #contentWrap { background: #F9F8F6 url(/include/images/sprite.png) repeat-x 0 -898px; } .contentBody { font-size: 12px; overflow: auto; padding: 20px 30px; } .contentBody .leftCol { float: left; width: 69%; } .contentBody .block { background: #F9F8F6; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; box-shadow:0 -4px 3px #E2DED7; -moz-box-shadow:0 -4px 3px #E2DED7; -webkit-box-shadow:0 -4px 3px #E2DED7; display: block; overflow: auto; padding: 10px 20px; } .contentBody .leftCol .block p { color: #675F5F; font-size: 15px; text-shadow: 1px 1px 0 #fff; } .contentBody .leftCol .block a { color: #AC4A1F; font-weight: bold; text-decoration: none; } .contentBody .leftCol .block a:hover { text-decoration: underline; } .contentBody .rightCol { float: right; width: 29%; } /* Header -----------------------*/ #pageWrap #header { padding-top: 24px; margin-bottom: 27px; } #pageWrap #header #logo { background: url(/include/images/sprite.png) -10px 0; display: block; height: 75px; text-indent: -999999px; width: 283px; } #pageWrap #header #subHeading { font: bold italic 25px/30px georgia, helvetica, arial; text-shadow: 1px 1px 0 #C7E4EC; padding: 0; } #pageWrap #header strong { color: #AC4A1F ; display: block; padding:0; } #pageWrap #header em { color:#33511A; display:block; font-size:15px; margin:-6px 0 0; } /* Site navigation --------------------------*/ #pageWrap #menu { background: #456332; background: -moz-linear-gradient(top, #456332 0%, #5C8542 40%, #364E28 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#456332), color-stop(40%,#5C8542), color-stop(100%,#364E28)); border: 1px solid #26361C; xborder-bottom: 1px solid #38502A; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px box-shadow: inset 1px 1px 0 #5C8442; -moz-box-shadow: inset 1px 1px 0 #5C8442; -webkit-box-shadow: inset 1px 1px 0 #5C8442; font-family: 'TitilliumText22LMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; height:37px; text-align:center; text-shadow:1px 1px 2px #000000; width:959px; } #pageWrap #menu ul { display: inline-block; list-style: none; margin: 0; padding: 0; } #pageWrap #menu li { border-left: 1px solid #2E4221; border-right: 1px solid #5C8442; display: inline-block; float: left; list-style: none; margin: 0; padding: 0; } #pageWrap #menu li.first { border-left: none; } #pageWrap #menu li.last { border-right: none; } #pageWrap #menu li.selected { background: -moz-linear-gradient(top, #374F28 0%, #5C8542 40%, #577D3E 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#374F28), color-stop(40%,#5C8542), color-stop(100%,#577D3E)); } #pageWrap #menu li a, #pageWrap #menu li a:visited{ background: none; color: #fff; display: block; padding: 10px 15px; text-decoration: none; } #pageWrap #menu li a:hover { background: #456332; background: -moz-linear-gradient(top, #456332 0%, #5C8542 40%, #456332 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#456332), color-stop(40%,#364E28), color-stop(100%,#456332)); } /* Sidebar -------------------------*/ #sidebar { padding: 0 5px; overflow: hidden; } #sidebar a, a:visited { background: #E2DED7; color: #97948F; padding: 2px 5px; text-decoration: none; } #sidebar a:hover { background: #97948F; color: #fff; } #sidebar .metadata { color: #93918C; } #sidebar .metadata h2 { background:none repeat scroll 0 0 #E2DED7; color: #97948F; margin: 20px 0 0; padding: 1px 10px; } #sidebar .metadata em { display:block; float:right; text-align:right; } #sidebar ul { margin: 0; padding: 5px 0; list-style: none; } #sidebar li { border-bottom: 1px solid #E2DED7; overflow: auto; padding: 8px 0; } /* Sidebar logos -------------------------*/ #sidebar .pageLogo { background: url(/include/images/sprite.png) no-repeat -15px 0; display: block; height: 80px; text-indent: -999999px; width: 290px; } #sidebar #filmLogo { background-position: -15px -150px; } #sidebar #filmMakerLogo { background-position: -15px -239px; } #sidebar #scoreLogo { background-position: -15px -330px; } #sidebar #industryLogo { background-position: -15px -418px; } #sidebar #reviewsLogo { background-position: -15px -510px; } #sidebar #newsLogo { background-position: -15px -605px; } #sidebar #screeningsLogo { background-position: -15px -692px; } #sidebar #contactLogo { background-position: -15px -779px; } /* General page styling -------------------------*/ /* Photos */ #photo { margin-left: 10px; position: relative; padding: 20px 0; } #photo .photoCaption { background: rgba(000, 0, 0, 0.3); color: #fff; font-size: 16px; padding: 10px 0; position: absolute; bottom: 23px; left: 0; text-align: center; width: 100%; } #photo .photoCaption em { font-size: 12px; } /* Buttons */ #pageWrap .buttonLarge { background: #456332; background: -moz-linear-gradient(top, #456332 0%, #5C8542 40%, #364E28 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#456332), color-stop(40%,#5C8542), color-stop(100%,#364E28)); border: 1px solid #364E28; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 1px 1px 0 #5C8442, 1px 1px 3px #646360; -moz-box-shadow: inset 1px 1px 0 #5C8442, 1px 1px 3px #646360; -webkit-box-shadow: inset 1px 1px 0 #5C8442, 1px 1px 3px #646360; display: block; color: #fff; float: right; clear: both; font-size: 17px; padding: 10px 15px; margin: 5px; text-align: center; text-shadow: 1px 1px 1px #000; } #pageWrap .buttonLarge:hover { background: #4E2A11; background: -moz-linear-gradient(top, #4E2A11 0%, #663300 40%, #301F27 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4E2A11), color-stop(40%,#663300), color-stop(100%,#301F27)); box-shadow: inset 1px 1px 0 #8B4500, 1px 1px 3px #646360; -moz-box-shadow: inset 1px 1px 0 #8B4500, 1px 1px 3px #646360; -webkit-box-shadow: inset 1px 1px 0 #8B4500, 1px 1px 3px #646360; border: 1px solid #301F27; text-decoration: none; } #pageWrap .buttonSmall { font-size: 15px; padding: 5px 10px; text-decoration: none; } /* Footer -------------------------*/ #footer { background: url(/include/images/bkg-footer.jpg) repeat-x center top; height: 180px; margin: 10px 0; position: relative; text-align: center; } #footer #siteCredits { color:#64704B; font-size:12px; padding-top: 127px; text-align:center; } /* other stuff */ .error { border:2px dashed #CF1919; background:#FFCFCF; font-size: 13px; font-weight: bold; padding:10px; margin-bottom:10px; } .msg { border:2px dashed #1B9F13; background:#D2FFCF; font-size: 13px; font-weight: bold; padding:10px; margin-bottom:10px; } #admin_tag { color:white; display: block; padding:10px 15px !important; } #menu.admin { background:#692424 !important; } #menu.admin ul li { border-left:1px solid black !important; border-right:1px solid black !important; } table.dataTable { width:698px; border-top:1px solid #ccc; border-left:1px solid #ccc; } table.dataTable td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; } table#edittable { width:500px !important; } .instructionsSmall { font-weight: bold; font-size: 12px; } .instructionsBig { font-weight: bold; font-size: 15px; } .contentBody .leftCol.admin { width:100%; } body a.outbound, body a.outbound:hover, body a.outbound:visited { color:#AC4A1F !important; font-weight: bold !important; text-decoration: none !important; background: none !important; } body a.outbound:hover { text-decoration: underline !important; }