html { }

body { text-align:center; background:url('../img/background.jpg') repeat-x #757D88;   font-family:verdana; font-size:12px; }

#container { 
	margin-top:20px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#redbaraboveheader {
display:block;
width:180px;
height:10px;
background:#8B0607;
margin-right:20px;
margin-left:600px;
}

#head {
background:url('../img/logo.jpg');
height:80px;
width:800px;
overflow:hidden;
}
	#head a strong {
	display:none;
	}
	
	#head label {
	color:#fff;
	height:20px;
	width:160px;
	margin-left:10px;
	margin-right:10px;
	}
	
	#head input {
	border:0;
	height:19px;
	padding-top:3px;
	width:155px;
	margin-left:10px;
	margin-right:10px;
	padding-left:2px;
	}
	
	#logo {
	width:400px;
	height:80px;
	float:left;
	}
	
	#login {
	margin-top:10px;
	margin-right:20px;
	height:60px;
	width:180px;
	background:#8B0607;
	float:left;
	overflow:hidden;
	}
	

	
	#search {
	margin-right:20px;
	padding-top:20px;
	height:50px;
	width:180px;
	background:#8B0607;
	float:left;
	}

#nav {
width:800px;
height:25px;
text-align:left;
background:#fff;
background:#8B0607;
color:#fff;
}
	#nav a {
	margin-right:20px;
	color:#fff;
	padding:5px;
	line-height:15px;
	height:15px;
	display:block;
	float:left;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	}
	
	#nav a:hover {
	color:#fff;
	background:#000;
	}
	
#subnav {
padding-left:10px;
width:790px;
height:25px;
text-align:left;
background:#000;
color:#fff;
}
	#subnav a {
	margin-right:20px;
	color:#ccc;
	padding:5px;
	line-height:13px;
	height:15px;
	display:block;
	float:left;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	}
	
	#subnav a:hover {
	color:#fff;
	background:#000;
	}
	
#main {
background:#fff;
width:800px;
}

#footer {
width:780px;
height:25px;
line-height:25px;
padding-left:10px;
padding-right:10px;
color:#fff;
background:url('../img/footer.jpg');
font-size:11px;
margin-bottom:10px;
}

#footer a { color:#fff; text-decoration:none }
#footerleft { 
width:590px;
height:25px;
text-align:left;
float:left;
}

#footerright { 
width:190px;
height:25px;
text-align:right;
float:left;
}

h1 {
height:30px;
width:780px;
margin-right:10px;
margin-left:10px;
}

h2 {
text-align:center;
font-size:24px;
height:40px;
line-height:40px;
width:800px;
color:#fff;
background:#8B0607;
}

p {
margin-left:10px;
line-height:17px;
margin-right:10px;
padding:6px;
width:766px;
border:1px #8B0607 solid;
border-top:none;
}
p a {
color:#8B0607;
font-weight:bold;
text-decoration:none;
}
p a:hover {
text-decoration:underline;
}
#filmstrip {
height:150px;
width:800px;
background:url('../img/randomselection.jpg');
}

#filmstrip img {
display:block;
float:left;
width:110px;
height:78px;
border:4px #000 solid;
margin-left:6px;
margin-top:32px;
}
#filmstrip img:hover { border:4px #8B0607 solid; }
#filmstrip img#first { margin-left:31px; }


#lostpets {
border:1px #000 solid;
margin-left:9px;
cursor:pointer;
}

#contactus {
border:1px #000 solid;
margin-left:9px;
cursor:pointer;
}

#theblog {
border:1px #000 solid;
margin-left:9px;
cursor:pointer;
}

#slidelostpets { display:none; }
#slidecontactus { display:none; }

#lostpets_p {
width:780px;
height:220px;
margin-left:9px;
margin-right:9px;
border:1px #000 solid;
border-top:0;
}

#contactus_p {
width:780px;
height:305px;
margin-left:9px;
margin-right:9px;
border:1px #000 solid;
border-top:0;
}

