/* WEB CODING/DESIGN BY PUKEKO DESIGN STUDIO LTD - www.pukekodesigns.co.nz */
/* TEMPLATE DESIGN BY RED SPOT DESIGN LTD - www.redspotdesign.co.nz */

body {
font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
margin: 40px 0;
background: #fff;
}

a { color: #DB0041 }

a:hover { color: #333; text-decoration: none }

a:focus {
outline:1px dotted invert
}


hr {
border:0 #999 solid;border-top-width:1px;clear:both;height:0; width: 250px;
text-align: left; margin: 0;
}


h1 {
font-size:1.5em;
font-weight: normal;
text-transform:uppercase;
color: #DB0041;
margin: 80px 0 15px 0;
}


h2 {
font-size:1.3em;
text-transform:uppercase;
color: #DB0041;
}


h3 {
font-size:1em;
text-transform:uppercase;
color: #DB0041;
}


h4 {
font-size:19px
}


h5 {
font-size:17px
}


h6 {
font-size:15px
}


ol {
list-style:decimal
}


ul {
list-style:square
}


li {
margin-left:30px
}


p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
margin-bottom:20px
}



/* NAVIGATION MENUS */

.navigation {
	font-size: 1.1em;
	text-transform:uppercase;
	margin: 30px 20px 0 0;
}

	.navigation li {
		list-style-type: none;
		padding: 7px 0;
		border-bottom: 1px solid #999;
		margin: 0;
	}
		.navigation li a {
			text-decoration: none;
			border: none;
			color: #333;
		}
			.navigation li a:hover {
				color: #DB0041;
			}
		.navigation li a.current, .navigation li a.current_page_parent {
			color: #DB0041;
		}
		
		.navigation li ul {
			margin: 0 0 0 15px;
		}		
			.navigation li ul li {
				border: none;
				list-style-type: disc;
				color: #DB0041;
				margin: 0;
				padding: 0;
			}
				.navigation li ul li a {
					color: #333;
				}
		

.navigation_top {
	font-size: 1.1em;
	text-transform:uppercase;
	margin: 0 0 60px 0;
	padding: 0;
	clear: both;
}
	.navigation_top li {
		list-style-type: none;
		float: left;
		margin: 0 60px 0 0;
	}
		.navigation_top li a {
			text-decoration: none;
			border: none;
			color: #333;
		}
			.navigation_top li a:hover {
				color: #DB0041;
			}
			.navigation_top li a.current {
				color: #DB0041;
			}
	
.navigation_search, .navigation_form, #s, #searchform {
	display: inline;
	margin: 0;
	padding: 0;
}
.navigation_search, #s { width: 160px }



/* MISC */

.home { margin: 30px 0; }

.button_red {
	border: 1px solid #DB0041;
	background: #DB0041;
	color: #fff;
	padding: 3px 6px;
	text-transform:uppercase;
	display:compact;
	text-decoration:none;
}
	.button_red:hover {
		background: #eee;
		border: 1px solid #999;
		color: #333;
		cursor: pointer;
	}
	.button_red a:hover {
		color: #333;
	}
	
.login { margin-top:20px; }

.long-info { margin-top: 20px }

.about img, .contact img { margin-bottom: 20px }

.popup {
	width: 100%;
	color: #fff;
	background: #000;
}
.popup p {
	margin: 20px 0;
}

.floatLeft {
	float: left;
	margin: 0 10px 30px 0;
}
.floatRight {
	float: right;
	margin: 0 10px 30px 0;
	text-align: right;
}

.no_display { display: none }



/* IMAGES */

.thumbs {
	float: left;
	margin: 0 20px 20px 0;
}

.art_thumbs {
	text-align: left;
	float: left;
	margin: 0 20px 10px 0;
	width: 150px;
	height: 220px;
	display: inline;
}
	.art_thumbs p {
		margin: 0;
		float: left;
		display: inline;
		clear: both;
		width: 150px;
		text-transform: uppercase;
	}
	.art_thumbs a {
		color: #333;
		text-decoration: none;
		border: none;
	}
		.art_thumbs a:hover {
			color: #DB0041;
		}

.image { margin-bottom: 30px }

