/* g-r-a true css site */
html{
	height:100%;
}
body{
	height:100%;
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:medium;
	color:#222222;
	background:#A5CB39 url(../images/bg_houses.gif) 0 100% repeat-x ;
}
h1, h2, h3, h4, h5, p, a{
	border:0;
	margin:0;
	padding:0;
	padding-bottom:0.4em;
}
sup{
	font-size:70%;
}
h1{
	font-size:140%;
	color:#000000;
	font-style:oblique;	
}
hr {
	height:1px;
	border-bottom: 1px dotted #222;
}

a{
	text-decoration:none;
	color:#660000;
}
a:hover{
	color:#993300;
	text-decoration:underline;
}
ul{
	display:inline;
	padding:0;
	margin:0;
}
li{
	display:inline;
	padding:0 0 0 .6em;
	margin:0;
}
#monsters{
	width:100px;
	height:141px;
	background:#FFF url(http://www.g-r-a.co.uk/images/oorMonsters2.jpg) 50% 50% no-repeat;
	border:6px solid #FFF;
	position:absolute;
	left:20px;
	top:183px;
}
#blogSpace{
	position:relative;
	top:0;
	left:0;
	padding:5px;
	background-color:#FFF;
}
#gra_container{
	float:left;
	width:473px;
	position:absolute;
	top:5%;
	left:10%;
}
#gra_top{
	padding:0;
	margin:0;
	height:200px;	
}

#hiddenIcons{
	display:none;
	visibility:hidden;
}
.bird_peck_0{
	background:url(../images/css_gra_top.gif) 0 0 no-repeat;
}
.bird_peck_1{
	background:url(../images/css_gra_top_peck.gif) 0 0 no-repeat;
}
#msg{
	width:200px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#82AC2B;
}
#title_float{
	position:absolute;
	top:162px;
	margin-left:18px;
	font-size:200%;
	font-weight:700;
	font-style:oblique;
	color:#000;
	width:390px;
	border-bottom:1px dotted #666;	
	padding-top:.2em;
}
#mini_menu{
	float:right;
	position:relative;
	top:-2em;
	height:0;
	font-size:38%;
	padding:0;
	margin:0;
}

#gra_mid_container{	
	padding:6px 25px 10px 20px;
	min-height:300px;
	max-height:400px;
	height:auto !important;
	/* thanks to http://www.dustindiaz.com/min-height-fast-hack/ for the IE hack */
	background:url(../images/css_gra_mid.gif) 0 0 repeat-y;	
}

#gra_mid{
	overflow:auto;
	height:300px;
	background-color:#FFFFFF;
	padding-right:10px;
	padding-top:6px;
}
#gra_bot{
	padding:0;
	margin:0;
	background:url(../images/css_gra_bot.gif) no-repeat 100% 100%;
	height:53px;
}
#main_menu{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 15px 0 30px;
	color:#006600;
}
#main_menu li:first-child{
	border-left:1px solid #B37575;
}
#main_menu li{
	border-right:1px solid #B37575;
	padding-left:6px;
	padding-right:6px;
}
#fof{
	padding:10px 5px 5px 130px;
	background:#FFF url(../images/sad404.jpg) 5px 5px no-repeat;
}

/* ---------- twitter divs ----------- */
#twitter_div{
	width:354px;
	height:111px;
	position:fixed;
	right:0;
	bottom:10px;
	background-image:url(../images/twitter_bg.png);
}
#twitter_update_list{
	position:relative;
	top:20px;
	left:8px;
	width:229px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style:none;
	text-indent:0px;
	padding:0;
	margin:0;
}
/* classes */
.topper{
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#006600;
}
.topper a:hover{
	background-color:#006600;
	color:#FFFFFF;
}
.link{
	float:left;
	padding:6px 0 6px 0;
	border-bottom:1px dotted #CCC;
	width:100%;
}
.selected{
	text-decoration:underline;
	color:#CC0000;
}
.imHolder img{
	width:50px;
	height:50px;
	padding-right:5px;
	padding-bottom:5px;
	border:0;
	margin:0;
}
/* sneaky text tweakers */
.sm{
	font-size:small;
	font-weight:200;
}
.me{
	font-size:medium;
	font-weight:200;
}
.lg{
	font-size:large;
	font-weight:200;
}
.super_lg{
	font-size:xx-large;
}
.red{
	color:#FF0000;
}
.green{
	color:#669900;
}
.gray{
	color:#333333;
}

.testLight{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0;
	margin:0;
	padding-bottom:1.4em;
}
.testLightT{
	font-size:22px;
	color:#333333;
	line-height:.8em;
}
.testLightb{
	font-weight:200;
	font-size:14px;
	color:#000033;
}

/* ========== ETSY div parts ================ */
#etsy_div{
	display:none;
	float:right;
	position:relative;
	top:35%;
	right:20%;
	z-index:-1;
	width:190px;
	border:5px solid #CC6600;
	padding:10px;
	background-color:#FFF;	
}
#etsy_div h2{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	background-color:#CC6600;
	padding:10px;
	font-weight:100;
	text-align:center;
}
.etsyTop{
	background:#FFF url(http://www.etsy.com/images/logo.gif) 0 50% no-repeat;	
}

	
/* ======== in case I forget to delete the div for the 12 birds ====================================== */
#twelveBirds{
	display:none;
}
.invisibleHolder{
	display:none;
}