/* 
Project: Smith & Harris
Filename: master.css
Date: Aug 11
Revised: n/a
*/



.intextImage
{
	float:left;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}


body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;  
	font-size: 62.5%;	
	color: #333;
	text-align: center;
	font-family: georgia, sans-serif;
	background: #FFF url("../img/body-bg.jpg") repeat-x 0 0;
    }


body a img {
	border: none;
}


/*------ general styles ------*/



.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}


/* div clear floats */	
	
.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}
	

	
/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }


a:focus,
a:hover,
a:active{
	outline:none;
}



/*------ wrap ------*/


#wrap {
	margin: 0 auto 0px auto;
	padding: 0 0 0 0;
	width: 951px;
	text-align: left;
}



/*------ header ------*/


#header {
	float: left;
	width: 949px;
	padding: 0 1px;
	height: 95px;
	background: url("../img/header-bg.png") no-repeat 0 0;
}


#header #logo,
#header #logo a{
	float: left;
	width: 220px;
	height: 95px;
	text-indent: -9999px;
	}


#header #navigation{
	float: right;
	font-size: 1.4em;
	font-family: georgia, sans-serif;
	padding: 18px 9px 0 0;
	}
	
	
#header #navigation li{
	float: left;
	position: relative;
	padding: 0 13px;
	border-right: 1px solid #5C5C5C;
	}	
	
	
#header #navigation li.last{
	border-right: none;
	}
	
#header #navigation li a{
	float: left;
	color: #cccccc;
	text-decoration: none;
	}

#header #navigation li a:hover,
#header #navigation li.here a,
#header #navigation li.here-parent a{
	color: #8e6613;
	}
	

#header #navigation li.here-parent{	
	border-right: 1px solid #977122;
	}		

	
	
#header #navigation li ul{
	float: left;
	width: 400px;
	position: absolute;
	top: 1em;
	right: -1px;
	padding: 15px 0 0 0;
	font-size: 0.9em;
	border-right: 1px solid #977122;
	}
	
	
#header #navigation li ul li{
	float: right;
	border-right: none;
	background: url("../img/nav-divider.gif") no-repeat 0px 2px;
	}
	

#header #navigation li ul li.first{
	background: none;
	}
	
	
#header #navigation li ul li a{
	float: left;
	color: #CCCCCC !important;
	}
	
#header #navigation li ul li a:hover,
#header #navigation li ul li.here a{
	color: #8e6613 !important;
	}

/*------ homeIntro ------*/


#homeIntro {
	float: left;
	position: relative;
	width: 949px;
	height: 361px;
	padding: 0 1px 3px 1px;
	margin: -3px 0 0 0;
	background: url("../img/homeIntro-bg.png") no-repeat 0 0;	
	}
	


#homeIntro .top{
	float: left;
	width: 951px;
	height: 3px;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 10000;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	}
	
	
#slider1 li{
	height: 359px;
	}
	
	
	
#slider1 li a{
	float: left;
	width: 196px;
	padding: 10px 15px;
	border: 1px dotted #CCC;
	margin: 230px 0 0 20px;
	text-decoration: none;
	color: #FFF;
	font-size: 2em;
	text-shadow: #333 2px 2px 2px;
	}
	

#slider1 li a:hover{
	background: url("../img/slider-bg.png");
	border: 1px dotted #DDB96E;
	}
	

#slider1 li a span{
	font-size: 0.7em;
	text-decoration: underline;
	padding: 0 10px 0 0;
	background: url("../img/arrow-white.png") no-repeat 100% 4px;
	}
	



/*------ content ------*/	

#content {
	float: left;
	width: 911px;
	padding: 25px 20px 40px 20px;	
	background: #FFF url("../img/content-bg.jpg") repeat-x 0 0;
	}
	
	
	
/*------ mainContent ------*/	

#mainContent {
	float: left;
	width: 625px;
	}	
	


#mainContent h1{
	font-size: 2.5em;
	padding: 0 0 25px 0;
	font-family: Garamond, serif;
	}
	
	
