﻿/*

Style Sheet for Borzoi.org
(c) 2006 Dave Mills

Set to fit the site within an 800px wide browser window

================================================*/ 
	
li		{ font-size: 75%; color:#222; font-style: normal; font-weight: normal; text-align:left;line-height: 1.2;}
	
p		{ font-size: 75%; color:#222; font-style: normal; font-weight: normal; text-align:left;line-height: 1.2;}
.p0			{ font-size: 100%;}
.p1			{ font-size: 70%;}
.p2			{ font-size: 65%;}
li.subnav	{ font-size: 70%;}
p.pnospace	{ margin-bottom:0;margin-top:0;width=200px}
p.continued	{ font-size: 75%;font-style: italic;}
p.copyright	{ font-size: 65%; text-align:right;}
p.arttitle	{ font: 100% Georgia, Times New Roman, Times, serif; color: black; font-weight: bold; /*text-align:left;*/ margin-bottom:0;margin-top:10px}
p.author	{ font: 75% Georgia, Times New Roman, Times, serif; color: #38302D; text-transform: uppercase; /*text-align:left;*/ margin-bottom:0;margin-top:0}
p.contact	{ background-color:#C0C0C0;font-style: italic; padding: 5px;}
p.caption	{ font-size: 70%;text-align:center;line-height:1.5em;margin-bottom:0;margin-top:0;}
p.lcaption	{ font-size: 75%;text-align:center;float:left;line-height:1.5em;margin-bottom:0;margin-top:0;}
p.credit	{ font-size: 55%;color:#888; text-align:right;line-height:1.2em;margin-bottom:0;margin-top:0;margin-right:10px;}
p.clear		{ clear:both;}

h1			{ font-family: Arial; font-size: 120%; line-height: 1.2;font-weight: bold; color: #000080;}
h2			{ font-family: Arial; font-size: 100%; line-height: 1.2;font-weight: bold; color: #000080}
h3			{ font-family: Arial; font-size: 85%; line-height: 1.2;font-weight: bold; color: #000080}
h4			{ font-family: Arial; font-size: 85%; line-height: 1.2;font-weight: bold; color: #000000}

/* Links 
================================================*/ 
a.p:visited { 
        border-bottom:1px dotted #469; 
        color:#00B; 
        text-decoration:none;
        line-height: 1.4;	/* leaves room at bottom of div's for link underlines */
} 
a.p:link { 
        border-bottom:1px dotted #469; 
        color:#00B; 
        text-decoration:none;
        line-height: 1.4;	/* leaves room at bottom of div's for link underlines */
} 
a.p:hover { 
        border-bottom:1px #f87d06;
        border-bottom-style:solid; 
        color:#f87d06;
} 
a.p:focus { 
        border-bottom:1px #f87d06;
        border-bottom-style:solid; 
        color:#f87d06;
} 
a.imglink:visited {border:none;} 
a.imglink:link {border:none;} 
a.imglink:hover {background:transparent;} 

/* Overall page layout
================================================*/
div		{ border: none;}

html 	{
		margin: 0;
		padding: 0;
		height: 100%;
}

body	{
		font-family:verdana,sans-serif;
		margin-top:0px;
		background:#030;
}
	
#wrapper {
		background: url(http://www.beingborzoi.com/images/luckyo.jpg) no-repeat;
		width: 780px;
		margin: 0 auto;
		min-height:334px;
/*		min-height:1334px;
*/}

#content  { /* Parent Wrapper for inside boxes */
		margin: 0px 30px 0px 30px;
		display: inline; /* IE Hack */
		padding: 20px;
		width: 680px;
		float: left;
		min-height: 370px;
/*		background:url(/images/opaque.png);
*/}

.formbutton{
		cursor:pointer;
		border:outset 1px #ccc;
		background:#999;
		color:#666;
		font-weight:bold;
		padding: 1px 2px;
		background:url(images/formbg.gif) repeat-x left top;
}

/* Navigation, common for all pages
================================================*/ 

#menu { /* Parent Wrapper for inside boxes */
 	margin: 80px 45px 5px 5px;padding:5px;
/*	display: inline; /* IE Hack */
	width: 710px;
	float: right;
/*	background:url(/images/opaque.png);
*/}

* html #menu {height:100px} /* IE Min-Height Hack */ 

/* adding the hover state */

#navlist_b {
  list-style-type:none; 
  padding:0; 
  height:1em; 
  margin:0 auto;
  }

#navlist_b li {
  display:block; 
  width:8.5em; 
  height:2em; 
  float:right; 
  margin-right:0.2em;
  }

#navlist_b a {
  /* set up the link height and width */
  display:block; 
  width:8.5em; 
  height:2em;
  
  /* give the links a relative position
  so that the ems can have an absolute position
  within each link */
  position:relative; 

  /* remove the text underline */
  text-decoration:none;
  }

  /* style the em */
#navlist_b a em {
	font-style: normal;
	text-align: center;
	color: #C30;
 
  /* give the em text the same overall size as the link */
	display: block;
	width: 8.5em;
	height: 1.5em;
	border-top: 0.5em solid #000;
/* give the em text a position absolute so that it will be
  taken out of the normal flow and control of the link */	position: absolute;
	top: 0;
	left: 0; /* make the link cursor appear when the mouse is over
  the em text */;
	cursor: pointer;
}

#navlist_b a:hover {
  /* add a default hover state for the links.
  This is necessary for IE to apply the hover state to
  the em */
  color:#0C0;
  }

#navlist_b a:hover em {
  /* recolor the em bottom border on hover */
  border-top:0.5em solid #0C0;
  }

#footer {
/*	background:transparent url(/images/opaque30.png);
*/	width: 680px;
	float: right;
 	margin: 20px 45px 5px 5px;padding:5px;
 	border-top:1px #444 solid;
 	}
/* Page Style for pages with two main columns and a left nav bar (index.html only)
================================================*/	

#centercolumn { /* Parent Wrapper for inside boxes */
 border: 0;
 margin: 5px 5px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px;
 width: 295px;
 float: left;
 min-height: 370px;
}
* html #centercolumn {height:370px} /* IE Min-Height Hack */ 

#rightcolumn {
 margin: 5px 5px 0px 15px;
 padding: 6px;
 display: inline; /* IE Hack */
 width: 295px;
 float: left;
 border: 0;
 min-height: 370px;
* html #rightcolumn {height:370px} /* IE Min-Height Hack */ 

#sitename {
	background:url(../images/site/title.jpg) no-repeat;
	width:235px;
	height:69px;
    display:block;
}	

