@charset "utf-8";
/* CSS Document */
/*
Site:           dishandspoonproductions.com           
File:           default.css
Created:		Dec 10 2008
Last Modified:  Dec 02 2009
--------------------------------------------
dishandspoonproductions.com | Copyright 2008
Created By: Jason Lock - jason.j.lock@gmail
============================================
*/

/*Global Styles =================*/
	
	body{
		background-image:url(../images/bg-pattern.jpg);
		background-repeat:repeat;
		margin: 0;
		padding: 0;
	}
	
	h1,h2,h3,h4,h5{
		font-family: Bookman Old Style,"Times New Roman",Times,serif;
		color: #BA9573;
		font-size:1.7em;
	}
	
	p,img,img a, a, span{
		font-family: Bookman Old Style,"Times New Roman",Times,serif;
		color:#BA9573;
		font-size:1.1em;
		border: none;
		outline: none;
	}
	
	.clearfix:after {
		content: ".";
    	display: block;
    	clear: both;
    	visibility: hidden;
    	line-height: 0;
    	height: 0;
	}

	.clearfix {
    	display: inline-block;
	}

	html[xmlns] .clearfix {
    	display: block;
	}

	* html .clearfix {
    	height: 1%;
	}

	.clear{
		clear: both;
	}

/*===============================*/

/*Container Styles =================*/
	
	#header{
		width: 950px;
		background-color:#FFFFFF;
		border:3px solid #D5C09C;
		margin: auto;
	}
	
	#header p{
		font-size: 0.88em;
		text-align: center;
	}
	
	#content-wrap{
		width: 953px;
		margin: auto;
		background-color: #EDF2D8;
		border-left: 3px solid #D5C09C;
	}
	
	#left-column{
		float: left;
		width: 741px;
		padding: 10px 10px 10px 10px;
		background-color: #FFFFFF;
		border-right:3px solid #D5C09C;
		border-left:3px solid #D5C09C;
	}
	
	#left-column p{
		margin: 0;
		padding: 0;
	}
	
	#left-column p a{
		color: #4b2b04;
		text-decoration: none;
	}
	
	#left-column ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#left-column li{
		color: #BA9573;
	}
	
	#left-column h2{
		margin: 0;
		padding: 10px 0 10px 0;
		font-size: 1.2em;
	}
	
	#right-column{
		width:176px;
		float: left;
		padding: 10px 5px;
		background-color: #EDF2D8;
	}
	
	#pub-wrap{
		margin: -5px 0 0 0;
	}
	
	#pub-wrap p{
		width: 108px;
		margin: -1px 0 0 28px;	
	}
	
	#pub-wrap p a{
		width: 100px;
		margin: -5px 0 0 10px;
		font-size: 0.9em;
		text-decoration: none;
	}
	
	#pub-wrap p a:hover{
		color: #4B2B04;
	}

	#pub-pic{}
		
	#photo-wrap1{
		width: 391px;
		float: left; 	
	}
	
	#photo-wrap1, #photo-wrap2{
		margin: 10px 0 10px 0;
	}
	
	#bottom-nav{
		margin: 0 0 0 -5px;
	}
	
	#footer{
		width: 930px;
		height: 100px;
		margin: auto;
		padding: 10px;
		border:3px solid #D5C09C;
		background-color: #FFFFFF;
	}
	
/*==================================*/

/*Header Styles =================*/
	
	#header h1{
		margin: 0;
	}
	
	#header h1 a{
		display: block;
		height: 200px;
	}
	
	#header h2{
		margin: 0;
		font-size: 1.4em;
	}
		
/*===============================*/

