/*
======================================================================
@NOTES
======================================================================
AUTHOR: Andy
UPDATE: 13/10/10
----------------------------------------------------------------------
Notes:
----------------------------------------------------------------------
Don't forget about two important points:
1. Internet Explorer
There is no second stylesheet for IE, you can target your chosen IE in
this stylesheet with the following classes:
.ie6
.ie7
.ie8
.ie9
Which is applied to 'html' on load.
2. Javascript
On load the page works out if Javascript is available. If it is, then
it applies the 'js' class to the page. If not the page has a 'no-js'
class, allowing you to target them for your CSS.
.no-js
.js
Possible helpers (if needed)
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.error, .notice, .success { padding:.8em; margin-bottom:1.6em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; background:none; padding:0; margin:0; }
.notice a { color:#514721; background:none; padding:0; margin:0; }
.success a { color:#264409; background:none; padding:0; margin:0; }
----------------------------------------------------------------------
To-do:
----------------------------------------------------------------------
Keep track of what you still have to do.
----------------------------------------------------------------------
Colours used (for copying+paste):
----------------------------------------------------------------------
Pink Dark #B11041
Pink Light #CF124A
======================================================================
@RESET
======================================================================
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/*
======================================================================
@WORKERS
======================================================================
*/
a:link { -webkit-tap-highlight-color:#FF5E99; }
html { overflow-y:scroll; }
.ie7 img { -ms-interpolation-mode:bicubic; }
::-moz-selection{ background:#FF5E99; color:#fff; text-shadow:none; }
::selection { background:#FF5E99; color:#fff; text-shadow:none; }
/*
======================================================================
@HELPERS
======================================================================
*/
.round { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* Round corners */
.floatleft {float:left;} /* Floats */
.floatright {float:right;}
.ir { display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; } /* Image replacement */
.hidden { display:none; visibility:hidden; } /* Hide for both screenreaders and browsers */
.visuallyhidden { position:absolute !important; /* Hide only visually, but have it available for screenreaders */
clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
clip:rect(1px, 1px, 1px, 1px); }
.invisible { visibility:hidden; } /* Hide visually and from screenreaders, but maintain layout */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* The magnificent CLEARFIX */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; } /* Hides from IE-mac \*/
.clearfix { display:block; }
.clearleft {clear:left;} /* Manual clearers */
.clearright {clear:right;}
.clearboth {clear:both;}
.widthhalf {width:50%}
/*
======================================================================
@TYPE
======================================================================
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/
body { font:13px "Trebuchet MS", Tahoma, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
body, select, input, textarea { color:#444; }
a { color:#DF8C33 }
a:hover { color:#FC6; }
a:active, a:visited { color:#DF8C33; }
a:hover, a:active { outline:none; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; text-rendering:optimizeLegibility; }
/**********************************
h1 { color:#444; font:bold 167%/1.22; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h2 { color:#444; font:bold 153.9%/1.22; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h3 { color:#444; font:bold 138.5%/1.22; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h4 { color:#444; font:bold 123.1%/1.22; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h5 { color:#444; font:bold 108%/1.22; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h6 { color:#444; font:bold 93%/1.22; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
p { color:#444; font:normal 93%/1.22; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
a { color:#DF8C33 }
a:hover { color:#FC6; }
a:active { color:#FC6; }
/***********************************/
/* Text helpers */
.fancy { font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; }
.caps { font-variant:small-caps; letter-spacing:1px; text-transform:lowercase; font-size:108%; font-weight:bold; padding:0 2px; }
.small { font-size:85%; margin-bottom:1.875em; line-height:1.8em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.thin { font-weight:lighter; }
.center { text-align:center; }
.txtright { text-align:right; }
/* Quotes */
blockquote { border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#666; }
blockquote *:first-child { margin: .8em 0; }
blockquote *:first-child:before { content:"\201C"; }
blockquote *:first-child:after { content:"\201D"; }
.ie6 blockquote, .ie7 blockquote, .ie8 blockquote, .ie9 blockquote { margin-top: .8em; margin-bottom: .8em; }
/* Text defaults */
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family:monospace, sans-serif; }
html { -webkit-font-smoothing:antialiased; }
/*ul { margin-left:30px; }
ol { margin-left:30px; list-style-type:decimal; }*/
small { font-size:85%; }
strong, th { font-weight:bold; }
td, td img { vertical-align:top; }
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
pre { padding:15px; white-space:pre; /* CSS2 */ white-space:pre-wrap; /* CSS 2.1 */ white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap:break-word; /* IE */}
/*
======================================================================
@FORM
======================================================================
*/
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; *vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }
label, input[type=button], input[type=submit], button { cursor:pointer; }
button { width:auto; overflow:visible; }
fieldset { padding:14px; margin:0 0 15px 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
.ie6 legend, .ie7 legend, .ie8 legend, .ie9 legend { margin:-18px -8px 16px 0; padding:0; }
.ie7 textarea, .ie7 input { padding: 0; } /* IE < 7 form fix */
.ie7 input[type='submit'], .ie7 input[type='button'] { padding: 0; } /* IE 7 button fix */
.ie6 fieldset legend { margin: 0; } /* IE 6 disappearing legend bug */
label { font-weight:bold; }
textarea, input[type='text'], input[type='password'], select { border:1px solid #ccc; background:#fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color:#AA723B; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color:#AA723B; outline:2px solid #ffffaa; }
input, select { cursor:pointer; }
input[type='text'],input[type='password'] { cursor:text; }
a.button, button { background-color:#f5f5f5; color:#565656; display:inline-block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Liberation Sans", Helvetica, Arial, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; cursor:pointer; }
button { width:auto; overflow:visible; padding:4px 10px 3px 7px; }
button[type] { padding:4px 10px 4px 7px; line-height:17px; }
*:first-child+html #container button[type] { padding:4px 10px 3px 7px; }
button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; }
button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active, button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }
.errorMsg { display:none; background:#FCC; border:1px solid #FCC; color:#900; padding:8px; margin:10px 0 0 0; }
#errorMsgCute { display:none; background:#FCC; border:1px solid #900; color:#900; padding:8px; margin:10px 0 0 0; }
#errorMsgSearch { display:none; background:#FCC; border:1px solid #900; color:#900; padding:8px; margin:10px 0 0 0; }
#errorMsgComment { display:none; background:#FCC; border:1px solid #900; color:#900; padding:8px; margin:10px 0 0 0; }
.error {border:1px solid #FCC;background:#FCC;margin:2px 0;padding:4px;}
/*
======================================================================
@LAYOUT
======================================================================
*/
/*
----------------------------------------------------------------------
THREE COLUMN LAYOUT
----------------------------------------------------------------------
----------------------------------------------------------------------
Note: #main padding-left and padding-right equal to corresponding columns
Note: .ie6 left must be equal to right column width
----------------------------------------------------------------------
*/
/*
body { background:#fff; }
#container { margin:0 auto; max-width:95%; text-align:left; width:960px; }
#header { position:relative; text-align:left; width:100%; }
#main { clear:both; float:left; overflow:hidden; padding-left: 200px; padding-right: 150px; }
#left { position: relative; float:left; width:200px; right: 200px; margin-left: -100%; }
.ie6 #left { left: 150px; }
#primary { position: relative; float:left; width: 100%; }
#right { position: relative; float:left; width: 150px; margin-right: -150px; }
#footer { clear:both; float:left; width:100%; }
*/
/*
----------------------------------------------------------------------
TWO COLUMN LAYOUT
----------------------------------------------------------------------
----------------------------------------------------------------------
Note: #main padding-left must be equal to left column width
----------------------------------------------------------------------
*/
/*
body { background:#fff; }
#container { margin:0 auto; max-width:95%; text-align:left; width:960px; }
#header { position:relative; text-align:left; width:100%; }
#main { clear:both; float:left; overflow:hidden; padding-left: 200px; }
#left { position: relative; float:left; width:200px; right: 200px; margin-left: -100%; }
#primary { position: relative; float:left; width: 100%; }
#footer { clear:both; float:left; width:100%; }
*/
body { background:#fff url(../img/page_bg.gif) top center repeat-x; }
#container { margin:0 auto; padding:0; text-align:left; width:960px; }
#header { position:relative; width:100%; background:url(../img/header_bg.gif) bottom center no-repeat; height:160px; }
#main { clear:both; float:left; overflow:hidden; padding-left:240px; margin: 70px 0 0 0; }
#left { float:left; width:240px; right:240px; margin-left:-100%; margin-top:70px; background:#EAE3D2; border: 2px solid #BFB2A7; }
#primary { float:left; width: 100%; }
#footer { clear:both; float:left; width:100%; text-align:left; background:#DF8C33; margin:200px auto 0 auto; }
.ie6 #main { clear:both; float:right; overflow:hidden; padding: 0px; margin: 70px 0 0 0; width: 710px; }
.ie6 #left { float:left; width:240px; right: 0px; margin-left:0px; margin-top:70px; background:#EAE3D2; border: 2px solid #BFB2A7; }
.ie6 #primary { }
/*
======================================================================
@CONTENT
======================================================================
*/
/* @HEADER
----------------------------------------------------------------------*/
#logo h1 { position:absolute; top:7px; left:50px ; text-indent:-9000px; width:360px; height:110px; }
#logo h1.title1 {background:url(../img/random_bgs/title/title_1.gif) no-repeat;}
#logo h1.title2 {background:url(../img/random_bgs/title/title_2.gif) no-repeat;}
#logo h1.title3 {background:url(../img/random_bgs/title/title_3.gif) no-repeat;}
#logo h1.title4 {background:url(../img/random_bgs/title/title_4.gif) no-repeat;}
#logo h1.title5 {background:url(../img/random_bgs/title/title_5.gif) no-repeat;}
#logo h1.title6 {background:url(../img/random_bgs/title/title_6.gif) no-repeat;}
#logo h1.title7 {background:url(../img/random_bgs/title/title_7.gif) no-repeat;}
#logo h1.title8 {background:url(../img/random_bgs/title/title_8.gif) no-repeat;}
#logo h1.title9 {background:url(../img/random_bgs/title/title_9.gif) no-repeat;}
#toptagright { position:absolute; top:8px; right:0px; font-size:77%; }
#topnavwrap { clear:both; position:relative; float:right; left:-50%; margin:116px 0 0 0; }
#topnav { clear:both; position:relative; left:50%; /*border:1px solid #F0F;*/ }
#topnav ul {}
#topnav ul li { float:left; list-style:none; }
#topnav ul li a { display:block; margin:0 1px 0 1px; padding:3px 14px; line-height:1.22; font-size:108%; color:#462F28; font-weight:bold; text-decoration:none; }
#topnav ul li a:hover { color:#DF8C33; }
#topnav ul li a.active { color:#000; }
#topnav ul li a.active:hover { color:#462F28; }
.ie6 #toptagright { position:absolute; top:8px; right:0px; font-size:77%; }
.ie6 #topnavwrap { clear:both; position:absolute; top:0px; left:60px; }
.ie6 #topnav { }
.ie6 #topnav ul {}
.ie6 #topnav ul li { float:left; list-style:none; }
.ie6 #topnav ul li a { display:block; margin:0 1px 0 1px; padding:3px 14px; line-height:1.22; font-size:108%; color:#462F28; font-weight:bold; text-decoration:none; }
.ie6 #topnav ul li a:hover { color:#DF8C33; }
.ie6 #topnav ul li a.active { color:#000; }
.ie6 #topnav ul li a.active:hover { color:#462F28; }
#breedaz { clear:both; position:absolute; left:40px; top:143px; width:680px; padding:6px; text-align:left; z-index:1009; border: 2px solid #BFB2A7; background:#F7F4ED; }
#breedaz p { color:#444; font-size:85%; margin:0 1px 0 1px; padding:2px 4px; }
#breedaz a { color:#DF8C33 }
#breedaz a:hover, a:active { color:#FC6; }
#breedaz ul {}
#breedaz ul li { float:left; list-style:none; margin:0 1px 0 1px; padding:2px 3px; line-height:1.22; font-size:108%; color:#462F28; font-weight:bold; }
#breedaz ul li a { display:block; }
#breedaz ul li a:hover { color:#DF8C33; }
#breedaz ul li a.active { color:#000; }
#breedaz ul li a.active:hover { color:#462F28; }
#breedazimg { position:absolute; right:36px; top:136px; width:104px; height:88px; background:url(../img/puppysprites.gif); background-position: -1px -547px; z-index:1010 }
#toprightad { position:absolute; right:20px; top:40px; width:500px; height:80px; z-index:1020 }
#addpuppyimg { position:absolute; width:74px; height:90px; top:126px; left:620px; background: url(../img/cuteadd.gif) no-repeat; z-index:1030;}
.ie6 #addpuppyimg { top:128px; }
.ie7 #addpuppyimg { top:128px; }
#addpuppy { position:absolute; right:44px; top:145px; width:200px; z-index:1025; /*border: 6px solid #EAE3D2;*/ background:#F7F4ED; border-right: 2px solid #BFB2A7; border-bottom: 2px solid #BFB2A7; padding:5px; text-align:center;}
#addpuppy h4 { font-size:85%; font-weight:bold; color:#444;}
#addpuppy p { font-size:77%; color:#444;}
#addpuppy a { background-color: #DF8C33; font-size:77%; color: #FFF; font-weight:bold; display:block; padding: 4px; text-decoration:none; margin:4px 0 3px 0; }
#addpuppy a:hover { background-color: #FC6; }
/* @CONTENT LEFT
----------------------------------------------------------------------*/
#leftsearchwrap { position:relative; }
#leftsearchtop { position:absolute; left:30px; top:-56px; width:150px; height:100px; z-index: 3000; /*background:url(../img/random_bgs/hanging/4.gif) no-repeat;*/ }
#leftsearchwrap .hanging1 { background:url(../img/random_bgs/hanging/1.gif) no-repeat; }
#leftsearchwrap .hanging2 { background:url(../img/random_bgs/hanging/2.gif) no-repeat; }
#leftsearchwrap .hanging3 { background:url(../img/random_bgs/hanging/3.gif) no-repeat; }
#leftsearchwrap .hanging4 { background:url(../img/random_bgs/hanging/4.gif) no-repeat; }
#leftsearchwrap .hanging5 { background:url(../img/random_bgs/hanging/5.gif) no-repeat; }
#leftsearchwrap .hanging6 { background:url(../img/random_bgs/hanging/6.gif) no-repeat; }
#leftsearchwrap .hanging7 { background:url(../img/random_bgs/hanging/7.gif) no-repeat; }
#leftsearchwrap .hanging8 { background:url(../img/random_bgs/hanging/8.gif) no-repeat; }
#leftsearchwrap .hanging9 { background:url(../img/random_bgs/hanging/9.gif) no-repeat; }
#leftsearchwrap .hanging10 { background:url(../img/random_bgs/hanging/10.gif) no-repeat; }
#leftsearchwrap .hanging11 { background:url(../img/random_bgs/hanging/11.gif) no-repeat; }
#leftsearchwrap .hanging12 { background:url(../img/random_bgs/hanging/12.gif) no-repeat; }
#leftsearch { margin:20px 10px 10px 10px; background:#FFF; padding:20px 10px 10px 10px; }
#leftsearch .searchbox { float:left; vertical-align:top; width:150px; color:#BFB2A6; border:1px solid #BFB2A6; background:#F7F4ED; font-weight:bold; padding:4px 8px; font-size:108%; margin-right:-1px; }
#leftsearch .searchbox .error { border:1px solid #900; background:#FCC; }
#leftsearch .searchbutton { float:left; vertical-align:top; outline:none; width:30px; height:26px; margin:0; padding:0; border:1px solid #BFB2A6; border-left:1px solid #DACFB4; background:#DACFB4 url(../img/puppysprites.gif); background-position:-134px -3px; text-indent:-9000px; }
#leftsearch p { font-size:85%; }
#leftsearch p a { color:#DF8C33 }
#leftsearch p a:hover, p a:active { color:#FC6; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#leftsearch .searchbutton { margin-top: 2px; }
}
#left .leftblock { margin:10px; background:#FFF; padding:10px 10px 40px 10px; width:200px; }
#left .leftblock h2 { color:#444; font-size:116%; line-height:1.22; margin:4px 0px; }
#left .leftblock ul { list-style:none; }
#left .leftblock li a { display:block; margin:0; padding:4px 8px; line-height:1.22; font-size:108%; font-weight:bold; }
#left .leftblock li a:hover { /*background:#EAE3D2;*/ color:#444; }
#left .leftblock a span { float:left; width:17px; height:12px; margin:3px 10px 0 0; background:url(../img/puppysprites.gif); background-position:-5px -6px; }
#left .leftbg1 { background:#FFF url(../img/random_bgs/sitting/1.jpg) no-repeat bottom right; }
#left .leftbg2 { background:#FFF url(../img/random_bgs/sitting/2.jpg) no-repeat bottom right; }
#left .leftbg3 { background:#FFF url(../img/random_bgs/sitting/3.jpg) no-repeat bottom right; }
#left .leftbg4 { background:#FFF url(../img/random_bgs/sitting/9.jpg) no-repeat bottom right; }
#left .leftbg5 { background:#FFF url(../img/random_bgs/sitting/5.jpg) no-repeat bottom right; }
#left .leftbg6 { background:#FFF url(../img/random_bgs/sitting/6.jpg) no-repeat bottom right; }
#left .leftbg7 { background:#FFF url(../img/random_bgs/sitting/7.jpg) no-repeat bottom right; }
#left .leftbg8 { background:#FFF url(../img/random_bgs/sitting/8.jpg) no-repeat bottom right; }
#left .leftbg9 { background:#FFF url(../img/random_bgs/sitting/9.jpg) no-repeat bottom right; }
#left .leftbg10 { background:#FFF url(../img/random_bgs/sitting/10.jpg) no-repeat bottom right; }
#left .leftbg11 { background:#FFF url(../img/random_bgs/sitting/11.jpg) no-repeat bottom right; }
#left .leftbg12 { background:#FFF url(../img/random_bgs/sitting/12.jpg) no-repeat bottom right; }
#left .leftbg13 { background:#FFF url(../img/random_bgs/sitting/13.jpg) no-repeat bottom right; }
#left .leftbg14 { background:#FFF url(../img/random_bgs/sitting/14.jpg) no-repeat bottom right; }
#left .leftbg15 { background:#FFF url(../img/random_bgs/sitting/15.jpg) no-repeat bottom right; }
#left .leftbg16 { background:#FFF url(../img/random_bgs/sitting/16.jpg) no-repeat bottom right; }
#left .leftbg17 { background:#FFF url(../img/random_bgs/sitting/17.jpg) no-repeat bottom right; }
#left .leftbg18 { background:#FFF url(../img/random_bgs/sitting/18.jpg) no-repeat bottom right; }
#left .leftbg19 { background:#FFF url(../img/random_bgs/sitting/19.jpg) no-repeat bottom right; }
#left .leftbg20 { background:#FFF url(../img/random_bgs/sitting/20.jpg) no-repeat bottom right; }
#left .leftbg21 { background:#FFF url(../img/random_bgs/sitting/21.jpg) no-repeat bottom right; }
#left .leftbg22 { background:#FFF url(../img/random_bgs/sitting/22.jpg) no-repeat bottom right; }
#left .leftbg23 { background:#FFF url(../img/random_bgs/sitting/23.jpg) no-repeat bottom right; }
#left .leftbg24 { background:#FFF url(../img/random_bgs/sitting/24.jpg) no-repeat bottom right; }
#left .leftbg25 { background:#FFF url(../img/random_bgs/sitting/25.jpg) no-repeat bottom right; }
#left .leftbg26 { background:#FFF url(../img/random_bgs/sitting/26.jpg) no-repeat bottom right; }
#left .leftbg27 { background:#FFF url(../img/random_bgs/sitting/27.jpg) no-repeat bottom right; }
#left .leftbg28 { background:#FFF url(../img/random_bgs/sitting/28.jpg) no-repeat bottom right; }
#left .leftbg29 { background:#FFF url(../img/random_bgs/sitting/29.jpg) no-repeat bottom right; }
#left .leftbg30 { background:#FFF url(../img/random_bgs/sitting/30.jpg) no-repeat bottom right; }
#left .leftbg31 { background:#FFF url(../img/random_bgs/sitting/31.jpg) no-repeat bottom right; }
#left .leftbg32 { background:#FFF url(../img/random_bgs/sitting/32.jpg) no-repeat bottom right; }
#left .leftbg33 { background:#FFF url(../img/random_bgs/sitting/33.jpg) no-repeat bottom right; }
#left .leftbg34 { background:#FFF url(../img/random_bgs/sitting/34.jpg) no-repeat bottom right; }
#left .leftbg35 { background:#FFF url(../img/random_bgs/sitting/35.jpg) no-repeat bottom right; }
#left .leftbg36 { background:#FFF url(../img/random_bgs/sitting/36.jpg) no-repeat bottom right; }
#left .leftbg37 { background:#FFF url(../img/random_bgs/sitting/37.jpg) no-repeat bottom right; }
#left .leftbg38 { background:#FFF url(../img/random_bgs/sitting/38.jpg) no-repeat bottom right; }
#left .leftbg39 { background:#FFF url(../img/random_bgs/sitting/39.jpg) no-repeat bottom right; }
#left .leftbg40 { background:#FFF url(../img/random_bgs/sitting/40.jpg) no-repeat bottom right; }
#left .leftbg41 { background:#FFF url(../img/random_bgs/sitting/41.jpg) no-repeat bottom right; }
#left .leftbg42 { background:#FFF url(../img/random_bgs/sitting/42.jpg) no-repeat bottom right; }
#left .leftbg43 { background:#FFF url(../img/random_bgs/sitting/43.jpg) no-repeat bottom right; }
#left .leftbg44 { background:#FFF url(../img/random_bgs/sitting4/4.jpg) no-repeat bottom right; }
#left .leftbg45 { background:#FFF url(../img/random_bgs/sitting/45.jpg) no-repeat bottom right; }
#left .leftbg46 { background:#FFF url(../img/random_bgs/sitting/46.jpg) no-repeat bottom right; }
#left .leftbg47 { background:#FFF url(../img/random_bgs/sitting/47.jpg) no-repeat bottom right; }
#left .leftbg48 { background:#FFF url(../img/random_bgs/sitting/48.jpg) no-repeat bottom right; }
#left .leftbg49 { background:#FFF url(../img/random_bgs/sitting/49.jpg) no-repeat bottom right; }
#left .leftbg50 { background:#FFF url(../img/random_bgs/sitting/50.jpg) no-repeat bottom right; }
#left .leftbg51 { background:#FFF url(../img/random_bgs/sitting/51.jpg) no-repeat bottom right; }
#left .leftbg52 { background:#FFF url(../img/random_bgs/sitting/52.jpg) no-repeat bottom right; }
#left .leftbg53 { background:#FFF url(../img/random_bgs/sitting/53.jpg) no-repeat bottom right; }
#left .leftbg54 { background:#FFF url(../img/random_bgs/sitting/54.jpg) no-repeat bottom right; }
#left .leftbg55 { background:#FFF url(../img/random_bgs/sitting/55.jpg) no-repeat bottom right; }
#left .leftbg56 { background:#FFF url(../img/random_bgs/sitting/56.jpg) no-repeat bottom right; }
#left .leftbg57 { background:#FFF url(../img/random_bgs/sitting/57.jpg) no-repeat bottom right; }
#left .leftbg58 { background:#FFF url(../img/random_bgs/sitting/58.jpg) no-repeat bottom right; }
#left .leftbg59 { background:#FFF url(../img/random_bgs/sitting/59.jpg) no-repeat bottom right; }
#left .leftbg60 { background:#FFF url(../img/random_bgs/sitting/60.jpg) no-repeat bottom right; }
#left .leftbg61 { background:#FFF url(../img/random_bgs/sitting/61.jpg) no-repeat bottom right; }
#left .leftbg62 { background:#FFF url(../img/random_bgs/sitting/62.jpg) no-repeat bottom right; }
#left .leftbg63 { background:#FFF url(../img/random_bgs/sitting/63.jpg) no-repeat bottom right; }
#left .leftbg64 { background:#FFF url(../img/random_bgs/sitting/64.jpg) no-repeat bottom right; }
#left .leftbg65 { background:#FFF url(../img/random_bgs/sitting/65.jpg) no-repeat bottom right; }
#left .leftbg66 { background:#FFF url(../img/random_bgs/sitting/66.jpg) no-repeat bottom right; }
#left .leftbg67 { background:#FFF url(../img/random_bgs/sitting/67.jpg) no-repeat bottom right; }
#left .leftbg68 { background:#FFF url(../img/random_bgs/sitting/68.jpg) no-repeat bottom right; }
#left .leftbg69 { background:#FFF url(../img/random_bgs/sitting/69.jpg) no-repeat bottom right; }
#left .leftbg70 { background:#FFF url(../img/random_bgs/sitting/70.jpg) no-repeat bottom right; }
#left .leftbg71 { background:#FFF url(../img/random_bgs/sitting/71.jpg) no-repeat bottom right; }
#left .leftbg72 { background:#FFF url(../img/random_bgs/sitting/72.jpg) no-repeat bottom right; }
#left .leftbg73 { background:#FFF url(../img/random_bgs/sitting/73.jpg) no-repeat bottom right; }
#left .leftbg74 { background:#FFF url(../img/random_bgs/sitting/74.jpg) no-repeat bottom right; }
#left .leftbg75 { background:#FFF url(../img/random_bgs/sitting/75.jpg) no-repeat bottom right; }
#left .leftbg76 { background:#FFF url(../img/random_bgs/sitting/76.jpg) no-repeat bottom right; }
#left .leftbg77 { background:#FFF url(../img/random_bgs/sitting/77.jpg) no-repeat bottom right; }
/* @CONTENT HOME
----------------------------------------------------------------------*/
/* @CONTENT PRIMARY
----------------------------------------------------------------------*/
/*#primary .puppycontainer { float:left; width:100%; }*/
#primary .puppy { margin:0 0 0 20px; width:700px; }
#primary .puppy h1 { font-size:197%; padding:0 0 6px 0; margin: 0 0 6px 0; border-bottom:4px solid #EAE3D2; }
#primary .puppy p { line-height:1.5; }
#primary .puppy .profileleft { float:left; width:508px; }
#primary .puppy .profileright { float:right; width:160px; margin:0 20px 10px 10px; }
.ie6 #primary .puppy .profileleft { float:left; width:488px; }
.ie6 #primary .puppy .profileright { float:right; width:160px; margin:0 20px 10px 10px; }
#primary .puppy .profileright div { background:#F7F6EF;border: 2px solid #BFB2A7; }
#primary .puppy .infoboxcontainer { position:relative; float:left; width:100%;}
#primary .puppy .infoboxleft { float:left; margin:20px 10px 10px 0; width:244px;}
#primary .puppy .infoboxright { float:left; margin:20px 0 10px 10px; width:244px;}
.ie6 #primary .puppy .infoboxleft { float:left; margin:20px 10px 10px 0; width:234px;}
.ie6 #primary .puppy .infoboxright { float:left; margin:20px 0 10px 10px; width:234px;}
#primary .puppy .infobox { position:relative; /*border: 2px solid #BFB2A7;*/ border:4px solid #EAE3D2; margin:20px 0 10px 0; padding:16px; }
#primary .puppy .infobox h3 { color:#AA723B; font-size:123.1%; margin:10px 0 0 0; }
#primary .puppy .infobox p { font-size:93%; line-height:1.22; font-weight:bold; margin:4px 0 4px 0; }
#primary .puppy .infobox .infonote { font-size:85%; line-height:1.22; font-weight:bold; margin:6px 0 10px 0; }
#primary .puppy .infobox img { float:left; margin:10px 10px 10px 0; border:1px solid #000; }
#primary .puppy .infobox img a { border:1px solid #EAE3D2; }
#primary .puppy .infobox .lista ul { list-style:none; }
#primary .puppy .infobox .lista li { clear:left; display:block; margin:2px 0; padding:4px 8px 4px 0; }
#primary .puppy .infobox .lista li span { float:left; width:17px; height:12px; margin:3px 10px 0 0; background:url(../img/puppysprites.gif); background-position:-5px -6px; }
#primary .puppy .infobox .lista li em { float:left; width:80%; font-style:normal; line-height:123.1%; }
#primary .puppy .infobox .listb ul { list-style:none; margin-bottom:10px; }
#primary .puppy .infobox .listb li { clear:left; display:block; margin:0; padding:2px 8px 2px 0; }
#primary .puppy .infobox .listb li span { float:left; width:13px; height:12px; margin:3px 6px 0 0; background:url(../img/puppysprites.gif); background-position:-29px -6px; }
#primary .puppy .infobox .listb li em { float:left; width:80%; color:#444; font-size:108%; font-style:normal; }
#primary .puppy .infobox .listb li a { font-weight:bold; }
#primary .puppy .infoboxhead { position:absolute; left:15px; top:-24px; }
#primary .puppy .infoboxhead1 { width:68px; height:38px; background:#FFF url(../img/puppysprites.gif); background-position:-5px -22px; border:4px solid #FFF; }
#primary .puppy .infoboxhead2 { width:45px; height:30px; background:#FFF url(../img/puppysprites.gif); background-position:-79px -31px; border:4px solid #FFF; top:-20px; }
#primary .puppy .infoboxhead3 { width:31px; height:30px; background:#FFF url(../img/puppysprites.gif); background-position:-129px -30px; border:4px solid #FFF; }
#primary .puppy .infoboxhead4 { width:40px; height:34px; background:#FFF url(../img/puppysprites.gif); background-position:-4px -69px; border:4px solid #FFF; }
#primary .puppy .infoboxhead5 { width:64px; height:37px; background:#FFF url(../img/puppysprites.gif); background-position:-51px -67px; border:4px solid #FFF; }
#primary .puppy .infoboxhead6 { width:35px; height:36px; background:#FFF url(../img/puppysprites.gif); background-position:-120px -68px; border:4px solid #FFF; }
#primary .puppy .infoboxhead7 { width:44px; height:37px; background:#FFF url(../img/puppysprites.gif); background-position:-164px -67px; border:4px solid #FFF; }
#primary .puppy .infoboxhead8 { width:54px; height:37px; background:#FFF url(../img/puppysprites.gif); background-position:-220px -66px; border:4px solid #FFF; }
#primary .puppy .infoboxhead9 { width:45px; height:45px; background:#FFF url(../img/puppysprites.gif); background-position:-274px -62px; border:4px solid #FFF; margin-bottom:4px; }
#primary .puppy .infobox .ienergy1 { text-indent:-9000px; display:block; width:144px; height:18px; background:url(../img/puppysprites.gif); background-position:-123px -110px; margin:6px 0; }
#primary .puppy .infobox .ienergy2 { text-indent:-9000px; display:block; width:144px; height:18px; background:url(../img/puppysprites.gif); background-position:-94px -110px; margin:6px 0; }
#primary .puppy .infobox .ienergy3 { text-indent:-9000px; display:block; width:144px; height:18px; background:url(../img/puppysprites.gif); background-position:-64px -110px; margin:6px 0; }
#primary .puppy .infobox .ienergy4 { text-indent:-9000px; display:block; width:144px; height:18px; background:url(../img/puppysprites.gif); background-position:-35px -110px; margin:6px 0; }
#primary .puppy .infobox .ienergy5 { text-indent:-9000px; display:block; width:144px; height:18px; background:url(../img/puppysprites.gif); background-position:-5px -110px; margin:6px 0; }
#primary .puppy .infobox .iexercise1 { text-indent:-9000px; display:block; width:132px; height:22px; background:url(../img/puppysprites.gif); background-position:-115px -139px; margin:6px 0; }
#primary .puppy .infobox .iexercise2 { text-indent:-9000px; display:block; width:132px; height:22px; background:url(../img/puppysprites.gif); background-position:-87px -139px; margin:6px 0; }
#primary .puppy .infobox .iexercise3 { text-indent:-9000px; display:block; width:132px; height:22px; background:url(../img/puppysprites.gif); background-position:-60px -139px; margin:6px 0; }
#primary .puppy .infobox .iexercise4 { text-indent:-9000px; display:block; width:132px; height:22px; background:url(../img/puppysprites.gif); background-position:-32px -139px; margin:6px 0; }
#primary .puppy .infobox .iexercise5 { text-indent:-9000px; display:block; width:132px; height:22px; background:url(../img/puppysprites.gif); background-position:-5px -139px; margin:6px 0; }
#primary .puppy .infobox .itraining1 { text-indent:-9000px; display:block; width:120px; height:31px; background:url(../img/puppysprites.gif); background-position:-105px -168px; margin:6px 0; }
#primary .puppy .infobox .itraining2 { text-indent:-9000px; display:block; width:120px; height:31px; background:url(../img/puppysprites.gif); background-position:-80px -168px; margin:6px 0; }
#primary .puppy .infobox .itraining3 { text-indent:-9000px; display:block; width:120px; height:31px; background:url(../img/puppysprites.gif); background-position:-55px -168px; margin:6px 0; }
#primary .puppy .infobox .itraining4 { text-indent:-9000px; display:block; width:120px; height:31px; background:url(../img/puppysprites.gif); background-position:-30px -168px; margin:6px 0; }
#primary .puppy .infobox .itraining5 { text-indent:-9000px; display:block; width:120px; height:31px; background:url(../img/puppysprites.gif); background-position:-5px -168px; margin:6px 0; }
#primary .puppy .infobox .igroom1 { text-indent:-9000px; display:block; width:101px; height:24px; background:url(../img/puppysprites.gif); background-position:-88px -204px; margin:6px 0; }
#primary .puppy .infobox .igroom2 { text-indent:-9000px; display:block; width:101px; height:24px; background:url(../img/puppysprites.gif); background-position:-68px -204px; margin:6px 0; }
#primary .puppy .infobox .igroom3 { text-indent:-9000px; display:block; width:101px; height:24px; background:url(../img/puppysprites.gif); background-position:-47px -204px; margin:6px 0; }
#primary .puppy .infobox .igroom4 { text-indent:-9000px; display:block; width:101px; height:24px; background:url(../img/puppysprites.gif); background-position:-27px -204px; margin:6px 0; }
#primary .puppy .infobox .igroom5 { text-indent:-9000px; display:block; width:101px; height:24px; background:url(../img/puppysprites.gif); background-position:-7px -204px; margin:6px 0; }
#primary .puppy .infobox .icoat1 { text-indent:-9000px; display:block; width:155px; height:32px; background:url(../img/puppysprites.gif); background-position:-7px -336px; margin:6px 0; }
#primary .puppy .infobox .icoat2 { text-indent:-9000px; display:block; width:155px; height:32px; background:url(../img/puppysprites.gif); background-position:-7px -302px; margin:6px 0; }
#primary .puppy .infobox .icoat3 { text-indent:-9000px; display:block; width:155px; height:32px; background:url(../img/puppysprites.gif); background-position:-7px -268px; margin:6px 0; }
#primary .puppy .infobox .icoat4 { text-indent:-9000px; display:block; width:155px; height:32px; background:url(../img/puppysprites.gif); background-position:-7px -234px; margin:6px 0; }
#primary .puppy .infobox .ished1 { text-indent:-9000px; display:block; width:151px; height:44px; background:url(../img/puppysprites.gif); background-position:-7px -459px; margin:6px 0; }
#primary .puppy .infobox .ished2 { text-indent:-9000px; display:block; width:151px; height:44px; background:url(../img/puppysprites.gif); background-position:-7px -415px; margin:6px 0; }
#primary .puppy .infobox .ished3 { text-indent:-9000px; display:block; width:151px; height:44px; background:url(../img/puppysprites.gif); background-position:-7px -371px; margin:6px 0; }
#primary .puppy .infobox .ished4 { text-indent:-9000px; display:block; width:151px; height:44px; background:url(../img/puppysprites.gif); background-position:-7px -503px; margin:6px 0; }
#primary .puppy p.puppynote {font-size:1.2em;color:#999;}
#primary .puppy #puppyimgcontainer { margin:10px 0; /*border: 2px solid #BFB2A7;*/ border:4px solid #EAE3D2; padding:4px 10px; text-align:centre; min-height:480px; float:left; width: 94%; }
#primary .puppy .puppyimgwrap { padding:0; margin:0; display:none; text-align:center; }
#primary .puppy .puppyimg { margin:0; height:350px; padding:0; overflow:hidden; text-align:center; width:100%; }
#primary .puppy .puppycaption { margin:0; padding:0 10px 6px 10px; text-align:center; font-size:100%; background:#FFF; }
#primary .puppy .puppythumbs { float:left; text-align:center; margin:0 auto; width:100%; }
#primary .puppy .puppythumbs img { float:left; border:1px solid #EAE3D2; margin:0 2px 0 0; }
#primary .puppy .puppythumbs img:hover { border:1px solid #DF8C33; }
#primary .puppy .puppyimgsub { clear: left; float: left; width: 98%; text-align: left; padding:10px 4px; font-size:83%; color: #999; margin: 10px 0 0 0; font-weight: bold; border-top: 1px solid #EAE3D2; }
.no-js #puppyimgwrap1 { display:block; visibility:visible; }
#primary .puppy .puppylist { float:left; margin:10px 0; }
#primary .puppy .puppylistimg { float:left; margin:0 10px 0 0; width:110px; display:inline; }
#primary .puppy .puppylistimg img { border:6px solid #EAE3D2; margin:0 0 10px 0; }
#primary .puppy .puppylistimg img:hover { border:6px solid #DF8C33; }
#primary .puppy .puppylistcontent {display:inline;}
#primary .puppy .puppylistcontent h2 { font-size:131%; line-height:1.22; margin:0 0 4px 0; }
#primary .puppy .puppylistcontent p { font-size:93%; line-height:1.1; }
#primary .puppy .puppylist .ad { float:left; margin:10px 0; padding:10px; border:6px solid #EAE3D2; }
#primary .puppy .searchlist { float:left; margin:6px 0; border-top:2px solid #EAE3D2; padding:14px 0 0 0;}
#primary .puppy .searchlistimg { float:left; margin:0 10px 0 0; width:110px; display:inline; }
#primary .puppy .searchlistimg img { border:6px solid #EAE3D2; margin:0 0 10px 0; }
#primary .puppy .searchlistimg img:hover { border:6px solid #DF8C33; }
#primary .puppy .searchlistcontent {display:inline;}
#primary .puppy .searchlistcontent h2 { font-size:131%; line-height:1.22; margin:0 0 4px 0; }
#primary .puppy .searchlistcontent h4 { font-size:108%; margin:4px 0 4px 0; }
#primary .puppy .searchlistcontent p { font-size:93%; line-height:1.1; }
#primary .puppy .puppyarticlesub { font-size:85%; }
#primary .puppy .puppyarticle p { font-size:108%; margin:10px 0; }
#primary .puppy .puppyarticle p img { float:right; border:4px solid #CCC; margin:0 0 10px 10px; }
#primary .puppy .puppylistpages { clear:left; position:relative; margin:10px 0; border-top: 4px solid #EAE3D2; }
#primary .puppy .puppylistpages p { font-size:108%; margin:4px 0; }
#primary .puppy .puppylistpages a { text-decoration:none; }
#primary .puppy .puppylistpages img { margin:0 0 -2px 0; }
/*#primary .puppy .puppylistpages .puppylistpagesprev { position:relative; display:inline; text-indent:-9000px; width:12px; height:13px; background:url(../img/puppysprites.gif); background-position:-174px -5px; margin:4px 6px 0 0; padding:0 6px; }
#primary .puppy .puppylistpages .puppylistpagesprev:hover { background-position:-174px -24px; }
#primary .puppy .puppylistpages .puppylistpagesnext { position:absolute; display:inline; text-indent:-9000px; width:12px; height:13px; background:url(../img/puppysprites.gif); background-position:-194px -5px; margin:4px 0 0 0; padding:0; }
#primary .puppy .puppylistpages .puppylistpagesnext:hover { background-position:-194px -24px; }*/
#primary .puppy .puppyleft { float:left; width:480px; }
#primary .puppy .puppyright { float:right; width:150px; margin:0 50px 20px 20px; }
.ie6 #primary .puppy .puppyleft { float:left; width:480px; }
.ie6 #primary .puppy .puppyright { float:right; width:150px; margin:0 20px 20px 10px; }
#primary .puppy .puppyleft p { margin: 0 0 10px 0; }
#primary .puppy .puppyrightbox { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:10px; width:150px; }
#primary .puppy .puppyrightbox h3 { color:#444; font-size:123.1%; margin:0 0 4px 0; padding:0; }
#primary .puppy .puppyrightbox img { border:2px solid #EAE3D2; margin:0 0 4px 0; }
#primary .puppy .puppyrightbox img:hover { border:2px solid #DF8C33; }
#primary .puppy .puppyrightbox h4 { color:#444; font-size:123.1%; margin:0; padding:0; }
#primary .puppy .puppyrightbox p { font-size:85%; margin:0; padding:0; }
#primary .puppy .randomfact { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:10px 10px 100px 10px; width:150px; }
#primary .puppy .randomfact h3 { color:#CAB686; font-size:123.1%; margin:0 0 8px 0; padding:0; }
#primary .puppy .randomfact h4 { color:#444; font-size:123.1%; margin:0; padding:0; }
#primary .puppy .randomfact p { font-size:108%; margin:0; padding:0; line-height: 1.3; font-weight:bold; }
#primary .puppy .randomfact span { color:#444; margin:0; padding:0; }
#primary .puppy .randomfact .bqstart { float: left; height: 45px; margin-top: -61px; padding-top: 45px; margin-bottom: -15px; margin-right: 2px; font-size: 350%; color:#CAB686; }
#primary .puppy .randomfact .bqend { float: right; height: 25px; margin-top: -57px; padding-top: 45px; margin-bottom: -15px; margin-left: 10px; font-size: 350%; color:#CAB686; }
#primary .puppy .celebritybox { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:10px; width:150px; }
#primary .puppy .celebritybox h3 a { color:#CAB686; font-size:123.1%; margin:0 0 8px 0; padding:0; text-decoration:none; }
#primary .puppy .celebritybox img { border:2px solid #EAE3D2; margin:6px 0 4px 0; }
#primary .puppy .celebritybox img:hover { border:2px solid #DF8C33; }
#primary .puppy .celebritybox h4 { color:#444; font-size:123.1%; margin:0; padding:0; }
#primary .puppy .celebritybox p { font-size:85%; margin:0; padding:0; line-height: 1.3; font-weight:bold; }
#primary .puppy .celebritybox span { color:#444; margin:0; padding:0; }
#primary .puppy .rightadbox { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:10px; width:150px; text-align:center; }
#primary .puppy .articlebox { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:10px; width:150px; }
#primary .puppy .articlebox h3 a { color:#CAB686; font-size:123.1%; margin:0 0 12px 0; padding:0; text-decoration:none; }
#primary .puppy .articlebox img { border:2px solid #EAE3D2; margin:6px 0 4px 0; }
#primary .puppy .articlebox img:hover { border:2px solid #DF8C33; }
#primary .puppy .articlebox h4 { color:#444; font-size:123.1%; margin:0; padding:0; }
#primary .puppy .articlebox p { font-size:85%; margin:4px 0 0 0; padding:0; line-height: 1.3; font-weight:bold; }
#primary .puppy .articlebox span { color:#444; margin:0; padding:0; }
#primary .puppy .popularbox { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:10px; width:150px; }
#primary .puppy .popularbox h3 { color:#CAB686; font-size:123.1%; margin:0 0 8px 0; padding:0; }
#primary .puppy .popularbox h3 a { color:#CAB686; text-decoration:none; }
#primary .puppy .popularbox img { border:2px solid #EAE3D2; margin:6px 0 4px 0; }
#primary .puppy .popularbox img:hover { border:2px solid #DF8C33; }
#primary .puppy .popularbox h4 { color:#444; font-size:123.1%; margin:0; padding:0; }
#primary .puppy .popularbox p { font-size:85%; margin:4px 0 0 0; padding:0; line-height: 1.3; font-weight:bold; }
#primary .puppy .popularbox span { color:#444; margin:0; padding:0; }
#primary .puppy .puppyright .rightbg1 { background:#FFF url(../img/random_bgs/sitting/11.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg2 { background:#FFF url(../img/random_bgs/sitting/12.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg3 { background:#FFF url(../img/random_bgs/sitting/13.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg4 { background:#FFF url(../img/random_bgs/sitting/76.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg5 { background:#FFF url(../img/random_bgs/sitting/75.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg6 { background:#FFF url(../img/random_bgs/sitting/24.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg7 { background:#FFF url(../img/random_bgs/sitting/25.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg8 { background:#FFF url(../img/random_bgs/sitting/32.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg9 { background:#FFF url(../img/random_bgs/sitting/51.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg10 { background:#FFF url(../img/random_bgs/sitting/52.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg11 { background:#FFF url(../img/random_bgs/sitting/74.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg12 { background:#FFF url(../img/random_bgs/sitting/60.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg13 { background:#FFF url(../img/random_bgs/sitting/61.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg14 { background:#FFF url(../img/random_bgs/sitting/24.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg15 { background:#FFF url(../img/random_bgs/sitting/68.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg16 { background:#FFF url(../img/random_bgs/sitting/69.jpg) no-repeat bottom right; }
#primary .puppy .puppyright .rightbg17 { background:#FFF url(../img/random_bgs/sitting/74.jpg) no-repeat bottom right; }
#primary .puppy .rightboxsmall { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:10px; width:104px; }
#primary .puppy .rightboxsmall h3 { color:#CAB686; font-size:108%; margin:0 0 8px 0; padding:0; }
#primary .puppy .rightboxsmall h3 a { color:#CAB686; text-decoration:none; }
#primary .puppy .rightboxsmall img { border:2px solid #EAE3D2; margin:6px 0 4px 0; }
#primary .puppy .rightboxsmall img:hover { border:2px solid #DF8C33; }
#primary .puppy .rightboxsmall h4 { color:#444; font-size:108%; margin:0; padding:0; }
#primary .puppy .rightboxsmall p { font-size:85%; margin:0; padding:0; line-height: 1.3; font-weight:bold; }
#primary .puppy .rightboxsmall span { color:#444; margin:0; padding:0; }
#primary .puppy .rightboxsmallads { float:left; margin:0 0 10px 0; border:4px solid #EAE3D2; background:#FFF; padding:2px; width:120px; }
#primary .puppy .commentsbox { float:left; /*width:92%; width:440px;*/ border:4px solid #EAE3D2; margin:10px 0; padding:16px; background:#FFF; }
#primary .puppy .commentsboxtitle h3 { color:#CAB686; font-size:138.5%; margin:0; padding:0; }
#primary .puppy .commentsboxtitle p { font-size:108%; margin:0; padding:0; }
#primary .puppy .commentsboxtitle a { font-size:93%; font-weight:bold; margin:0; padding:0; }
#primary .puppy .commentslist { font-size:100%; margin:6px 0; padding:6px 0; /*border-top:2px solid #EAE3D2;*/}
/*#primary .puppy .commentslist p { clear:right; margin:4px 0 10px 0; }*/
#primary .puppy .commentslist .commenttitle { margin:4px 10px 0 10px; padding:0; display:block; }
#primary .puppy .commentslist .commenttitle p { font-size:85%; }
#primary .puppy .commentslist .commenttitle h4 { font-size:123.1%; font-weight:bold; color:#444; margin:0; padding:0; }
#primary .puppy .commentslist p.commenttxt { clear:right; font-size:100%; background:#F7F4ED; padding:10px; display:block; margin:4px 0; }
#primary .puppy .commentslist .formbox { font-size:108%; padding:10px; width:95%; }
#primary .puppy .commentslist safecracker_file_input { font-size:108%; padding:10px; width:95%; }
#primary .puppy .commentslist .commbutton { height:26px; margin:0; padding:0; border:1px solid #BFB2A6; background:#DACFB4; }
#primary .puppy .commentsform { position:relative; font-size:100%; margin:10px 0; padding:10px 0; /*border-top:2px solid #EAE3D2;*/}
#primary .puppy .commentsform p { clear:right; font-size:100%; margin:10px 0; padding:0; }
#primary .puppy .commentsform .formbox { font-size:108%; padding:10px; width:95%; }
#commentsimg { position:absolute; right:2px; top:130px; width:104px; height:88px; background:url(../img/puppysprites.gif); background-position: -1px -547px; z-index:1010 }
#primary .puppy .commentslistpages { clear:left; position:relative; margin:10px 0; border-top: 2px solid #EAE3D2; }
#primary .puppy .commentslistpages p { font-size:100%; margin:4px 0 10px 0; }
#primary .puppy .commentslistpages a { text-decoration:none; }
#primary .puppy .commentslistpages img { margin:0 0 -2px 0; }
#primary .puppy .cutepuppylink a { font-weight:bold; font-size:108%; line-height:1.4; }
#primary .puppy .cutepuppylist { margin:6px 0; padding:10px 0; }
#primary .puppy .cutepuppylistimg { margin:0 10px 0 0; width:450px; }
#primary .puppy .cutepuppylistimg img { border:6px solid #EAE3D2; margin:6px 0; padding:6px; }
/*#primary .puppy .cutepuppylistimg img:hover { border:6px solid #DF8C33; }*/
#primary .puppy .cutepuppylistcontent { }
#primary .puppy .cutepuppylistcontent h2 { font-size:138.5%; line-height:1.22; margin:2px 0 4px 0; }
#primary .puppy .cutepuppylistcontent h4 { font-size:93%; line-height:1.22; margin:4px 0 4px 0; padding: 4px 0 0 0; font-weight:normal; font-style:italic; }
#primary .puppy .cutepuppylistcontent p { font-size:100%; line-height:1.2; margin: 4px 0 }
#primary .puppy h1.systempuppylist { font-size:146.5%; }
#primary .puppy .systempuppylist { font-size:108%; margin:10px 0; padding:10px 0; }
#primary .puppy .systempuppylist a { font-weight:bold; }
.latestcomment { margin: 10px 0 0 0; border: 6px solid #EAE3D2; padding: 6px 10px; position:relative; width:442px; }
.latestcomment h5 { position:absolute; right:-6px; top: -26px; background: #EAE3D2; padding: 6px 10px; color: #444; font-size:85%; font-weight:bold; }
/*.latestcomment h5 { float:right; margin-right:-16px; margin-top: -12px; background: #EAE3D2; padding: 6px 10px; color: #444; font-size:85%; font-weight:bold; }*/
.latestcomment p { font-size:93%; color:#6C463C; line-height: 1.1; }
.latestcomment em { font-size:108%; color:#444; line-height: 1.1; font-weight:bold; font-style:normal; }
/*////////////////////////////////////*/
/* STAR RATING */
/*////////////////////////////////////*/
.starrate {
margin: 10px 0 0 0;
border: 6px solid #EAE3D2;
padding: 6px 10px;
position:relative;
width:442px;
}
.starrate h5 {
position:absolute;
right:-6px;
top: -26px;
background: #EAE3D2;
padding: 6px 10px;
color: #444;
font-size:85%;
font-weight:bold;
}
.starrate h3 {
margin:6px 0 0 0;
font-size:108%;
color:#CAB686;
}
.starrate p {
margin:0 0 6px 0;
font-size:85%;
color:#CAB686;
}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating{
background: url(/stars/bowl_icons.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:300px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active{
background-position: left bottom;
}
.star-rating a.one-star{
width:10%;
z-index:20;
}
.star-rating a.two-stars{
width:20%;
z-index:19;
}
.star-rating a.three-stars{
width:30%;
z-index:18;
}
.star-rating a.four-stars{
width:40%;
z-index:17;
}
.star-rating a.five-stars{
width:50%;
z-index:16;
}
.star-rating a.six-stars{
width:60%;
z-index:15;
}
.star-rating a.seven-stars{
width:70%;
z-index:14;
}
.star-rating a.eight-stars{
width:80%;
z-index:13;
}
.star-rating a.nine-stars{
width:90%;
z-index:12;
}
.star-rating a.ten-stars{
width:100%;
z-index:11;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
.ratethanks{
display:none;
}
.ratescore{
margin:2px 0 4px 0;
color:#6C463C;
font-size:93%;
font-weight:normal;
}
.starrate .ratebowl {
float:left;
margin: 4px 0 20px 0;
padding:0 2px 0 0;
color:#C60;
width:80px;
height:54px;
background: url(/stars/bowls.gif);
background-position:0px -500px;
}
.starrate .ratebowlcaption {
margin:6px 0;
padding:0;
color:#C60;
}
/*////////////////////////////////////*/
/* LIKE EE Thumb */
/*////////////////////////////////////*/
ul.likEE-thumbs{
margin: 0;
padding: 0;
height: 39px;
/*margin-bottom: .5em;
margin-top: .5em;*/
}
ul.likEE-thumbs li{
background-image: none;
margin: 0;
padding: 0;
}
ul.likEE-thumbs li.like, ul.likEE-thumbs li.dislike{text-indent: -9999px; float: left;}
ul.likEE-thumbs li.like a,
ul.likEE-thumbs li.dislike a,
ul.likEE-thumbs li.dislike span,
ul.likEE-thumbs li.dislike strong,
ul.likEE-thumbs li.like span,
ul.likEE-thumbs li.like strong{
display: block;
width: 32px;
height: 39px;
float: left;
margin-right: .5em;
}
ul.likEE-thumbs li.like a,
ul.likEE-thumbs li.like span,
ul.likEE-thumbs li.like strong{
background: url('../img/thumbs-up.png') 0 0 no-repeat;
}
ul.likEE-thumbs li.dislike a,
ul.likEE-thumbs li.dislike span,
ul.likEE-thumbs li.dislike strong{
background: url('../img/thumbs-down.png') 0 0 no-repeat;
}
ul.likEE-thumbs li.like a:hover,
ul.likEE-thumbs li.like strong{
background-position: 0 -39px;
}
ul.likEE-thumbs li.dislike a:hover,
ul.likEE-thumbs li.dislike strong{
background-position: 0 -39px;
}
/*////////////////////////////////////*/
/*//////////lowprofile Style//////////*/
/*////////////////////////////////////*/
div.likEE-lowprofile {
font-size:85%;
font-weight: normal;
color: #444;
}
ul.likEE-lowprofile{
margin: 0;
padding: 0;
height: 1.5em;
padding: .5em 0;
/*background-color: #f0f0f0;*/
margin-bottom: 1em;
}
ul.likEE-lowprofile li {
background-image: none;
margin: 0;
padding: .3em 0;
float: left;
margin-right: .6em;
color: #444;
}
ul.likEE-lowprofile li.like a,
ul.likEE-lowprofile li.dislike a,
ul.likEE-lowprofile li.like span,
ul.likEE-lowprofile li.dislike span,
ul.likEE-lowprofile li.like strong,
ul.likEE-lowprofile li.dislike strong{
/*display: block;*/
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
padding: .3em .7em;
text-decoration: none;
color: #444;
font-weight: normal;
}
ul.likEE-lowprofile li.like a,
ul.likEE-lowprofile li.dislike a,
ul.likEE-lowprofile li.like span,
ul.likEE-lowprofile li.dislike span{
/*border: 1px solid #444;
border-top-color: #6C463C;
border-left-color: #6C463C;*/
background-color: #DF8C33;
color: #FFF;
}
ul.likEE-lowprofile li.like a:hover,
ul.likEE-lowprofile li.dislike a:hover,
ul.likEE-lowprofile li.like strong,
ul.likEE-lowprofile li.dislike strong{
/*border: 1px solid #444;
border-top-color: #6C463C;
border-left-color: #6C463C;*/
background-color: #FC6;
}
ul.likEE-lowprofile li.disliked, ul.likEE-lowprofile li.liked{
float: right;
padding-top: .3em;
}
/* @CONTENT FOOTER
----------------------------------------------------------------------*/
#footercontent { position:relative; width:960px; padding:40px 40px; font-size:100%; color:#FFF; margin:0 auto; text-align:center; }
#footercontent a { font-weight:bold; color:#FFF; }
#footercontent a:hover { color:#FFF; }
#footerpupimg { position:absolute; left:194px; top:-96px; width:571px; height:140px; background:url(../img/five_dogs_footer.jpg); z-index:1011 }
/*
======================================================================
@JQUERY PLUGINS
======================================================================
Tooltip styling. by default the element to be styled is .tooltip */
.tooltip {
display:none;
/*background:transparent url(../img/tooltip/white_arrow.png);*/
border:4px solid #DED1B4;
background:#FFF;
font-size:108%;
/*height:70px;*/
width:160px;
padding:25px;
color:#444;
font-weight:normal;
/*background:url(../img/tipbg.gif) no-repeat right bottom; */
}
/*
======================================================================
@PRINT
======================================================================
Inlined to avoid required HTTP connection */
@media print {
* { background:transparent !important; color:#444 !important; text-shadow:none; }
a, a:visited { color:#444 !important; text-decoration:underline; }
a:after { content:" (" attr(href) ")"; }
abbr:after { content:" (" attr(title) ")"; }
.ir a:after { content:""; } /* Don't show links for images */
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
img { page-break-inside:avoid; }
@page { margin:0.5cm; }
p, h2, h3 { orphans:3; widows:3; }
h2, h3{ page-break-after:avoid; }
}
/*
======================================================================
@RESPONSIVE
======================================================================
Media queries for responsive design */
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width:480px) {
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}
/* .-"-.
/|0 0|\
{_(_o_)_}
*/