/*  
Theme Name: Refined 
Version: 4.0
Description: Linden Line Designs' Default Theme.
Author: McKenna P.
Author URI: http://www.lindenlinedesigns.com
*/



/*Basic Page Styles*/

html, body {
height : 100%;
background-image : url(solidbg.jpg);
background-position : left top;
background-repeat : repeat-x;
background-color : #8c000f;
color : #333333;
font-family : Times, Arial, Tahoma, "Trebuchet MS";
font-size : 1em;
font-weight : normal;http://us.1.p11.webhosting.yahoo.com/filemanager/advancededitor
text-decoration : none;
}

fieldset { 
padding : 2px;
}

select, option {
background-color : white;
border-bottom : 1px solid #cccccc;
border-top : none;
border-right : none;
border-left : none;
}

.linkback {
display : block;
background-color : white;
font-family : Arial;
font-size : 0.7em;
color : #666666;
width : 200px;
padding : 5px;
overflow : auto;
}

a:link, a:active, a:visited {
color : #333333;
font-family : Arial, Tahoma, "Trebuchet MS";
font-size : 1em;
text-decoration : underline;
font-weight : normal;
}

a:hover {
color : black;
font-family : Arial, Tahoma, "Trebuchet MS";
font-size : 1em;
text-decoration : none;
font-weight : normal;
} 

hr {
clear : both;
color : #cccccc;
}

table {
text-align : center;
}

td {
padding : 5px;
}

small {
font-family : Arial, Tahoma, "Trebuchet MS";
font-size : 0.7em;
padding : 5px 1px 5px 1px;
}

small a:link {
font-weight : normal;
text-decoration : underline;
color : gray;
}

small a:hover {
font-weight : normal;
text-decoration : none;
color : #cccccc;
}

h1 {
color : #6e000d;
text-align : left;
font-weight : normal;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
padding : 5px 0px 5px 0px;
text-shadow : 1px 1px 1px white;
}

h2 {
color : #9d1d24;
text-align : left;
font-weight : normal;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
padding-bottom : 2px;
text-shadow : 1px 1px 1px white;
padding : 5px 0px 0px 0px;
}

h3 {
color : #b74742;
text-align : left;
font-weight : normal;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-decoration : none;
text-shadow : 1px 1px 1px white;
}

h4 {
color : #b74742;
text-align : center;
font-weight : normal;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-decoration : none;
text-shadow : 1px 1px 1px white;
}

h3 a {
color : #333333;
text-align : center;
font-weight : normal;
text-decoration : none;
text-shadow : 1px 1px 1px white;
}

h3 a:hover {
color : #666666;
text-align : center;
font-weight : normal;
text-decoration : none;
text-shadow : 1px 1px 1px white;
}

h1.side {
color : #EFD352;
text-shadow : 1px 1px 1px white;
}

h3.side {
color : #B2CA57;
text-shadow : 1px 1px 1px white;
padding : 5px 0px 0px 0px;
}

h4.pp {
font-size : 120%;
color : #6e000d;
text-align : center;
font-weight : normal;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-decoration : none;
text-shadow : 1px 1px 1px white;
}



/* Use with < span > tag to make text red and stay inline */

.red {
color : red;
font-weight : bold;
}



/*Positioning Divs*/

.clear {
clear : both;
padding : 5px;
}

.right {
float : right;
text-align : right;
}

.left {
float : left;
text-align : left;
padding : 3px;
}

.left2 {
float : left;
text-align : center;
padding : 8px;
}

.leftin {
float : left;
display : block;
border : none;
margin : 0px auto 0px auto;
}

.center {
margin : 0px auto 0px auto;
text-align : center;
}

.panaceabl {
display : block;
margin-left : auto;
margin-right : auto;
border : none;
}

img.panacea {
margin : 0px auto 0px auto;
border : none;
}

img.cent {
margin : 0px auto 0px auto;
}

img.noborder {
border : none;
}

img.noborder a:link {
border : none;
}

img.noborder a:hover {
border : none;
}