/*Navagation Styles =================*/

	#top-nav{
		width: 950px;
		height: 35px;
		background-color: #FFF;
		border-top:3px solid #D5C09C;
	}
	
	#top-nav ul{
		margin: 5px auto;
		padding: 0;
		text-align: center;
	}

	#top-nav ul li{
		display: inline;
		padding: 0 6px 0 0;
	}
	
	#top-nav ul li a{
		border-right: 1px solid #D5C09C; 
		color:#D5C09C;
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:1.2em;
		text-decoration:none;
		padding: 0 10px 0 0;
	}
	
	#top-nav ul #last a{
		border: none;
	}
	
	#top-nav ul li a:hover{
		color:#4B2B04;
	}
	
	#side-img{
		height: 68px;
		width: 150px;
		border:3px double #D5C09C;
		margin: 0 0 31px 10px;
	}

	
	#side-nav-wrap{}
	
	#side-nav{
		list-style-type: none;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	
	#side-nav li{
		padding: 0 0 20px 0;
		text-align: center;
	}
	
	#side-nav li a{
		font-size: 1.0em;
		text-decoration: none;
	}
	
	#side-nav li a:hover{
		color:#4B2B04;
	}
	
	#sub{
		list-style-image: url(../images/bullet.jpg);
		padding: 0 0 0 52px;
	}
	
	#sub li {
		margin: -10px 0 0 0;
		text-align: left;
		padding: 0 0 17px 0;
	}
	
	#sub li a{
		color: #BA9573;
		display: block;
	}
	
	#sub li a:hover{
		text-decoration: underline;
	}
	
	#sub li a:hover,#sub li a.active{
		text-decoration: underline;
	}
	
	#footer ul:first-child{
		margin: 17px 0 0 45px;
	}
	
	#footer ul{
		width: 870px;
		text-decoration: none;
		text-align: center;
		padding: 0;
		margin: 0 0 0 45px;
	}
	
	#footer ul li{
		display: inline;
		font-size: 1.0em;
		color:#D5C09C;
		text-align: center;
	}
	
	#footer ul li a{
		text-decoration: none;
		font-size: 0.9em;
		color:#D5C09C;
		text-align: center;
	}
	
	#footer p{
		color:#D5C09C;
		font-size: 0.95em;
		margin: 0;
		text-align: center;
	}

	
	#footer li span{
		color:#D5C09C;
		display: block;
		font-size: 0.9em;
		width: 100px;
	}
	
/*===================================*/

/*Index Styles =================*/

	#photo-wrap2{
		width: 300px;
		float: right;
	}
	
	#photo1{
		width: 300px;
		padding: 0 0 14px 0;
	}
	
	#photo2{
		width: 300px;
	}
	
/*==============================*/

/*Wall Hanging Styles =================*/

	#wall-photo{
		width: 400px;
		float: left;
	}
	
	#wall-info{
		width: 322px;
		float: right;
	}
	
	#wall-info h2{
		margin: 0;
		text-align: center;
	}
	
	#wall-info p{
		font-size: 0.9em;
		text-align: justify;
	}
	
	#bottom-nav ul{
		width: 344px;
		text-decoration: none;
		padding: 0;
	}
	
	#bottom-nav ul li{
		display: inline;
		padding: 2px;
	}
	
	#bottom-nav ul li a{
		text-decoration: none;
		font-size: 0.9em;
		color: #BA9573;
	}
/*=====================================*/

/*Name Plaques Styles =================*/

	#plaque-photo{
		width: 400px;
		float: left;
	}
	
	#plaque-info{
		width: 322px;
		float: right;
	}
	
	#plaque-info h2{
		margin: 0;
		text-align: center;
	}
	
	#plaque-info p{
		font-size: 0.9em;
		text-align: justify;
	}
	
/*=====================================*/

/*Plaques Styles ======================*/

	#plaques-wrap{
		width: 700px;
	}
	
	#posh-wrap h2{
		font-size: 1.6em;
		margin: 0;
	}
	
	#posh-wrap h3{
		font-size: 1.0em;
		margin: 10px 0 10px 0;	
	}
	
	#posh-wrap h4{
		font-size: 1.0em;
		margin: 10px 0 10px 0;	
	}
	
	#posh-wrap h5{
		font-size: 1.0em;
		margin: 10px 0 10px 0;	
	}
	
	#posh-wrap p{
		font-size: 0.9em;
		text-align: center;
	}
	
	.posh{
		width: 170px;
		float: left;
		margin: 5px;
	}

	.posh a{
		width: 170px;
		float: left;
		margin: 0;
	}
	
	#product-wrap{
		float: left;
	}
	
	#product-wrap p{
		font-size: 0.9em;
	}
	
	.product-thumb{
		float: left;
		margin: 5px;
	}
	
	.plaque-thumb p{
		font-size: 0.9em;
		text-align: center;
	}
	
	#nameplaque-wrap{
		min-height: 475px;
	}
	
	
/*=====================================*/

/*Streched Styles =====================*/
	
	#streched-wrap{
		margin: 0 0 50px 0;
	}
	
	.streched-thumb{
		float: left;
		margin: 5px;
		width: 175px;
	}
	
	.streched-thumb a{
		display: block;
	}
	
	.streched-thumb p{
		font-size: 0.9em;
		text-align: center;
	}

/*=====================================*/

