/* design and build by jp74.com*/

/* colours
yellow: #ffc100
*/

body {
	font: 62.5%/1.5em Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	background: url(../images/black_bg_top.gif) no-repeat;
}

body.grid {

}

a.skip {
	display: none;
}

strong {
	font-weight: bold;
}

cite {
	font-weight: normal;
	font-style: normal;
}

p {
	margin-bottom: 1em;
}

img {
	display: block;
}

div.clearing {
	clear: both;
}

#wrapper {
	width: 1200px;
}

/* @group control panel */

#control_panel {
	height: 15px;
	padding-left: 20px;
	position: relative;
}

#login_register
 {
	height: 30px;
	line-height: 30px;
	font-size: 1.1em;
}

#login_register p {
	/*background: url(../images/key.gif) no-repeat 76px center;*/
}

#login_register a {
	background: url(../images/hud_arrow.gif) no-repeat right 6px;
	display: block;
	width: 176px;
	height: 30px;
	text-decoration: none;
	color: #fff;
}
#login_register a:hover {
	background-position: right -18px;
}
#login_register a.hud-toggle-open {
	background: url(../images/hud_arrow.gif) no-repeat right -43px;
}
#login_register a.hud-toggle-open:hover {
	background-position: right -68px;
}

#search_area {
	position: absolute;
	top: 0;
	right: 220px;
	height: 30px;
	width: 372px;
	font-size: 1.1em;
}

#search_area p {
	float: left;
	text-align: right;
}

#search_area a {
	height: 30px;
	line-height: 31px;
	color: #666;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 184px;
}

#search_area a:hover {
	color: #fff;
}

#search_area form {

}

#search_area label {
	display: none;
}

#search_area input.txtField {
	border-style: none;
	background-color: #ffc100;
	height: 18px;
	margin: 0;
	padding: 0;
	top: 6px;
	position: absolute;
	right: 18px;
	width: 158px;
	text-indent: 3px;
	font: 1em/18px Arial, Helvetica, Geneva, sans-serif;
}

#search_area input.search_submit {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	right: 0;
}

/* @end */

/* @group hud */

#hud {
	position: relative;
	background-color: #ffc100;
	overflow: hidden;
}

#hud.closed {
	height: 0;
}

#hud-content {
	padding-top: 12px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#hud-inner {
	background: url(../images/dots_black_vert_2col.gif) repeat-y 186px 0px;
}

#hud ul {
	float: left;
}

div.login {
	background: url(../images/dots_black_vert.gif) repeat-y right;
	width: 187px;
	margin-right: 10px;
	padding-bottom: 5px;
	float: left;
}

div.login p strong {
	font-weight: bold;
	display: block;
	background: url(../images/hud_secure.gif) no-repeat right center;
	margin-right: 12px;
	font-size: 1.1em;
}

div.login form p {
	font-weight: normal;
	font-style: normal;
	background: url(../images/hud_input_bg.gif) no-repeat 0 center;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 0;
	line-height: 18px;
	height: 20px;
}

div.login form label {
	display: none;
}

div.login form input.txtField {
	border-style: none;
	width: 170px;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
	font: 1.1em/18px Arial, Helvetica, Geneva, sans-serif;
}

input.login_button {
	background-color: #000;
	color: #ffc100;
	border-style: none;
	padding-right: 12px;
	padding-left: 12px;
	float: right;
	margin-right: 12px;
	font: 1.1em/18px Arial, Helvetica, Geneva, sans-serif;
}

div.register {
	float: left;
	width: 170px;
}

div.register a {
	background: url(../images/hud_arrow_right.gif) no-repeat 0 center;
	padding-left: 14px;
}

ul.main_options {
	width: 186px;
	padding-top: 1.5em;
}

ul.main_options a {
	padding-left: 16px;
}

li#hud1 {
	background: url(../images/hud_library.gif) no-repeat 0 center;
}

li#hud2 {
	background: url(../images/hud_rss.gif) no-repeat 0 center;
}

li#hud3 {
	background: url(../images/hud_comments.gif) no-repeat 0 center;
}

li#hud4 {
	background: url(../images/hud_profile.gif) no-repeat 0 center;
}

li#hud5 {
	background: url(../images/hud_signout.gif) no-repeat 0 center;
}

