/***
*
*  Vizslapup.com Dynamic Stylesheet
*  Designed and Coded by Josh Stodola
*  Questions? Comments? Suggestions?
*  http://blog.josh420.com/contact.aspx
*
*/

/***
 *
 *  Vizslapup.com Main Stylesheet
 *  Designed and Built by Josh Stodola
 *  Questions? Comments? Suggestions?
 *  http://blog.josh420.com/contact.aspx
 *
 */

html, body, form, div, h1, h2, h3, h4, h5, h6, ul, li, p {
  border:0;
  cursor:default;
  margin:0;
  padding:0;
}

body {
  background:#201a0f url(i/bg.jpg) repeat fixed center;
  font-family:Garamond, Georgia, Times New Roman;
  font-size:100%;
  margin:0;
  padding:0;
}

form label {
  color:#444;
  display:block;
  font:small-caps 15px georgia;
  letter-spacing:1px;
  text-indent:-5px;
}

form label.option {
  display:inline;
  font:12px sans-serif;
  letter-spacing:0;
}

form label small {
  font-size:11px;
  font-variant:normal;
}  

form input[type="text"],
form input[type="password"],
form input[type="file"],
form input[type="submit"],
form textarea {
  background:transparent;
  border:solid 1px #333;
  font:14px georgia, "times new roman";
  margin:0 0 5px 0;
  padding:5px;
}

form input[type="text"],
form textarea {
  cursor:text;
}

form input[type="file"] {
  cursor:default;
  margin:0;
}

form input[type="submit"] {
  clear:both;
  cursor:pointer;
  margin:0;
}

p {
  font-size:1.2em;
  line-height:1.4em;
  margin:0 0.3em 1.3em 0.3em;
  text-align:justify;
}

ul {
  list-style-type:none;
  margin:0 0 1.3em 0;
}

.clear {
  clear:both;
  height:0px;
}

h3.message {
  border-style:double;
  border-width:3px 0;
  font-size:1.4em;
  margin:0 auto 1.1em auto;
  padding:5px;
  width:90%;
}

h3.success {
  border-color:#070;
  color:#070;
}

h3.error {
  border-color:#c00;
  color:#c00;
}

p.last {
  margin-bottom:0;
  padding-bottom:10px;
}

:focus {
  outline:0;
}