/*Products ============================*/

	#cookie{
		color: #BA9573;
		font-size: 0.8em;
		padding: 0 0 5px 0;
	}
	
	#cookie p a{
		color: #BA9573;
		font-size: 0.9em;
	}
	
	#sku{
		margin: 0 0 0 -20px;
	}
	
	#details-wrap{
		float: right;
		font-size: 0.9em;
		width: 278px;
	}
	
	#details-wrap p{
		font-size: 0.9em;
	}
	

	#product-image{
		height: 589px;
	}

	#product-thumb-wrap{
		padding: 3px;
		width: 305px;
	}


	a .product-thumb{
		border: none;
	}

	#bottom-plaque{
		width: 207px;
		border-top:3px solid #D5C09C;
		margin: 0 0 0 -3px;
	}

	#posh-desc{
		padding: 5px;
	}
	
	#details p{
		font-size: 0.9em;
		text-align: justify;
	}
	
	.detail{
		color: #683d09; 
	}
	
	#posh-desc p{
		text-align: justify;
		text-indent: 5px;
	}
	
	#details-wrap h2,h3,h4{
		color: #683D09;
		font-size: 1.2em;
		margin: 0;
		padding: 0 0 5px 0;
	}

	#posh-alike h5{
		font-size: 1.2em;
		margin: 0;
		padding: 0 0 5px 0;
	}
	
	#posh-desc span{
		font-size: 1.3em;
	}

	#alike{
		overflow: hidden;
		padding: 5px;
		margin: 20px 0 0 0;
		border:3px solid #D5C09C;
		width: 724px;
	}
	
	#alike h5{
		color: #683D09;
		font-size: 1.0em;
		margin: 0;
	}
	
	#alike div{
		float: left;
		margin: 5px;
		text-align: center;
		width: 171px;
	}
	
	#alike div p{
		font-size: 0.9em;
	}
	
	.view{
		cursor: pointer;
		font-size: 0.9em;
	}
	
	#desc-wrap h3{
		font-size: 1.0em;
	}
	
	#desc-wrap p{
		font-size: 0.8em;
		text-align: justify;
	}
	
	#intro{
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	#details{
		float: left;
	}
	
	.top-detail{
		margin: 0 0 10px 0;
		float: left;
	}
	
	.top-detail p{
		float: left;
	}
	
	.color-title{
		float: left;
		width: 53px;
	}
	
	.artist-title{ 
	}
	
	.title{
		float: left;
		width: 75px;
	}
	
	.box-title{
		float: left;
		width: 100px; 
	}
	
	.box{
		float: left;
		margin: 0 0 0 5px;
	}
	
	.box li{
		width: 195px;
	}
	
	.box p{
		float: left;
	}
	
	#gallery{
		background-image: none;
	}
	
	#gallery-wrap{
		margin: auto;
		padding: 20px 0 0 0;
		width: 920px;
	}
	
	.photo{
		float: left;
		width: 747px;
	}
	
	.photo img{
		float: right;
		margin: 0 30px 0 0;
	}
	
	#nav{
		background-color: #EDF2D8;
		border: 1px solid #D5C09C;
		float: right;
		padding: 10px;
		width: 146px;
	}

    #desc{
           float: left;
           margin: 0 10px 10px 0; 
    }
	
	.gallery_thumb{
		float: left;
		margin: 0 10px 10px 0;
	}
	
	#close{
		float: right;
		margin: 2px 0 0 0;
		padding: 10px;
		text-align: center;
		width: 146px;
	}
	
	#close a{
		text-decoration: none;
	}

/*=====================================*/

/*Decor Styles =================*/

	#decor-photo{
		width: 400px;
		float: left;
	}
	
	a #thumb{
		border: none;
    	padding: 10px 8px 0 8px;
   	 	width: 60px;
	}
	
	#imageOptions{
		width: 400px;
		padding: 0;
	}
	
	#imageOptions li{
		display: inline;
	}
	
	#decor-info{
		width: 322px;
		float: right;	
	}
	
	#decor-info h2{
		margin: 0;
		text-align: center;
	}
	
	#decor-info p{
		font-size: 0.9em;
		text-align: justify;
	}
	
/*==============================*/

