@charset "UTF-8";

/* CSS Document */

/*copyright lynda.com 2011
feel free to use these styles as you wish
attribution would be nice, but not required
*/

/* desolve color palette
#4C4341 rgb(76, 67, 65)     ASH
#646266 rgb(100, 98, 102)   DULL GRAY
#7B798F rgb(123, 121, 143)  PEWTER BLUE
#ADA982 rgb(173, 169, 130)  DARK TAN
#D8D5BC rgb(216, 213, 188)  MED TAN
#EDE4D6 rgb(237, 228, 214)  LIGHT TAN
#667F6A rgb(102, 127, 106)  DARK GREEN
#DB7E40 rgb(219,126,64)     BURNT ORANGE
*/

/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
aside, article, section, header, footer, nav {
    display: block;
}

div, h1, p {
    margin: 0;
    padding: 0;
}

body {
    width: 1200px;
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background: #ccc;
	color: white;
}

/* Page styles ----------------------------------------------------------------------------------------------------------------*/
h1 {
    font-size: 1.5em;
    font-weight: bold;
    height: 40px;
}

p {
    font-size: 1.25em;
    font-weight: bold;
    font-style: italic;
    height: 50px;
}

article {
    float: left;
    width: 1200px;
    padding: 10px;
}

.images {
    float: left;
    width: 350px;
    height: 40px;
    padding: 450px 0 0 15px;
    font-size: 1.6em;
    text-align: center;
    border-radius: 25px;
}

.images#portrait {
    background: #bbb url(../_images/portrait-1.jpg) no-repeat top;
    box-shadow: 10px 10px 5px 5px rgba(0,0,0,0.7);
}

.images#event {
    background: #999 url(../_images/events-1.jpg) no-repeat center;
    box-shadow: 10px 10px 5px 5px rgba(0,0,0,0.7);
}

.images#landscape {
    background: #aaa url(../_images/landscape-1.jpg) no-repeat center;
    box-shadow: 10px 10px 5px 5px rgba(0,0,0,0.7);
}

.photos::after {
	content: "All images copyright Martin & Sue Pinkus | used by permission";
    	font-size: .75em;
	font-style: italic;
	text-align: right;
	margin: 0;
	padding: 0;
	color: black;
	display: block;
}