/*----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }

h1 { font-size: 28px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

a img { border: 0px; }
a { color:#6c2b4d; outline:none; text-decoration:none; }
a:hover { text-decoration: underline; }

ul, ol { padding-left:20px; margin-bottom:10px; }

input, select { font-size: 11px; }

small { font-size: 10px; }

body  {
	background:url(/images/bg.jpg);
  color:#4e4e4e;
  font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;	
	margin-bottom:30px;
}

.spacer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}


/************* SPCA ***********/
#outer-wrap { background:url(/images/bg-head.png) repeat-x top center !important; *background:url(/images/bg-head.jpg) repeat-x top center; }
#wrap { background:url(/images/bg-page.jpg) no-repeat center top; margin:0 auto; min-height:560px; padding:0; width:100%; }
#inner-wrap { margin:0 auto; width:960px; }

#head { height:40px; overflow:hidden; }
#head .title { color:#6f797c; font-size:18px; line-height:36px; text-transform:uppercase; width:560px;}
#head .search {float:right; width:250px; }
#head .search .search-box { background:url(/images/search-box.jpg) no-repeat; border:0; height:20px; padding:0 10px; margin:12px 0 0; width:160px; }
#head .search .search-button { background:url(/images/search-button.jpg) no-repeat; border:0; height:20px; position:relative; top:2px; left:6px; width:20px; }

#banner { height:180px; padding:34px 0 0 50px; }
#banner .logo { float:left;}
#banner h1 { color:#5e6867; float:left; font-size:38px; padding:116px 0 0 60px; }

#menu-wrap { float:left; overflow:hidden; width:200px; }
#menu { float:left; width:230px;}
#menu ul, #menu ol { padding-left:0; margin-bottom:0; }
#menu ul { list-style:none; }
#menu a { background:url(/images/menu.jpg) no-repeat; color:#6f797c; display:block; float:left; font-size:16px; height:20px; padding:5px 12px; margin-bottom:10px; width:180px; z-index:1000; }
#menu a:hover { background:url(/images/menu-hover.jpg) no-repeat; color:#fff; display:block; text-decoration:none; }
#menu .menu ul { display:none; margin:0 0 14px; padding:0; width:200px; }
#menu .menu ul li { margin:0; padding:0; }
#menu .subitem a { background:none; font-size:12px; font-weight:bold; margin:2px 0 8px 20px; padding:0; width:180px; }
#menu .subitem a:hover { color:#6c2b4d; }
#menu .arrow { float:left; position:relative; right:20px; top:8px; width:12px;}
#menu .active img { display:none; }
#menu .active a { background:url(/images/menu-active.jpg) no-repeat; color:#fff; display:block; }
#menu .submenu .subitem a { background:none; color:#6f797c; display:block;}
#menu .submenu .active a { background:none; color:#6c2b4d; }

#breadcrumb, #content, #foot { float:left; } 
#breadcrumb { background:url(/images/bg-breadcrumb.jpg) no-repeat; height:24px; padding:6px 30px 0; margin-left:10px; width:670px; }

#content { background:#fff; float:left; overflow:hidden; padding:40px 0 40px 40px; margin:0 0 0 10px; width:690px;}

#content #left { float:left; width:330px;}
#content #left.posts { float:left; width:650px;}
#content #right { float:left; overflow:hidden; margin-left:40px; width:300px; }
#content .block, #content #donate { margin:0 0 20px; }

#content-wrap { float:left; width:740px; } 

#adoptions { height:350px; overflow:hidden; width:330px;}
.adopt { background:url(/images/adopt-bg.jpg) repeat-y; margin-bottom:30px; text-align:center;width:330px; }
.adopt .photo { margin-bottom:10px; } 
.adopt p { line-height:14px;margin:0 0 6px; padding:0 30px; }
.adopt .foot { background:url(/images/adopt-foot.jpg) no-repeat; height:10px; }

#gallery-wrap { height:248px; width:298px; }
#gallery { position:relative; width:350px; }
#photos { height:248px; width:10000px; }
#photos .photo { float:left; height:248px; width:298px; position:absolute;}
#gallery #nav { float:left; position:absolute; left:243px; top:8px; z-index:100; }
#gallery #nav #next { margin-left:4px; }