td {
background-color : #e7e7e7;
}

.big a {
font-size : 3em;
text-decoration : underline
}

.big a:hover {
font-size : 3em;
text-decoration : none;
}

/*Notice*/

#notice {
font-size : 0.95em;
background-color : #F2DF74;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
margin : 10px auto 10px auto;
border : 1px solid #A70015;
padding : 5px;
width : 650px;
height : 100px;
color : #A70015;
-moz-box-shadow : 3px 3px 3px #999999;
-webkit-box-shadow : 3px 3px 3px #999999;
box-shadow : 3px 3px 3px #999999;
}

.pagenotice {
background-color : #F2DF74;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
margin : 10px auto 10px auto;
border : 1px solid #A70015;
padding : 5px;
width : 650px;
height : 100px;
color : #A70015;
-moz-box-shadow : 3px 3px 3px #999999;
-webkit-box-shadow : 3px 3px 3px #999999;
box-shadow : 3px 3px 3px #999999;
}



/*Sticky Footer courtesy of Ryan Fait http://www.ryanfait.com*/

* {
margin : 0;
}

#wrapper {
position : relative;
min-height : 100%;
height : auto !important;
height : 100%;
margin : 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
width : 1001px;
background-image : url(equalbg.gif);
border-right : 5px solid #A80015;
border-left : 5px solid #A80015;
}

#footer, #push {
height : 90px; /* .push must be the same height as .footer */
clear : both;
}

#footer {
position : relative;
width : 1001px;
margin : 0 auto;
text-align : center;
background-color : white;
}

.footerleft {
float : left;
}


/*Divs*/

#top {
padding : 0px;
float : right;
clear : both;
width : 1001px;
background-color : white;
}

#content {
width : 740px;
float : right;
padding : 5px 10px 5px 10px;
}

#sidebar {
width : 195px;
text-align : center;
float : left;
padding : 5px 10px 5px 10px;
border-radius : 10px;
}

#bottom {
color : #59b1fb;
background-color : white;
text-align : center; 
width : 600px;
}

.box {
background-color : white;
font-family : Arial, Tahoma, "Trebuchet MS";
font-size : 2em;
text-decoration : none;
border-bottom : 3px solid #a2d8fb;
text-align : center;
}

.bottom {
background-color : #e7e7e7;
text-align : center;
}

/*Temporary Div for Frontpage 'Steps' Styling*/

.step {
display : block;
height : 100px;
padding : 5px;
clear : both;
}

.stepnumber {
width : 105px;
float : left;
padding : 3px;
text-align : center;
}

.steptext {
width : 600px;
float : left;
padding : 3px;
margin : 15px 3px 0px 3px;
text-align : left;
}

h3.stepone {
color : #8ACCC8;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-shadow : 1px 1px 1px #ffffff;
}

h3.steptwo {
color : #BED366;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-shadow : 1px 1px 1px white;
}

h3.stepthree {
color : #EFD55E;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-shadow : 1px 1px 1px white;
}

h3.stepfour {
color : #E6A920;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-shadow : 1px 1px 1px white;
}

h3.stepfive {
color : #9D0013;
font-family : 'Cardo', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-shadow : 1px 1px 1px white;
}




/*Top Menu Navigation Style*/

.topnav {
list-style : none; 
float : left;
background-color : #F4F4F4;
width : 961px;
}

.topnav li {
float : left;
}

.topnav li a {
display : block;
color : #666666;
margin : 4px;
padding : 4px;
font-size : 0.9em;
text-decoration : none;
text-shadow : 2px 2px 2px white;
}

.topnav li a:hover {
text-decoration : none;
color : #000000;
text-shadow : 2px 2px 2px white;
}

img.social {
border : none;
display : inline;
}


/*Logo Style*/

#logo {
padding : 0px 0px 5px 15px;
}



/*Banner Style*/

#banner {
border : none;
float : right;
padding : 20px 20px 0px 0px;
}



/*Network Box Style*/

