/* Bardash Kennels CSS */
/* This website, including design, artwork, PHP/XHTML/CSS code and hosting has been provided FREE OF CHARGE for Bardash Kennels, see site footer for latest copyright and contact info */

/* Global Rules */
ul, li, h1, h2, h3, form {border:0; margin:0; padding:0}
body {width:960px; margin:20px auto; background:url(../images/grey_stripe.gif)}
a {color:#360; text-decoration:underline}
a:hover {text-decoration:none}
.clearer {font-size:0px; clear:both}
div {background:#FFF}
h1, h2, h3 {color:#060; font-family:"Times New Roman", Times, serif}
h1 {text-indent:-9999px}
h2 {margin-top:8px;}
p, li {font-family:Arial, Helvetica, sans-serif; color:#666}

/* Header */
div#header {min-height:150px; margin-bottom:10px; border:1px solid #360}
div#header h1 {display:block; width:100%; min-height:150px}
div#header h1 a {display:block; min-height:150px; background:url(../images/logo.jpg) no-repeat}

/* Main navigation menu */
ul#mainnav {min-height:25px; margin-bottom:10px; border-top:1px solid #360; border-bottom:1px solid #060}
ul#mainnav li {float:left; padding-top:1px; width:20%; list-style:none; text-align:center; font-family:"Times New Roman", Times, serif}
ul#mainnav li a {display:block; font-size:1.2em; color:#FFF; font-weight:bold; text-decoration:none}
ul#mainnav li a:hover {font-style:normal}
body.home ul#mainnav li.nav_home a, body.norfolk ul#mainnav li.nav_norfolk a, body.norwich ul#mainnav li.nav_norwich a, body.gallery ul#mainnav li.nav_gallery a, body.contact ul#mainnav li.nav_contact a {color:#060}

/* Main content area */
div#main {padding:20px; border:1px solid #360; margin-bottom:20px; background:#FFF; font-size:0.9em}
div#main li {margin: 0 0 5px 20px}
div#main img.floatleft {float:left; margin:10px 20px 10px 10px}
div#main img.floatright {float:right; margin:10px 10px 10px 20px}
div.leftcol {float:left; width:450px}
div.rightcol {float:right; width:450px}

/* Contact Form */
form {float:left; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif}
form, input, textarea {width:350px}
form, form fieldset, form label {border:none}
label {display:block; margin-bottom:5px}
form label {color:#666; font-weight:bold}
input#submitbutton {width:30%}

/* Social networking links*/
p.facebooklink {font-size:0.8em}
p.facebooklink a {display:inline-block; padding:7px 5px 0 40px; min-height:32px; background:url(../images/fb.gif) top left no-repeat}
p.youtubelink {font-size:0.8em; margin-top:25px}
p.youtubelink a {display:inline-block; padding:7px 5px 0 40px; min-height:25px; background:url(../images/youtube.gif) top left no-repeat}

/* Photo Gallery */
div.photogallery {width:810px; margin:30px auto 0 auto}
div.photobox {width:250px; float:left; margin:0 9px 30px 9px; border:1px solid #CCC}
div.photobox p {text-align:center; padding:0 10px; font-size:0.8em}

/* Photo page */
body#photopage #photoframe {width:920px; padding:20px; margin:100px auto 0 auto; border:1px solid #CCC}
body#photopage #photoframe p {max-width:920px; text-align:center}
body#photopage h2 {text-align:center}

/* Footer */
div#footer {border:1px solid #360}
div#footer p {text-align:center; font-size:0.9em; color:#333; font-style:italic}
div#footer img {border:0}