#hud div.rss {
	margin: 0px 10px 0 11px;
	width: 186px;
	line-height: 1.5em;
	overflow: hidden;
	float: left;
}
#hud div.rss ul {
	float: none;
}

#hud div.rss li {
	font-weight: bold;
}

#hud div.rss a {
	background: url(../images/hud_rss.gif) no-repeat left 3px;
	padding-left: 14px;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
}

#hud a {
	color: #000;
	text-decoration: none;
}

#hud a:hover {
	text-decoration: underline;
}

div.library_additions {
	float: left;
	margin-left: 32px;
	padding-bottom: 10px;
	position: relative;
}

div.library_additions p {
	margin-bottom: 2px;
}

ul.previous_more {
	position: absolute;
	right: 0;
	top: 90px;
}

ul.previous_more li {
	margin-left: 10px;
	margin-right: 7px;
	float: left;
}

li#vp a {
	padding-left: 12px;
	background: url(../images/hud_arrow_left.gif) no-repeat 0 center;
}

li#vm a {
	padding-left: 12px;
	background: url(../images/hud_arrow_right.gif) no-repeat 0 center;
}

.hud-library-container {
	position: relative;
	width: 535px;
	height: 68px;
	overflow: hidden;
}
.hud-library-inner {
	position: absolute;
	top: 0px;
	left: 0px;
	float: none !important;
}
.hud-library-inner ul {
	width: 535px;
	height: 68px;
}
.hud-library-inner li {
	float: left;
	margin-right: 7px;
}


/* @end */

#graphic {
	height: 147px;
	position: relative;
	background-color: #e9e9e9;
}

#logo {
	position: absolute;
	top: 22px;
	left: 32px;
	background: url(../images/dandad_logo.png) no-repeat;
	width: 87px;
	height: 101px;
}

#logo h1, #logo a {
	width: 100%;
	height: 100%;
}

#logo a {
	display: block;
	text-indent: -300px;
}

/* @group menu */

#menu {
	margin-left: 20px;
	margin-top: 30px;
	display: block;
	background: url(../images/menu_bg.gif) no-repeat;
	height: 53px;
	font-size: 1.1em;
	margin-bottom: 20px;
}

#menu ul {
	width: 784px;
}

#menu li {
	width: 176px;
	float: left;
	height: 23px;
	margin-right: 20px;
}

#menu a {
	display: block;
	height: 22px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
}

#menu a:hover {
	background: url(../images/menu_underline.gif) repeat-x 0 bottom;
}

body#home li#m1 a,
body#categories li#m2 a,
body#juries li#m3 a,
body#join li#m4 a,
body#about li#m5 a,
body#spons li#m6 a,
body#register li#m7 a,
body#contact li#m8 a {
	background: url(../images/menu_underline.gif) repeat-x 0 bottom;
}

/* @end */

#title {
	height: 0px;
	margin-left: 20px;
	width: 960px;
}

#title h2 {
	text-transform: uppercase;
	line-height: 21px;
	font-size: 1.6em;
	font-weight: normal;
	font-style: normal;
}

/* @group breadcrumb */

#breadcrumb {
	margin-left: 20px;
	height: 50px;
	font-size: 1.1em;
	line-height: 1px;
}

#breadcrumb ul {
	height: 40px;
	line-height: 40px;
}

#breadcrumb li {
	float: left;
	margin-right: 0.4em;
}

#breadcrumb a {
	color: #000;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb li + li +li:before {
	content: " > ";
}

/* @end */

#content {
	margin-left: 20px;
	width: 962px;
	font-size: 1.1em;
}

#content a {
	color: #000;
	text-decoration: none;
}

#content a:hover {
	color: #000;
	text-decoration: underline;
}

#main_content {
	width: 764px;
	float: left;
	margin-right: 20px;
	display: block;
	padding-bottom: 50px;
	position: relative;
}

#main_content.jury_people, #main_content.about{
	width: 980px;
}

#right_column {
	float: left;
	width: 176px;
	padding-top: 5px;
}

#right_column img {
	margin-bottom: 30px;
}

#right_column blockquote {
	font-size: 1.2em;
}

#right_column blockquote cite {
	font-size: 0.8em;
	line-height: 1.6em;
}