#mainContent h1 span{
	color: #977122;
	}
	

#mainContent h2{
	font-size: 1.6em;	
	padding: 0 0 15px 0;
	}
	
	
#mainContent h3{
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	color: #977122;
	}	

	
#mainContent p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 15px 0;
}


#mainContent ul{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 15px 0;
}


#mainContent ol{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 15px 0;
}


#mainContent ul li{
	list-style: disc;
	margin: 0 0 0 15px;
	}
	
#mainContent ol li{
	list-style: decimal;
	margin: 0 0 0 15px;
	}	


#mainContent p strong{
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	}
	
	
#mainContent p em{	
	color: #977122;
	font-size: 1.1em;
	}
	
.views-field-title{
	font-family: Garamond, serif !important;
}	
	

.home #mainContent p{
	font-size: 1.4em;
	}

#mainContent p a{
	color: #977122;
	}
	
#mainContent p a:hover{
	text-decoration: none;
	}


#mainContent .imageLeft{
	float: left;
	padding: 5px 15px 15px 1px;
	background: url("../img/small-image-bg.gif") no-repeat 0 5px;		
	}
	
#mainContent .imageRight{
	float: right;
	padding: 5px 1px 15px 15px;
	background: url("../img/small-image-bg.gif") no-repeat 100% 5px;	
	}	

#mainContent .mainImage{
	float: left;
	margin: 0 0 30px 0;
	padding: 0 1px 3px 1px;
	background: url("../img/mainImage-bg.gif") no-repeat 0 0;	
	}


/*------ .block ------*/	
	
.block{
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	background: url("../img/dotted-line.gif") repeat-x 0 0;
	
	}


.alt{
	margin: 0 0 0 0;
	padding: 30px 0 20px 0;
	background: url("../img/dotted-line.gif") repeat-x 0 100%;
	}

.block em{
	color: #333 !important;
	}
	
	
#mainContent .block p{
	padding: 0 0 10px 0;
}	

	
.block img{
	float: left;
	padding: 0 20px 20px 0;
	}
	
	
	
.block form,
.comments form{
	float: left;
	width: 595px;
	padding: 15px;
	background: url("../img/form-bg.jpg") repeat-x 0 0;
}	


.block form .field,
.block form .textarea,
.comments form .field,
.comments form .textarea,
.block form .form-item{
	float: left;
	width: 595px;
	}
	
	
.block form .field label,
.block form .form-item label,
.block form .textarea label,
.comments form .field label,
.comments form .textarea label{
	float: left;
	width: 150px;
	font-weight: bold;
	font-size: 1.2em;
	}
	
	
.block form .field input,
.block form .form-item input,
.block form .form-item textarea,
.block form .textarea textarea,
.comments form .field input,
.comments form .textarea textarea{
	float: left;
	width: 300px !important;
	}
	
	
.block form .form-item textarea{
	width: 304px !important;
	}	
	
	
.block form .send,
.comments form .send{
	float: left;
	width: 450px;
	}	
	
.block form .send input,
.comments form .send input{
	float: right;
	border: none;
	font-family: georgia, serif;
	font-size: 12px;
	text-decoration: underline;
	background: url("../img/arrow-gold.gif") no-repeat 100% 4px;
	padding: 0 10px 0 0;
	cursor: pointer;
	}
	
	
.comments form .send input{
	float: left;
	margin: 20px 0 0 0;
	}
	
	
.block form .send input:hover{
	text-decoration: none;
	}


.block p.moreLink{
	font-size: 1.3em !important;
	}
	

.block p.moreLink a{
	color: #333 !important;
	padding: 0 10px 0 0;
	background: url("../img/arrow-gold.gif") no-repeat 100% 4px;	
	}
	
.block p.moreLink a:hover{
	text-decoration: none;
	}
	
	
.block p.date,
.entry p.date{
	margin: -15px 0 0 0;
	font-style: italic;
	}
	

/*------ blog ------*/	

