@charset "UTF-8";

/* CSS Document */

/* Main Colors Used 
**
** #eeeeee (off-white)
** #676b6b (dark grey)
** #57bab7 (blue/teal)
** #9b142e (deep red)
**
*/
	
/* RESETS TO ACCOUNT FOR BROWSER INCONSITENCIES */

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}





*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, option, select {margin: 0; padding: 0; outline: none;}
p {clear: both; margin: 0 15px 15px 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ul {list-style: none; overflow: hidden;}
ol {margin-left: 20px; list-style: square outside none;}
q:before, q:after {content: '';}

/* DEFAULTS & GENERAL CLASSES */
 
html, body {height: 100%;}
body {background: #D7EEEA; font-family: Verdana, Georgia, Arial, sans-serif; font-size: 12px; color: #333;}
div {position: relative; overflow: hidden; clear: both;}
/* clear both property for div above interfers with colorbox image overlay, so set all its divs to clear: none */
#colorbox div {clear: none;}
.rb4 {-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.rb6 {-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.rb8-ldiag a {-moz-border-radius: 0 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;}
.rb8-rdiag a {-moz-border-radius: 8px 0; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px;}
.rb6-top a {-moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}
.inline-nav li {float: left; clear: none; margin: 0 15px;}
input, select, label, textarea {display: block; clear: both;}
input, textarea, select {padding: 0.8em; border: 1px solid #ccc;}
input:focus, textarea:focus, select:focus {background: #D7EEEA;}
textarea {font-size: 0.9em; font-family: Verdana, Georgia, Arial, sans-serif;}
option {margin: 0.5em;}
label {margin: 10px 0 2px 0;}
small label {padding: 0; margin: 0;}
fieldset {border: 1px dashed #d1d1d1; padding: 15px; margin: 0 auto 15px;}
legend {font-size: 1.4em; font-weight: bold; padding: 0 5px; color: #57bab7;}
small {color: #666; font-size: 0.9em;}
.bbot {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0;} /* bottom-border */
.page-desc {margin: 15px 15px 30px 15px;}
.top-anchor {float: right; clear: both; margin-top: 10px;}
.center {text-align: center;}
.right {text-align: right;}
.button, .button:link, .button:visited, .form-button {-maz-border-radius: 6px; -webkit-border-radius: 6px; background: #676b6b; border: 1px solid #a1a1a1; color: #e0e0e0; padding: 5px 10px; font-size: 1em; margin: 20px 0 0;}
.button:hover, .form-button:hover {background: #777; color: #fff; cursor: pointer;}
.form-button {display: block; clear: both;}
.action, .action:link, .action:visited {background: #57bab7; color: #fff;}
.action:hover {background: #777; color: #fff; cursor: pointer;}
.inline {display: inline;}
.hidden {display: none;}
.block {display: block; clear: both;}
.errors {border: 1px solid #980000; padding: 20px; margin: 20px auto; color: #9b142e; width: 400px;}
.success {border: 2px solid #308717; padding: 20px 20px 20px 80px; background: url(../images/site/check.png) top 20px no-repeat; margin-bottom: 20px; color: #308717;}
.hidden {margin: 0; padding: 0; border: none;}
.welcome-name {color: #9b142e; font-weight: bold;}
#site-messages {margin: 100px auto; padding: 20px; border: 1px solid #9b142e; width: 300px;}
.fl_right {float: right;}
.fl_left {float: left;}
table {width: 100%; padding-bottom: 10px;}
td {vertical-align: top;}
th {vertical-align: bottom; padding: 10px;}



/* TOPOGRAPHY */

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0 0 5px 0;}
h1 {font-size: 1.9em}
h2 {font-size: 1.6em}
h3 {font-size: 1.4em}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em}
h6 {font-size: 1.0em}
h1.page-title {margin: 15px 0; padding: 0 15px 15px 0; border-bottom: 1px solid #9b142e;}
a {outline: 0;}
a:link, a:visited {text-decoration: none; color: #9B142E;}
a:hover {color: #B01736;}
a:active {color: #C71A3C; position: relative; top: 1px;}
#header a:link, #header a:visited {text-decoration: none; color: #333;}
#header a:hover {color: #999;}
.ltgrey {color: #eee;}
.red {color: #980000;}
#reset {background: #980000; padding: 6px 12px; font-weight: bold; float: right; clear: none;}
	#reset:hover {background: #666;}
.blue-bg {background: #57bab7; color: #fff; font-weight: bold;}
strong {font-weight: bolder;}
h2.notice {color: #57bab7; text-align: center; border: 1px solid #57bab7; padding: 10px;}
.required {margin: 10px 0;}

/* CONTAINERS */

#header-wrap {background: #fff; padding: 0; margin: 0; border-bottom: 2px solid #999; overflow: visible; height: 161px;}
#header-top {background: #57bab7; border-bottom: 1px solid #777;}
	#header-top-inner {width: 920px; margin: auto; padding: 0 20px; height: 30px; line-height: 30px;}
		#header-top-inner a:link, #header-top-inner a:visited {color: #fff; overflow: hidden;}
		#header-top-inner a:hover {color: #f2f2f2;}
		#header-top-inner a:active {color: #e8e8e8;}
		#ukp-link {float: left; padding-left: 20px;}
		ul#logins {color: #fff; float: right;}
#header-bottom {width: 920px; height: 80px; padding: 20px; margin: 10px auto 0; overflow: visible;}
	#header-bottom a {text-align: center; display: block; clear: none; height: 40px; line-height: 30px; overflow: hidden; width: 131px;}
	#header-bottom a:link, #header-bottom-inner a:visited {color: #419F9C;}
	#header-bottom a:hover {color: #57BAB7;}
	#header-bottom a:active {position: static;}
	#header-bottom a:hover, #header-bottom a.selected, #header-bottom a:active {color: #333; background: url(../images/site/nav_links_bg_2.png) left top no-repeat;}
	#header-bottom a#logo-link:hover {background: transparent;}
#logo {position: absolute; left: 20px; top: 15px; height: 80px; width: 227px;}
#header h1 {position: absolute; top: 15px; left: 180px;}
#tagline {height: 25px; width: 560px; position: absolute; top: 20px; right: 24px; background: url(../images/site/tagline.gif) top left no-repeat; text-indent: -999em;}
#welcome {font-weight: bolder; color: #333;}
ul#main-nav {position: absolute; bottom: -9px; right: 20px; z-index: 5;}
	ul#main-nav li {margin: 0 5px 0 0;}
#container {margin: 0 auto; width: 920px; background: #f5f5f5; padding: 20px 20px 140px 20px; min-height: 100%; height: auto !important; height: 100%;}
#intro-content {background: url(../images/site/adc_hp_bg.gif) 50% 100% no-repeat;}
	#intro {float: left; margin-top: 40px; width: 400px; border: 1px solid #e1e1e1; padding: 20px; background: url(../images/site/intro_bg.png) left top no-repeat;}
		#intro h1 {color: #9b142e; padding-bottom: 5px; border-bottom: 1px double #999;}
		#intro li {margin: 10px 0;}
	#slideshow {background: transparent; height: 320px; width: 420px; float: right; clear: right; padding: 20px;}
		#slideshow ul {margin: auto;}
			#slideshow li img {width: 300px; height: 300px; margin: 0 auto;}
#sidebar, #members-sidebar {float: left; clear:none; width: 150px; margin: 0 15px 15px 15px;}
#rules-nav {margin-bottom: 10px;}
	#rules-nav li a {display: block; padding: 10px; margin: 0 0 5px 0; background: #e0e0e0; text-indent: 1.5em;}
	#rules-nav li a:hover, #rules-nav li a.selected {background: #9b142e; color: #fff;}
	#rules-nav li a:hover, #rules-nav li a.selected {background: #9b142e; color: #fff;}
#advertisement img {width: 150px;}
#footer {clear: both; background: #9B142E; border-top: 4px solid #831128; border-bottom: 4px solid #831128; height: 120px; margin: -120px 0 0 0;}
	#footer-inner {padding: 10px 0; color: #fff; margin: 0 auto; display: table;}
		#footer-inner a:link, #footer-inner a:visited {color: #fff;}
		#footer-inner a:hover {color: #ccc;}
		#footer-inner a:active {color: #aaa;}
		#footer-inner ul {list-style: inline outside none;}
		#footer-inner ul li {float: left; clear: none; padding: 0 10px;}
		#footer-inner ul#copyright {display: table; font-size: 10px; float: none; margin: 20px auto;}
			#footer-inner ul#copyright li {margin: auto;}
				#footer-inner ul#copyright li a:link, #footer-inner ul#copyright li a:link {text-decoration: underline;}
				#footer-inner ul#copyright li a:hover {text-decoration: none;}
#thumbs {position: absolute; bottom: 10px; left: 10px;}
#touts {clear: both;}
	#touts h2, .cash {color: #9B142E; text-transform: capitalize; margin-left: 20px;}
	.cash {font-size: 3em; font-weight: bolder; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
	#touts ul {text-align: center; margin: 20px 0;}
		#touts img {display: block; margin: auto;}
		#touts ul li {background: #eee url(../images/site/tout_bg.jpg) left top no-repeat; border: 1px solid #ddd; height: 240px; width: 150px; float: left; clear: none; padding: 20px; margin: 0 6px;}
		#touts ul li p {margin: 0 0 5px 0; vertical-align: middle;}
		#touts ul li#annual {width: 455px; overflow: hidden;}
			#touts ul#sublist {margin: 0;}
				#touts #sublist li {background: none; margin: 0 0 0 50px; border: 0; padding: 20px 22px; text-align: center; width: 300px;  height: 100%;}
					#touts #sublist li#plus {width: 20px; margin-top: 40px;} 
						#touts #sublist li#plus p {font-size: 2em; margin: 0;}
						#touts #sublist li img {height: 100px;} 
		#rule-container #prize-touts ol li {margin: 20px 0 40px 20px;}
			#rule-container h2 {color: #9b142e; border-bottom: 2px solid #9b142e;}
			#rule-container h3 {color: #57bab7;}
			#prize-touts li p {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 5px;}
			#prize-touts .cash {border-bottom: 0; font-size: 2.4em;}
			#rule-container #prize-touts #sublist li {margin: 0;}
			#guidelines-inner {padding-left: 20px;}
				#guidelines ul {margin: 0 0 20px 0;}
					#guidelines ul li {list-style: outside square none; margin-left: 20px;}
			#sponsor-ads {width: 700px;}
				#sponsor-ads p {float: right; width: 460px; clear: none;}
				#sponsor-ads ul li {overflow: hidden; background: #eee url(../images/site/tout_bg.jpg) center center no-repeat; border: 1px solid #ddd; margin-bottom: 10px; padding: 20px;}
          		#sponsor-ads ul li div {width: 170px; float: left; clear: none;}
					#sponsor-ads ul li img {margin: 0 0 0 30px;}
					#sponsor-ads ul li div img {display: block; clear: none; margin: 0 0 60px 0;}
img#small-tablet {height: 55px; margin: -5px auto 5px;}
#steps-wrap {min-height: 400px; height: 100%; height: auto !important; width: 100%;}
	#ads {height: 240px; width: 210px; padding: 0 0 20px 20px; float: left; clear: none; margin-top: 220px;}
		#ads h2 {margin-bottom: 10px;}
			#ads ul li {background: #eee url(../images/site/tout_bg.jpg) left top no-repeat; height: 100px; border: 1px solid #ddd; margin-bottom: 10px;}
				#ads li#wacom-ad-vert img {margin: 10px 0 0 20px;}
					#ads li#wacom-ad-vert div {float: right; margin-top: 12px; padding-right: 5px; text-align: center;}    
			.mag_ads img {display: block; margin: 5px; height: 40px;}
#steps-list {position: absolute;}
	#steps-list h2 {color: #98142E; margin: 20px 0 20px 20px;}
	#steps li {margin-bottom: 1px; position: relative; line-height: 40px;}
		#steps a {display:block; color: #fff; width: 250px; padding: 0 20px; height: 40px; background: url(../images/site/selectors_bg_sprite.png) left -42px no-repeat; font-weight: bolder;}
#steps-content {border: 1px solid #e1e1e1; float: right; clear: none; height: 440px; width: 600px; padding: 20px 20px 20px 50px; background: #fff; margin: 0 0 0 -20px; z-index: 1;}
	#steps-content div {margin-top: 20px;}
	#steps-content h3 {margin-bottom: 20px; padding-bottom: 5px; border-bottom: 2px solid #9B142E;}
	#steps-content ul {list-style: square outside none; margin: 10px 0;}
	#steps-content li {margin: 5px 0 5px 20px; list-style: square outside none;}
	#annual-prizes ul {diplay: inline; overflow: hidden;}
		#annual-prizes ul li {text-align: center; list-style: none; float: left; margin: 0 50px;}
			#annual-prizes ul li p {margin: 10px 0 0 0;}
	     ol#reg-steps {margin: 20px 0;}
			ol#reg-steps li {list-style: outside decimal none;}
.reveal {height: 200px; width: 290px; margin: 15px 0 0 0;}
.hz-advertisement {margin: 20px auto; text-align: center;}

/* ARTWORK SUBMISSION */

#artwork-submission {margin: 15px;}
#artwork-submission h2 {margin: 0 0 20px 0;}
#artwork-submission h5 a:link, #artwork-submission h5 a:visited {color: #680000;}
#artwork-submission h5 a:hover {color: #9b142e;}
#artwork-submission textarea {width: 480px; height: 130px;}
#submission {margin: 15px 0 0 0; clear: both;}
#submission label, #submission input {display: inline; padding-left: 10px;}
#submission h4 {margin: 20px 0;}

/* CONTEST RULES */

#rule-container {margin: 0 15px 0 0; width: 720px; float: right; clear: none;}
	#rule-container ol {list-style: decimal outside none; margin: 15px 15px 0 15px;}
	#rule-container ol li {margin: 0 0 10px 20px;}
	#rule-container caption {margin: 10px 0; font-weight: bold; text-transform: capitalize;}
.table-wrap {margin: 15px auto; padding: 15px 15px 15px 0; text-align: center;}
.table-wrap table {font-size: 10px; padding: 0 15px 15px 15px; margin: 0; text-align: left; border: 1px dashed #c1c1c1;}
.table-wrap table td, .table-wrap table th {padding: 10px;}
.table-wrap table th {font-weight: bold; border-bottom: 1px solid #c1c1c1;}
#rule-container dt {font-weight: bold; margin-bottom: 2px; text-transform: capitalize;}
#rule-container dd {margin-bottom: 10px;}
.table-wrap tr.odd {background: #f6f6f6;}
.table-wrap tr.odd-white {background: #fff;}
/* FORMS */

#form-help {width: 400px; margin: auto;}
#form-help li a {display: block; float: left; clear: none; height: 40px; line-height: 40px; margin: 15px; padding: 0 15px; border: 1px solid #a1a1a1; text-align: center;}
#form-help li a:link, #form-help li a:visited {color: #9b142e;}
#form-help li a:hover {color: #fff; background: #555555;}
#forms-outer {margin: 30px auto; padding: 15px; border: 1px solid #676b6b; width: 570px; background: #f7f7f7;}
#forms-inner {margin: 30px auto;}
.inline-inputs {display: inline; float: left; clear: none; overflow: hidden; margin: 0 10px 10px 0;}
.login input {width: 550px;}
#reg-credentials {margin-top: 15px;}
#reg-credentials input {width: 380px;}
#login-wrap, #logout-success {width: 400px; margin: 50px auto; padding: 30px;}
#logout-success {text-align: center;}
#login-wrap input {width: 350px;}
#errors-container {margin: 20px 0; padding: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-transform: capitalize;}
	#errors-container ul {list-style: square outside none;}
		#errors-container li {margin-left: 20px;}
		#errors-container h6 {margin-bottom: 20px;}
#pay_pref {margin-bottom: 10px;}

#logos {
	float: right;
	margin-top: -15px;
}

/* REPOSITORY */

#repository {margin: 30px; border: 1px solid #e0e0e0;} 
#repository td {padding: 5px;}
#repository small {text-align: center;}
#sort-navi {display: inline;}
.entry-summary {position: relative; width: 880px; margin: 20px 0 0; padding: 20px; float: left; clear: both;}
	.entry-summary td {padding: 5px;}
	.entry-summary div {float: left; clear: none;}
.entry-summary.odd {background: #eee url(../images/site/tout_bg.jpg) left top no-repeat; border: 1px solid #e0e0e0;}
.entry-summary li {padding-bottom: 6px;}
.es-thumbnail, .es-metadata {float: left; clear: none;}
.es-thumbnail {width: 210px;}
	.es-thumbnail small img {vertical-align: middle;}
.es-thumbnail-single {width: 320px;}
.es-metadata {width: 550px;}
	.meta-list h2, .meta-list h4, .meta-list h5, .meta-list h6 {display: inline;}
	.meta-list  h2, .meta-list h4 {text-transform: capitalize;}
	.meta-list h5 {width: 380px;}
.es-metadata-single {width: 400px;}
.win-banner {height: 80px; width: 80px; position: absolute; right: 20px; top: 20px;}
.download-icon {float: right; display: block; clear: none; height: 31px; width: 125px; text-indent: -999em;}
	.download-icon:link, .download-icon:visited {background: url(../images/site/download_sprite.png) 0 -62px no-repeat;}
	.download-icon:hover {background: url(../images/site/download_sprite.png) 0 -30px no-repeat;}
	.download-icon:active {background: url(../images/site/download_sprite.png) 0 0 no-repeat;}
	
#pagination {padding: 5px; clear: both; margin-top: 20px; float: left;}
#pagination a, #pagination strong {padding: 4px 7px; border: 1px solid #333; color: #fff;}
#pagination a {background: #676b6b;}
#pagination strong, #pagination a:hover {background: #333;}
span#first-page {margin-right: 10px;}
span#last-page {margin-left: 10px;}
#filter-form {width: 680px; margin: 0 auto 40px;}
#terms {width: 550px;}

/* SUBMIT ARTWORK */


/* CATEGORIES */

#category-tabs {margin-left: 30px;}
#category-tabs li a {display:block; padding: 0 20px; float: left; clear: none; height: 30px; line-height: 30px; margin: 0 1px 0 0; color: #fff; background:  #333;}
#category-tabs li a:hover, #category-tabs li a.selected {color: #fff; background: #9b142e;}
#tab-content {margin: 0 15px 15px 15px; padding: 30px; background: #fff; color: #676b6b;}
#tab-content:first-child {padding-bottom: 30px;}

/* MEMBERS AREA */ 

/* entry tables */
.entry-thb {width: 200px;}
 
#dashboard-wrap div.table-wrap {width: 800px; margin: auto; float: none;}
	#dashboard-wrap div.table-wrap table td, #dashboard-wrap div.table-wrap table th {padding: 20px 20px 5px 20px;}
#dashboard-wrap h3 {padding-bottom: 2px; border-bottom: 1px solid #9b142e;}
.admin-icons {width: 80px;}
.admin-buttons {float: right; display: block; clear: none; height: 31px; width: 125px; text-indent: -999em; margin-left: 10px;}
	.judge-icon:link, .judge-icon:visited {background: url(../images/site/admin/judge_artwork_sprite.png) 0 -62px no-repeat;}
	.judge-icon:hover {background: url(../images/site/admin/judge_artwork_sprite.png) 0 -30px no-repeat;}
	.judge-icon:active {background: url(../images/site/admin/judge_artwork_sprite.png) 0 0 no-repeat;}  
	.approve-icon:link, .approve-icon:visited {background: url(../images/site/admin/approve_artwork_sprite.png) 0 -62px no-repeat;}
	.approve-icon:hover {background: url(../images/site/admin/approve_artwork_sprite.png) 0 -30px no-repeat;}
	.approve-icon:active {background: url(../images/site/admin/approve_artwork_sprite.png) 0 0 no-repeat;}
	.unapprove-icon:link, .unapprove-icon:visited {background: url(../images/site/admin/unapprove_artwork_sprite.png) 0 -62px no-repeat;}
	.unapprove-icon:hover {background: url(../images/site/admin/unapprove_artwork_sprite.png) 0 -30px no-repeat;}
	.unapprove-icon:active {background: url(../images/site/admin/unapprove_artwork_sprite.png) 0 0 no-repeat;}
	.edit-entry-icon:link, .edit-entry-icon:visited {background: url(../images/site/admin/edit_entry_sprite.png) 0 -62px no-repeat;}
	.edit-entry-icon:hover {background: url(../images/site/admin/edit_entry_sprite.png) 0 -30px no-repeat;}
	.edit-entry-icon:active {background: url(../images/site/admin/edit_entry_sprite.png) 0 0 no-repeat;}
  
#admin-nav {overflow: hidden; display: block; clear: both; margin-bottom: 40px;}
	#admin-nav li {float: left; margin-right: 10px; height: 30px; line-height: 30px;}
	
.manage-column {width: 120px;}
.short-desc {width: 500px;}
	
/* Judges Area */ 

#ratings-comments {clear: both; margin: 20px 0;}
	#ratings-comments p {margin: 0;}
	#ratings-comments ul li {padding: 20px; margin: 15px 0; background: #e5e5e5; border: 1px solid #999;}
	#ratings-comments ul li.odd {background: #D7EEEA;}
	
#judge-simple-filter {margin-bottom: 10px; padding: 10px; background: #D7EEEA; color: #303030; border: 1px solid #ccc;}
     #judge-simple-filter li {display: table-cell; vertical-align: middle;}
	#judge-simple-filter li a:link, #judge-simple-filter li a:visited {display; block; padding: 8px 16px; float: left; margin-right: 10px; background: #f9f9f9; color: #000; border: 1px solid #ccc;}
	#judge-simple-filter li a:hover {background: #fff; color: #666; border: 1px solid #ddd;}