div.section_title,
div.category_lists {
	min-height: 285px;
	height: auto !important;
	height: 285px;
}

#spons .section_title {
	min-height: 0px;
	height: auto !important;
}

div.section_title,
div.subsection,
div.jury_comments {
	width: 176px;
	margin-right: 20px;
	float: left;
}

div.jury_comments {
	margin-right: 0;
}

#content h3 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	font-weight: normal;
	font-style: normal;
}

div.category_lists,
div.juries_lists,
div.sponsor_list_logos,
div.sponsor_list {
	float: left;
	width: 568px;
}

div.category_lists,
div.juries_lists,
div.sponsor_list {
	padding-top: 3px;
}

div.category_lists ul,
div.juries_lists ul {
	width: 174px;
	margin-right: 20px;
	float: left;
}

div.category_lists ul.last,
div.juries_lists ul.last {
	margin-right: 0;
}

div.category_lists li,
div.juries_lists li {
	margin-top: -1px;
}

div.category_lists a,
div.juries_lists a {
	display: block;
	line-height: 18px;
}

#content div.category_lists a:hover,
#content div.juries_lists a:hover {
	text-decoration: none;
	background-color: #ffc100;
}

#spons {
	clear: both;
}

div.sponsor_list_logos {
	float: left;
}

div.sponsor_list_logos ul {
	background: url(../images/sponsors.gif) no-repeat;
	height: 40px;
}

div.sponsor_list_logos li {
	display: none;
}

/* @group right boxouts */

div.boxout {
	width: 176px;
	background: url(../images/dots_grey.gif) repeat-x 0 bottom;
	margin-bottom: 40px;
	padding-bottom: 1px;
}

div.boxout p {
	margin-top: 16px;
}

p.title {
	margin-bottom: 1em;
	background-color: #ffc100;
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2em;
	padding-bottom: 1px;
	line-height: 1.1em;
}

div.boxout a {
	background: url(../images/arrow-right.gif) no-repeat 0 0;
	padding-left: 15px;
	text-transform: lowercase;
}
div.boxout a:hover {
	background-position: 0 -15px;
}

div.boxout a span {
	display: none;
}

/* @end */

div.copy_2col {
	float: left;
	margin-bottom: 30px;
}

div.copy {
	float: left;
	width: 372px;
}

div.copy h3 {
	font-weight: bold;
}

div.copy_2col.notitle {
	margin-left: 196px;
}

div.copy_column {
	width: 372px;
	float: left;
	margin-bottom: 40px;
}

div.copy_column + div.copy_column {
	margin-left: 20px;
}

div.image_column {
	width: 372px;
	float: left;
	margin-left: 20px;
	text-align: center;
	padding-top: 3px;
}

div.sponsor_list {
}

#content div.sponsor_list h3 {
	font-weight: bold;
	margin-top: -3px;
}

#content div.sponsor_list h3.sponsor_group {
	font-weight: normal;
	font-style: normal;
	margin-left: 196px;
	margin-bottom: 40px;
	float: left;
}

div.sponsor {
	float: left;
	margin-bottom: 60px;
}

div.sponsor_logo {
	width: 176px;
	margin-right: 20px;
	float: left;
	text-align: center;
}

div.sponsor_logo img {
	margin-right: auto;
	margin-left: auto;
}

div.sponsor_info {
	float: left;
	width: 372px;
}

div.juries_people,
div.juries_individual {
	float: left;
}

div.juries_people {
	width: 784px;
}

div.juries_individual {
	width: 372px;
	margin-right: 20px;
}

#content div.juries_people h3,
#content div.juries_individual h3 {
	font-weight: bold;
}

div.juries_people img {
	float: left;
}

div.juries_people ul {

}

div.juries_people li {
	float: left;
	width: 176px;
	margin-right: 20px;
	margin-bottom: 35px;
	overflow: hidden;
	display: inline-block;
	position: relative;
}

div.juries_people li span {
	height: 40px;
	display: block;
}

div.juries_people li p {
	position: absolute;
	top: 60px;
	left: 0;
	background-color: #ffc100;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 5px;
}

div.juries_people a {
	float: left;
	padding-top: 5px;
}


#wrapper div.juries_people a:hover {
	text-decoration: none;
	background-color: #ffc100;
}