#nbox {
float : left;
background-color : #F4F4F4;
border-radius : 10px;
-moz-border-radius-topright : 10px; 
-moz-border-radius-bottomright : 10px;
-webkit-border-top-right-radius : 10px; 
-webkit-border-bottom-right-radius : 10px;
}

.networkbox {
display : block;
border : none;
padding : 5px 10px 0px 21px;
}



/*Product Box Style*/

#pbox {
float : right;
}

.productbox {
border : none;
padding : 2px 15px 0px 0px;
}



/*Site Update Style*/

#update {
padding : 5px 5px 5px 15px;
color : black;
text-align : center;
}



/*Sidebar Navigation Style*/

.sidenav {
list-style-position : inside;
text-align : left;
margin : 0; 
padding : 0;
}

.sidenav li {
color : #f4f4f4;
font-size : 0.8em;
}

.sidenav li a {
color : #333333;
padding : 5px 0;
text-decoration : none;
}

.sidenav li a:hover {
text-decoration : none;
color : #59B4AD;
}


/*Homepage Styling*/

#homepage {
display : block;
padding : 5px;
margin : 5px;
background-color : #ececec;
border : 3px solid #999999;
}

/*Order Menu and Links Styles*/

#orderbox {
margin : 0px auto 0px auto; 
border-bottom : 1px solid #cccccc;
border-top : 1px solid #cccccc;
text-align : center;
color : #6e000d;
}

a.order:link, a.order:active, a.order:visited {
color : #363636;
background-color: #ebebeb;
border : 1px solid #cbcbcb;
padding : 10px;
line-height : 3em;
text-align : center;
}

a.order:hover {
color : #333333;
background-color: #f7f7f7;
border : 1px solid #bababa;
padding : 10px;
line-height : 3em;
text-align : center;
}



/*Paypal Box Styles*/

#paypalbox {
margin : 0px auto 0px auto;
text-align : center;
padding : 2px 2px 2px 2px;
clear : both; 
}

.ppl {
float : left;
text-align : center;
width : 48%;
padding : 2px 2px 2px 2px;
background-color : #f0f0f0;
margin : 2px 2px 8px 2px;
border : 1px solid #cccccc;
}

.ppr {
float : right;
text-align : center;
width : 48%;
padding : 2px 2px 2px 2px;
background-color : #f0f0f0;
margin : 2px 2px 8px 2px;
border : 1px solid #cccccc;
}



/*Size Chart Styles - Adapted from Web Designer Wall CSS Menu List Design: http://www.webdesignerwall.com/tutorials/css-menu-list-design/ */

.size {
width : 500px;
list-style : none;
margin : 0 0 2em;
padding : 0;
font-size : 1.5em;
}

.size li {
clear : both;
margin : 0;
padding : 0 0 1.8em 0;
position : relative;
border-bottom : dotted 2px #6e000d;
}

.size strong {
background : #f4f4f4;
padding : 0 10px 0 0;
font-weight : normal;
position : absolute;
bottom : -0.3em;
left : 0;
color : black;
}

.size em {
background : #f4f4f4;
padding : 0 0 0 5px;
font-size : 1.1em;
position : absolute;
bottom : -0.2em;
right : 0;
color : black;
}

.size sup {
font-size : 60%;
color : #666;
margin-left : 3px;
}

.size small {
font-size : 50%;
font-style : italic;
position : absolute;
bottom : -1.8em;
}

/* clearfix */
.menu li:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}

.menu li {
display : inline-block;
}

/* Hides from IE-mac \*/
* html .menu li {
height : 1%;
}

.menu li {
display : block;
}
/* End hide from IE-mac */




/*Perfect Pockets Container*/

#ppclear {
clear : both;
width : 110%;
margin : 2px 10px 2px 50px;
}

.pprow {
width : 110%;
padding : 5px;
display : inline;
}

.ppbox {
float : left;
width : 180px;
padding : 10px 10px 10px 10px;
background-color : #ececec;
border : 1px solid #333333;
margin : 3px 3px 3px 3px;
}

