﻿/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/*  Typography 
--------------------------  */

body 		{ font-family: arial, sans-serif; color: #857c6d; font-size: 1em; line-height: 1.1em; margin: 0px; padding: 10px; }

h1 			{ font-family: georgia, serif; font-size: 1.25em; color: #4e2e1d; margin: 0.25em 0px 1em 0px; }
h2 			{ font-family: georgia, serif; font-size: 1em; color: #e8541c; margin: 0.25em 0px 1em 0px; }
h3 			{ font-family: georgia, serif; font-size: 0.75em; margin-bottom: 0px; }
h4, h5, h6, h7	{ font-family: georgia, serif; font-size: 0.7em; margin-bottom: 0px; }

p,td,dt,dd,label,legend	{ font-size: 0.75em; }
li	{ font-size: 0.7em; }
li li	{ font-size: 1em; }

p	{ margin: 0px 0px 1.5em 0px; }
a 			{ text-decoration: none; color: #857c6d; }
a:hover		{ text-decoration: none; color: #4e2e1d; }

h1 a    { font-family: arial, helvetica; float: right; font-size: 0.6em; text-decoration: none; font-weight: normal; }
h1 a:hover    { text-decoration: none; }
h1 span a    { font-family: georgia, serif; float: none; font-size: 1em; color: #4e2e1d; font-weight: bold; }

a img		{ border: 0px; }

blockquote	{ margin: 0px; padding: 0px; }
blockquote p	{ padding: 0px; }

input, select, textarea		{ font-family: arial, helvetica; font-size: 0.7em; color: #6d6d6f; }

/* General */
.right	{ float: right; }
.centre { text-align: center; }
.full   { width: 100%; }

.brown  { color: #4e2e1d; }
.sand  { color: #cea369; }
.lightsand  { color: #d5ae77; }
.orange { color: #e8541c; }

/*  Template 
--------------------------  */

div#container    { width: 59.2em; padding: 0px; margin: 0px auto; }

div#outer	{ width: 59.2em; text-align: left; padding: 0px; margin: 0px auto; position: relative; float: left; }

div#header	{ font-family: arial, sans-serif; padding: 1em 1em 1em 1em; margin-bottom: 0.5em; width: 57.2em; border: solid 1px #d5ae77; float: left; background-color: #fff; }
div#header img	{ margin: 0px; padding: 0px; border: 0px; float: left; width: 14.8em;  }

/*  Ads 
--------------------------  */

div#header img.adsstd   { float: right; margin: 0px; width: 20em; }
div#outer img.adssky   { position: absolute; top: 25px; left: 62em; width: 7.5em; }

div#sponsors    { text-align: center; }
div#sponsors img    { margin-bottom: 0.5em; border: 0px; }

div#outer img.adswidesky   { position: absolute; top: 0px; left: 59.75em; width: 10em; }
div#outer img.adswideskyb   { position: absolute; top: 37.9em; left: 59.75em; width: 10em; }


/* Search Area
--------------------------  */

div#header fieldset     { border: 0px; float: right; margin: -0.5em; padding: 0px; }
div#header fieldset legend   { display: none; }
div#header fieldset ul  { float: left; list-style-type: none; width: 32.15em; padding: 0.5em 0.5em 0px 0px; margin: 0px; background-color: #f8f1e7; }
div#header fieldset ul li   { float: left; vertical-align: middle; margin: 0px 0px 0.5em 0.5em; font-size: 1em; border: solid 1px #4e2e1d; }

div#header fieldset ul li.signup    { width: 36.5em; text-align: right; float: right; margin: -0.25em 0.75em 0.15em 0px; font-size: 0.85em; border: 0px; }
div#header fieldset ul li.signup a  { color: #e8541c; }
div#header fieldset ul li.signup a span  { color: #4e2e1d; }
div#header fieldset ul li.signup a:hover    { text-decoration: underline; }
div#header fieldset ul li.signup a:hover span  { text-decoration: underline; }

div#header fieldset ul li.signin   { width: 10em; padding: 0.07em 0px; background: #cea369 url(/_resources/files/search/sign-in.gif) no-repeat center center; position: relative; z-index: 1; }
div#header fieldset ul li.signin a { display: block; padding: 0.5em; width: 10em; text-indent: -1000em; color: #000; overflow: hidden; }
div#header fieldset ul li.signin:hover { background: #e8541c url(/_resources/files/search/sign-in-over.gif) no-repeat center center; }

div#header fieldset ul li.signin div#signinpopup    { width: 25em; margin-top: -0.2em; position: absolute; z-index: 99; right: -1px; text-align: right; }
div#header fieldset ul li.signin div#signinpopup img    { width: auto; float: none; margin: 0.25em 4em -1px 0px; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin   { text-align: left; padding: 1em 1em 0px 1em; background-color: #4e2e1d; border: solid 1px #4e2e1d; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; color: #fff; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform  { margin-bottom: 1em; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform p    { color: #fff; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform label	{ display: block; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input	{ width: 95%; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input#signinbutton, div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input#passwordbutton	{ width: 96.5%; margin-top: 5px; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform a    { font-size: 0.7em; display: block; padding: 0.5em 0px 0.5em 0px; color: #cea369; text-indent: 0px; width: 25em; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform p a    { font-size: 1em; display: inline; padding: 0px; color: #cea369; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div#signinmessage p   { margin-bottom: 0px; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform input#cbxRemember  { width: auto; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform label#lblRemember  { width: auto; display: inline; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform img#siajaxloader   { float: right; margin-right: 0.75em; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform a.close    { float: right; color: #fff; text-indent: 0px; padding: 0px; margin: 0px; text-align: right; }
div#header fieldset ul li.signin div#signinpopup div#bannersignin div.signinform a.close img    { margin-right: 1em; }

div#header fieldset ul li.signout   { width: 10em; padding: 0.07em 0px; background: #cea369 url(/_resources/files/search/sign-out.gif) no-repeat center center; position: relative }
div#header fieldset ul li.signout a { display: block; width: 10em; padding: 0.5em; text-indent: -1000em; color: #000; overflow: hidden; }
div#header fieldset ul li.signout:hover { background: #e8541c url(/_resources/files/search/sign-out-over.gif) no-repeat center center; }

div#header fieldset ul li.myaccount   { width: 10em; padding: 0.07em 0px; background: #cea369 url(/_resources/files/search/my-account.gif) no-repeat center center; }
div#header fieldset ul li.myaccount a { display: block; width: 10em; padding: 0.5em; text-indent: -1000em; color: #000; overflow: hidden; }
div#header fieldset ul li.myaccount:hover { background: #e8541c url(/_resources/files/search/my-account-over.gif) no-repeat center center; }

div#header fieldset ul li.sniffasearch   { width: 20.8em; padding: 0px; background-color: #fff; position: relative; z-index: 1; }
div#header fieldset ul li.sniffasearch form { margin: 0px; padding: 0px; }
div#header fieldset ul li.sniffasearch div#searchoptions    { width: 20.8em; background-color: #fff; border: solid 1px #cea369; border-top: 0px; margin-top: 0.2em; position: absolute; z-index: 99; top: 2em; left: -1px; }
div#header fieldset ul li.sniffasearch div#searchoptions h2 { font-family: arial, sans-serif; font-size: 0.75em; border-bottom: solid 1px #cea369; margin: 0.25em 0.5em 0px 0.5em; color: #cea369; }
div#header fieldset ul li.sniffasearch div#searchoptions ul    { width: auto; background-color: #fff; }
div#header fieldset ul li.sniffasearch div#searchoptions ul li    { float: none; font-size: 0.75em; padding: 0px; border: 0px; width: auto; background-color: #fff; color: #cea369; }
div#header fieldset ul li.sniffasearch div#searchoptions ul li label    { color: #cea369; display: inline; }
div#header fieldset ul li.sniffasearch div#searchoptions ul li input    { padding: 0px; vertical-align: middle; margin-right: 0.25em; }

div#header fieldset ul li.sniffasearch div#searchoptions a.close    { color: #4e2e1d; text-indent: 0px; padding: 0px; text-align: right; display: block; clear: left; font-size: 0.75em; border-top: solid 1px #cea369; margin: 0.25em 0.5em 0px 0.5em; color: #cea369}

div#header fieldset ul li.sniffaround   { width: 19.9em; padding: 0.15em 0.45em; background: #cea369 url(/_resources/files/search/sniff-around.gif) no-repeat center left; text-align: left; }
div#header fieldset ul li.sniffaround a { display: block; }
div#header fieldset ul li.sniffaround a span { display: block; width: 14em; font-size: 0.85em; line-height: 1.2em; }
div#header fieldset ul li.sniffaround:hover { background: #e8541c url(/_resources/files/search/sniff-around-over.gif) no-repeat center left; }

div#header fieldset ul li img   { width: 11.05em; }

div#header fieldset ul li.sniffasearch label   { display: none; }
div#header fieldset ul li.sniffasearch input   { font-size: 0.9em; border: 0px; margin: 0px; padding: 0.55em; }
div#header fieldset ul li.sniffasearch input#SniffaSearch   { width: 17.7em; vertical-align: top; }
div#header fieldset ul li.sniffasearch input#btnSniffaSearch   { margin: 0px; padding: 0px; float: right; width: 4.3em; height: 2.35em; background: #c5b9b4 url(/_resources/files/search/button-background.gif) repeat-x bottom; color: #fff; }

div#header fieldset ul li.sniffasearch input#btnSniffaSearch:active   { background: #ff9966 url(/_resources/files/search/button-background-active.gif) repeat-x bottom; }

div#header fieldset a   { font-size: 0.9em; color: #fff; }
div#header fieldset a:hover   { }

div#header fieldset a.signout   { display: inline; background: none; padding: 0px; border: 0px; color: #dab179; font-size: 0.75em; margin-right: 2.75em; }
div#header fieldset a.signout:hover { color: #e8541c; }

/*  Main Links 
--------------------------  */

div#mainlinks		{ margin: 0px 0px 0.5em 0px; line-height: 1.4em; width: 59.33em; } /* background: #e1c6a0 url(/_resources/files/template/gradients/sand.gif) repeat-x bottom; */

div#mainlinks ul	{ font-family: arial, helvetica, sans-serif; list-style-type: none; margin: 0px; padding: 0px; width: 59.33em; background-color: #d5ae77; }
div#mainlinks ul li	{ float: left; font-size: 0.8em; }
div#mainlinks ul li a	{ display: block; padding: 4px 1.25em 6px 0.75em; color: #4e2e1d; text-decoration: none; border-right: solid 1px #fff; }

div#mainlinks ul li a.new	{ position: relative; padding-right: 2.25em; }
div#mainlinks ul li a.new img	{  position: absolute; top: -0.5em; }

/*
div#mainlinks ul li.last	{ float: right; }
div#mainlinks ul li.last a	{ border: 0px; border-left: solid 1px #fff; }
*/
div#mainlinks ul li:hover	{ background-color: #e8541c; } /* background: #a68f84 url(/_resources/files/template/gradients/brown.gif) repeat-x bottom; */
div#mainlinks ul li:hover a	{ color: #fff; }

div#mainlinks ul li.current	{ background-color: #e8541c; }
div#mainlinks ul li.current a	{ color: #fff; }

/*  Button Banner 
--------------------------  */

ul#buttonbanner { list-style-type: none; margin: 0px 0px 0.5em 0px; padding: 0.5em 0px; text-align: center; border: solid 1px #d5ae77; width: 59.2em; }
ul#buttonbanner li { display: inline; margin: 0px 4.75em 0px 0px; padding: 0px; line-height: 0.75em; }
ul#buttonbanner li.last { display: inline; margin: 0px; }
ul#buttonbanner li a { border: 0px; margin: 0px; padding: 0px; }
ul#buttonbanner li a img { border: 0px; margin: 0px; padding: 0px; }

/*  Content 
--------------------------  */

div#body    { width: 59.3em; float: left; margin-bottom: 1em; }

div#fullcontent { width: 100%; }

div#banner	{ width: 59.3em; color: #4e2e1d; text-align: left; margin: 0px 0px 0.5em 0px; background: transparent url(/_resources/sniffasites/files/template/shadow.gif) repeat-x bottom; position: relative; }
div#banner strong	{ padding: 1em 0px 1.25em 0.5em; font-size: 2.1em; font-weight: 600; display: block; word-spacing: 0.05em; margin: 0px; }

div#banner img.sniffabadge  { float: right; }

div#linksbar { float: left; width: 11.6em; padding-right: 1em; margin: 0px; }
div#linksbar ul    { padding: 0px; margin: 0px; list-style-type: none; width: 100%; }

div#linksbar ul li    { background-color: #fff; margin-bottom: 0.25em; }
div#linksbar ul li:hover    { background-color: #886f63; }
div#linksbar ul li:hover a    { color: #fff; }
div#linksbar ul li.current    { background-color: #886f63; }
div#linksbar ul li a    { color: #4e2e1d; display: block; padding: 0.5em; text-decoration: none; border-bottom: 0px; }
div#linksbar ul li.current a    { color: #fff; border-bottom: 0px; }
div#linksbar ul li.orange a   { background-color: #e8541c; color: #fff }

div#linksbar ul.tools    { padding: 0px; margin: 1em 0px; list-style-type: none; }
div#linksbar ul.tools li    { background-color: #f8f1e7; margin-bottom: 0.25em; border: 0px; }
div#linksbar ul.tools li:hover    { background-color: transparent; }
div#linksbar ul.tools li a    { color: #4e2e1d; padding: 0.1em 0.5em; }
div#linksbar ul.tools li a:hover    { background-color: #886f63; color: #fff; }

div#linksbar a.vote { display: block; border: 0px; width: 180px; height: 100px; position: relative; color: #fff; background: #fff url(/_resources/sniffasites/files/buttons/ss-vote.png) no-repeat; }
div#linksbar a.vote span    { position: absolute; left: 75px; top: 39px; font-size: 0.75em; z-index: 50; }
div#linksbar a.vote:hover  { background: #fff url(/_resources/sniffasites/files/buttons/ss-vote-over.png) no-repeat; color: #fff; }

div#contentbar { float: left; width: 33.55em; margin: 0px 1em 0px 0px; padding: 1em; color: #262324; border: solid 1px #d5ae77; }
div#contentbar h1    { color: #4e2e1d; line-height: 1.1em; }
div#contentbar h2    { color: #4e2e1d; }
div#contentbar img  { max-width: 33em; }

div#contentbar a 			{ border-bottom: dotted 1px #cea369; }
div#contentbar a:hover		{ border-bottom: solid 1px #e8541c; }
div#contentbar a.image 		{ border-bottom: 0px; }
div#contentbar a.image:hover 		{ border-bottom: 0px; }
div#contentbar div.profilecontent li a 		{ border-bottom: 0px; }
div#contentbar div.profilecontent li a:hover 		{ border-bottom: 0px; }

div#sidebar { float: left; width: 10em; margin: 0px; }
div#sidebar h2 { color: #4e2e1d; background-color: #fff; border: solid 1px #d5ae77; font-size: 0.8em; padding: 0.5em; width: 10.25em; margin-bottom: 0.25em; }
div#sidebar div { text-align: center; }

div#sidebar a { border: 0px; }
div#sidebar img { border: 0px; margin-bottom: 0.5em; }

/* News */

div#linksbar div#sidenews   { margin-top: 1em; }
div#linksbar div#sidenews ul li  { background: none; width: 13.75em; font-size: 0.75em; }
div#linksbar div#sidenews ul li a    { display: inline; border-bottom: dotted 1px #4e2e1d; padding: 0px; }
div#linksbar div#sidenews ul li:hover    { background-color: inherit; }
div#linksbar div#sidenews ul li:hover a    { color: #4e2e1d; }
div#linksbar div#sidenews ul li p    { font-size: 0.9em; color: #4e2e1d; font-family: arial, sans-serif; }
div#linksbar div#sidenews ul li a:hover  { color: #e8541c; border-color: #e8541c; }

/*
	Greyout Panes
*/
div#greyoutcontent, div.greyout, div.greyoutscreen	{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; z-index: 50; background-color: #fff; text-align: center; }
div.greyout img    { width: auto; height: auto; top: 50%; margin: -15px auto 0px auto; position: relative; }

div#greyoutcontent, div.greyoutscreen	{ position: fixed; }

/* Forms
--------------------------  */

textarea.highlight  { background-color: #d5ae77; }

/* Add to Pals 
--------------------------  */

div#addfriend   { width: 11.5em; border: solid 1px #d5ae77; background-color: #fff; margin: 1em 0px; overflow: hidden; position: relative; }
div#addfriend h2    { background-color: #886f63; color: #fff; margin: 0px; padding: 0.5em; font-weight: normal; font-size: 0.75em; }
div#addfriend div   { padding: 0.5em; }
div#addfriend p   { padding: 0px; margin: 0.5em 0px; }
div#addfriend img   { margin: 0.25em; }
div#addfriend textarea  { width: 15em; border: solid 1px #d5ae77; }
div#addfriend div.buttons   { text-align: right; }

/* Sniffa Mail
--------------------------  */

div#sniffamail   { width: 30em; border: solid 1px #d5ae77; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: -14em auto 0px -15em; z-index: 100; }
div#sniffamail h2    { background-color: #886f63; color: #fff; margin: 0px; padding: 0.5em; font-weight: normal; font-size: 0.75em; }
div#sniffamail div   { padding: 0.5em; float: left; }
div#sniffamail div.sniffadetails    { width: 6em; }
div#sniffamail div#mailform    { width: 21.75em; }
div#sniffamail div#mailform label   { display: block; }
div#sniffamail div#mailform input, textarea  { width: 27em; }
div#sniffamail div#mailform div.buttons { padding: 0px; margin: 0.5em 0px 0px 0px; clear: none; }
div#sniffamail div#mailform div.buttons input  { width: 13.5em; }

/*  Our dogs 
--------------------------  */

div#mydogs  { width: 33.45em; border-top: solid 1px #d5ae77; margin-top: 1.5em; }

div#mydogs h1   { color: #d5ae77; margin-top: 1em; font-size: 0.95em; font-family: arial, helvetica; }

div#mydogs ul  { width: 33.45em; list-style-type: none; margin: 0px; padding: 0px; }
div#mydogs ul li  { width: 22em; color: #262324; padding: 0.5em; border: solid 1px #d5ae77; margin: 0.5em 0.5em 0px 0px; height: 9em; float: left; }
div#mydogs ul li h2  { font-size: 1.1em; margin: 0px; white-space: normal; }
div#mydogs ul li h2 a  { white-space: normal; }
div#mydogs ul li img  { float: left; border: 0px; margin-right: 1em; }

div#mysniffa	{ border: 0px; margin: -1em; width: 35.55em; }

div#mysniffa h1	{ background-color: #d5ae77; color: #4e2e1d; margin: 0px; width: 100%; }
div#mysniffa h1 span	{ padding: 0.5em; display: block; }

div#mysniffa h1 a	{ background-color: #e8541c; color: #fff; border-left: solid 1px #fff; padding: 0.85em; }
div#mysniffa h1 a:hover	{ background-color: #e8541c; }
div#mysniffa h1 span a	{ background-color: Transparent; color: #4e2e1d; border-left: 0px; padding: 0px; }
div#mysniffa h1 span a:hover	{ background-color: Transparent; }

div#mysniffa div.profilecontent { padding: 1em; }

div#mysniffa dl	{ float: left; width: 15.75em; margin: 0px 0.5em 0px 0px; }
div#mysniffa dl.full	{ float: none; width: auto; margin: 0px; }
div#mysniffa dl dt  { color: #4e2e1d; font-size: 0.9em; text-transform: uppercase; font-weight: bold; }
div#mysniffa dl dd  {  margin: 0px 0px 0.75em 0px; }

div#mysniffa label { margin: 0px 1em 1em 0px; width: 10em; display: inline-block; }
div#mysniffa input { width: 20em; margin: 0px 1em 1em 0px; }
div#mysniffa textarea { width: 47em; margin-top: 1em; }
div#mysniffa input.button { float: right; margin-top: 1em; }

/*  Photo Album styles 
--------------------------  */

div#myphotoalbums	{ margin-bottom: 1em; width: 33.45em; }

div#myphotoalbums div.profilecontent { padding: 1em; }

div#myphotoalbums ul  { width: 33.45em; list-style-type: none; margin: 0px; padding: 0px; }
div#myphotoalbums ul li  { width: 22em; height: 120px; padding: 0.5em; margin: 0.5em 0.5em 0px 0px; float: left; border: solid 1px #d5ae77; }
div#myphotoalbums ul li h2  { font-size: 1.1em; margin: 0px; }
div#myphotoalbums ul li img  { float: left; border: 0px; margin-right: 0.5em; }
div#myphotoalbums ul li.alt  { }

div#photoalbum	{ margin: 1em -1em; width: 35.55em; }

div#photoalbum h1	{ background-color: #d5ae77; color: #4e2e1d; margin: 0px; width: 100%; }
div#photoalbum h1 span	{ padding: 0.5em; display: block; }
div#photoalbum h1 a	{ background-color: #e8541c; color: #fff; border-left: solid 1px #fff; padding: 0.85em; }
div#photoalbum h1 a:hover	{ background-color: #e8541c; }

div#photoalbum div.profilecontent { padding: 1em; }

div#photoalbum ul	{ list-style-type: none; margin: 0px; padding: 0px; }
div#photoalbum ul li  { float: left; margin-right: 1em; border: solid 1px #d5ae77; text-align: center; width: 100px; height: 100px; padding: 10px; margin-bottom: 1em; }
div#photoalbum ul li a  { border-bottom: none; }
div#photoalbum ul li img  { border: 0px; }

div#profilealbum	{ margin-bottom: 1em; width: 35.55em; }

div#profilealbum h1	{ background-color: #d5ae77; color: #4e2e1d; margin: 0px; width: 100%; }
div#profilealbum h1 span	{ padding: 0.5em; display: block; }

div#profilealbum div.profilecontent { padding: 1em; }

div#profilealbum ul	{ list-style-type: none; margin: 0px; padding: 0px; }
div#profilealbum ul li  { float: left; margin-right: 1em; border: solid 1px #d5ae77; text-align: center; width: 100px; height: 100px; padding: 10px; margin-bottom: 1em; }
div#profilealbum ul li a  { border-bottom: none; }
div#profilealbum ul li img  { border: 0px; }

/*  Photo styles 
--------------------------  */

div#sniffaphoto	{ border: 0px; margin: -1em; width: 35.55em; }

div#sniffaphoto h1	{ background-color: #d5ae77; color: #4e2e1d; margin: 0px; width: 100%; }
div#sniffaphoto h1 span	{ padding: 0.5em; display: block; }
div#sniffaphoto h1 a	{ background-color: #e8541c; color: #fff; border-left: solid 1px #fff; padding: 0.85em; }
div#sniffaphoto h1 a:hover	{ background-color: #e8541c; }
div#sniffaphoto h1 span a	{ background-color: Transparent; color: #4e2e1d; border-left: 0px; padding: 0px; }
div#sniffaphoto h1 span a:hover	{ background-color: Transparent; }

div#sniffaphoto div.profilecontent { padding: 1em; }
div#sniffaphoto div.photofull   { text-align: center; width: 32.75em; }
div#sniffaphoto div.photofull img   { max-width: 100%; margin: 0px auto; display: block; }

div#sniffaphoto dl	{ float: left; width: 15.75em; margin: 0px; }
div#sniffaphoto dl dt  { color: #262324; font-size: 0.9em; text-transform: uppercase; font-weight: bold; }
div#sniffaphoto dl dd  {  margin: 0px 0px 0.75em 0px; }

div#sniffaphoto div#profilecomments { width: 100%; }
div#sniffaphoto div.profilecontent  { width: 32.75em; }
div#sniffaphoto div#profilecomments ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; }
div#sniffaphoto div#profilecomments ul li   { padding: 1em 0px; border-bottom: solid 1px #d5ae77; width: 100%; }
div#sniffaphoto div#profilecomments ul li textarea  { font-size: 1em; width: 100%; padding: 0px; }
div#sniffaphoto div#profilecomments ul li input  { font-size: 1em; margin-top: 0.25em; }
div#sniffaphoto div#profilecomments ul li a  { font-weight: bold; font-size: 1.1em; }
div#sniffaphoto div#profilecomments ul li span  { color: #9d9d9d; }
div#sniffaphoto div#profilecomments ul li.signin    { border-bottom: 0px; }
div#sniffaphoto div#profilecomments ul li a.remove  { float: right; }

div#sniffaphoto div#profilecomments ul li.highlight5 { background-color: #9d9d9d; }
div#sniffaphoto div#profilecomments ul li.highlight4 { background-color: #b3b3b3; }
div#sniffaphoto div#profilecomments ul li.highlight3 { background-color: #c6c6c6; }
div#sniffaphoto div#profilecomments ul li.highlight2 { background-color: #d8d8d8; }
div#sniffaphoto div#profilecomments ul li.highlight1 { background-color: #e9e9e9; }

/*  Sniffa Pals styles 
--------------------------  */

div#mypals	{ margin-bottom: 1em; width: 34.75em; }

div#mypals div.profilecontent { padding: 1em; }

div#mypals ul  { width: 34.75em; list-style-type: none; margin: 0px; padding: 0px; }
div#mypals ul li  { width: 22.5em; height: 120px; padding: 0.5em; margin: 0px 1em 1em 0px; float: left; border: solid 1px #d5ae77; }
div#mypals ul li h2  { font-size: 1.1em; margin: 0px; }
div#mypals ul li img  { float: left; border: 0px; margin-right: 0.5em; }
div#mypals ul li.alt  { }

div#mypals ul li.full   { width: auto; border: 0px; }

/*  Video styles 
--------------------------  */

div#myvideos	{ margin-bottom: 1em; width: 34.75em; }

div#myvideos div.profilecontent { padding: 1em; }

div#myvideos ul  { width: 34.75em; list-style-type: none; margin: 0px; padding: 0px; }
div#myvideos ul li  { width: 22.5em; height: 120px; padding: 0.5em; margin: 0px 1em 1em 0px; float: left; border: solid 1px #d5ae77; }
div#myvideos ul li h2  { font-size: 1.1em; margin: 0px; }
div#myvideos ul li img  { float: left; border: 0px; margin-right: 0.5em; }
div#myvideos ul li.alt  { }

div#myvideos ul li.full   { width: auto; border: 0px; }

/*  Dogs For Sale 
--------------------------  */


div.puppiesforsale	{ border: 0px; margin: -1em; width: 35.55em; }

div.puppiesforsale h1	{ background-color: #d5ae77; color: #4e2e1d; margin: 0px; width: 100%; }
div.puppiesforsale h1 span	{ padding: 0.5em; display: block; }

div.puppiesforsale h1 a	{ background-color: #e8541c; color: #fff; border-left: solid 1px #fff; padding: 0.85em; }
div.puppiesforsale h1 a:hover	{ background-color: #e8541c; }
div.puppiesforsale h1 span a	{ background-color: Transparent; color: #4e2e1d; border-left: 0px; padding: 0px; }
div.puppiesforsale h1 span a:hover	{ background-color: Transparent; }

div.puppiesforsale h2	{ color: #f6a800; margin: 0px; }

div.puppiesforsale ul  { width: 40em; list-style-type: none; margin: 0px; padding: 0.25em 0.5em 0.5em 0.5em; }
div.puppiesforsale ul li  { width: 42em; padding: 0.5em; margin: 0.5em 0px; border: solid 1px #4e2e1d; background-color: #f4e9da; font-size: 0.8em; }
div.puppiesforsale ul li h2  { font-size: 1.1em; margin: 0px; white-space: normal; color: #4e2e1d; font-weight: bold; }
div.puppiesforsale ul li h2 a  { white-space: normal; color: #4e2e1d; border-color: #4e2e1d; }
div.puppiesforsale ul li h2 span    { font-family: arial, sans-serif; float: right; font-size: 0.85em; }
div.puppiesforsale ul li h2 span a  { color: #e8541c; border-color: #e8541c; }
div.puppiesforsale ul li h2 span a span  { color: #4e2e1d; float: none; font-size: 1em; }
div.puppiesforsale ul li h3  { font-family: arial, sans-serif; font-size: 1em; margin: 0.25em 0px; white-space: normal; color: #e8541c; font-weight: bold; }
div.puppiesforsale ul li img  { border: 0px; }
div#contentbar div.puppiesforsale ul li a.image    { border-bottom: 0px; width: 100px; height: 100px; float: left; margin-right: 0.5em; }
div.puppiesforsale ul li.alt  { background-color: #e9d1b2; }
div.puppiesforsale ul li.full  { width: auto; }
div.puppiesforsale ul li p  { font-size: 1em; }


/*  Footer 
--------------------------  */

div#footer		{ font-family: arial, sans-serif; margin: 1em 0px 0px 0px; background-color: #ebdac3; width: 59.33em; border: 0px; padding: 0px; float: left; }
div#footer h2   { overflow: hidden; color: #4e2e1d; font-size: 0.9em; margin: 0px; padding: 1em 1.5em 0.5em 1.5em; } /* text-indent: -1000em;  background: #886f63 url(/_resources/files/template/sitemap.gif) no-repeat; height: 60px; */
div#footer h2 span  { float: right; font-size: 0.85em; } /* text-indent: -0px; margin-top: 20px; */

div#footer div  { float: left; }

div#footer ul    { list-style-type: none; margin: 0px 3em 1em 1.25em; padding: 0px; font-size: 1.15em; }
div#footer ul li h3    { font-family: arial, sans-serif; color: #e8541c; margin: 1em 0px 0px 0px; font-weight: normal; font-size: 0.9em; }
div#footer ul li a    { color: #4e2e1d; font-size: 0.85em; border-color: #4e2e1d; }
div#footer ul li a:hover    { color: #e8541c; text-decoration: none; border-color: #e8541c; }

div#footer div.copyright  { background-color: #cea369; color: #fff; clear: left; font-size: 0.7em; float: none; padding: 0.5em 1.5em 0.5em 1.5em; }
div#footer div.copyright a  { float: right; }