.lostpets_col1 {
display:block;
padding-top:20px;
width:200px;
height:220px;
float:left;
}
.lostpets_col2 {
display:block;
padding-top:20px;
width:580px;
height:220px;
float:left;
}
.lostpets_col1 label {
text-align:center;
display:block;
width:140px;
height:13px;
padding:10px;
padding-top:7px;
margin-left:20px;
margin-right:10px;
background:#8B0607;
color:#fff;
font-weight:bold;
}

.lostpets_col2 label {
float:left;
text-align:center;
display:inline;
width:140px;
height:13px;
padding:10px;
padding-top:7px;
background:#000;
color:#fff;
font-weight:bold;
margin-top:20px;
}

.lostpets_col2 input {
margin-top:20px;
margin-left:20px;
margin-right:100px;
text-align:center;
display:inline;
width:229px;
height:14px;
text-align:left;
padding:7px;
padding-top:7px;
background:#fff;
color:#000;
border:1px #000 solid;
}
.lostpets_col2 input.lostpetssubmit {
float:left;
text-align:center;
display:block;
width:161px;
height:29px;
padding:9px;
padding-top:6px;
background:#8B0607;
margin-left:0;
color:#fff;
font-weight:bold;
margin-top:20px;
}

.lostpets_col2 textarea {
margin-top:20px;
margin-left:20px;
margin-right:100px;
text-align:center;
display:inline;
width:229px;
height:50px;
text-align:left;
padding:7px;
padding-top:7px;
background:#fff;
color:#000;
border:1px #000 solid;
}

.storiehalf {
width:380px;
height:260px;
float:left;
margin-left:10px;
margin-right:10px;
}

.category {
margin-left:10px;
line-height:17px;
margin-right:10px;
width:778px;
border:1px #8B0607 solid;
border-top:none;
border-bottom:none;
}
h1 { clear:both; }

.item {
padding:10px;
width:758px;
height:50px;
border-bottom:1px #8B0607 solid;
display:block;
}
.item2 {
padding:10px;
width:758px;
border-bottom:1px #8B0607 solid;
display:block;
clear:both;
}
.item img {
height:50px;
width:70px; 
margin-right:10px;
float:left;
}
.item a {
color:#8B0607;
text-decoration:none;
}
.item a:hover {
text-decoration:underline;
}
.item2 a {
color:#8B0607;
text-decoration:none;
}
.item2 a:hover {
text-decoration:underline;
}
.item .title {
font-weight:bold;
}
.item em {
font-style:normal;
color:#999;
}
.item2 em {
font-style:normal;
color:#999;
}
.itemleft {
float:left;
margin-right:10px;
}

.more {
width:790px;
margin-right:10px;
text-align:right;
}
.more a {
color:#8B0607;
text-decoration:none;
padding:5px;
margin-left:730px;
width:50px;
font-weight:bold;
display:block;
}
.more a:hover {
background:#8B0607;
color:#fff;
}
.commentheader {
height:20px;
line-height:20px;
border-bottom:#999 1px solid;
width:778px;
clear:both;
}
.commentheader a {
float:left;
width:200px;
margin-left:10px;
margin-right:358px;
color:#000;
font-weight:bold;
text-decoration:none;
}
.commentheader em { 
float:left;
color:#999;
display:block;
width:200px;
height:20px;
text-align:right;
}

.commentbody {
background:#fff;
color:#000;
padding:10px;
width:758px;
border-bottom:1px #8B0607 solid;
display:block;
clear:both;
}

.commentbody a {
color:#8B0607;
text-decoration:none;
}
.commentbody a:hover {
text-decoration:underline;
}
.commentbody em {
font-style:normal;
color:#999;
}

.insertcomment {
margin-left:10px;
border:0;
padding:10px;
height:130px;
width:758px;
border-left:1px #8B0607 solid;
border-right:1px #8B0607 solid;
border-bottom:1px #8B0607 solid;
}

.commentsubmit {
margin-left:712px;
color:#fff;
padding:5px;
width:78px;
border:1px #8B0607 solid;
display:block;
clear:both;
font-weight:bold;
background:#8B0607;
}

