/* 
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/************************* UPDATED DSTYLE ****************************/
h3 {margin-bottom: 3px;}

#logo {padding:4px 10px 0 0; float:right;}
#header {width:100%; text-align:center; margin: 20px 0 15px 0; padding:0; background-color: transparent; background-image: url(images/LogoBarTrans.png); background-repeat: repeat; height: 105px;}
#masthead {float: right;margin-left:20px; padding-top:8px}
body {color:#999; background: #FFAA00 url(images/BkgrndSlice59x1747.png) repeat-x fixed; height: 100%;}
.container {background: url(images/DivBk70.png) repeat; background-color: transparent; padding: 3px;}
.container-inner {background-color: #fff; margin: 10px; padding: 10px;}

#footer-wrap {background:url(images/footerTile.png) repeat-x center top; width:100%; padding: 15px 10px 2px 10px;}
#footerLogo {float:right; padding:0px; margin:0; width:315px;}
.thumbs {
	background: #fff; 
	width: 160px; 
	margin: 0px 20px 25px 0px; 
	border: solid 1px #BFBFBF; 
	text-align:center; 
	padding:5px; 
	float:left; 
	/* Shadow */
	-moz-box-shadow: 3px 3px 4px #CFCFCF;
	-webkit-box-shadow: 3px 3px 4px #CFCFCF;
	box-shadow: 3px 3px 4px #333;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
	/*Rounded Corners No IE Support */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	list-style:none;
	/*Easing rollover effect*/
	-webkit-transition: -webkit-transform .15s linear;
}

.thumbs:hover {
-webkit-transform: scale(1.15) rotate(2deg);
-moz-transform: scale(1.15) rotate(2deg);
position: relative;
z-index: 5;

}

.thumbs img {border: 1px #999 solid;}
.subPageTitle {font-weight:bold; color:#F60; font-size:12px;}
.specialTitle {/*cufon font replacement class*/ color: #f60; font-size:12px; margin-bottom: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-style:oblique; font-weight:600;}
.page h2{font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 2px; font-weight: bold; color: #F60; font-size:30px; font-style:oblique;}
.post h2 {font-size: 22px; font-weight: 500; font-style:oblique;}
.sub {font-family: Georgia, "Times New Roman", Times, serif;}
.note {display:block; padding: 0px 10px 3px 10px; margin: 2px 0px 20px 0px; background: #F3F3F3; 
	/*Rounded Corners No IE Support */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	}
.note h2 {font-size: 34px; font-style:oblique;}
.note h3 {line-height: 1.2em;}

.product {display:block; padding: 3px 10px 3px 3px; margin: 2px 0px 20px 0px; background: #F3F3F3; width: 95%; height: 164px; border: 1px solid #DBDBDB;
		-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; clear:left;
	}
.product:hover {
	border: solid 1px #000000;
	background: #F3F3F3;
	background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#DBDBDB));
	background: -moz-linear-gradient(top,  #F3F3F3,  #DBDBDB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#DBDBDB');
}
.product img {margin: 5px 10px 5px 5px; border: solid 1px #999; padding: 0px;}
.product:hover img {border: solid 1px #000;}
.product h3 {margin-top: 10px; font-size: 28px; color: #F60; font-family: Georgia, "Times New Roman", Times, serif; font-style:oblique;}

/* Extras */
.address {color: #fff; font-size:12px; font-weight: bold; margin-bottom: 1px;}
.studioPic {margin: 2px 10px 0px 5px; padding: 2px; border: #fff 2px solid;}
.location {display: block; margin: 0px; width: 100%;}
.mapLink {font-weight:bold; color: #fbc2a1; font-size:11px;}
.mapLink a:visited {color: #fbc2a1;}
.mapLink a:hover {color: #fff;}

.sf-menu {float:left; width:auto; margin:45px 0 0 30px;}
.sf-menu li {margin-right:1em;}
.sf-menu #search #s {width:100px;}
.sf-menu .search ul, .sf-menu .search ul li { width: 142px !important; }
#top .sf-menu a {color: #999;}*/
#top .sf-menu a:hover {color: #fff;}
.sf-menu #search form#searchform input#s {background:#fff; width:125px;}

#top .sf-menu {height: 34px;}
#top .sf-menu, #top .sf-menu li,.sf-menu, .sf-menu li, #menu-wrap {font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold;}
#top .sf-menu li a,.sf-menu li a { color:#fff; }
#top .sf-menu li a:hover, .sf-menu li a:hover { color:#ffffff; background: url(images/navBkHover.png) repeat-x;}
#top #search #s, #search #s {border: 1px solid #666666;}
#top .sf-menu li {background: url(images/navBk.png) repeat-x;}
#top .sf-menu li ul li {background-image:none;}
a, a:link, a:visited, .welcomebox h2 a {}

/* Sidebar stuff */
.entry-summary {margin-top:0px;}
.post-title {margin-bottom:2px;}

/* Buttons */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
 
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
