/* ------------------------------------------------------------------------
Responsive Style Sheet - Elaine Marks Willow Sculpture

Author: Tor New Media
Website: http://www.tornewmedia.co.uk/
Email: hello@tornewmedia.co.uk
-------------------------------------------------------------------------*/


@media screen and (max-width: 600px) {

/* =Defaults
-------------------------------------------------------------------------*/

body { 
	background: none;
	background-color: #fff;
	padding: 20px;
	}

	
/* =Header
-------------------------------------------------------------------------*/	

#header {
	height: 64px;
	text-indent: -25000px;
	width: auto;
	}
	
#header h1 a {
	background: #fff url("../img/responsive/header-h1-a-bg.gif") no-repeat 0 0;
	display: block;
	height: 64px;
	margin: 0 auto;
	width: 250px;
	}
	
	
/* =Navigation
-------------------------------------------------------------------------*/	

#nav {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: auto;
	margin: 20px 0;
	text-indent: -25000px;
	width: auto;
	}

#nav-show {
	text-align: center;
	}
	
#nav-show a {
	background: #fff url("../img/responsive/nav-show-a-bg.gif") no-repeat 0 0;
	display: block;
	float: none;
	height: 55px;
	margin: 0 auto;
	width: 180px;
	}
		
#nav ul {
	border-top: 1px solid #ccc;
	display: none;
	}
	
#nav li {
	display: block;
	float: none;
	margin: 0 auto;
	}
	
#nav a {
	display: block;
	float: none;
	height: 55px;
	}


/* =Content
-------------------------------------------------------------------------*/	

#content {
	clear: both;
	margin: 20px 0 0 0;
	padding-top: 40px;
	width: 100%;
	}
		
	
/* =Copy
-------------------------------------------------------------------------*/	

#copy {
	float: none;
	width: auto;
	}

#copy h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	height: auto;
	margin-bottom: 0;
	text-indent: 0;
	text-transform: uppercase;
	width: auto;
	}
	
	
/* =Sidebar
-------------------------------------------------------------------------*/	

#sidebar {
	float: none;
	margin-top: 20px;
	width: auto;
	}

#thumbnails a img {
	display: inline-block;
	height: 124px;
	width: 124px;
	}
	
#thumbnails a,
#thumbnails a.last {
	display: inline-block;
	float: none;
	margin: 0 5px 10px 5px;
	}
		

/* =Footer
-------------------------------------------------------------------------*/	

#footer {
	background: #fff url("../img/footer-bg.gif") no-repeat top center;
	margin-top: 10px;
	padding-top: 48px;
	text-align: center;
	width: auto;
	}

#social {
	margin-bottom: 20px;
	text-indent: -25000px;
	}
		
#copyright {
	float: none;
	margin-bottom: 20px;
	}
	
#credit {
	float: none;
	}
	
		
/* =Home
-------------------------------------------------------------------------*/	

#home #copy h2 {
	background: none;
	}
	
/* =About
-------------------------------------------------------------------------*/	

#about #copy h2 {
	background: none;
	}
	
	
/* =Gallery
-------------------------------------------------------------------------*/	

#gallery #copy {
	width: auto;
	}
	
#gallery #copy h2 {
	background: none;
	}

#gallery #copy #thumbnails {
	padding: 10px 0;
	text-align: center;
	}
	
#gallery #copy #thumbnails a,
#gallery #copy #thumbnails a.last {
	margin: 10px 5px 0 5px;
	}
	
	
/* =Contact
-------------------------------------------------------------------------*/	

#contact #copy h2 {
	background: none;
	}
	
#contact #contact-telephone a,
#contact #contact-telephone a:hover,
#contact #contact-mobile a,
#contact #contact-mobile a:hover {
	color: #486f37;
	text-decoration: underline;
	}
	
#contact #copy fieldset input,
#contact #copy .captcha input {
	outline: 1px solid #000;
	border: 2px solid #fff;
	background: none;
	background-color: #000;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 19px;
	margin-top: 5px;
	padding: 12px;
	width: 90%;
	}
	
#contact #copy fieldset textarea {
	outline: 1px solid #000;
	border: 2px solid #fff;
	background: none;
	background-color: #000;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	height: 200px;
	line-height: 19px;
	margin-top: 5px;
	padding: 12px;
	width: 90%;
	}
	
#contact #sidebar {
	background: #fff url("../img/footer-bg.gif") no-repeat top center;
	clear: both;
	margin-top: 20px;
	padding-top: 38px;
	}	
		
}