/**********************************
written by: David Weinstein					   
http://www.davidmorrisw.com						
default stylesheet

copyright (c) 2010 David Weinstein
***********************************/


/* import */

/* @import url("/css/reset.css"); */



/* elements */

* { margin: 0; }

html, body { height: 100%; }

body, p, td, th, li {
	font-family: Arial, sans-serif; 
	}	

body { 
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x; 
	background-color: #F3ECD7;
	}

img { border: none; }



/* links */

a { 
	font-weight: 900;
	text-decoration: none;
	color: #333333
 	}
	
	a:hover { text-decoration: underline; }
	a:visited { text-decoration: line-through; } 

#sketch a img,
#gallery a img {
	-webkit-transition: -webkit-transform .15s linear;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	}

	#sketch a:hover img,
	#gallery a:hover img { 
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		position: relative;
		z-index: 2;
		
		-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.75);
		-moz-box-shadow: 0 3px 6px rgba(0,0,0,.75);	
		}

#header #nav a img {
 	-webkit-transition: -webkit-transform .10s linear;
	}
	#header #nav a:hover img {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		position: relative;
		z-index: 2;	
		}


/* tilt experiment ----DISABLED FOR NOW------


#gallery a img {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	}
 

#gallery a:nth-child(even) img {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	}

 
#gallery a:nth-child(4n) img {
	-webkit-transform: none;
	-moz-transform: none;
	position: relative;
	top: -5px;
	}
 
#gallery a:nth-child(5n) img {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	position: relative;
	right: 5px;
	}
 
#gallery a:nth-child(7n) img {
	position: relative;
	top: 8px;
	right: 5px;
	}
 
#gallery a:nth-child(11n) img {
	position: relative;
	top: 3px;
	left: -5px;
	}

*/



/* tools */

.floatLeft { float: left; }

.floatRight { float: right; }

.clearAll { clear: both; }

.hide { display: none; }

.show { display: block; }

.last {  }

.small { font-size: 10px; color: #663333 }	
	
.push { height: 75px; }

.nudge { margin-bottom: 30px; }


/* type */

strong { font-weight: bold; }
em { font-style: italic; }

h1 { 
	font-family: 'Cardo', georgia, serif; 
	font-size: 24px;
	color: #663333; 
	margin: 0;
	margin-bottom: 7px;
	}

p {	
	color: #333333; 
	font-size: 14px; 
	line-height: 20px;
	margin-bottom: 15px;	
	}



/* structure */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
	width: 760px;
	}



	#header { padding-top: 30px; }
		#nav { width: 200px; margin-top: 15px; }
	
	/* IE PNG 'Fix' */
	#banner img {background:none !important;}	
    #banner { margin-top: 25px; }

	#secondary  {
		margin-top: 35px;
		margin-bottom: 35px;
		width: 440px;
		}
	
	#sketch { 
		margin-top: 35px;
		margin-left: 20px; 
		margin-bottom: 35px;
		width: 300px;
		}
	

#footer { 
	width: 100%;
	margin: auto;
	height: 75px;
	background-color: #EBE1C0;
	}

	#centerFooter {
		width: 760px;	
		margin: auto;
		padding-top: 15px;
		}	


/* styles */

#banner img { border: solid 7px #EBE1C0;}

#sketch {}	
	#sketch h1 { margin-left: 20px; }
	#sketch img { 
		margin-top: 17px;
		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		}

#gallery {}
	#gallery img { margin-left: 8px; margin-top: 10px; }

#about { margin-top: 15px; }
	#about img { margin-left: 10px; margin-bottom: 15px; border: solid 7px #EBE1C0; }
	#about h1 { margin: 0; }


/* twitter */
#bird { 
	width: 420px;
	height:107px;
	background-image:url(../images/twitter_bird_01.png);
	background-repeat:no-repeat;
	}

#twitter { 
	width: 270px;
	height:107px;
	color: #663333; 
	font-size: 12px; 
	line-height: 16px;
	padding: 18px 0px 18px 18px;
	}