div.juries_individual blockquote {
	float: left;
	font-size: 1.45em;
	line-height: 1.2em;
	margin-top: -20px;
}

div#main_content.categories div.section_title {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	width: 960px;
}

#main_content.categories,
#main_content.subcontent,
#main_content.candidate {
	width: 980px;
}

div.category_thumbnails span {
	height: 14px;
	display: block;
	padding-top: 1px;
}

div.category_thumbnails a {
	display: block;
}

#content div.category_thumbnails a:hover {
	text-decoration: none;
	background-color: #ffc100;
}

#content div.category_thumbnails a:hover span {

}

div.category_thumbnails li {
	float: left;
	margin-right: 20px;
	margin-bottom: 45px;
}

div.category_thumbnails li img {
	margin-top: 0px;
}

div.subsection h3 {
	font-weight: bold;
}

div.entries {
	margin-right: 20px;
	width: 372px;
	float: left;
}

div.entries h4 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 1.5em;
}

div.entry_block {
	margin-bottom: 50px;
}

.entry_pic,
div.entry_details {
	float: left;
}

div.entry_details {
	margin-left: 20px;
}

div.entry_details ul {
	margin-bottom: 1em;
	width: 172px;
}

div.entry_details li {
	margin-bottom: 0;
	line-height: 1.3em;
}

div.entry_details a {
	background: url(../images/arrow-right.gif) no-repeat 0 0;
	padding-left: 15px;
}
div.entry_details a:hover {
	background-position: 0 -15px;
}

div.entry_details a span {
	display: none;
}

div.jury_comments h4 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	font-weight: bold;
}

div.jury_comments p {
	line-height: 1.2em;
}

div.jury_comment_block {
	padding-bottom: 30px;
}

#main_content.candidate div.title_credits {
	width: 372px;
	float: left;
	margin-right: 20px;
}

#main_content.candidate div.title_credits h3 {
	margin-bottom: 44px;
	line-height: 1.1em;
}

div.product_credits li, div.entry_options li {
	margin-bottom: 1em;
	line-height: 1.7em;
}

div.entry_options ul.options {
	margin-top: -3px;
	padding-bottom: 2em;
}

div.entry_options ul.options li {
	height: 20px;
	line-height: 20px;
	margin-bottom: 14px;
}

div.entry_options ul.options li a {
	padding-left: 27px;
	display: inline-block;
}

div.product_credits, div.entry_options {
	width: 176px;
	float: left;
}

li#o1 a {
	background: url(../images/option_library.gif) no-repeat 0 0;
}
li#o2 a {
	background: url(../images/option_comments.gif) no-repeat 0 0;
}
li#o3 a {
	background: url(../images/option_rss.gif) no-repeat 0 0;
}

li#o1 a.remove {
	background-image: url(../images/option_library_remove.gif);
}
li#o3 a.remove {
	background-image: url(../images/option_rss_remove.gif);
}

li#o1 a:hover,
li#o2 a:hover,
li#o3 a:hover {
	background-position: 0 -25px;
}

div.the_work {
	float: left;
	width: 372px;
	margin-right: 20px;
	padding-top: 3px;
}

div.candidate_block {
	clear: both;
	margin-bottom: 30px;
}

div.candidate_block ul {
	padding-top: 15px;
	height: 2em;
}

div.candidate_block li {
	float: left;
	margin-right: 20px;
}

div.candidate_block a.candidate_link {
	display: block;
	height: 18px;
	line-height: 18px;
	padding-left: 22px;
}

div.candidate_block a.video {
	display: block;
	position: relative;
}
div.candidate_block span.video-overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/playbutton.gif) no-repeat center center;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
}

div.product_credits {
	margin-right: 20px;
}

li.w1 a {
	background: url(../images/download_file.gif) no-repeat;
}

li.w2 a {
	background: url(../images/watch_video.gif) no-repeat;
}

li.w1 a:hover,
li.w2 a:hover{
	background-position: 0 -25px;
}

div#user_comments {
}

div#user_comments h5 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 1.5em;
}

div.latest_comments {
	width: 372px;
	margin-right: 20px;
	float: left;
	margin-top: 30px;
}