.ppbox a:link, .ppbox a:active, .ppbox a:visited {
display : block;
text-decoration : none;
color : #383838;
text-align : center;
padding : 0px 0px 0px 2px;
border : none;
}

.ppbox a:hover {
display : block;
text-decoration : none;
color : #b74742;
text-align : center;
padding : 0px 0px 0px 2px;
border : none;
}


/*Fun Links Style*/

.funbox {
float : left;
margin : 5px;
padding : 5px;
width : 200px;
background-color : white;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

.funbox:hover {
background-color : #efefef;
}

a.funnav, a.funnav:hover {
display : block;
font-size : 1.3em;
font-family : 'Cardo', Times, Arial;
color : #59B4AD;
text-shadow : 1px 1px 1px white;
text-decoration : none;
}

a.funnav:hover {
color : #6DD4CB;
}

.fundes, .fundes:hover {
padding : 3px;
display : block;
font-size : 0.7em;
font-family : Times, Arial;
color : #333333;
}

.fundes:hover {
color : black;
}


/*Dog and Cat Product Pages, List of all products Style*/

.probox {
float : left;
margin : 5px;
padding : 5px;
width : 302px;
height : 260px;
background-color : white;
border : 2px solid white;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

.probox:hover {
border : 2px solid #EFD352;
}

a.pronav, a.pronav:hover {
display : block;
font-size : 1.5em;
font-family : 'Cardo', Times, Arial;
color : #59B4AD;
text-shadow : 1px 1px 1px white;
text-decoration : none;
}

a.pronav:hover {
color : #B2CA57;
}

.prodes, .prodes:hover {
padding : 3px;
display : block;
font-size : 0.7em;
font-family : Times, Arial;
color : #3e3e3e;
}

.prodes:hover {
color : black;
}

.proboximg {
border : none;
margin : 0px auto 0px auto;
}

.proboximg:hover {
border : none;
margin : 0px auto 0px auto;
}


/*Sitemap CSS*/

.siteleft {
float : left;
width : 200px;
}

h4.siteheader {
text-align : left;
color : #59B4AD;
}



/*Alternate CSS Menus*/

a.nav2:link, a.nav2:visited, a.nav2:active {
text-decoration : none;
font-size : 0.6em;
color : #6e000d;
padding : 5px;
text-align : center;
text-transform : uppercase;
}

a.nav2:hover { 
text-decoration : underline;
}

a.nav3:link, a.nav3:visited, a.nav3:active {
text-decoration : none;
font-size : 0.6em;
color : #9d1d24;
padding : 5px;
text-align : center;
text-transform : uppercase;
}

a.nav3:hover { 
text-decoration : underline;
}

a.featured:link, a.featured:visited, a.featured:active {
display : block;
background-color : #ededed;
border-top : 2px solid #dcdcdc;
border-left : 2px solid #dcdcdc;
border-bottom : 2px solid #c0c0c0;
border-right : 2px solid #c0c0c0;
padding : 3px;
color : #666666;
}

a.featured:hover {
display : block;
background-color : #f1f1f1;
border-bottom : 2px solid #dcdcdc;
border-right : 2px solid #dcdcdc;
border-top : 2px solid #c0c0c0;
border-left : 2px solid #c0c0c0;
padding : 3px;
color : #999999;
}

h2.guide {
float : left;
font-size : 2em;
color : black;
}

small.guide {
float : right;
font-size : 0.7em;
color : #333333;
}



/*Style for Contact Form - style adapted from Net Tuts: http://net.tutsplus.com/tutorials/html-css-techniques/design-a-prettier-web-form-with-css-3/*/


/* form and results heading size */

.main_formhead, .formhead { 
font-size : 1em; 
color : #333333; 
text-align : center;
}

/* section fieldsets - it's common to make this border : 0; */

fieldset { 
border : none; 
}

/* form legends and dt "heading" */

legend, dt { 
font-weight : bold; 
color : red;
padding : 5px;
}

/* form label text */

label { 
color : #333333;
text-shadow : 2px 2px 2px white;
}

/* all inputs, select, and textarea */

input.med, input.short, select.med, textarea.textbox { 
padding : 9px;
border : solid 1px #E5E5E5;
outline : 0;
font : normal 13px/100% Verdana, Tahoma, sans-serif;
width : 200px;
background : #FFFFFF url('bg_form.png') left top repeat-x;
background : -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background : -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow : rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow : rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow : rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea.textbox {
width : 400px;
max-width : 400px;
height : 150px;
line-height : 150%;
}

/* to make focus stable in IE 6 */

* html input.button { 
color : #000;  
border : 1px solid #669900;
background-color : #cc9900;
}

* html input.button.hover { 
color : #000;  
border : 1px solid #6AB2C1;
background-color : #cc9900;
}

* html input.button.focus { 
color : #000000;  
border : 1px solid #6AB2C1;
background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */

input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
color : #000;  
border : 1px solid #6AB2C1;
background-color : #fff;
}

/* for the checkbox input */

input.checkbox {

  /* not styled on demo page */

}

/* error heading weight and color - bold is for the error reason text */

span.error, dt.error, strong.error { 
color : #cd0000; 
font-weight : bold; 
}

/* success heading color */

span.success { 
color : #669900; 
font-weight : bold; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */

abbr, .abbr { 
cursor : help; 
border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */

dl#result_dl_blockq dt, dl.result_dl_blockq dt {
color : #669900;
}

/* position result blockquote flush with parent */

dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
margin-left : 0;
}

/* style the input names in the result */

div#hf_form_div span.items {
font-weight : bold;
color : #cc9900;
}



/*Contact form 'Submit' button - adapted from Web Designer Wall: http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/*/

.button {
display : inline-block; 
vertical-align : baseline;
margin : 0 2px;
outline : none;
cursor : pointer;
text-align : center;
text-decoration : none;
font : 14px/100% Arial, Helvetica, sans-serif;
padding : .5em 2em .55em;
text-shadow : 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius : .5em; 
-moz-border-radius : .5em;
border-radius : .5em;
-webkit-box-shadow : 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow : 0 1px 2px rgba(0,0,0,.2);
box-shadow : 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
text-decoration : none;
}

.button:active {
position : relative;
top : 1px;
}

.white {
color : #606060;
border : solid 1px #b7b7b7;
background : #fff;
background : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background : -moz-linear-gradient(top,  #fff,  #ededed);
}

.white:hover {
background : #ededed;
background : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background : -moz-linear-gradient(top,  #fff,  #dcdcdc);
}

.white:active {
color : #999;
background : -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background : -moz-linear-gradient(top,  #ededed,  #fff);
}



/*Facebox CSS*/

#facebox .b {
background : url(facefiles/b.png);
}

#facebox .tl {
background : url(facefiles/tl.png);
}

#facebox .tr {
background : url(facefiles/tr.png);
}

#facebox .bl {
background : url(facefiles/bl.png);
}

#facebox .br {
background : url(facefiles/br.png);
}

