/* custom file for metrobark.com */

body.custom {background-color: #314a51; background-image: url(images/rampBkgd.jpg); background-repeat: repeat-x; background-position: top;}
body.custom #page {background-color: white;}

.photo-gallery #content_area h2 {
margin-top: 1em;	
}


/* customize divs */
.custom #header_area .page, .custom #content_area .page {background-color: white;}
.custom #header_area {padding-top: 2em;}
.custom #header_area #header {background-image: url(images/metrobarkLogo.gif); background-position: bottom left; background-repeat: no-repeat;}
.custom #header_area #tabs {height: 24px;}
.custom #content_area .page {padding-bottom: 2em;}
.custom #content_area #content_box {background-image: url(images/puppyBkgd.gif); background-repeat: no-repeat; background-position: top center;}

/* custom header */
body.custom #header {background-color: #fff; background-image: url(/wp-content/themes/thesis/custom/images/header.jpg); background-repeat: no-repeat; height: 94px; padding: 0 0 .5em 0; margin: 0; border-bottom: 3px solid #732B00;}

/* remove borders */
#header, .post_box, #footer {border: none;}
#content_box {background-image: none;}

/* nav menu styles */
.custom #tabs {text-align: center;}
.custom ul#tabs {list-style: none; border: none; border-width: 0 0 1px 1px;}
.custom ul#tabs li { margin-bottom: -0.1em; background: transparent; border-right:2px solid #732B00; border-top: none; border-bottom: none; border-left: none; float: left; width: 135px; font-size: 1.7em; line-height: .5em;}
.custom ul#tabs li.page-item-7 {border-right: none;}
.custom ul#tabs li.current, ul#tabs li.current-cat { padding-bottom: 0.1em; border-bottom: 0; }
.custom ul#tabs li a { display: block; line-height: .5em; color: #732B00; text-transform: capitalize; letter-spacing: 2px; }
.custom ul#tabs li a:hover { color: #314a51; background-color: #e3e3e3; text-decoration: none; }
.custom ul#tabs li.current a, ul#tabs li.current-cat a { cursor: default; }
.custom ul#tabs li.current a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; }
.custom ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; }
.custom ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; }

/* tagline */
.custom #tagline {float: right; margin: 35px 10px 0 0; color: #005B73; text-align: right;}
.custom #tagline h2   {font: bold italic 1.3em Arial, Helvetica, sans-serif; color: #005B73;}
.custom #tagline p   {font: 1em Arial, Helvetica, sans-serif; color: #005B73;}
.custom #tagline .smallphone {font-size: .7em; font-weight: normal;}

/* restyle HTML */
.custom .headline_area h2, .custom .headline_area h1  {font-weight: bold; color: #314A51;}
.custom .sidebar {font-family: Helvetica, Arial, sans-serif;}
.custom .widget h3 {color: #005B73; font-size: 16pt; letter-spacing: 0; font-variant: normal; background-image: url(images/puppyHeader.png); background-repeat: no-repeat; padding-left: 35px; font-family: Georgia, sans-serif;}
.custom .widget ul li a {color: #732B00; font-weight: bold; font-size: 1.1em;}
.custom .widget .sideposts_date {display: none;}

.custom .wys-text ul {list-style-type: disc; margin-left: 20px;}
.custom .wys-text ul li {padding: 0; margin: 0;}

.custom #content_area .headline_area h1, .custom #content_area h2  {color: #732B00;}
.custom #content_area h2 {margin: 0; padding: 0; font-weight: bold;}
.custom #content_area .format_text h3 {margin: 0; padding: 0; font-weight: bold; color: #314a51;}
.custom #content_area p {margin: 0 0 .75em 0; padding: 0;}
.photo-gallery #content_area h2 {margin-top: 1em;}


.toplinks {color: #314a51; border-bottom: 1px dotted gray; margin-bottom: 1em;}
.groomlist td {padding: 4px; border-bottom: 1px solid #314a51;}

.bio_page #content_area .format_text h3 {margin-top: 3em; padding-top: 1em; border-top: 1px dotted #314a51;}

ul#wwo li {list-style-type: square; margin-left: 1em; padding: 0; margin-bottom: 0;}

/* customize multimedia box */
.custom #image_box, .custom #image_box img {background: none; border: none;}

/* cert forms */
.format_text input, #commentform input, #commentform textarea {width: 200px;}
.wpcf7-validates-as-required textarea {width: 450px;}
.format_text input #commentform .wpcf7-acceptance {width: 20px;}
table.signupforms td.label {width: 80px; text-align: right; padding: 6px 8px 4px 0;}
table.signupforms td.field {width: 220px;}
table.signupforms .note {font-weight: bold; padding: 1.2em 0 0 0;}


/* custom footer */

.custom #footer {background-color: #314A51; color: white; font-size: 1em; font-weight: bold; padding: 0; margin: .5em 0 0 0; text-align: center; letter-spacing: .25em;}
.custom #footer a {color: white;}
.custom #footer #footer_note {letter-spacing: 0em;}


/* links page */

.links .format_text img {margin-bottom: 4em;}
.links #content_area .format_text h3 {font-size: 1em; margin: 2em 0 1em 0;}