#posts { margin-top:20px; width:280px; }
.post-item { border-bottom:1px #b2b2b2 dotted; margin:0 0 10px; padding:0 0 10px; }
.post-item strong { text-transform:uppercase;}
.read-more { background:url(/images/circle-arrow.jpg) no-repeat left; height:15px; margin-bottom:20px; padding:0 0 0 16px;  }

#pet_list .row { clear:both; }
#pet_list .cell { float:left; padding:6px 10px; vertical-align:top; }
#pet_list .head { font-weight:bold; font-size:11px; text-transform:uppercase; }
#pet_list .photo { width:110px; }
#pet_list .name { font-weight:bold; width:70px; }
#pet_list .breed { width:70px; }
#pet_list .description { width:190px; }
#pet_list .id { width:45px; }
#pet_list .date { width:45px; }
#pet_list .title { width:80px; }
#pet_list .normal { background:#f3eef1; }

#content #donate { background:url(/images/donate-wrap.jpg) no-repeat; height:170px; width:280px; }
#donate a { position:relative; top:120px; left:170px;}

#sponsors img { margin:0 2px; }

#subscribe { border:2px #d5dfde solid; padding:10px 20px; margin-bottom:20px; width:240px; }
#subscribe #subscriber_name, #subscribe #subscriber_email { border:1px #d5dfde solid; margin:0 0 20px; padding:3px 6px; width:220px; }
#subscriber_submit { background:url(/images/subscribe-button.jpg) no-repeat; border:0; float:right; height:30px; width:110px; }
#unsubscribe_submit { background:url(/images/unsubscribe-button.jpg) no-repeat; border:0; float:right; height:30px; width:130px; }
#left .label { font-size:11px; font-weight:bold; text-transform:uppercase; width:160px; }
#left tr td{ padding-bottom:6px; }

#product-images img{ border:2px #d6dfde solid; display:block; float:left; height:100px; overflow:hidden; padding:0; margin:0 3px 10px; width:100px; }

#spca-form h2 { font-size:20px; padding: 10px 0 0; margin:0; }
#spca-form form { border-spacing: 0px; border-collapse: collapse; }
#spca-form td { border-bottom:1px #d5dfde solid; padding:6px 10px 6px; vertical-align:top; }
#spca-form .explanation { font-size:10px;}
#spca-form .label { padding:6px 20px; width:100px; }
#spca-form .label small { color:#6c2b4d; font-size:9px; font-weight:bold; padding-left:0px; text-transform:uppercase; }
#spca-form .control input { border:1px #999 solid; padding:4px 6px; width:460px; }
#spca-form .control textarea { height:60px; padding:4px 6px; width:460px; }
#spca-form .row { border-top:1px #d5dfde solid; padding:8px 12px; margin-top:8px; }

#foot { background:url(/images/bg-foot.jpg) repeat-x; font-size:10px; height:20px; margin-bottom:30px; margin-left:10px; padding:6px 30px; width:670px; }

/************* BEGIN FORGE DEFAULTS ***********/
/*--------------- forms ------------- */
table.form {
	font-size: 10px;
	border-top: 1px solid #BFBEAE;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.form tr td {
	padding: 6px;
	border-bottom: 1px solid #d2d0bf;
	vertical-align: top;
}

table.form tr td img {
	vertical-align: middle;
}
table.form td.label {
	width: 20%;
	font-size: 9px;
	font-weight: bold;
	color: #665E59;
	text-transform: uppercase;
	vertical-align: top;
}
table.form td.control {
	width: 80%;
	vertical-align: top;
}


/*-------------- posts --------------- */
.pagination-info {
	line-height: 14px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.post {
	margin-bottom: 20px;
}

.post h2, .post h3 {
	margin: 0px;
	padding: 0px;
}

/*---------------- comments ----------------- */
#comments { margin-top: 25px; width:650px;}
#new-comment { border-top: 1px solid silver; padding-top: 10px; }
#comment-message { float: left; width: 58%; }
#comment-details { float: right; width: 38%; }
#comment-details strong small { font-weight: normal; }
#comment-details input.textfield { width: 100%; font-size: 18px; }
#comment-details input.submit { font-size: 14px; }
#comment-details p { margin-bottom: 20px; }
#comment-message textarea { height: 193px; width: 100%; }
#new-comment textarea, #new-comment input.textfield { background: #f6f6f6; border: 1px solid #999; }

.avatar { width: 60px; float: left; margin-right: 10px; }
.avatar img { border: 5px solid silver; }
.comment-text { float: right; width: 680px; }
.comment { border-top: 1px solid silver; padding: 15px 0px; font-size: 13px; }

/*------------- photo gallery ------------- */
#photo-thumbnails {
	list-style: none;
}

#photo-thumbnails li {
	float: left;
	margin: 0px 26px 25px 0px;
	width: 96px;
	text-align: center;
	font-size: 11px;
}

#photo-thumbnails li img {
	width: 90px;
	height: 90px;
	padding: 2px;
	border: 1px solid silver;
}

#photo-thumbnails li.last {
	margin-right: 0px;
}


/*------------- flash messages ------------- */
.flash-msg, .errorExplanation {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
#flash-notice {
	color: #577700;
	border: 1px solid #658900;
	background: url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px;
}
.errorExplanation, #flash-warning, #flash-error {
	color: red;
	border: 1px solid red;
	background: url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px;
}

.errorExplanation h2 {
	color: red;
	text-transform: none;
	margin-top: 2px;
}
div.fieldWithErrors {
	display: inline;
}