#facebox {
position : absolute;
width : 100%;
top : 0;
left : 0;
z-index : 100;
text-align : left;
}

#facebox .popup {
position : relative;
}

#facebox table {
margin : auto;
border-collapse : collapse;
}

#facebox .body {
padding : 10px;
background : #fff;
width : 370px;
}

#facebox .loading {
text-align : center;
}

#facebox .image {
text-align : center;
}

#facebox img {
border : 0;
}

#facebox .footer {
border-top : 1px solid #DDDDDD;
padding-top : 5px;
margin-top : 10px;
text-align : right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height : 10px;
width : 10px;
overflow : hidden;
padding : 0;
border : none;
}



/*Photo Album CSS*/

#pabox {
background-color : #c0c0c0;
padding : 10px;
text-align : center;
margin : 0px auto 0px auto;
width : 500px;
}

.palinks {
text-align : center;
font-family : Arial;
width : 500px;
margin : 0px auto 0px auto;
}

.papic img{
border : 10px solid #cccccc;
}

.papic:hover img{
border : 10px solid white;
}

.papic:hover{
color : black; /* irrelevant definition to overcome IE bug */
}

a.papage {
background-color : white;
padding-top : 3px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px;
color : black;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-decoration : none;
}

a.papage:hover {
background-color : #cccccc;
font-size : 12pt;
padding-top : 3px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px;
color : #333333;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-decoration : none;
}