.petrow {
margin:10px;
margin-top:0;
margin-bottom:0;
width:778px;
overflow:hidden;
border:1px solid #8B0607;
clear:both;
padding-bottom:10px;
}
.petrow img {
margin-top:9px;
margin-left:4px;
margin-right:0;
border:5px #000 solid;
}
.petrow img:hover {
border:5px #8B0607 solid;
}

.petrow i {
font-style:normal;
color:#999;
}

#top6 i {
font-style:normal;
color:#fff;
}
.petrow .petlabel {
margin-top:3px;
width:120px;
margin-right:8px;
float:left;
text-align:center;
}
.petrow strong { font-weight:bold; }
#top6 {
background:#8B0607;
color:#fff;
margin-top:10px;
height:129px;
margin-bottom:10px;
}

#top6 img {
border:5px #fff solid;
}

.groupsparagraph a {
color:#000;
}

.alphabet a {
height:20px;
display:block;
text-align:center;
width:20px;
line-height:20px;
text-decoration:none;
float:left;
border:1px solid #8B0607;
border-right:0px;
color:#8B0607;
}
.alphabet {
margin-left:10px;
}
.alphabet a.alphabetcurrent, .alphabet a:hover {
background:#8B0607;
color:#fff;
}

.sortby a {
height:20px;
display:block;
text-align:center;
padding-left:3px;
padding-right:3px;
line-height:20px;
text-decoration:none;
float:left;
border:1px solid #8B0607;
border-right:0px;
color:#8B0607;
}
.sortby {
margin-left:10px;
}
.sortby a.current, .sortby a:hover {
background:#8B0607;
color:#fff;
}
.ownrentry img {
height:50px;
width:70px;
padding:10px;
float:left;
}
.ownrentry {
width:800px;
height:70px;
overflow:hidden;
border-top:1px solid #8B0607;
}
.ownrsleft {
float:left;
padding-top:10px;
line-height:24px;
font-style:italic;
color:#999;
width:240px;
}
.ownrentry a {
color:#8B0607;
font-weight:bold;
text-decoration:none;
font-style:normal;
}
.ownrsleft a:hover {
text-decoration:underline;
}
.ownrsright {
padding-top:10px;
line-height:24px;
}
.topicleft {
float:left;
padding-top:10px;
line-height:24px;
font-style:italic;
color:#999;
width:440px;
}
.topicright {
padding-top:10px;
line-height:24px;
}
.personalinfoform {
border:1px solid #8B0607;
border-top:0;
width:778px;
margin-left:10px;
overflow:hidden;
}
.line { 
padding:20px;
padding-bottom:0;
width:738px;
height:30px;
}
.line label {
display:block;
width:160px;
height:30px;
float:left;
background:#8B0607;
color:#fff;
text-align:center;
line-height:30px;
}
.radio { 
width:30px;
height:30px;
text-align:left;
float:left;
margin-left:20px;
background:#8B0607;
color:#fff;
}
.radio input {
margin:9px;
}
.nameinput {
height:16px;
line-height:20px;
display:block;
padding:5px;
width:230px;
margin-left:20px;
float:left;
}
.fullsize {
height:16px;
line-height:20px;
display:block;
padding:5px;
width:494px;
margin-left:20px;
float:left;
}
.middleofinfo {
display:block;
width:558px;
margin-left:20px;
float:left;
}
label.smallerlabel {
display:block;
width:160px;
height:30px;
float:left;
background:#000;
color:#fff;
text-align:center;
line-height:30px;
}

.smallertext {
height:16px;
line-height:20px;
display:block;
padding:5px;
width:313px;
margin-left:20px;
float:left;
}
.middleofinfo .radio {
margin-bottom:20px;
}
.accountcol {
margin-left:10px;
width:383px;
float:left;
border:1px #8B0607 solid;
border-top:0;
border-bottom:0;
}
.accountitem img {
height:50px;
width:70px; 
padding:10px;
float:left;
}
.accountitem {
width:321px;
height:70px;
border-bottom:1px #8B0607 solid;
line-height:70px;
float:left;
}
.accountadd {
width:383px;
height:30px;
background:#8B0607;
clear:both;
line-height:30px;
}
.accountadd a {
color:#fff;
padding-left:10px;
text-decoration:none;
}
.accountadd a:hover {
text-decoration:underline;
}
.accounteditdelete {
width:37px;
padding-top:27px;
height:43px;
text-align:right;
padding-left:10px;
padding-right:15px;
border-bottom:1px #8B0607 solid;
line-height:70px;
float:left;
}
.accountitem a {
font-size:18px;
color:#000;
text-decoration:none;
font-weight:bold;
}
.accountitem a:hover { text-decoration:underline; }
.editicon {
margin-right:5px;
}

