/*

Theme Name: Black & White

Theme URI: http://www.scottsk9.com

Description: Theme designed for Scott's K-9

Version: 2.0

Author: Steve Eddings

Author URI: http://www.steveeddings.com

Tags: Black, custom header, fixed width

*/



body {



	background-color:#000000;

	background-repeat:repeat-x;

	background-image: url(images/bgtop.jpg);



	background-position: 0 0;

	font-family: arial, Helvetica, sans-serif;

	font-size: 12px;	

	color: #000000;

	margin:0px;

	padding-left:15px;

	padding-right:15px;

	top-margin:0px;

	left-margin:0px;

}

p.nobg

{

	background-image:none !important;

	background-color:#FFFFFF;

}



p

{

	font:  12px "arial";

	font-weight:normal;

	line-height:1.3;

	margin:0px;

	}

	

p.body

{

font:  12px "arial";

color:#000000;

font-weight:normal;

margin-top:0px;

line-height:1.3;

	margin:0px;

	}







p.cal

{

font:  0px "arial";

color:#000000;

font-weight:normal;

margin-top:0px;

line-height:1.0em;

	padding-left:0px;

	padding-right:0px;

	margin:0px;

	}





.body a:link 

{ 

	color: #333333;

	font-weight:normal;

	}

	

.body a:visited

{ 

	

	color: #333333;

	font-weight:normal;

	}



.body a:hover

{ 

	

	color: #CCCCCC;



	font-weight:normal;

	text-decoration: none;

}



p.small

{

font-size:10px;



}





	

p.nolink

{ 

	font:  11px "arial";

	color: #000000;



	font-weight: normal;

	text-decoration: none;



	}

.nolink a:link

{ 

	font:  11px "arial";

	color: #000000;



	font-weight: normal;

	text-decoration: none;



	}

	.nolink a:visited

{ 

	font:  11px "arial";

	color: #000000;



	font-weight: normal;

	text-decoration: none;



	}



.nolink a:hover

{ 

	font:  11px "arial";

	color: #333333;



	font-weight: bold;

	text-decoration: none;

	}

/*White Font*/	

p.resources {font-size:11px;color:#000000;}

.resources a:link { color:#000000;font-weight:normal;text-decoration: none;}

.resources a:visited{color:#000000;font-weight:normal;text-decoration: none;}

.resources a:hover{ color: #000000;font-weight:normal;text-decoration: none;}



p.menu {font-size:11px;color:#000000;}

.menu a:link { color:#000000;font-weight:normal;text-decoration: none;}

.menu a:visited{color:#000000;font-weight:normal;text-decoration: none;}

.menu a:hover{ color: #680000;font-weight:normal;text-decoration: none;}



h1 	{

	background-image: url(images/h1.jpg);

	background-position:top left;

	background-repeat:no-repeat;

	color: #000000;

	font: 18px "arial";

	font-weight: bold;

	margin: 0;

	padding: 0;

	line-height:30px;

	padding-left: 20px;

	padding-top:5px;



}



h2

{	

	background-image: url(images/h2.jpg);

	color: #000000;

	background-position:left center;

	background-repeat:no-repeat;

	font: 17px "arial";

	font-weight: bold;

	line-height:20px;

	text-align: left;

	padding-left:0px;

	margin-bottom:0px;

	}

h3

{	

	background-image: url(images/h2.jpg);

	color: #000000;

	background-position:left center;

	background-repeat:no-repeat;

	font: 16px "arial";

	font-weight: bold;

	line-height:20px;

	text-align: left;

	padding-left:0px;

	margin-bottom:0px;



	}

	







th {

	background-color:#CCCCCC;

	color:#000000;

	font-weight:bold;

	text-align:center;

	}

	

td {

	font-family: arial, Helvetica, sans-serif;

	line-height: 1.3em;

	color: #000000;

}





.mininav{

list-style-type: none;

margin: 0;

padding: 0;

width: 250px; /* width of menu (don't forget to add border with below!) */

border-left: 5px solid #000000;

border-right: 5px solid #000000; /* thick left border of menu */



}



.mininav {

 border-top: 1px solid #000000;

}



.mininav li a{

background: white url(bg.jpg) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */

font: bold 11px Arial;

display: block;

color: #000000;

width: auto;



padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */

text-indent: 8px;

text-decoration: none;

}



.mininav li a:visited, .mininav li a:active{

color: #000000;

}



.mininav li a:hover{

background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */

color: black;

}



.mininav li.lastitem, .mininav li.lastitem a{

border-bottom-width: 0; /* For last menu item within menu, remove bottom border */

}



.mininav li.lastitem a{

padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */

}

.mininav li.lastitem, .mininav li.lastitem a{

border-bottom-width: 0; /* For last menu item within menu, remove bottom border */

}





.chromestyle{

width: 100%;

}



.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.chromestyle ul{

width: 100%;

background: url(images/topbar.jpg) center center repeat-x; /*THEME CHANGE HERE*/

padding: 0px 0;

margin:0;

padding-bottom: 0px;

text-align: center; /*set value to "left", "center", or "right"*/

}



.chromestyle ul li{

display: inline;



}



.chromestyle ul li a{

color: #FFFFFF;

line-height:30px;

font-family:arial;

font-size:12px;

font-weight:bold;

padding: 0px 30px;

margin: 0;

text-decoration: none;



}



.chromestyle ul li a:hover{

line-height:30px;

padding-top:6px;

padding-bottom:6px;

color: #000000;

background: url(images/topbar_over.jpg) center center repeat-x; /*THEME CHANGE HERE*/



}





.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/



/*content: " " url(images/linkbullet.gif); /*uncomment this line to use an image instead*/

}





/* ######### Style for Drop Down Menu ######### */



.dropmenudiv{

position:absolute;

line-height:14px !important;

top: 0;

font-size:10px !important;

font-weight:normal !important;

background-color:#EEEEEE !important;

background-repeat: no-repeat;

border:1px #cccccc solid !important;

padding-top:0px !important;

padding-bottom:0px !important;

padding-left: 0px !important;

text-align:left !important;

z-index:100 !important;

width: 250px !important;

visibility: hidden;

}





.dropmenudiv a{

width: auto !important;

line-height:14px !important;

display: block !important;

text-indent: 3px !important;

border-bottom: 1px solid #BBB !important; /*THEME CHANGE HERE*/

padding: 3px 0 !important;

padding-left:7px !important;

text-decoration: none !important;

font-weight: normal !important;

color: #000000 !important;

}



* html .dropmenudiv a{ /*IE only hack*/

width: 100%;

}



.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

  	background-color:#000000 !important;

	color:#FFFFFF !important;

	font-weight:bold !important;

	background-image:NONE  !important;

}



form {	margin:0;}

select {background-color: #000000;color:#FFFFFF; font-weight:normal;font-size:9px;}

option {padding-left:15px;background-color: #000000;color:#FFFFFF; font-weight:normal; font-size:9px;}

option.blue {padding-left:0px; background-color: #000000;color:#FFFFFF; font-weight:normal; font-size:9px;}

form {margin:0px;}

.shadowcontent, .shadow {
   position: relative;
   bottom: 4px;
   right: 4px;
 }
 .shadow { background-color: #ccc; }
 .shadowcontent {
   background-color: #fff;
   color: #000;
   border: 1px solid #000;
   padding: 0.5em;
 }
 .shadowcontainer { width: 600px; }