/*About Us Page Image Gallery CSS*/

.aboutdiv {
padding : 5px;
float : right;
width : 55%;
}

.sandydiv {
padding : 5px;
float : right;
width : 48%;
}

.aboutleft img {
padding : 5px;
float : left;
}

.aboutphotogal {
text-align : center;
padding : 2px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
background-color : white;
}

img.aboutpic {
border : 4px solid #c0c0c0;
padding : 2px;
}

img.aboutpic:hover {
border : 4px solid black;
padding : 2px;
}



/* POTW Slideshow CSS */

.slideshow { /*CSS for DIV containing each image*/
float : left;
width : 213px;
height : 250px;
text-align : left;
padding : 10px;
}

.slideshow img { /*Change "auto" below to a number (ie: 200px) to hard code dimensions of album images*/
width : 187px;
height : 196px;
}

#navlinks { /*CSS for DIV containing the navigational links*/
margin : 0px auto 0px auto;
text-align : center;
}

#navlinks a { /*CSS for each navigational link*/
margin-right : 8px;
margin-bottom : 3px;
background-color : white;
padding-top : 3px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px;
color : black;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-decoration : none;
}

#navlinks a.current { /*CSS for currently selected navigational link*/
margin-right : 8px;
margin-bottom : 3px;
background-color : white;
padding-top : 3px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px;
color : black;
font-weight : bold;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-decoration : none;
}

#navlinks a:hover {
background-color : #cccccc;
font-size : 12pt;
padding-top : 3px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px;
color : #333333;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-decoration : none;
}

#navlinks a:hover.current {
margin-right : 8px;
margin-bottom : 3px;
background-color : white;
padding-top : 3px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px;
color : black;
font-weight : bold;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-decoration : none;
}


/*FP Styling*/

.htabs, .hide {
list-style : none;
padding-bottom : 15px;
margin : 0px auto 0px auto;
}

.htabs li, .hide li {
text-align : center;
float : left;
border-bottom : 1px solid #cccccc;
}

h2.tablink, h2.tablink a {
list-style : none;
text-shadow : 1px 1px 1px #666666;
color : #b6c260;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
text-decoration : none;
display : block;
padding : 5px;
}

h2.tablink a:hover, h2.tablink a:active {
background-color : white;
color : #6bb0ad;
text-decoration : none;
}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine {
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
text-align : center;
padding : 5px;
margin : 5px;
}

.fp-box {
float : left;
text-align : center;
color : #6bb0ad;
padding : 5px;
width : 230px;
height : 250px;
}

.fp-text {
font-size : 0.9em;
display : block;
width : 240px;
}


/*Wrapsody Treasures Styling*/

h1.wrap {
color : #6e000d;
text-align : left;
font-weight : normal;
font-family : 'Rock Salt', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
padding : 5px 0px 0px 0px;
text-shadow : 1px 1px 1px white;
line-height : 100%;
margin : 10px 0px 0px 0px;
}

h2.wrap {
color : #9d1d24;
text-align : left;
font-weight : normal;
font-family : 'Rock Salt', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
padding-bottom : 2px;
text-shadow : 1px 1px 1px white;
padding : 5px 0px 0px 0px;
}

h3.wrap {
color : #b74742;
text-align : left;
font-weight : normal;
font-family : 'Rock Salt', Times, "Arial Narrow", Arial, Tahoma, "Trebuchet MS";
text-decoration : none;
text-shadow : 1px 1px 1px white;
}


.wtclear {
clear : both;
padding : 10px 10px 50px 10px;
}

.wtorder {
width : 520px;
height : 288px;
margin : 2px 0px 0px 10px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
background-color : white;
border : 2px solid #c0c0c0;
float : left;
} 

