/*
Theme Name: Greyhounds template
Theme URI: http://www.greyhoundsthebook.com/
Description: Greyhounds :: Barbara Karant
<a href="http://www.greyhoundsthebook.com/">Greyhounds/a>.
Version: 1.0
Author: Laura Galindo
Author URI: http://lauragalindo.com/
Tags: blue, custom header, fixed width, two columns, widgets


	This theme was designed and built by Laura Galindo,
	whose blog you will find at http://lauragalindo.com/gblog

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

body {
	font-size: .6em; /* Resets 1em to 10px */
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #ccc;
	color: #000;
	text-align: center;

	}
img{ border:none;}

#page {
	background-color: white;
	text-align: left;
	border:1px solid #959596;
	margin:0px auto;
	padding:0;
	width:900px;
	margin-top: -3px;
	}

#header {
	background: #fff url(../Greyhounds/images/greyhounds_header.jpg) no-repeat top left;
	height:211px;
	}
#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 700px;
	clear:both;
	}
#imgleft {
	border:0;
	margin:0;
	padding:0;
	}
#content {
	background:#FFFFFF;
	padding-bottom:20px;
	}	
	
 /*====================================
 //          L I N K S
 //-----------------------------------*/
 
a {	color:#666; text-decoration:none;}
a img {	border: none;}
a:visited { color:#FF9900; text-decoration: none ;}


 /*==================================
 //           M E N U 
 //-----------------------------------*/

#menu{
	float:right;
	padding-right:0px;
	padding-top:14px;
	padding-left:0px;
	margin:0px;
	text-align:left;
	width:190px;
	text-indent: 0px;
}
#menu img{ border:none;}
/* This styles the unordered list element to remove bullets and align the text */
ul#nav {
   list-style-type : none;
   padding:0;

 }

 /*
  This styles the links. It�s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#nav a, ul#nav a.rss {
   padding : 2px 0px 0px 10px;
   width : 177px;
   height : 14px;
   display:inherit;
   display : block;
   text-decoration : none;
 }

 /* This gives the �rss� class link a background image */
 ul#nav a.one  {background :url(../Greyhounds/images/gh_menu_1_03.gif) no-repeat;}
 ul#nav a.two  {background :url(../Greyhounds/images/gh_menu_2_03.gif) no-repeat;}
 ul#nav a.three{background :url(../Greyhounds/images/gh_menu_3_03.gif) no-repeat;}
 ul#nav a.four {background :url(../Greyhounds/images/gh_menu_4_03.gif) no-repeat;}
 ul#nav a.five {background :url(../Greyhounds/images/gh_menu_5_03.gif) no-repeat;}
 ul#nav a.six  {background :url(../Greyhounds/images/gh_menu_6_03.gif) no-repeat;}
 ul#nav a.seven{background :url(../Greyhounds/images/gh_menu_7_03.gif) no-repeat;}
 ul#nav a.eight{background :url(../Greyhounds/images/gh_menu_8_03.gif) no-repeat;}
 ul#nav a.nine {background :url(../Greyhounds/images/gh_menu_9_03.gif) no-repeat;}

 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   margin-bottom : 2px;
 }

 /* This removes the default left margin (indentation) */
 ul#nav li {
   margin-left : 0px;
   
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn�t do it in this example. I didn�t feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
    background-position: 0 -15px;

   color : #fff;
 }

 /* This offers up a hover/focus state image for the �rss� class link */
 ul#nav a.rss:hover, ul#nav a.rss:focus {


 }

 /*
  This style the single state of the �current_page_item� class link. Not needed for
  the �rss� class link since that target page won�t display the menu
 */
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
    background-position: 0 -30px;
   cursor : default;

 }
 
 #copy{width:430px; padding-left:243px; line-height:18px; font-family: Helvetica, Arial, sans-serif; font-size:11px; color:#666; padding-top:10px;}

#copy b{color:#000000}


 /*==================================
 //          S U B M E N U 
 //-----------------------------------*/
 ul#submenu{padding:20px 0px 0px 30px}
 /* This is only necessary for IE6 else the link margins will collapse on hover */
ul#submenu li {margin-bottom : 10px;}

 /* This removes the default left margin (indentation) */
ul#submenu li {margin-left : 0;}

ul#submenu a:hover, ul#submenu a:focus, ul#submenu a:active {color:#666;}

ul#submenu li{ list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:9px;}

ul#submenu a { color:#000000;font-weight:bolder;    padding : 2px 0px 0px 2px;}

 ul#submenu li.current_page_item a, ul#submenu li.current_page_item a:hover,
 ul#submenu li.current_page_item a:focus, ul#submenu li.current_page_item a:active {
   cursor : default;
   color:#666;

 }
 

 /*==================================
 //          other
 //-----------------------------------*/
#imgleft{ padding-top:5px;}
#imgleft a {font-family:Arial, Helvetica, sans-serif; font-size:9px;  color:#666; padding-right:5px; }