.petcol1 {
margin-left:10px;
float:left;
width:300px;
height:240px;
margin-top:10px;
line-height:20px;
font-weight:bold;
}
.petcol1 img {
border:10px #000 solid;
border-top:0;
}
.petcol2 {
margin-left:10px;
float:left;
margin-top:10px;
width:470px;
height:240px;
margin-bottom:10px;
overflow:hidden;
}

.petcol2 .therest {
line-height:20px;
padding:10px;
width:448px;
height:188px;
border: 1px #8B0607 solid;
border-top:0;
}
.petcol2 a {
text-decoration:none;
color:#8B0607;
}
.petcol2 strong { font-weight:bold; }


h4 {
font-weight:bold;
height:20px;
margin-top:10px;
margin-left:10px;
}
.petdesc {
margin-bottom:10px;
}


.addfriend {
margin-left:10px;
width:770px;
height:30px;
margin-right:10px;
line-height:30px;
background:#8B0607;
color:#fff;
text-decoration:none;
display:block;
padding-left:10px;
}
.addfriend:hover, .privatemessage:hover {
text-decoration:underline;
}
.privatemessage {
margin-left:10px;
margin-top:10px;
width:770px;
height:30px;
margin-right:10px;
line-height:30px;
background:#8B0607;
color:#fff;
text-decoration:none;
display:block;
padding-left:10px;
}
.ownrcontainer {
margin:10px;
width:778px;
border:1px solid #8B0607;
}

.ownrtop {
height:70px;
}

.ownrtop img {
height:50px;
width:70px;
padding:10px;
float:left;
}
.ownrstopleft {
width:500px;
float:left;
height:60px;
padding-top:10px;
line-height:17px;
}
.ownrstopright {
width:175px;
float:left;
height:70px;
line-height:35px;
text-align:right;
}
.ownrmiddle {
border-top:1px solid #8B0607;
height:50px;
line-height:25px;
clear:both;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
}

.ownrmiddle a {
text-decoration:none;
color:#8B0607;
}
.ownrmiddle a:hover {
text-decoration:underline;
}

.ownrbottom {
border-top:1px solid #8B0607;
height:40px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
line-height:20px;
}

.pagination {
margin-left:5px;
}
.pagination a {
text-decoration:none;
color:#8B0607;
padding:3px;
}
.pagination a:hover {
background:#8B0607;
color:#fff;
}
.post { 
	width:778px;
	border:1px solid #000;
	border-top:0;
	margin-left:10px;
	height:30px;
	line-height:30px;
	font-weight:bold;
}
.post a {
	text-decoration:none;
	padding-right:10px;
	color:#8B0607;
}
.post a:hover {
	text-decoration:underline;
}
.post em a {
	padding-left:10px;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}
.post em a:hover {
	text-decoration:underline;
}
.post i {
	padding-left:10px;
	padding-right:10px;
	font-style:normal;
	color:#999999;
}

.postnew { 
	width:778px;
	border:1px solid #000;
	border-top:0;
	margin-left:10px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	background:#8B0607;
	color:#ddd;
}
.postnew a {
	text-decoration:none;
	padding-right:10px;
	color:#fff;
}
.postnew a:hover {
	text-decoration:underline;
}
.postnew em a {
	padding-left:10px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.postnew em a:hover {
	text-decoration:underline;
}
.postnew i {
	padding-left:10px;
	padding-right:10px;
	font-style:normal;
	color:#fff;
}
.post img, .postnew img {
	padding:5px;
	height:20px; width:28px; float:left; padding-right:10px;
}