.wtimg {
border : none;
padding : 5px;
display : block;
float : left;
}

.wtright {
float : left;
display : inline;
margin : 10px 5px 10px 25px;
padding : 10px;
text-align : center;
}

.wtbottom {
width : 173px;
height : 100%;
background-color : #c0c0c0;
margin : 45px 0px 0px 0px;
padding : 5px;
color : #8C000F;
float : left;
border-top-left-radius : 0px;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
border-bottom-left-radius : 0px;
-moz-border-radius-topleft : 0px;
-moz-border-radius-topright : 10px;
-moz-border-radius-bottomright : 10px;
-moz-border-radius-bottomleft : 0px;
-webkit-border-radius-topleft : 0px;
-webkit-border-radius-topright : 10px;
-webkit-border-radius-bottomright : 10px;
-webkit-border-radius-bottomleft : 0px;
}


.wtthumb {
border : 4px solid white;
}

.wtthumb:hover {
border : 4px solid #c0c0c0;
}



/*Pug Notecard Page CSS*/

.pnthumb {
border : 10px solid white;
margin : 5px;
}

.pnthumb:hover {
border : 10px solid #c0c0c0;
margin : 5px;
}



/*The Pug Club*/

h1.tpc {
font-family : 'Tangerine', arial, serif;
color : #666666;
text-shadow : 1px 1px 1px white;
font-size : 200%;
}

h2.tpc {
font-family : 'Tangerine', arial, serif;
color : #333333;
text-shadow : 1px 1px 1px white;
font-size : 200%;
} 

span.tpc {
font-family : 'Tangerine', arial, serif;
color : #666666;
text-shadow : 1px 1px 1px white;
font-size : 120%;
}

#tpclogo {
padding : 5px;
border : none;
}

#tpcsidenav {
float : right;
background-color : white;
list-style : none;
margin : 0; 
padding : 5px;
border-radius : 10px;  
-moz-border-radius-bottomleft : 10px;  
-webkit-border-bottom-left-radius : 10px;
}

#tpcsidenav li a {
background-color : #E9E9E9;
text-shadow : 1px 1px 1px #E9E9E9;
display : block;
text-align : center;
color : #333333;
padding : 4px;
margin : 2px;
font-size : 0.9em;
text-decoration : none;
width : 140px;
height : 25px;
}

#tpcsidenav li a:hover {
color : black;
text-decoration : none;
background-color : #F0E3B6;
text-shadow : 1px 1px 1px white;
}

.tpcbox {
float : left;
margin : 5px;
padding : 5px;
width : 602px;
height : 260px;
background-color : white;
border : 2px solid white;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

.tpcbox:hover {
border : 2px solid #F0E3B6;
background-color : #F4F4F4;
}

a.tpcnav, a.tpcnav:hover {
display : block;
font-size : 3em;
font-family : 'Tangerine', Times, Arial;
color : #333333;
text-shadow : 1px 1px 1px white;
text-decoration : none;
}

a.tpcnav:hover {
color : #000000;
}

.tpcdes, .tpcdes:hover {
padding : 5px;
display : block;
font-size : 16px;
line-spacing : 18px;
font-family : Times, Arial;
color : #3e3e3e;
}

.tpcdes:hover {
color : black;
}

.tpcboximg {
border : 5px solid #F4F4F4;
margin : 0px auto 0px auto;
}

.tpcboximg:hover {
border : 5px solid white;
margin : 0px auto 0px auto;
}


/* Pugs on Parade Styles */

.pop img{
border : 10px solid #cccccc;
}

.pop:hover img{
border : 10px solid white;
}


/*Bottom Navigation*/

.bottomnav {
list-style : none; 
float : right;
}

.bottomnav li {
float : left;
}

.bottomnav li a {
display : block;
color : #333333;
margin : 4px;
padding : 4px;
font-size : 0.9em;
text-decoration : none;
}

.bottomnav li a:hover {
text-decoration : none;
color : #AA3230;
}

img.social {
border : none;
display : inline;
}

/* End CSS */