/*About Styles =================*/

	#about-info{}
	
	#about-info h2{
		margin: 0;
	}
	
	#about-info p{
		font-size: 0.9em;
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	#about-photo-wrap{
		float: right;
		margin: -5px 0 0 0;
		width: 435px;	
	}
	
	#about-photo-wrap h2{
		font-size: 1.1em;
	}
	
	#about-photo-wrap h3{
		font-size: 1.1em;
	}
	
	#about-photo-wrap p, #quote{
		font-size: 0.9em;
		font-family: Lucida "Lucida Handwriting",Times,serif;
		margin: 10px 10px 0 0;
		text-align: center;
	}
	
	#quote{}
	
	#about-photo1{
		margin: 12px 0 0 -57px;
	}
	
	#about-photo2{
		width: 265px;
	}
	
	#artist-list{
		float: left;
		margin: 10px 0 0 38px;
		width: 265px;
	}
	
	#artist-list h3{
		color:#BA9573;
		font-size:1.2em;
	}
	
	#artist-list ul{
		list-style-image: url(../images/listDo.jpg);
	}
	
	#artist-list li{
		padding: 0 0 10px 0;
	}
	
	#artist-list li a{
		font-size: 0.9em;
		padding: 0 0 10px 0;
	}
/*==============================*/
/*Contact Styles =================*/

/*First Contact Page*/
	
	#contact-wrap{}
	
	#contact-wrap h2{}
	
	#contact{
		float: left;
		margin: 35px 0 0 0;
		width: 331px;
	}
	
	#contact ul{}
	
	#contact li{
		font-size: 0.95em;
	}
	
	.contact_btn a{
		background-color: #a5b1d9;
		color: #FFF;
		display: block;
		font-size: 0.88em;
		margin: 10px 0 0 0;
		padding: 7px;
		text-decoration: none;
		width: 113px;
	}
	
	.contact_btn a:hover{
		background-color: #7e89ac;
	}
	
	#contact p{
		font-size: 0.9em;
		margin: 35px 0 0 0;
	}
	
	#mascots{
		float: left;
		margin: 35px 10px 0 0;
		width: 350px;
	}
	
	#spacer{
		margin: 0 0 100px 0;
	}
	
/*End First Contact Page*/

	#contact-info-wrap h2{
		color: #BA9573;
 
	}

	#contact-info{
		text-align: center;
	}
	
	#contact-info p{
		color:#BA9573;
		font-size: 0.81em;
		padding: 10px 0 0 0;
	}
	
	#contact-form p{
		font-size: 0.9em;
	}
	
	#top-form{
		width: 243px;
		margin: auto;
		padding: 20px 0 20px 0;
	}
	
	#top-form label{
		float: left;
		display: block;
		width: 88px;
		color:#BA9573;
	}
	
	#check-box{
		float: right;
		font-size: 0.9em;
		left: -182px;
		position: relative;
		width: 371px;
		color:#BA9573;
		text-align: center;
	}
	
	#bottom-form{
		width: 430px;
		margin: auto;
		padding: 20px 0 20px 0;
	}
	
	#iam{
		width: 100px;
	}
	
	#phone{
		width: 243px;
		margin: auto;
		padding: 0 0 20px 0;
	}
	
	#phone label{
		display: block;
		float: left;
		width: 88px;
		color:#BA9573;
	}
	
	#why{
		padding: 0 0 10px 0;
	}
	
	#why label{
		display: block;
		float: left;
		color:#BA9573;
		width: 215px;
	}
	
	#referal{
		padding: 0 0 10px 0;
	}
	
	#referal label{
		display: block;
		float: left;
		color: #BA9573;
		width: 215px;
	}
	
	#comments{
		width: 325px;
		margin: 0 0 0 43px;
	}
	
	#comments label{
		width: 100px;
		color: #BA9573;
		margin: -5px 22px 0 1px;
	}
	
	#submit{
		width: 84px;
		margin: auto;
		padding: 0 0 20px 0;
	}
	
	#bottom{
		width: 430px;
		margin: auto;
	}
	
	#bottom p{
		font-size: 0.9em;
		color: #BA9573; 
	}
	
/*================================*/

/*Artist Styles ==================*/

#artist-img{
	float: left;
}

#artist-img h2{
	text-align: center;
}

#artist-bio{
	float: right;
	width: 481px;
}

#artist-bio p{
	font-size: 0.9em;
	text-align: justify;
}

/*================================*/

/*Press Styles =================*/

#press-info{
	width: 730px;
	float: left;
}

#press-info h2{
 	color: #BA9573;;
}

#press-info p{
	font-size: 0.9em;
	width: 642px;
	text-align: center;
	color: #BA9573;
}

#press-photo-wrap{
	width: 730px;
	float: left;
	padding: 20px 0 20px 0;
}

#press-photo-wrap p{
	margin: 0 0 0 -53px;
}

.press-photo{
	width: 240px;
	height: 308px;
	float: left;
	margin: 0 0 10px 61px;
}

#inq{
	color: #BA9573; 
}

