/*
	Theme Name: SwapForGoodness
	Description: Custom WordPress Theme for SwapForGood.org
	Author: Diligent Creative
	Author URI: http://diligentcreative.com/
	Version: 0.1

	Copyright 2010 Diligent Creative. All rights reserved.
*/

/*	Import Extensions
- - - - - - - - - - - - - - - - - - - - */

	@import "lib/css/reset.css";
	@import "lib/css/type.css";
	@import "lib/css/classes.css";
	

/*	Standard HTML Tags
- - - - - - - - - - - - - - - - - - - - */

	body {font-size:14px; color:#333; background:#730 url(images/body.jpg) top fixed repeat-x;}
	
	a {color:#69c; text-decoration:none;}
	a:hover {color:#9cf;}

/* Standard WordPress Classes
- - - - - - - - - - - - - - - - - - - - */

	.alignleft {float:left; text-align:left;}
	.alignright {float:right; text-align:right;}
	

/*	Custom IDs & Classes
- - - - - - - - - - - - - - - - - - - - */

	/* Layout */
	
	#header {background:transparent;}
	#content {clear:both; min-height:640px; -webkit-box-shadow:0 3px 3px black; overflow:hidden;}
	#footer {clear:both; background:#930; border:1px solid #930; -webkit-box-shadow:0 3px 3px black; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;}

	.container {margin:0 auto; padding:10px; width:950px; background:white;}
	
	/* Header */
	
	#header h1 a {float:left; height:80px; width:360px; background:url(images/title.png) no-repeat; text-indent:-9999px;}

	#courtesy.nav {display:none;}

	#top.nav {clear:both; margin:-10px; padding:0; height:50px; font-size:12px; line-height:50px; background:#f93 url(images/top_nav.jpg) top repeat-x; border-bottom:1px solid #930; -webkit-box-shadow:0 3px 3px black;}
	#top.nav li {display:block; float:left; width:150px; margin-left:10px; text-align:center;}
	#top.nav li a {display:block; height:50px; width:150px; color:#930; font-weight:bold; text-shadow:0 1px 1px rgba(255,255,255,0.5);}
	#top.nav li a:hover {color:#600; background:#f93;}
	
	/* Content */
	
	#local.nav {float:left; margin:0; padding:10px; width:130px; background:#9ff; border:1px solid #5ee; -webkit-border-radius:10px; list-style:none;}
	#local.nav a {color:#099; font-weight:bold;}
	#local.nav a:hover {color:#033;}
	#local.nav li {margin-top:10px; padding-bottom:10px; border-bottom:1px solid #5ee;}
	#local.nav li:first-child {margin-top:0;}
	#local.nav li:last-child {padding-bottom:0; border-bottom:none;}
	#local.nav ul {margin:0; padding:0; list-style:none;}
		#local.nav ul li {margin:0; padding:10px 0 0 10px; border:0;}

	#content .page {float:right; width:790px;}
	#content .page h2 {margin-bottom:10px; padding:10px; font-size:18px; font-weight:bold; color:#930; background:#f60; text-shadow:0 1px 1px rgba(255,255,255,0.5); -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;}
	
	.button, input[type=submit] {color:#fc0; background:#f60; border-color:#c30 !important;}
	.button:hover, input[type=submit]:hover {color:white; background:#f90; border-color:#c30;}
  
  input[type=submit] {padding:5px; font-size:18px; border-radius:10px;}
	
	/* Footer */
	
	#footer {color:#c63;}
	#footer p {margin:0;}
	#footer #safety_alert {margin:-10px -10px 10px -10px; height:30px; font-size:18px; line-height:30px; font-weight:bold; text-align:center; text-shadow:0 2px 2px #f90; color:#333; background:#f93 url(images/top_nav.jpg) repeat-x;}

/* Specific Page Elements
- - - - - - - - - - - - - - - - - - - - */
	
	body.home h2 {margin-top:10px; color:#999; font-size:16px;}
	body.home #console {float:left; width:310px;}
		body.home #console h2 {line-height:35px;}
		body.home #console .button {display:block; float:left; margin:0 10px 10px 0; padding:0 0 10px 0; height:25px; width:160px; text-align:center;}
		body.home #console .big.button {font-size:24px; font-weight:bold;}
	body.home #map {position:relative; float:right; width:640px; height:320px; background:url(images/map.jpg) no-repeat;}
        body.home #maptext{ position:absolute;top:194px;left:93px;font-family:arial, helvetica, sans-serif;font-weight:bold; color:#fff;font-size:24px; text-shadow:0 2px rgba(0,0,0,0.25);}
	body.home #maptext a{color:#fff}
body.home #map a {display:block; width:640px; height:320px;}
		body.home #map span {position:absolute; top:200px; left:75px; display:none; height:25px; width:58px; color:white; font-size:25px; font-weight:bold; line-height:25px; text-align:center; text-shadow:0 2px rgba(0,0,0,0.25);}
	body.home #steps {clear:both; margin-bottom:10px;}
		body.home #steps ol {margin:-10px; padding:9px 0; list-style:none; background:#930; border:1px solid #820; font-weight:bold; overflow:auto;}
		body.home #steps li {float:left; width:290px; margin-left:10px; padding:9px; color:#461902; background:#3cc; border:1px solid #4dd; text-align:center;}
	body.home #swapping {float:left; width:470px; padding-bottom:80px; background:url(images/swapping.jpg) bottom no-repeat;}
	body.home #saying {float:right; width:470px;}
		body.home #saying blockquote {margin:0; color:#834;}
		body.home #saying span {display:block; text-align:right; color:#333; font-size:10px; font-style:normal;}
        #icons{float:right;margin:30px 10px 0 0;}
        #icons img{border:none; padding:0px; margin:0}
	
	#shelter_locator {height:100%; background:white;}
		#shelter_locator form {margin-bottom:20px;}
		#shelter_locator input {padding:5px; font-size:14px;}