.entry {
	float: left;
	width: 625px;
	padding: 0 0 20px 0;
	}
	
	
.entry img{
	float: left;
	padding: 0 10px 10px 0;
	}
	
	
.entry em{
	}
	

.withImage h3,	
.withImage p,
.withImage ol,
.withImage ul{
	float: right;
	width: 415px;
	}
	
	
.pagination {
	float: left;
	width: 625px;
	padding: 0 0 15px 0;
	}	
	
	
.pagination a{
	color: #333 !important;
	padding: 0 10px;
	background: url("../img/arrow-gold.gif") no-repeat 100% 4px;	
	}
	
.pagination .previous{
	float: left;
	background: url("../img/arrow-gold2.gif") no-repeat 0 4px;		
	}
	

.pagination .next{
	float: right;
	}
	
	

.comments {
	float: left;
	width: 625px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	background: url("../img/dotted-line.gif") repeat-x 0 0;	
	}	
	
	
.comments em{
	color: #333 !important;
	}
	
	
.comments .comment{
	float: left;
	width: 595px;
	padding: 10px 15px 5px 15px;
	background: url("../img/comment-bg.jpg") repeat-x 0 0;	
	}
	
	
.comments .moreLink a{
	color: #333 !important;
	padding: 0 10px 0 0;
	background: url("../img/arrow-gold.gif") no-repeat 100% 4px;	
	}	
	
	
.comments .moreLink a.open{
	padding: 0 13px 0 0;
	text-decoration: none;
	background: url("../img/arrow-gold3.gif") no-repeat 100% 4px;	
	}	
	
	
.entry div.date{
	margin: -15px 0 0 0;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 15px 0;
	font-style: italic;
	}
	
.fieldset-legend{
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	padding: 0 0 10px 0 !important;	
	}
	
	
.fieldset-description{
	font-size: 1.2em;
	padding: 0 0 15px 0;
	}
	

#comments .fieldset-wrapper label,
#comments .fieldset-wrapper .description{
	font-size: 1.2em !important;
	display: block;
	padding: 5px 0 10px 0 !important;	
	}
	
	
#edit-captcha-response{
	width: 200px;
	}	
	
	
.views-field-title{
	font-size: 1.3em;
	padding: 0 0 5px 0;
	}
	
	
.views-field-changed{
	font-size: 1.2em;
	padding: 0 0 5px 0;
	}		


.comment-reply a{
	color: #333;
	}

/*------ works ------*/	

#works {
	float: left;
	width: 100%;
	padding: 15px 0 15px 0;
	}
	
#works .work{
	float: left;
	width: 197px;
	margin: 0 11px 0 0;
	}
	
	
#works .work img{
	float: left;
	padding: 0 0 15px 0;
	}
	
	
#works .work .moreLink{
	float: left;
	width: 197px;
	height: 40px;
	}	
	

#works .work .moreLink a{
	color: #333 !important;
	font-size: 1.3em;
	padding: 0 10px 0 0;
	background: url("../img/arrow-gold.gif") no-repeat 100% 4px;	
	}	
	
	
#works .work .moreLink a:hover{
	text-decoration: none;
	}


#mainContent #works .work .moreLink a{
	font-size: 1.1em;
	}
	

#mainContent #works p{
	/* font-style: italic; */
	}
	
#mainContent #works .work .moreLink{
	font-style: normal;
	}
	

/*------ sideBar ------*/	

#sideBar {
	float: right;
	width: 265px;
	padding: 52px 0 0 0;
	}	
	
	
.home #sideBar{
	padding: 0 0 0 0;
	}
	
	
#sideBar .feature{
	float: right;
	width: 265px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;	
	background: url("../img/dotted-line.gif") repeat-x 0 100%;	
	}	
	
	
#sideBar .last{	
	background: none;	
	}	
	
#sideBar .feature img{
	float: left;
	padding: 0 0 15px 0;
	}
	
	
#sideBar h3{
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 0 0 25px 0;
	color: #977122;
	}	

	