/*==============================*/

/*Trade Styles =================*/

#trade-show-info{
	width: 730px;
	float: left;
	padding: 0 0 74px 0;
}

#trade-show-info ul{
	margin: 0 0 20px 0;	
}

#trade-show-info div{
	float: left;
	width: 364px;
}

#trade-show-info div img{
	margin: 0 0 20px 0;
}

#trade-show-info h2{
 	color: #BA9573;
}

#trade-show-info p{
	font-size: 0.9em;
	padding: 0 0 20px 0;
	color: #BA9573;
}

.trade-show1{
	width: 178px;
	float: left;
	margin: 0 65px 30px 0	
}

.trade-show2{
	width: 170px;
	float: left;
	margin: 0 48px 48px 0	
}

.trade-show3{
	width: 125px;
	float: left;	
}

.trade-show3 img{
	padding: 0 0 30px 0;
}


.trade-show1,.trade-show2,.trade-show3 p{
	text-align: center;
	color: #BA9573;
}


/*==============================*/

/*For Trade Styles =================*/

#for-trade-wrap{
	margin: 0 0 241px 0;
}

#for-trade-wrap h3{
	color: #BA9573;
	font-size: 1.0em;
	text-decoration: underline;
	margin:  20px 5px 0 0;
}

#for-trade-wrap p{
	font-size: 0.9em;
	text-align: justify;
}

#for-trade-wrap span a{
	font-size: 0.75em;
	text-decoration: none;
}

#for-trade-wrap span a img{
	margin: 0 5px 0 0;
	position: relative;
	top: 10px;
}

#for-trade{
	float: left;
	width: 388px;
}

#for-trade h3{
	margin: 30px 0 0 0;	
}

#for-trade p{
	text-align: justify;
}

#ballons{
	background-image: url(../images/ballons.jpg);
	float: right;
	height: 465px;
	width: 350px;
}

/*---FORM---*/

#app-form-wrap{
	background-color: #FFF;
	border: 3px solid #D5C09C;
	margin: 20px 0 0 20px;
	padding: 10px;
	width: 600px;
}

#app-form-wrap h2{
	border-bottom: 2px solid #D5C09C;
	font-size: 1.2em;
	padding: 0 0 10px 0;
}

#top-info{
	border-bottom: 2px solid #D5C09C;
	padding: 0 0 10px 0; 
}

#top-info p{
	font-size: 0.9em;
}

#app-form-wrap p,label{
	color: #D5C09C;
	font-size: 0.9em;
}

.form-wrap{
	border-bottom: 2px solid #D5C09C;
	padding: 10px 0 10px 0;
}

.form-wrap h3{
	font-size: 0.88em;
}

.form{
	padding: 0 0 10px 0;
}

.form label{
	display: block;
	float: left;
	width: 176px;
}

.form span{
	color: #D5C09C;
	font-size: 0.8em;
	margin: 5px 0 0 5px;
}

.form input{}

#area-phone{
	width: 50px;
}

#area{
	width: 50px;
}

.check{
	margin:  0 0 10px 0;
}

#type{
	display: block;
	float: left;
	width: 139px;
}

.submit{
	margin: 20px 0 0 0;
}

.error{
	color: #ed4a4a;
	font-size: 0.9em;
}

/*==================================*/

/*Store Front ======================*/

#store-front-wrap p{
	font-size: 0.9em;
	margin: 3px 0 0 0;
	text-align: justify;
}

#store-pic{
	background-image: url(../images/storepic.jpg);
	height: 211px;
	width: 742px;
}

#store-qa p a{
	color: #BA9573;
	float: right; 
}

#store-qa ul{
	float: left;
	margin: 23px 0 0 35px;
}

#store-qa li{
	font-size: 0.9em;
	text-decoration: none;
}

#store-qa p{
	font-size: 0.9em;
	margin: 20px 0 0 0;
	text-align: justify;
}

#store-logo{
	background-image: url(../images/ddlogo.png);
	height: 116px;
	width: 452px;
}

#sname{
	float: left;
}

.shift{
	margin: 0 0 0 125px;
}

#web{
	float: right;
	margin: 0 20px 0 0;
	width: 315px;
}

#web p{
	margin: 0;
}

#web p a{
	font-size: 1.0em;
}

#web span{
	display: block;
	font-size: 1.0em;
	margin: 0;
	position: relative;
	top: 20px;
	width: 100px;	
}


/*==================================*/

/*Children's Clocks ================*/

#clock-pic{
	margin: 0 0 30px 0;
}

/*==================================*/