div.post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../images/dots_grey.gif) repeat-x 0 bottom;
}

div.add_comment, div.register_form {
	background: url(../images/dots_grey.gif) repeat-x 0 bottom;
}

div.add_comment form, div.register_form form {
	background: url(../images/dots_grey.gif) repeat-x 0 top;
	padding-top: 30px;
}
div.no_form {
	background: url(../images/dots_grey.gif) repeat-x 0 top;
	padding-top: 20px;
	padding-bottom: 10px;
}
div.no_comments {
	padding-top: 20px;
}

#content div.no_form a {
	font-weight: bold;
	text-decoration: underline;
}
div.no_form p {
	padding-left: 23px;
	background: url(../images/info.gif) no-repeat left center;
	line-height: 23px;
}

div.add_comment p, div.register_form p {
	margin-bottom: 15px;
}

div.add_comment p.first_input, div.register_form p.first_input {
	margin-right: 24px;
}

div.add_comment label, div.register_form label {
	display: none;
}

div.add_comment input, div.register_form input {
	background-color: #ffc100;
	border-style: none;
	width: 172px;
	font: 1em/15px Arial, Helvetica, Geneva, sans-serif;
	height: 16px;
	float: left;
}

div.add_comment textarea {
	background-color: #ffc100;
	border-style: none;
	width: 372px;
	margin: 0;
	height: 170px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}

input#submit_post {
	background: #fff url(../images/post_bg.gif) no-repeat;
	height: 27px;
	width: 100px;
	border-style: none;
	font: 1em/24px Arial, Helvetica, Geneva, sans-serif;
}

input#submit_post:hover {
	background-color: #ffc100;
	background-image: none;
}

div.add_comment p.post_button, div.register_form p.post_button {
	float: right;
}

div.register_form select {
	background-color: #ffc100;
	border-style: none;
	width: 372px;
	height: 18px;
	-webkit-border-radius: 0;
	font: 1em/15px Arial, Helvetica, Geneva, sans-serif;
}

div.results {
	float: left;
	display: block;
	width: 785px;
	position: relative;
}

div#main_content.search {
	width: 1000px;
}

div.search_results_list {
}

div.search_results_list div.entry_block {
	width: 372px;
	float: left;
	margin-bottom: 50px;
	margin-right: 20px;
}

form#side_search {
	margin-bottom: 10px;
	float: left;
}

form#side_search p {
	text-align: right;
}

form#side_search label {
	display: none;
}

form#side_search input#fldSideSearch {
	background-color: #ffc100;
	border-style: none;
	width: 176px;
	height: 16px;
	font: 1em/18px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 15px;
}

p.paginate {
	position: absolute;
	top: 6px;
	right: 31px;
}

div.next_back {
	background: url(../images/dots_grey.gif) repeat-x 0 top;
	text-align: right;
	padding-top: 1em;
}

div.next_back p {
	float: right;
	margin-left: 1em;
}

input#back, input#next {
	background: #fff url(../images/post_bg.gif) no-repeat;
	height: 27px;
	width: 100px;
	border-style: none;
	font: 1em/24px Arial, Helvetica, Geneva, sans-serif;
}

input#back:hover, input#next:hover {
	background-color: #ffc100;
	background-image: none;
}


#footer {
	margin: 70px 0 120px 20px;
	padding-top: 13px;
	background: url(../images/dots_grey.gif) repeat-x left top;
	width: 960px;
	font-size: 1.1em;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	background: #ffc100;
}
#footer li {
	float: left;
	margin-right: 10px;
}


ul.entry-nav {
	position: absolute;
	top: -34px;
	right: 20px;
	width: 176px;
	text-transform: lowercase;
}
li.entry-nav-prev {
	position: absolute;
	left: 0px;
	top: 0px;
}
li.entry-nav-next {
	position: absolute;
	right: 0px;
	top: 0px;
}
li.entry-nav-prev a {
	background: url(../images/arrow-left.gif) no-repeat 0 0;
	padding-left: 15px;
}
li.entry-nav-prev a:hover {
	background-position: 0 -15px;
}
li.entry-nav-next a {
	background: url(../images/arrow-right.gif) no-repeat right 0;
	padding-right: 15px;
}
li.entry-nav-next a:hover {
	background-position: right -15px;
}