/* @override http://local.www.janismaltin.com/common/css/home.css */

/*
Title:			Janis Maltin Home page styles
Author:			Michael Bester - michael@kimili.com
Last Updated:	04.24.2010
*/


/* Structure
------------------------------------- */
body {
	background: #fdf8f4;
}

.content,
.photostrip .wrapper,
#contact,
#footer {
	width: 880px;
	margin: 0 auto;
}


.photostrip .wrapper {
	width: 840px;
}

#decor .wrapper {
	width: 821px;
}

#painting .wrapper {
	width: 715px;
}


/* Header
------------------------------------- */
#header {
	position: relative;
	height: 163px;
	background: url(images/bg_header.jpg) no-repeat 50% 0;
}

#header h1 {
	margin: 0;
	font-size: 0;
	text-indent: -9999em;
}


/* Headers
------------------------------------- */
h2, h3 {
	text-align: center;
}

h2.alt {
	text-align: left;
	/*margin-left: 162px;*/
	margin-top: 1.5em;
	font-size: 1.75em;
	font-variant: normal;
	border-bottom: 1px solid #a89d99;
}


/* Lists
------------------------------------- */
ul {
	margin: 1.5em auto 3em;
	padding: 0;
}

ul.onecol {
	margin-left: 180px
}

ul.twocol, 
ul.threecol {
	overflow: hidden;
	width: 85%;
	list-style-position: inside;
}


ul.onecol li, 
ul.twocol li, 
ul.threecol li {
	padding: 0.125em 0;
	
}

ul.twocol li, 
ul.threecol li {
	float: left;
	width: 47%;
	margin: 0 1.5%;
	font-weight: bold;
}

ul.threecol {
	width: 60%
}

ul.threecol li {
	width: 30%;
	text-align: center;
}


/* Photostrips
------------------------------------- */
img.left {
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid #f2e5d8;
	
	box-shadow: 0 0 1em rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 1em rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 1em rgba(0,0,0,0.15);
}

.photostrip {
	clear: both;
	padding: 10px 0;
	background: #30242e;
	
  background-image: -moz-linear-gradient(top, #160912, #30242e); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #160912),color-stop(1, #30242e)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#160912', endColorstr='#30242e'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#160912', endColorstr='#30242e')"; /* IE8 */
}

.photostrip .wrapper {
	overflow: hidden;
	position: relative;
}

.photostrip .figure {
	float: left;
	margin: 0 20px 10px;
}

.photostrip .figure img {
	display: block;
	position: relative;
	border: 1px solid #060707;
	z-index: 1;
}

.photostrip .figure .caption {
	color: #b79b8b;
	font-size: 0.875em;
	margin: 0.25em 0;
	clear: both;
}

.photostrip h4 {
	color: #dfd3cb;
	position: absolute;
	top: 0;
	left: 17px;
	margin: 0;
	padding: 0.33em 2em 0.33em 1em;
	z-index: 10;
	background: #2d2c29;
	background: rgba(0,0,0,0.75);
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	
	border-bottom-right-radius: 1em;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
}


/* Contact
------------------------------------- */
#contact {
	margin: 2em auto 3em;
	overflow: auto;
}

#contact img {
	float: left;
	margin: 0 50px 0 45px
}