.image_big img { margin-bottom: 20px }

.thumbnails p { margin: 0; padding: 0 }

.caps { text-transform: uppercase }



/* NEWS STUFF */

small {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #666;
}

.entry {
	margin: 20px 0 10px 0;
}

.postmetadata, .commentmetadata {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #666;
}
.commentmetadata { margin: 0 0 10px 0; }

.search_result_text {
	margin: 0 0 50px 0;
}

.post { margin: 10px 0 50px 0; }

.commentlist li {
	margin: 0 0 30px 0;
	list-style-type: none;
}
	.commentlist li h3 {
		margin: 10px 0;
	}



/* CONTACT FORMS */

#name, #email, #subject, #password, #quiz, #mc_mv_EMAIL, #mc_mv_FNAME, #mc_mv_LNAME {
	width: 200px;
	padding: 3px;
	border: 1px solid #999;
	background: #fff; 
}

#message, #comment {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 3px;
	width: 400px;
	height: 150px;
	border: 1px solid #999;
	background: #fff; 
}

	#name:hover, #email:hover, #subject:hover, #message:hover, #password:hover, #comment:hover, #quiz:hover, #name:focus, #email:focus, #subject:focus, #message:focus, #password:focus, #comment:focus, #quiz:focus {
		border: 1px solid #DB0041;
		padding: 3px;
	}
	#quiz { width: 158px }

#submit, #searchsubmit, #mc_signup_submit {
	border: 1px solid #DB0041;
	background: #DB0041;
	color: #fff;
	padding: 3px 6px;
}
	#submit:focus, #submit:hover, #searchsubmit:focus, #searchsubmit:hover {
		background: #eee;
		border: 1px solid #999;
		color: #333;
		cursor: pointer;
	}
#s { 
	width: 150px; 
	border: 1px solid #999;
	background: #fff; 
	padding: 1px;  
}
	#s:hover, #s:focus { border: 1px solid #DB0041; padding: 1px; }

#searchsubmit { padding: 0 }



/* NEWSLETTER SIGN UP */

#mc_signup_container, #mc_signup_form, fieldset {
	margin: 0;
	padding: 0;
}

.mc_error_msg { color: #DB0041; margin: 0 0 20px 0; }
.mc_success_msg { color: #00CC00; margin: 0 0 20px 0; }
.mc_merge_var{ padding:0; margin:0; }
.mc_custom_border {
	padding:0;
	margin: 0;
	border: none;
	color: #000;
	background-color: #fff;
}
.mc_custom_border legend {
	border: none;
	color: #000;
	background-color: #fff;
  	font-size: 1.2em;
	padding: 0;
	margin: 0
}
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input { float:left; clear:both; }
#mc_signup_form legend { padding:0;margin:0; }
#mc-indicates-required { float:left; clear:both; }
#mc_display_rewards { clear:both; }
#mc_interests_header { font-weight:bold; clear:both; padding-top:0;}
div.mc_interest{ clear:both;}
input.mc_interest { float:left; }
label.mc_interest_label {float:left; clear:right;}
.mc_signup_submit { width:100%; clear:both;; }

#mc_unsub_link { margin-top: 40px; font-size: 0.8em; }

#mc_mv_EMAIL, #mc_mv_FNAME, #mc_mv_LNAME { margin-bottom: 20px; }




/* FOOTER */

.footer {
	margin: 80px 0 40px 232px;
	text-transform: uppercase;
	font-size: 1em;
}
	.footer ul {
		margin: 0;
		padding: 0;
		display: inline;
	}
		.footer ul li {
			list-style-type: none;
			background: url(http://www.redspotgallery.co.nz/images/bullet.jpg) right center no-repeat;
			margin: 0 10px 40px 0;
			float: left;
			padding: 0 21px 0 5px;
			color: #DB0041;
		}
			.footer ul li:last-child { background: none }
			.footer ul li a {
				text-decoration: none;
				border: none;
				color: #333;
			}
				.navigation li a:hover {
					color: #DB0041;
				}
				
				
/* Safari 3.0 and Chrome rules here */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.button_red { display: inline; }
	body { margin-bottom: 140px }
}