@media screen, projection, tv {

    #wrapper {
      margin:25px auto;
      width:800px;
    }

    #header {
      background:url(i/header.png) no-repeat;
      height:194px;
      padding-top:20px;
      text-align:center;
      width:100%;
    }

      #header h1 {
        height:120px;
        margin:0 auto;
        padding:0;
        text-indent:-9000px;
        width:560px;
      }

      #header ul {
        list-style-type:none;
        height:61px;
        margin:15px 0 0 0;
        padding:0;
        width:800px;
      }

        #header ul li {
          float:left;
          margin:0;
          padding:0;
        }

          #header ul li a {
            background:url(i/header.png) no-repeat 0 -155px;
            display:block;
            height:61px;
            overflow:hidden;
            text-indent:-9000px;
          }

          #header ul li a:hover {
            background-position:0 -213px;
          }


          #header ul #nav-home a {
            background-position:0 -279px;
            width:104px;
          }

          #header ul #nav-home a:hover {
            background-position:0 -217px;
          }

          #header ul #nav-home a.here,
          #header ul #nav-home a:active,
          #header ul #nav-home a.here:hover {
            background-position:0 -155px;
          }

          #header ul #nav-about a {
            background-position:-104px -279px;
            width:122px;
          }

          #header ul #nav-about a:hover {
            background-position:-104px -217px;
          }

          #header ul #nav-about a.here,
          #header ul #nav-about a:active,
          #header ul #nav-about a.here:hover {
            background-position:-104px -155px;
          }

          #header ul #nav-references a {
            background-position:-226px -279px;
            width:151px;
          }

          #header ul #nav-references a:hover {
            background-position:-226px -217px;
          }

          #header ul #nav-references a.here,
          #header ul #nav-references a:active,
          #header ul #nav-references a.here:hover {
            background-position:-226px -155px;
          }

          #header ul #nav-breeding a {
            background-position:-377px -279px;
            width:128px;
          }

          #header ul #nav-breeding a:hover {
            background-position:-377px -217px;
          }

          #header ul #nav-breeding a.here,
          #header ul #nav-breeding a:active,
          #header ul #nav-breeding a.here:hover {
            background-position:-377px -155px;
          }

          #header ul #nav-media a {
            background-position:-505px -279px;
            width:89px;
          }

          #header ul #nav-media a:hover {
            background-position:-505px -217px;
          }

          #header ul #nav-media a.here,
          #header ul #nav-media a:active,
          #header ul #nav-media a.here:hover {
            background-position:-505px -155px;
          }


          #header ul #nav-links a {
            background-position:-594px -279px;
            width:83px;
          }

          #header ul #nav-links a:hover {
            background-position:-594px -217px;
          }

          #header ul #nav-links a.here,
          #header ul #nav-links a:active,
          #header ul #nav-links a.here:hover {
            background-position:-594px -155px;
          }


          #header ul #nav-contact a {
            background-position:-677px -279px;
            width:123px;
          }

          #header ul #nav-contact a:hover {
            background-position:-677px -217px;
          }

          #header ul #nav-contact a.here,
          #header ul #nav-contact a:active,
          #header ul #nav-contact a.here:hover {
            background-position:-677px -155px;
          }


      #message {
        background:transparent url(i/body-top.gif) no-repeat bottom;
        color:#ddd;
        font:small-caps 1em Georgia;
        font-weight:normal;
        letter-spacing:0.1em;
        margin:0;
        padding:11px 0 20px 0;
        text-align:center;
        word-spacing:4px;
      }


      #body {
        background:#dedede url(i/body-bg.gif) repeat-y;
        padding:0 15px;
      }
      
        #body a {
          color:#070;
          text-decoration:none;
        }
        
        #body a:active {
          color:#a88129;
        }
        
        #body a:hover {
          color:#a88129;
          text-decoration:underline;
        }
        
        #body h2 {
          clear:left;
          font-size:2.8em;
          font-weight:normal;
        }

        #body ol li {
          font-size:1.05em;
          margin:0 0 14px 0;
        }

        #body ul li {
          background:url(i/bullet.png) no-repeat 0px 5px;
          font-size:1.05em;
          margin:0 0 14px 0;
          padding-left:14px;
        }
        
        
      #footer {
        background:transparent url(i/body-bottom.gif) no-repeat;
        clear:both;
        color:#888;
        font:11px arial, sans-serif;
        padding:30px 0;
        text-align:center;
      }

	    #footer a {
	      color:#ccc;
	      text-decoration:none;
	    }

	    #footer a:active {
	      color:#444;
	    }

	    #footer a:hover {
	      color:#ddd;
	      text-decoration:underline;
	    }
	
    #live {
      float:right;
      margin:6px 0 -20px 10px;
    }
}



@media print {

    a, a:visited {
      color:#444; 
      text-decoration:none;
    }
    
    a.here {
      color:#000;      
      font-weight:bold;
    }
    
    #body ul {
      list-style-type:disc;
      margin:0 0 0 20px;
    }
    
    #body ul li {
      margin-bottom:15px;
    }
    
    #logo {
      font-size:72px;
    }
    
    #header ul {
      border-bottom:double 3px #000;
    }
    
    #header ul li {
      display:inline;
      padding-right:15px;
    }
    
    #message {
      display:none;
    }

    #footer {
      border-top:double 3px #777;
      font-style:italic;
      margin-top:25px;
      padding-top:10px;
    }

    form,
    img,
    .specs,
    #monthlyPhotos {
      display:none;
    }
}