/* 
Title:  	   Do It With Denim

Key Colours
-----------

Blue: 		#036
Orange: 	#f60
Dark Orange:	#f30

*/

/* define screen styles
---------------------------------------------------------- */

@media screen {

	/* global styles
	---------------------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		}

	body {
		margin: 0;
		padding: 0;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		text-align: center;
		line-height: 1.5;
		color: #333;
		}

	body#doitwithdenim {
		background: #8b91a7 url(images/page_background.png) top left repeat-x;
		}

	a {
		color: #f60;
		}

	a:visited {
		color: #f60; 
		}

	a:hover {
		color: #f00;
		}

	a:active {
		color: #f00; 
		}

	img {
		border: 0;
		}

	h1 {
		font-size: 2em;
		}

	h2 {	
		font-size: 1.7em;
		}

	h3 {
		font-size: 1.5em;
		}

	h4 {
		font-size: 1.3em;
		}

	h5 {
		font-size: 1.2em;
		}

	h1,
	h2,
	h3,
	h4,
	h5 {
		margin: 0.2em 0;
		color: #036;
		}

	p {
		font-size: 1.2em;
		margin: 1em 0;
		}

	form {
		margin: 0;
		padding: 0;
		}

	dl {
		margin: 1em 0;
		}

	dl dt {

		}

	dl dd {
		padding: 0 0 0 3em;
		}

	ul {
		margin: 1em 0;
		padding: 0 0 0 3em;
		}

	ul li {
		font-size: 1.2em;
		}

	ol {
		margin: 1em 0;
		padding: 0 0 0 3em;
		}

	ol ol {
		list-style-type: lower-alpha;
		}

	ol li {
		font-size: 1.2em;
		}

	li li {
		font-size: 1em;
		}

	hr {
		border: 1px solid #ccc;
		clear: both;
		margin: 1em 0;
		}

	acronym {
		border-bottom: 1px dotted;
		cursor: help;
		color: #060;
		}

	address {
		font-size: 1.2em;
		}

	cite {

		}

	code {
		font-family: Courier, monospace;
		color: #c60;
		padding: 0.2em 0;
		}

	dfn {
		font-style: oblique;
		cursor: help;
		color: #060;
		}

	em {
		font-style: oblique;
		}

	strong {
		font-weight: bold;
		}

	pre {
		margin: 1em 2em;
		padding: 1em;
		font-family: Courier, monospace;
		border: 1px dashed #eee;
		}

	blockquote {
		margin: 1em 2em;
		padding: 1em;
		background: #eee;
		}

	kbd {
		color: #900;
		}

	sub {

		}

	sup {

		}

	textarea,
	select {
		font: 12px Verdana, Helvetica, sans-serif;
		}

	option {
		padding: 0 1em 0 0;
		}

	table {
		border-collapse: collapse;
		}

	th {
		font-weight: bold;
		text-align: center;
		}

	th,
	td {
		border: 1px solid #aaa;
		padding: 5px;
		}

	/* layout
	---------------------------------------------------------- */

	#mongoose_dashbar {
		background: #000;
		color: #fff;
		padding: 5px 10px;
		text-align: right;
		}

	#mongoose_dashbar span {
		font-weight: bold;
		color: #fff;
		}

	#mongoose_dashbar a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		}

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

	/*
	---------------------------------------------------------- */

	#wrap {
		padding: 0 0 40px 0;
		}

	#container {
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 900px;
		}

	/*
	---------------------------------------------------------- */

	#header {
		background: url(images/header_background.jpg) top right no-repeat;
		height: 177px;
		margin: 0;
		padding: 0;
		position: relative;
		}

	#header #logo {
		left: 0;
		position: absolute;
		top: 0;
		}

	#header #logo a {
		background: transparent url(images/do_it_with_denim.jpg) top left no-repeat;
		display: block;
		height: 177px;
		overflow: hidden;
		text-indent: -9999px;
		width: 440px;
		}

	#header #enter_now {
		position: absolute;
		right: 0;
		top: 0;
		}

	#header #enter_now a {
		background: transparent url(images/enter_now.jpg) top right no-repeat;
		display: block;
		height: 100px;
		overflow: hidden;
		text-indent: -9999px;
		width: 260px;
		}

	/*
	---------------------------------------------------------- */

	#nav {
		background-color: #036;
		clear: both;
		float: left;
		width: 100%;
		/* Theme via R.A.D. Theme */
		}

	/*
	---------------------------------------------------------- */

	#content_container {
		background: #fff;
		clear: both;
		float: left;
		min-height: 400px;
		}
		
	#content {
		background: #fff;
		clear: left;
		float: left;
		padding: 20px;
		width: 660px;
		}
		
	#content.two_column {
		width: 460px;
		}
	
	#content img {
		margin: 0.5em;
		}

	/* Sidebar and associated controls
	---------------------------------------------------------- */

	#sidebar {
		float: left;
		padding: 20px;
		position: relative;
		width: 160px;
		}
	
	.search_site h2 {
		background: transparent url(images/search_site.png) top left no-repeat;
		height: 16px;
		margin: 10px 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 86px;
		}
	
	.search_site input.inputText {
		border: 1px solid #ccc;
		font-size: 1.2em;
		padding: 2px;
		width: 116px;
		}
	
	.search_site input.button {
		background: #036;
		border: 1px solid #036;
		color: #fff;
		font-weight: bold;
		}

	.latest_articles h2 {
		background: transparent url(images/latest_articles.png) top left no-repeat;
		height: 16px;
		margin: 20px 0 10px 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 105px;
		}

	.latest_articles ul {
		list-style-type: square;
		padding: 0 0 0 15px;
		}

	.latest_articles li {
		font-size: 1.2em;
		}

	/* Do It With Denim Sponsors
	---------------------------------------------------------- */
	
	#sponsors {
		border-left: 1px solid #ccc;
		float: left;
		padding: 20px 20px 20px 19px;
		position: relative;
		width: 160px;
		}

	#sponsors h2 {
		background: transparent url(images/our_sponsors.png) top left no-repeat;
		height: 16px;
		margin: 10px 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 105px;
		}

	#sponsors ul {
		list-style-type: none;
		margin: 0;
		padding: 10px 0;
		}

	#sponsors li {
		padding: 10px 0;
		}

	#sponsors li a {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		width: 160px;
		}

	#sponsors a.sponsor_shop_til_you_drop {
		background: transparent url(images/shop_til_you_drop.png) top left no-repeat;
		height: 68px;
		}
		
	#sponsors a.mw {
		background: transparent url(images/mw.jpg) top left no-repeat;
		height: 17px;
		}
		
	#sponsors a.sponsor_chadwick_models {
		background: transparent url(images/chadwick_models.png) top left no-repeat;
		height: 9px;
		}
		
	#sponsors a.sponsor_taylor_made_travel {
		background: transparent url(images/taylor_made_travel.png) top left no-repeat;
		height: 71px;
		}

	#sponsors a.sponsor_bernina {
		background: transparent url(images/bernina.png) top left no-repeat;
		height: 37px;
		}
	#sponsors a.sponsor_waxworx {
		background: transparent url(images/waxworx.jpg) top left no-repeat;
		height: 39px;
		}	
	#sponsors a.sponsor_charlie_brown {
		background: transparent url(images/charlie_brown.png) top left no-repeat;
		height: 18px;
		}

	#sponsors a.sponsor_napoleon_perdis{
		background: transparent url(images/napoleon_perdis.png) top left no-repeat;
		height: 40px;
		}

	#sponsors a.sponsor_maxum {
		background: transparent url(images/maxum.png) top left no-repeat;
		height: 20px;
		}

	#sponsors a.sponsor_mor {
		background: transparent url(images/mor.png) top left no-repeat;
		height: 26px;
		}

	#sponsors a.sponsor_design_lab {
		background: transparent url(images/design_lab.png) top left no-repeat;
		height: 99px;
		}
		
	#sponsors a.sponsor_young_solution {
		background: transparent url(images/young_solution.png) top left no-repeat;
		height: 50px;
		}
		
	#sponsors a.mannequin {
		background: transparent url(images/mannequin.png) top left no-repeat;
		height: 77px;
		}
		
	#sponsors a.sponsor_strandbags {
		background: transparent url(images/strandbags.jpg) top left no-repeat;
		height: 36px;
		}
		
	#sponsors a.sponsor_brent_street_studios {
		background: transparent url(images/brent_street_studios.png) top left no-repeat;
		height: 61px;
		}
		
	#sponsors a.sponsor_the_shooting_gallery {
		background: transparent url(images/the_shooting_gallery.png) top left no-repeat;
		height: 96px;
		}

	#sponsors a.sponsor_mad_cortes {
		background: transparent url(images/mad_cortes.png) top left no-repeat;
		height: 19px;
		}
	
	#sponsors a.sponsor_telstra {
		background: transparent url(images/telstra.jpg) top left no-repeat;
		height: 28px;
		}
	
	#sponsors a.sponsor_jeanswest {
		background: transparent url(images/jeanswest.png) top left no-repeat;
		height: 19px;
		}

	#sponsors a.sponsor_designex {
		background: transparent url(images/designex.png) top left no-repeat;
		height: 148px;
		}
		
	#sponsors a.sponsor_sofitel {
		background: transparent url(images/sofitel.png) top left no-repeat;
		height: 103px;
		}
		
	#sponsors a.sponsor_castle_towers {
		background: transparent url(images/castle_towers.png) top left no-repeat;
		height: 40px;
		}
		
	#sponsors a.sponsor_better_homes_gardens {
		background: transparent url(images/better_homes_gardens.jpg) top left no-repeat;
		height: 53px;
		}

	/* Do It With Denim Other Links
	---------------------------------------------------------- */
	
	#other_sites {
		float: left;
		position: relative;
		}

	#other_sites h2 {
		background: transparent url(images/other_sites.png) top left no-repeat;
		height: 16px;
		margin: 10px 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 80px;
		}

	#other_sites ul {
		list-style-type: none;
		margin: 0;
		padding: 10px 0;
		}

	#other_sites li {
		padding: 25px 0;
		}

	#other_sites li a {
		display: block;
		overflow: auto;
		text-indent: -9999px;
		width: 160px;
		}

	#other_sites a.other_sites_cmri {
		background: transparent url(images/cmri.png) top left no-repeat;
		height: 41px;
		}

	#other_sites a.other_sites_jeans4genes {
		background: transparent url(images/jeans_4_genes.png) top left no-repeat;
		height: 125px;
		}
		
	#other_sites a.other_sites_jammforgenes{
		background: transparent url(images/jammforgenes.png) top left no-repeat;
		height: 112px;
		}


	/*
	---------------------------------------------------------- */

	#footer {
		background: #036;
		clear: both;
		color: #fff;
		position: relative;
		}

	#footer span.copyright {
		background: transparent url(images/copyright_do_it_with_denim_2007.png) top left no-repeat;
		display: block;
		height: 40px;
		text-indent: -9999px;
		width: 200px;
		}

	#footer span.website_by a {
		background: transparent url(images/website_by_techflare_solutions.png) top left no-repeat;
		height: 40px;
		position: absolute;
		right: 0;
		text-indent: -9999px;
		top: 0;
		width: 250px;
		}
		

	/* Form styles
	---------------------------------------------------------- */

	div.form {
		margin: 1.8em auto;
		padding: 0;
		}

	div.form h1 {
		font-size: 2em;
		margin: 0 0 0.5em 0;
		padding: 0.2em 0.5em;
		background: #f1f2f5;
		color: #333;
		}

	div.form h2 {
		font-size: 1.8em;
		margin: 0 0 0.5em 0;
		padding: 0.2em 0.5em;
		background: #f1f2f5;
		color: #333;
		}

	div.form fieldset {
		border-width: 1px 0 0 0;
		border-color: #000;
		margin: 1em 0 0 0;
		}

	div.form fieldset legend {
		color: #000;
		font-size: 1.4em;
		font-weight: bold;
		margin: 0;
		padding: 0 0.5em;
		}

	div.form div.required,
	div.form div.optional,
	div.form div.buttons {
		position: relative;
		clear: both;
		padding: 0.5em 0;
		width: 100%;					/* Fixes IE float issues for child elements */
		}

	div.form div.required label,
	div.form div.optional label {
		float: left;
		text-align: right;
		width: 14em;
		padding: 0.5em;
		background: #f1f2f5;
		}

	div.form div.required label {
		font-weight: bold;
		}

	div.form div.required span,
	div.form div.optional span {
		display: block;
		margin: 0 0 0 16em;
		padding: 0.2em 0;
		}

	div.form div.required span.dynamicerror,
	div.form div.optional span.dynamicerror {
		clear: left;
		color: #CC0000;
		float: left;
		}

	div.form div.required span span,
	div.form div.optional span span {
		display: inline;
		padding: 0;
		margin: 0;
		}

	div.form span.wide {
		width: 100%;
		padding: 0;
		margin: 0;
		}

	div.form div.required span label,
	div.form div.optional span label,
	div.form div.required p label,
	div.form div.optional p label {
		display: inline;
		float: none;
		width: auto;
		background: transparent;
		font-weight: normal;
		}

	div.form div.buttons {
		}

	div.form div.buttons input {
		float: right;
		background: #036;
		color: #fff;
		font: bold 1.2em Verdana !important;
		width: auto;				/* fix for IE double padding on buttons */
		overflow: visible;			/* fix for IE double padding on buttons */
		text-align: center;
		padding: 0.2em 0.5em;
		margin: 0 0.5em;
		border: 1px solid #036;
		}

	div.form input.inputText {
		width: 20em;
		}

	div.form textarea.inputTextArea {
		width: 40em;
		height: 10em;
		}

	div.form span.list {
		display: inline-block;
		}

	div.form span.list {
		display: block;
		}

	/* FAQ styles
	---------------------------------------------------------- */	

	#faqs {
		}

	#faqs .questions {
		float: left;
		padding: 10px;
		width: 200px;
		}

	#faqs .questions ul {
		list-style-type: square;
		padding: 0 0 0 15px;
		margin: 0;
		}

	#faqs .questions ul ul {
		list-style-type: circle;
		}

	#faqs .questions li {
		font-size: 1.2em;
		}

	#faqs .questions li li {
		font-size: 1em;
		}

	#faqs .questions li.current a {
		font-weight: bold;
		}

	#faqs .questions li.current li a {
		font-weight: normal;
		}

	#faqs .answers {
		border-left: 1px solid #ccc;
		margin-left: 241px;
		padding: 10px;
		}

	#faqs .answers {
		border-left: 1px solid #ccc;
		margin-left: 241px;
		padding: 10px;
		}

	/*
	---------------------------------------------------------- */

	div.editlinks {
		clear: both;
		background: #f60;
		padding: 5px 0;
		text-align: right;
		}

	div.answers div.editlinks {
		clear: none;
		}
		
	div.editlinks a {
		color: #fff !important;
		font-weight: bold;
		margin: 0 0 0 5px;
		padding: 5px;
		}

	div.editlinks a:hover {
		background: #f00 !important;
		}

	/* Misc Styles
	---------------------------------------------------------- */

	span.highlight_search {
		background-color: #cea;
		}

	#search h1 {
		background: transparent url(images/search_site.png) top left no-repeat;
		height: 16px;
		margin: 10px 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 86px;
		}

	#search div.search_criteria {
		border-bottom: 1px solid black;
		font-size: 1.2em;
		padding: 10px;
		}

	#search div.search_criteria input.button {
		background-color: #036;
		border: 1px solid #036;
		color: #fff;
		font-weight: bold;
		}

	#search div.search_results td {
		border: none;
		}

	#search div.search_results div.result,
	#search div.search_results div.alt_result {
		padding: 5px;
		}

	#search div.search_results div.alt_result {
		background-color: #f1f2f5;
		}

	#search div.search_results p.url {
		color: #aaa;
		}

	#search div.paging {
		text-align: right;
		}

	#media_gallery h2 {
		background: transparent url(images/photos_and_other_media.png) top left no-repeat;
		height: 55px;
		margin: 10px 0 0 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 242px;
		}

	#flashcontent {
		margin: 10px 0;
		text-align: center;
		}

	#media_items {
		background-color: #f1f2f5;
		float: left;
		width: 100%;
		}

	#media_items div.item{
		float: left;
		height: 130px;
		padding: 6px;
		text-align: center;
		width: 130px;
		}
	
	p.posted {
		background: #f6f6f6;
		clear: both;
		font-size: smaller;
		padding: 0.5em;
		}
	
	p.date {
		color: #aaa;
		font-size: smaller;
		margin: 0.5em 0;
		}
		

	/* Finalists Page Styles
	---------------------------------------------------------- */

	#event_list ul {
		list-style-type: none;
		padding: 0;
		}

	#event_list dl {
		padding: 0;
		}

	#event_list dl dt {
		background: transparent url(images/arrow.png) center left no-repeat;
		font-size: 1.8em;
		padding: 0 0 0 30px;
		}

	#event_list dl dd {
		color: #ccc;
		padding: 0 0 0 30px;
		}

	div.category_list {
		clear: both;
		float: left;
		}

	div.category_list h2 {
		background-color: #036;
		color: #fff;
		font-size: 1.4em;
		margin: 20px 0 0 0;
		padding: 5px;
		text-align: right;
		}

	div.entry_details {
		background: #fff;
		clear: both;
		padding: 0.5em;
		}

	div.first_place {
		background: #ffffe1 url(images/first_place.png) top right no-repeat;
		clear: both;
		padding: 0.5em;
		}

	div.second_place {
		background: #ecf0f9 url(images/second_place.png) top right no-repeat;
		clear: both;
		padding: 0.5em;
		}

	div.third_place {
		background: #ffe4d5 url(images/third_place.png) top right no-repeat;
		clear: both;
		padding: 0.5em;
		}

	div.region {
		border-top: 1px dashed #aaa;
		clear: both;
		font-size: 1.2em;
		text-align: right;
		}

	div.entry_images {
		float: right;
		margin: 0 0 0.5em 0.5em;
		}

	/* My Entries Page Styles
	---------------------------------------------------------- */

	div.entry_summary {
		background-color: #fafafa;
		margin: 1em 0;
		padding: 5px;
		}

	}

/* define print styles
---------------------------------------------------------- */

@media print {

	/* print styles
	---------------------------------------------------------- */

	body {
		font-family: Verdana, sans-serif;
		font-size: 12pt;
		}

	#mongoose_dashbar,
	#nav,
	#footer {
		display: none;
		}
	
	div {
		float: none !important;
		}

	a:link,
	a:visited {
		color: gray;
		}

	}