#sideBar p{
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.3em;
	padding: 0 0 5px 0;
}


#sideBar p.moreLink{
	font-size: 1.2em;
	font-style: normal;	
	}
	

#sideBar p.moreLink a{
	color: #977122;
	padding: 0 10px 0 0;
	background: url("../img/arrow-gold.gif") no-repeat 100% 4px;	
	}
	
#sideBar p.moreLink a:hover{
	text-decoration: none;
	}
	
	
#sideBar .image,
#sideBar .quote{
	background: none;
	}
	
	
#sideBar .quote p{
	color: #977122;
	font-style: normal;
}


#sideBar .quote blockquote p{
	font-size: 1.6em;
	font-style: italic;	
	}
	
	
#sideBar .image p.moreLink,
#sideBar .quote p.moreLink{
	font-size: 1.3em;
	}
	
	
#sideBar .image p.moreLink a,
#sideBar .quote p.moreLink a{
	color: #333;
	}
	

/*------ gallery ------*/


#sideBar #gallery{
	float: left;
	width: 265px;
	}
	
#sideBar #gallery li{	
	float: left;
	width: 120px;
	margin: 0 0 12px 12px;
	}
	
	
#sideBar #gallery li img{
	float: left;
	}



#galleryIntro {
	float: left;
	position: relative;
	width: 625px;
	height: 361px;
	padding: 0 0 0 0;
	margin: -3px 0 0 0;
	background: none !important;	
	}


#slider2{
	margin: 0 !important;
	padding: 0 !important;
	}
	
	
#slider2 li{
	height: 359px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	}
	
	
	
#slider2 li a{
	float: left;
	width: 196px;
	padding: 10px 15px;
	border: 1px dotted #CCC;
	margin: 230px 0 0 20px;
	text-decoration: none;
	color: #FFF;
	font-size: 2em;
	text-shadow: #333 2px 2px 2px;
	}
	

#slider2 li a:hover{
	background: url("../img/slider-bg.png");
	border: 1px dotted #DDB96E;
	}
	

#slider2 li a span{
	font-size: 0.7em;
	text-decoration: underline;
	padding: 0 10px 0 0;
	background: url("../img/arrow-white.png") no-repeat 100% 4px;
	}	
	
	
.galleryDetail{
	float: left;
	width: 625px;
	padding: 20px 0 20px 0;
	margin: -3px 0 0 1px;
	background: url("../img/galleryDetail-bg.jpg") repeat-x 0 0;
	}	
	
	

#moreWorks{
	float: left;
	width: 535px;
	position: relative;
	padding: 20px 40px 20px 50px !important;
	background: url("../img/galleryDetail-bg.jpg") repeat-x 0 0;	
	}
	

#moreWorks li{
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	}
	
	
#moreWorks li img{
	float: left;
	}
	
	

#moreWorks .prev{	
	float: left;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 48px;
	left: 21px;
	text-indent: -9999px;
	background: url("../img/moreWorks-arrows.gif") no-repeat 0 0;
	}
	
	
#moreWorks .next{	
	float: left;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 48px;
	right: 21px;
	text-indent: -9999px;
	background: url("../img/moreWorks-arrows.gif") no-repeat -6px 0;
	}	
	
	
	
/*------ footer ------*/	

#footer {
	float: left;
	width: 915px;
	padding: 20px 18px 0 18px;	
	height: 65px;
	font-size: 1.2em;
	font-family: georgia, sans-serif;	
	background: url("../img/footer-bg.jpg") repeat-x 0 0;
	}	
	
	
#footer p{
	float: left;
	color: #333333;
	}
	
	
#footer p a{
	text-decoration: none;
	color: #333333;	
	}
	
	
#footer p a em{
	text-decoration: underline;
	}
	
	
#footer p a:hover em,
#footer p a:hover{
	text-decoration: none !important;
	}	
	
	
#footer p.social{
	float: right;
	color: #666666;	
	}	
	
	
#footer p.social a{
	color: #666666;	
	text-decoration: underline;
	}